﻿/* Normal Weight */
@font-face {
  font-family: "DINPro";
  src: url("/fonts/DINPro.otf");
  font-weight: 400;
  font-style: normal;
}

/* Light Weight */
@font-face {
  font-family: "DINPro-Light";
  src: url("/fonts/DINPro-Light.otf");
  font-weight: 300;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: "DINPro-Bold";
  src: url("/fonts/DINPro-Bold.otf");
  font-weight: 600;
  font-style: normal;
}

/*
--------------------------------------------------

Typography 2.0 - copied from typography.css with everything but font-family removed

-------------------------------------------------- 
*/

/* Body */

body,
input,
textarea,
label,
.control-label,
.form-control {
  font-family: "DINPro";
}

/* h1 */

h1 {
  font-family: "DINPro";
}

/* h2 */

h2 {
  font-family: "DINPro";
}

/* h3 */

h3 {
  font-family: "DINPro";
}

/* h4 */

h4 {
  font-family: "DINPro";
}

/* h5 */

h5 {
  font-family: "DINPro";
}

/* h6 */

h6 {
  font-family: "DINPro";
}

/* p.heading, span.heading */

p.heading,
span.heading {
  font-family: "DINPro";
}

/* p.heading.sm, span.heading.sm */

p.heading.sm,
span.heading.sm {
  font-family: "DINPro";
}

/* p.heading.lg, span.heading.lg  */

p.heading.lg,
span.heading.lg {
  font-family: "DINPro";
  font-weight: 600;
}

/* .intro */

.intro {
  font-family: "DINPro";
}

/* .intro.sm */

.intro.sm {
  font-family: "DINPro";
}

/* .intro.lg */

.intro.lg {
  font-family: "DINPro";
}

/* .secondary-heading */

.secondary-heading {
  font-family: "DINPro";
}

/* .secondary-heading.sm */

.secondary-heading.sm {
  font-family: "DINPro";
}

/* .secondary-heading.lg */

.secondary-heading.lg {
  font-family: "DINPro";
}
/* blockquote, blockquote p.quote, .quote */

blockquote,
blockquote p.quote,
.quote {
  font-family: "DINPro";
}

/* blockquote p.quote.sm, .quote.sm */

blockquote p.quote.sm,
.quote.sm {
  font-family: "DINPro";
}

/* blockquote p.quote.lg, .quote.lg */

blockquote p.quote.lg,
.quote.lg {
  font-family: "DINPro";
}

/* btn */

.btn {
  font-family: "DINPro-Bold";
}

/* .btn.btn-sm */

.btn.btn-sm {
  font-family: "DINPro-Bold";
}

/* .btn.btn-lg */

.btn.btn-lg {
  font-family: "DINPro-Bold";
}

/* Navigations */

/* Main Navigation */

nav.main > ul {
  font-family: "DINPro";
}

/* Secondary Navigation */

nav.secondary > ul {
  font-family: "DINPro";
}

@media (min-width: 992px) {
  nav.secondary > ul {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    max-width: 1350px;
    margin: 0 auto;
  }
}

/* Navigation Dropdowns */

nav.main > ul ul,
nav.secondary > ul .dropdown-menu,
nav.secondary > ul .dropdown-menu a {
  font-family: "DINPro";
}

/* Sub Navigation */

nav.sub > ul {
  font-family: "DINPro";
}

/* Footer Navigation */

nav.footer-navigation > ul {
  font-family: "DINPro";
}

/* Breadcrumb Navigation */

.breadcrumb-trail ol.breadcrumb {
  font-family: "DINPro";
}

/* Anchor Navigation Component */

.component.usn_cmp_anchornavigation ul.nav {
  font-family: "DINPro";
}

/* Accordion / Tabs */

.repeatable .tab {
  font-family: "DINPro";
}

/* Logo */

header#site-header #logo.no-image span {
  font-family: "DINPro";
}

/* CONTAINER */
@media (max-width: 767px) {
  .container {
    width: 90%;
  }
}

/* IMAGE SIZING */
section.content.component.usn_cmp_text img {
  width: auto;
  margin-right: 20px;
}
/* TODO check with SWR*/
section.content.component:not(.usn_cmp_banner):not(.usn_cmp_gallery) img {
  width: auto;
  margin-right: 20px;
  /*width: 100%;
    height: auto;*/
}

/*homepage header*/

/*html.nav-down:not(.reached-top) header#site-header, 
html.nav-up:not(.reached-top) header#site-header, 
html.nav-down:not(.reached-top) header#site-header.header-bg-solid, 
html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
    background: rgba(var(--header-bg-color1), 1);
}*/

/*@media (min-width: 992px) {
    html body.header-05-lg.homepage header#site-header,
    html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header,
    html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header,
    html.nav-down:not(.reached-top)
    body.header-05-lg.homepage
    header#site-header.header-bg-solid
    html.nav-up:not(.reached-top)
    body.header-05-lg.homepage
    header#site-header.header-bg-solid {
        background: rgba(0, 59, 74, 0.4);
    }
}*/

/*body.header-05-lg.homepage main{*/
/*    margin-top: -280px;*/
/*}*/

/*body.header-05-lg.homepage header#site-header nav.secondary {*/
/*    background-color: transparent;*/
/*}*/
/*body.header-05-lg.homepage header#site-header nav.secondary ul li a{*/
/*    color: white;*/
/*}    */

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {*/
/*    min-height: 50px;*/
/*    height: 50px;*/
/*    padding-left: 60px;*/
/*    background-color: white;*/
/*    color: black;*/
/*}*/

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {*/
/*     background-color: white; */
/*     color: black; */
/*         border: solid 1px black;*/
/*    border-right: none;*/
/*}*/

/*body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn:hover {*/
/*     background-color: white; */
/*     color: black; */
/*     border: solid 1px black;*/
/*    border-right: none;*/
/*}*/

/*@media (min-width: 992px) {*/
/*  body.homepage nav.main {*/
/*    background: transparent; */
/*  }*/
/*    body.homepage nav.main li a {*/
/*      color: #ffffff; */
/*    }*/
/*  body.homepage nav.main li a:hover {*/
/*    color: #ffffff;*/
/*    } */
/*    body.homepage header#site-header nav.main {*/
/*        border-top: none;*/
/*    }*/

/*}*/

/*html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {*/
/*    top: -200px;*/
/*}*/
/*html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header#site-header nav.main {*/
/*    background-color: black;*/
/*}*/

/*html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header::after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 80px;*/
/*    position: absolute;*/
/*    top: 200px;*/
/*    right: 0;*/
/*    left: 0;*/
/*    background-color: #000000;*/
/*}*/

/*body{*/
/*    line-height:1em;*/
/*}*/

.dropdown.category button,
.dropdown.filter button {
  /* width: 100%; */
  border-color: #ffdc00;
  background: #ffdc00;
  font-weight: normal;
}

.btn,
button.btn,
.download-link a,
.download-link a:hover,
.download-link-middle-align a,
.download-link-middle-align a:hover,
.download-button a,
.download-button a:hover,
.investor-pod-button a,
.investor-pod-button a:hover {
  position: relative;
  text-align: center;
  font-weight: bold;
  box-shadow: none;
  white-space: normal;
  font-size: 2.08333vw;
  padding: 1.4vw 2.08333vw 1.4vw 2.08333vw;
  border-width: 0.15625vw;
  -webkit-border-radius: 2.39583vw;
  -moz-border-radius: 2.39583vw;
  -ms-border-radius: 2.39583vw;
  border-radius: 2.39583vw;
  line-height: 1;
}

/*.btn, button.btn,
.download-link a, .download-link a:hover,
.download-link-middle-align a, .download-link-middle-align a:hover,
.download-button a, .download-button a:hover,
.investor-pod-button a, .investor-pod-button a:hover {
    position: relative;
    text-align: center;
    font-weight: bold;
    box-shadow: none;
    white-space: normal;
    font-size: 32px;
    padding: 20px 32px 18px 32px;
    border-width: 3px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    line-height: 1;
}*/

@media (max-width: 991px) {
  .btn,
  button.btn,
  .download-link a,
  .download-link a:hover,
  .download-link-middle-align a,
  .download-link-middle-align a:hover,
  .download-button a,
  .download-button a:hover,
  .investor-pod-button a,
  .investor-pod-button a:hover {
    font-size: 32px;
    padding: 20px 32px 17px 32px;
    border-width: 3px;
    -webkit-border-radius: 36.8px;
    -moz-border-radius: 36.8px;
    -ms-border-radius: 36.8px;
    border-radius: 36.8px;
  }
}
@media (min-width: 1740px) {
  .btn,
  button.btn,
  .download-link a,
  .download-link a:hover,
  .download-link-middle-align a,
  .download-link-middle-align a:hover,
  .download-button a,
  .download-button a:hover,
  .investor-pod-button a,
  .investor-pod-button a:hover {
    font-size: 36px;
    padding: 22px 36px 19px 36px;
    border-width: 3px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
  }
}

.btn-yellow {
  background: #ffdc00;
  border-color: #ffdc00;
  color: #1f2123;
}

.btn-yellow:hover {
  background: white;
  border-color: #ffdc00;
  color: #1f2123;
}

div.share-page .btn-yellow {
  background: #ffdc00;
  border-color: #ffdc00;
  color: #1f2123;
  /* padding: 14px 26px;*/
  /*border-width: 3px;
    margin-left: 20px;*/
}

div.share-page:hover .btn-yellow {
  background: #ffffff;
  color: white;
}

.btn-default,
.download-link a,
.download-link-middle-align a,
.download-button a,
.investor-pod-button a {
  background: white;
  border-color: #ffdc00;
  color: #1f2123;
}

.btn-default:hover,
.download-link a:hover,
.download-link-middle-align a:hover,
.download-button a:hover,
.investor-pod-button a:hover {
  background: #ffdc00;
  border-color: #ffdc00;
  color: #1f2123;
}

/* download buttons */

.btn-default,
.download-link a,
.download-link a:hover,
.download-link-middle-align a,
.download-link-middle-align a:hover,
.download-button a,
.download-button a:hover,
.investor-pod-button a,
.investor-pod-button a:hover {
  /* background: white;
        border: solid #ffdc00 2px;
        color: #1F2123;*/
  margin-top: 20px;
  margin-bottom: 20px;
}

/*.btn-default:hover,
        .download-link a:hover,
        .download-link-middle-align a:hover,
        .download-button a:hover,
        .investor-pod-button a:hover {
            background: #ffdc00;
        }*/

.download-share-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 991px) {
  .btn.btn-download {
    font-size: 24px;
  }
}

/*------RESOURCE CENTRE ---------------*/

.resource-centre .categories {
  color: #1f2123;
  font-weight: bold;
  /*font-size: 0.9375vw; */
  font-size: 14px;
}

@media (min-width: 1920px) {
  .resource-centre .categories {
    /*font-size: 18px; */
  }
}

@media (max-width: 991px) {
  .resource-centre .categories {
    /*font-size: 15.23077px; */
  }
}

.resource-centre .categories span {
  color: #555c64;
  font-weight: normal;
}

/* .resource-centre .date {
  color: #1f2123;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
} */

.resource-centre {
  line-height: 1.3em;
  font-family: "DINPro";
}

.dropdown {
  display: inline-block;
  /*margin-bottom: 1.04167vw;*/
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 25px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown .dropdown-menu > li > a {
  color: #1f2123;
  white-space: normal;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1em;
  padding-bottom: 0;
  padding-top: 13px;
}

.dropdown .dropdown-menu > li > a:hover,
.dropdown .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

/*@media (min-width: 1920px) {
        .dropdown {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 767px) {
        .dropdown {
            margin-bottom: 10px;
        }
    }*/

.dropdown.category,
.dropdown.filter {
  /*width: 100%;*/
  /*display: block;*/
  /*height: 45px;*/
}

.dropdown.category button,
.dropdown.filter button {
  /*width: 100%;*/
  border-color: #ffdc00;
  background: #ffdc00;
  font-weight: bold;
}

.dropdown.filter {
  display: inline-block;
  /*width: 100%;*/
}

.dropdown.filter button,
.dropdown.filter ul {
  width: 100%;
}

.dropdown.show ul {
  /*top: vw(70px);*/
  /* z-index: 1001;*/
  /*width: max-content;*/
  /*    margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;*/
}

.dropdown.show ul {
  z-index: 1001;
  width: 100%;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

ul.dropdown-menu.show {
  z-index: 1001;
  width: 100%;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dropdown .dropdown-menu {
  background: #ffdc00;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -ms-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  -ms-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border: 0;
  top: initial;
}

.dropdown .dropdown-menu > li {
  padding: 3px 4px;
}

.dropdown .dropdown-menu > li > a {
  color: #1f2123;
  white-space: normal;
  padding-left: 1em;
  text-indent: -1em;
}

.dropdown .dropdown-menu > li > a > span {
  display: block;
  /*border-bottom: 1px solid white;*/
  padding: 0 12px 8px 12px;
}

.dropdown .dropdown-menu > li:last-child > a > span {
  border: 0;
}

@media (max-width: 767px) {
  .dropdown.filter button {
    margin-top: 0;
  }
}

.dropdown.dropdown-white.filter button {
  border-color: #ffdc00;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

/*    .dropdown.dropdown-white.filter button {
        border-color: #ffdc00;
        background: #ffffff;
        font-weight: bold;
    }*/

.dropdown.dropdown-white.filter button:hover {
  background: #ffdc00;
}

.btn.btn-matrix,
.btn.btn-matrix:hover {
  /*width: 100%;*/
  display: inline-block;
  background: #ffdc00;
  color: #1f2123;
}
@media (max-width: 991px) {
  .btn.btn-matrix,
  .btn.btn-matrix:hover {
    font-size: 24px;
  }
}

.container.matrix-download-buttons {
  text-align: center;
}

@media (max-width: 991px) {
  .container.matrix-download-buttons .dropdown.filter,
  .container.matrix-download-buttons .btn.btn-download {
    width: 49%;
  }
  .container.matrix-download-buttons .dropdown.filter .btn.btn-matrix {
    width: 100%;
  }
  .container.matrix-download-buttons .btn.btn-download {
    padding: 20px 12px 17px 12px;
  }
}

@media (max-width: 767px) {
  .container.matrix-download-buttons .dropdown.filter,
  .container.matrix-download-buttons .dropdown.filter .btn.btn-matrix,
  .container.matrix-download-buttons .btn.btn-download {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container.matrix-download-buttons {
    padding-left: 0;
    text-align: left;
  }
}

.dropdown.filter button .ion-chevron-down:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f3d0";
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.dropdown .dropdown-menu > li {
  padding: 3px 4px;
  width: max-content;
  min-width: 100%;
}

.item.item_block.usn_cmp_productorapplicationpagetop.col-xl-6.col-md-6.order-md-2.order-2.col-12 {
  position: relative;
  z-index: auto;
  overflow: visible;
}

.promoted-resources {
  background-color: #ffdc00;
  padding-top: 20px;
  margin: 2.08333vw auto;
}

#promoted-resources-list > div a .type,
#resources-list > div a .type,
.related-resources > div a .type,
#image-library-list > div a .type {
  color: #1f2123;
  line-height: 1;
  font-weight: bold;
  font-size: 26px;
}

/* #promoted-resources-list > div a .date,
#resources-list > div a .date,
.related-resources > div a .date,
#image-library-list > div a .date {
  display: block;
  color: #1f2123;
  font-weight: 300;
  line-height: 1; */
/*font-size: 1.30208vw;*/
/*float: right;*/
*/ #promoted-resources-list > div a .date,
#resources-list > div a .date,
.related-resources > div a .date,
#image-library-list > div a .date {
  display: inline-block;
  width: auto;
  border-radius: 12px;
  background-color: #eeeeee;
  font-size: small;
  padding: 0px 15px;
  margin: 0px 10px 15px 0;
}

#promoted-resources-list > div a .details,
#resources-list > div a .details,
.related-resources > div a .details,
#image-library-list > div a .details {
  margin-top: 30px;
}

#promoted-resources-list > div a .details i,
#resources-list > div a .details i,
.related-resources > div a .details i,
#image-library-list > div a .details i {
  float: right;
  margin-top: 4px;
}

#promoted-resources-list > div a img,
#resources-list > div a img,
.related-resources > div a img,
#image-library-list > div a img {
  width: 100%;
  height: auto;
  margin: 15px 0;
}

.promoted-resources h1,
.promoted-resources h2,
.promoted-resources h3,
.promoted-resources h4,
.promoted-resources h5,
.promoted-resources p.heading,
.promoted-resources h6,
.promoted-resources .sub-heading {
  margin-top: 0;
  margin-bottom: 20px;
}

.resourceitem {
  margin-top: 20px;
  margin-bottom: 20px;
}

.resourceitem .title {
  line-height: 1.5em;
  font-family: "DINPro";
  font-weight: 300;
  font-size: 24px;
}

.resourceitem a {
  text-decoration: none !important;
}

.download-div {
  margin: 30px 0;
}

/* 
    Share Page
*/
.share-page {
  display: inline-block;
  overflow: visible;
  position: relative;
  top: 0;
  right: 0;
  /*margin-right: 110px;*/
  cursor: pointer;
  margin-top: 10px;
}

.share-page .share-sheet {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  z-index: 1000;
  text-align: center;
  vertical-align: middle;
}

.share-page .share-sheet ul {
  line-height: 0;
  margin: 0 0.3125vw;
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

.share-page .share-sheet ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.share-page .share-sheet ul li span {
  display: block;
  float: left;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background-image: url("/images/xaar/social.png");
  background-repeat: no-repeat;
  background-size: 30px auto;
}

.share-page .share-sheet ul li.facebook span {
  background-position: left top;
}

.share-page .share-sheet ul li.twitter span {
  background-position: left -30px;
}

.share-page .share-sheet ul li.linkedin span {
  background-position: left -60px;
}

.share-page:hover .share-sheet {
  display: flex;
}

.share-page:hover span {
  background: white;
  color: white;
}

.content-icons.icons-right {
  text-align: right;
}

.content-icons.icons-right .share-page {
  overflow: visible;
  position: relative;
  margin-left: 110px;
  margin-right: 0;
  cursor: pointer;
}

.content-icons.icons-right .share-page .share-sheet {
  left: -102px;
  border: 2px solid #003b4a;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
  -ms-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  -ms-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.content-icons.icons-right .share-page .share-sheet ul {
  margin: 0 6px 0 0;
}

.content-icons.icons-right .share-page .share-sheet ul li {
  margin: 0 0 5px 7px;
}

.content-icons.no-label .share-page {
  width: auto;
}

.content-icons.no-label .share-page span.text {
  display: none;
}

.content-icons.no-label.icons-right .share-page .share-sheet {
  left: -121px;
}

.heading .share-page,
.news-icons .share-page {
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 50px;
  cursor: pointer;
  margin: 0;
  z-index: 900;
}

.heading .share-page span.text,
.news-icons .share-page span.text {
  display: none;
}

.heading .share-page .share-sheet,
.news-icons .share-page .share-sheet {
  top: 13px;
  left: -121px;
  border: 2px solid #003b4a;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  -ms-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
  -ms-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}

.heading .share-page .share-sheet ul,
.news-icons .share-page .share-sheet ul {
  line-height: 0;
  margin: 0 6px 0 0;
  padding: 0;
}

.heading .share-page .share-sheet ul li,
.news-icons .share-page .share-sheet ul li {
  display: inline-block;
  position: relative;
  margin: 5px 0 5px 7px;
  cursor: pointer;
}

.news-icons .share-page {
  line-height: 1;
  right: 6px;
}

.news-icons .share-page .share-sheet {
  top: 6px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .heading .share-page {
    font-size: 36px;
  }

  .heading .share-page .share-sheet {
    top: 5px;
    left: -102px;
    width: 104px;
  }

  .heading .share-page .share-sheet ul {
    margin-left: 2px;
  }

  .heading .share-page .share-sheet ul li {
    margin: 3px 0 3px 4px;
  }

  .heading .share-page .share-sheet ul li span {
    width: 26px;
    height: 26px;
    background-size: 26px auto;
  }

  .heading .share-page .share-sheet ul li.facebook span {
    background-position: left top;
  }

  .heading .share-page .share-sheet ul li.twitter span {
    background-position: left -26px;
  }

  .heading .share-page .share-sheet ul li.linkedin span {
    background-position: left -52px;
  }
}

@media (max-width: 991px) {
  .content-icons.icons-right .share-page .share-sheet {
    top: 0;
    left: -121px;
  }

  .content-icons .share-page {
    margin: 0;
  }

  .content-icons .share-page i {
    z-index: 1100;
  }

  .content-icons .share-page .share-sheet {
    top: 0px;
    left: 59px;
  }
}

@media (max-width: 767px) {
  .heading .share-page {
    font-size: 33px;
  }

  .heading .share-page .share-sheet {
    top: 5px;
    left: -90px;
    width: 92px;
  }

  .heading .share-page .share-sheet ul {
    margin-left: 2px;
  }

  .heading .share-page .share-sheet ul li {
    margin: 3px 0 4px 4px;
  }

  .heading .share-page .share-sheet ul li span {
    width: 22px;
    height: 22px;
    background-size: 22px auto;
  }

  .heading .share-page .share-sheet ul li.facebook span {
    background-position: left top;
  }

  .heading .share-page .share-sheet ul li.twitter span {
    background-position: left -22px;
  }

  .heading .share-page .share-sheet ul li.linkedin span {
    background-position: left -44px;
  }
}

.button-bars .share-page .share-sheet {
  width: 100%;
  height: 56px;
  top: 0;
  left: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  -ms-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
  -ms-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.button-bars .share-page .share-sheet ul {
  display: block;
  margin: auto;
  padding-top: 3px;
  width: 132px;
}

.button-bars .share-page .share-sheet ul li {
  margin: 3px 2px 4px 2px;
}

.button-bars .share-page .share-sheet ul li span {
  width: 40px;
  height: 40px;
  background-size: 40px auto;
}

.button-bars .share-page .share-sheet ul li.facebook span {
  background-position: left top;
}

.button-bars .share-page .share-sheet ul li.twitter span {
  background-position: left -40px;
}

.button-bars .share-page .share-sheet ul li.linkedin span {
  background-position: left -80px;
}

@media (min-width: 768px) {
  .heading .share-page {
    display: none;
  }
}

/*
    Don't show the "Share this page"
*/
.row.share-hide .share-page {
  display: none;
}

/*
    Only show the "Share this page" next to the heading
*/
.row.share-heading .content-icons .share-page {
  display: none;
}

.row.share-heading .heading .share-page {
  display: block !important;
}

.alignright {
  text-align: right;
}

.Blue Button {
  background-color: #3a2f73;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  border: 1px solid #3a2f73;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 16px;
  padding: 16px 31px;
  text-decoration: none;
}

.Blue Button:hover {
  background-color: #009cd9;
}

.Blue Button:active {
  position: relative;
  top: 1px;
}

@media (max-width: 767px) {
  iframe[src*="investis.com"] {
    height: 1200px;
  }
}

/*------GATED ----------*/
.gated-access-bar {
  padding: 0;
}

.gated-access-bar input.input-validation-error {
  background: #ddbfc1;
}

.gated-access-block {
  margin: 1em 0;
}

/*@media (min-width: 1920px) {
        .gated-access-block {
            margin: 0 0 40px 0;
        }
    }*/

.gated-access-form {
  display: none;
  z-index: -1;
  padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
  background: #e7e7e7;
}

@media (min-width: 1920px) {
  .gated-access-form {
    padding: 20px 20px 20px 20px;
  }
}

.gated-access-form input,
.gated-access-block input {
  margin: 0 0 1.04167vw 0;
  border-color: #ccc;
}
.gated-access-form input::placeholder,
.gated-access-block input::placeholder {
  color: #999;
}

@media (min-width: 1920px) {
  .gated-access-form input {
    margin: 0 0 20px 0;
  }
}

.gated-access-form input.input-validation-error {
  background: #ddbfc1;
}

.gated-access-form .btn,
.gated-access-form .download-link a,
.download-link .gated-access-form a,
.gated-access-form .download-link-middle-align a,
.download-link-middle-align .gated-access-form a,
.gated-access-form .download-button a,
.download-button .gated-access-form a,
.gated-access-form .investor-pod-button a,
.investor-pod-button .gated-access-form a {
  width: 100%;
}

.gated-access-form .btn i,
.gated-access-form .download-link a i,
.download-link .gated-access-form a i,
.gated-access-form .download-link-middle-align a i,
.download-link-middle-align .gated-access-form a i,
.gated-access-form .download-button a i,
.download-button .gated-access-form a i,
.gated-access-form .investor-pod-button a i,
.investor-pod-button .gated-access-form a i {
  display: none;
}

.gated-access-form.submitting .btn span,
.gated-access-form.submitting .download-link a span,
.download-link .gated-access-form.submitting a span,
.gated-access-form.submitting .download-link-middle-align a span,
.download-link-middle-align .gated-access-form.submitting a span,
.gated-access-form.submitting .download-button a span,
.download-button .gated-access-form.submitting a span,
.gated-access-form.submitting .investor-pod-button a span,
.investor-pod-button .gated-access-form.submitting a span {
  display: none;
}

.gated-access-form.submitting .btn i,
.gated-access-form.submitting .download-link a i,
.download-link .gated-access-form.submitting a i,
.gated-access-form.submitting .download-link-middle-align a i,
.download-link-middle-align .gated-access-form.submitting a i,
.gated-access-form.submitting .download-button a i,
.download-button .gated-access-form.submitting a i,
.gated-access-form.submitting .investor-pod-button a i,
.investor-pod-button .gated-access-form.submitting a i {
  display: inline;
}

.gated-access-form input#gac_optin {
  /* min-height: 40px; */
  /* display: block; */
  width: 49px;
  height: 49px;
  /* padding: 6px 12px; */
  font-size: 25px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  /* margin-right: 70px; */
  margin-left: 0;
  float: left;
}

.gated-access-content {
  display: none !important;
}

/*a.video-overlay:not(.gated-access-video) {
    display: none;
}*/
a.video-overlay.gated-access-video {
  display: block;
}

/*-------- HOMEPAGE GREY ICON PODS ------------- */

/*div.item.item_header-above div.image {*/
/*    height: 138px;*/
/*    width: auto;*/
/*}*/
/*div.item.item_header-above div.image img {*/
/*    height: 138px;*/
/*    width: auto;*/
/*}*/

section.usn_cmp_pods.homepagepodsection .item {
  text-align: center;
}

section.usn_cmp_pods.homepagepodsection .item .heading {
  font-size: 2vw;
  font-weight: 700;
  color: #053a4a;
}

section.usn_cmp_pods.homepagepodsection .item .image {
  /*margin: 35px 0;*/
  /*height: 209px;*/
  /*vertical-align: middle;*/
  /*display: table-cell;*/
  padding: 35px 0;
}

section.usn_cmp_pods.homepagepodsection .item .text {
  display: block;
  margin: 0 40px 30px 40px;
}

section.usn_cmp_pods.homepagepodsection .item img {
  overflow: hidden;
  height: 139px;
  filter: invert(45%) sepia(4%) saturate(222%) hue-rotate(227deg)
    brightness(94%) contrast(86%);
}

section.usn_cmp_pods.homepagepodsection a.btn.btn-sm.btn-default,
section.usn_cmp_pods.homepagepodsection .btn-group-sm > a.btn.btn-default,
section.usn_cmp_pods.homepagepodsection .download-link .btn-group-sm > a,
.download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  .btn-group-sm
  > a,
.download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection .download-button .btn-group-sm > a,
.download-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a,
section.usn_cmp_pods.homepagepodsection .investor-pod-button .btn-group-sm > a,
.investor-pod-button section.usn_cmp_pods.homepagepodsection .btn-group-sm > a,
section.usn_cmp_pods.homepagepodsection .download-link a.btn-sm,
.download-link section.usn_cmp_pods.homepagepodsection a.btn-sm,
section.usn_cmp_pods.homepagepodsection
  .download-link
  .download-link-middle-align
  .btn-group-sm
  > a,
.download-link
  .download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-link
  .download-button
  .btn-group-sm
  > a,
.download-link
  .download-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-link
  .investor-pod-button
  .btn-group-sm
  > a,
.download-link
  .investor-pod-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection .download-link a.btn-sm:hover,
.download-link section.usn_cmp_pods.homepagepodsection a.btn-sm:hover,
section.usn_cmp_pods.homepagepodsection .download-link .btn-group-sm > a:hover,
.download-link section.usn_cmp_pods.homepagepodsection .btn-group-sm > a:hover,
section.usn_cmp_pods.homepagepodsection .download-link-middle-align a.btn-sm,
.download-link-middle-align section.usn_cmp_pods.homepagepodsection a.btn-sm,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  .download-link
  .btn-group-sm
  > a,
.download-link-middle-align
  .download-link
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  .download-button
  .btn-group-sm
  > a,
.download-link-middle-align
  .download-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  .investor-pod-button
  .btn-group-sm
  > a,
.download-link-middle-align
  .investor-pod-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  a.btn-sm:hover,
.download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  a.btn-sm:hover,
section.usn_cmp_pods.homepagepodsection
  .download-link-middle-align
  .btn-group-sm
  > a:hover,
.download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a:hover,
section.usn_cmp_pods.homepagepodsection .download-button a.btn-sm,
.download-button section.usn_cmp_pods.homepagepodsection a.btn-sm,
section.usn_cmp_pods.homepagepodsection
  .download-button
  .download-link
  .btn-group-sm
  > a,
.download-button
  .download-link
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-button
  .download-link-middle-align
  .btn-group-sm
  > a,
.download-button
  .download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .download-button
  .investor-pod-button
  .btn-group-sm
  > a,
.download-button
  .investor-pod-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection .download-button a.btn-sm:hover,
.download-button section.usn_cmp_pods.homepagepodsection a.btn-sm:hover,
section.usn_cmp_pods.homepagepodsection
  .download-button
  .btn-group-sm
  > a:hover,
.download-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a:hover,
section.usn_cmp_pods.homepagepodsection .investor-pod-button a.btn-sm,
.investor-pod-button section.usn_cmp_pods.homepagepodsection a.btn-sm,
section.usn_cmp_pods.homepagepodsection
  .investor-pod-button
  .download-link
  .btn-group-sm
  > a,
.investor-pod-button
  .download-link
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .investor-pod-button
  .download-link-middle-align
  .btn-group-sm
  > a,
.investor-pod-button
  .download-link-middle-align
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection
  .investor-pod-button
  .download-button
  .btn-group-sm
  > a,
.investor-pod-button
  .download-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a,
section.usn_cmp_pods.homepagepodsection .investor-pod-button a.btn-sm:hover,
.investor-pod-button section.usn_cmp_pods.homepagepodsection a.btn-sm:hover,
section.usn_cmp_pods.homepagepodsection
  .investor-pod-button
  .btn-group-sm
  > a:hover,
.investor-pod-button
  section.usn_cmp_pods.homepagepodsection
  .btn-group-sm
  > a:hover {
  color: #053a4a;
  border-radius: 30px;
}

@media (max-width: 1300px) {
  section.usn_cmp_pods.homepagepodsection .item .heading {
    font-size: 2.5vw;
    font-weight: 700;
  }
}

@media (max-width: 1024px) {
  section.usn_cmp_pods.homepagepodsection .item .heading {
    font-size: 24px;
    font-weight: 700;
  }

  section.usn_cmp_pods.homepagepodsection .item .image {
    margin: 35px 0;
  }

  section.usn_cmp_pods.homepagepodsection .item .text {
    display: block;
    margin: 0 20px 30px 20px;
    font-size: 16px;
  }

  section.usn_cmp_pods.homepagepodsection .item a.btn.btn-default,
  section.usn_cmp_pods.homepagepodsection .item .download-link a,
  .download-link section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .download-link a:hover,
  .download-link section.usn_cmp_pods.homepagepodsection .item a:hover,
  section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a,
  .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection
    .item
    .download-link-middle-align
    a:hover,
  .download-link-middle-align
    section.usn_cmp_pods.homepagepodsection
    .item
    a:hover,
  section.usn_cmp_pods.homepagepodsection .item .download-button a,
  .download-button section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .download-button a:hover,
  .download-button section.usn_cmp_pods.homepagepodsection .item a:hover,
  section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a,
  .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a:hover,
  .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a:hover {
    padding: 16px;
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  section.usn_cmp_pods.homepagepodsection .item:nth-child(2n + 1) {
    clear: none !important;
  }
}

@media (max-width: 640px) {
  section.usn_cmp_pods.homepagepodsection .item {
    padding: 30px;
    width: 100% !important;
  }

  section.usn_cmp_pods.homepagepodsection .item .heading {
    font-size: 34px;
    font-weight: 700;
  }

  section.usn_cmp_pods.homepagepodsection .item .image {
    margin: 0;
  }

  section.usn_cmp_pods.homepagepodsection .item .image img {
    height: 139px;
    width: auto;
  }

  section.usn_cmp_pods.homepagepodsection .item .text {
    display: block;
    margin: 0 0px 30px 0px;
  }

  section.usn_cmp_pods.homepagepodsection .item a.btn.btn-default,
  section.usn_cmp_pods.homepagepodsection .item .download-link a,
  .download-link section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .download-link a:hover,
  .download-link section.usn_cmp_pods.homepagepodsection .item a:hover,
  section.usn_cmp_pods.homepagepodsection .item .download-link-middle-align a,
  .download-link-middle-align section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection
    .item
    .download-link-middle-align
    a:hover,
  .download-link-middle-align
    section.usn_cmp_pods.homepagepodsection
    .item
    a:hover,
  section.usn_cmp_pods.homepagepodsection .item .download-button a,
  .download-button section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .download-button a:hover,
  .download-button section.usn_cmp_pods.homepagepodsection .item a:hover,
  section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a,
  .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a,
  section.usn_cmp_pods.homepagepodsection .item .investor-pod-button a:hover,
  .investor-pod-button section.usn_cmp_pods.homepagepodsection .item a:hover {
    font-size: 16px;
  }
}

section.content.homepage-updates {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 100px;
}

section.content.homepage-updates.background:not([class*="nobackground"]) {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 100px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition:
    background-color 600000s 0s,
    color 600000s 0s;
}

input[data-autocompleted] {
  background-color: transparent !important;
}

/*section.black-yellow .item.item_overlay .inner .image.c1-bg::before {*/
/*    background: #1F2123;*/
/*}*/
/*section.black-yellow .item.item_overlay .inner a:hover .image.c1-bg::before {*/
/*    background: #ffdc00;*/
/*}*/

/*section.black-yellow .item p.heading.lg.c1-heading {*/
/*    color: white!important;*/
/*}*/
/*section.black-yellow .item.item_overlay .inner a:hover p.heading.lg.c1-heading {*/
/*    color: #1F2123!important;*/
/*}*/

section.usn_cmp_subpagelisting .item.item_overlay .inner .image.c1-bg::before {
  background: #1f2123;
}

.item.item_overlay .image::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out 0s;
}

section.usn_cmp_subpagelisting
  .item.item_overlay
  .inner
  a:hover
  .image.c1-bg::before {
  background: #ffdc00;
  opacity: 0.8;
}

section.usn_cmp_subpagelisting .item p.heading.lg.c1-heading {
  color: white !important;
}

section.usn_cmp_subpagelisting
  .item.item_overlay
  .inner
  a:hover
  p.heading.lg.c1-heading {
  color: #1f2123 !important;
}

section.usn_cmp_pods .item.item_overlay .inner .image.c1-bg::before {
  background: #1f2123;
}

section.usn_cmp_pods .item.item_overlay .inner a:hover .image.c1-bg::before {
  background: #ffdc00;
  opacity: 0.8;
}

section.usn_cmp_pods .item p.heading.lg.c1-heading {
  color: white !important;
}

section.usn_cmp_pods .item.item_overlay .inner a:hover p.heading.lg.c1-heading {
  color: #1f2123 !important;
}

/*indented */
p.larger-indented {
  font-size: 20px;
  padding-left: 0px;
}

.indented {
  padding-left: 0;
}

@media (min-width: 768px) {
  p.larger-indented {
    font-size: 36px;
    padding-left: 10px;
  }

  .indented {
    padding-left: 10px;
  }
}

@media (min-width: 992px) {
  p.larger-indented {
    font-size: 36px;
    padding-left: 60px;
  }

  .indented {
    padding-left: 60px;
  }
}

/* PLUS LIST */

h2.plus-list-h {
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 17.5px;
}

ul.plus-list {
  padding-left: 30px;
  list-style-type: none;
  font-size: 26px;
}

@media (min-width: 768px) {
  h2.plus-list-h {
    padding-left: 20px;
  }
  ul.plus-list {
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  h2.plus-list-h {
    padding-left: 60px;
  }

  ul.plus-list {
    padding-left: 80px;
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  ul.plus-list {
    font-size: 30px;
    /* padding-left: 20px;*/
  }
}

ul.plus-list li {
  margin: 15px 0;
}

ul.plus-list li:before {
  position: absolute;
  margin-left: -1em;
  font-weight: normal;
  font-size: 30px;
  margin-top: -0.15em;
  content: "\002B";
  color: #003b4a;
}

@media (min-width: 992px) {
  ul.plus-list li:before {
    margin-top: 0;
    margin-left: -1.4em;
  }
}

/* COLUMNS IN TABS AND ACCORDIONS */

/*div.tab-pane.multi-col {*/
/*    display: grid;*/
/*    grid-auto-flow: column;*/
/*    grid-auto-columns: 1fr;*/
/*    grid-gap: 55px;*/
/*}*/

div.tab-pane.multi-col {
  display: grid;
  gap: 1em;
}

@media (min-width: 35em) {
  div.tab-pane.multi-col {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: 55px;
  }
}

/*    .repeatable.tab-basic .repeatable-content {
        border: none;
        background-color: #e7e7e7;
    }*/

.repeatable.tabbed .tab {
  display: inline-block;
  margin-right: 2px;
  /*width: 24.6%;*/
  flex-grow: 1;
}

.repeatable.tab-basic .tab .nav-link {
  border: none;
}

.repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
  background: white;
}

.repeatable.tab-basic .tab .nav-link.active::after {
  background: none;
}

.repeatable.tabbed.tab-basic .tab .nav-link {
  /*        font-size: 16px;*/
/*  border-right: solid 1px #003b4a;*/
  font-weight: 600;
  text-align: center;
  /*font-size: 1.3vw;*/
}

/*@media(max-width:767px) {
        .repeatable.tabbed.tab-basic .tab .nav-link {
            font-size: 2.7vw;
        }
    }*/

.repeatable.tabbed.tab-basic .tab:last-of-type .nav-link {
  border-right: none;
}

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
  background: white;
}

section.usn_cmp_accordiontab .container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

section.usn_cmp_accordiontab .tab-content > .tab-pane {
  max-width: 1350px;
  margin: 0 auto;
}

section.usn_cmp_accordiontab nav.tabs {
  max-width: 1350px;
  margin: 0 auto;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active::after {
  content: none;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active {
  border-bottom-color: transparent !important;
  background-color: #e7e7e7;
  border-right: none;
}

.repeatable.tabbed .tab {
  margin-right: 0;
}
@media (max-width: 767px) {
  /*.repeatable.accordion.tab-basic .repeatable-content .text table{
        width: 100%!important;
    }*/
  .repeatable.accordion.tab-basic .repeatable-content .text table td {
    padding: 5px;
  }
}

/* FORMS */

/* 
        Xaar Form
    */
.xaar-form .contour,
.booking-form {
  font-size: 1.30208vw;
}

@media (min-width: 1920px) {
  .xaar-form .contour,
  .booking-form {
    font-size: 25px;
  }
}

@media (max-width: 991px) {
  .xaar-form .contour,
  .booking-form {
    font-size: 21.15385px;
  }
}

.xaar-form label,
.booking-form label {
  font-weight: normal !important;
  margin-top: 5px;
}

.xaar-form input:not([type="submit"]),
.xaar-form input.text,
.xaar-form textarea,
.xaar-form select,
.booking-form input:not([type="submit"]),
.booking-form input.text,
.booking-form textarea,
.booking-form select {
  /*-webkit-appearance: none;*/
  border: 0;
  padding-left: 1.5625vw;
  width: 100%;
  max-width: none !important;
  background: #e7e7e7;
  margin-top: 0;
  border-radius: 0;
}

.xaar-form input:not([type="submit"]):focus,
.xaar-form input.text:focus,
.xaar-form textarea:focus,
.xaar-form select:focus,
.booking-form input:not([type="submit"]):focus,
.booking-form input.text:focus,
.booking-form textarea:focus,
.booking-form select:focus {
  outline: none;
}

.xaar-form select,
.booking-form select {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #e7e7e7;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9 c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3 z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position:
    right 0.7em top 50%,
    0 0;
  background-size:
    0.65em auto,
    100%;
}

.xaar-form select::-ms-expand,
.booking-form select::-ms-expand {
  display: none;
}

.xaar-form select:hover,
.booking-form select:hover {
  border-color: #888;
}

.xaar-form select:focus,
.booking-form select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.xaar-form select option,
.booking-form select option {
  font-weight: normal;
}

.xaar-form input[type="checkbox"],
.xaar-form input[type="radio"],
.booking-form input[type="checkbox"],
.booking-form input[type="radio"] {
  width: auto;
}

.xaar-form input:not([type="submit"]),
.xaar-form select,
.booking-form input:not([type="submit"]),
.booking-form select {
  height: 3.64583vw;
  min-height: 36px;
  margin: 0;
}

.xaar-form textarea,
.booking-form textarea {
  min-height: 100px;
}

.xaar-form .row-fluid,
.booking-form .row-fluid {
  margin: 0 -6px;
}

.xaar-form .contour:after,
.booking-form .contour:after {
  content: "";
  clear: both;
}

.xaar-form .radiobuttonlist label,
.xaar-form .checkbox label,
.booking-form .radiobuttonlist label,
.booking-form .checkbox label {
  display: inline-block;
  padding: 5px 0 0 36px;
}

.xaar-form .radiobuttonlist label:before,
.xaar-form .checkbox label:before,
.booking-form .radiobuttonlist label:before,
.booking-form .checkbox label:before {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 22px;
  padding: 4px 6px 4px 6px;
  background: #e7e7e7;
  color: #ffdc00;
  position: absolute;
  top: 0.67708vw;
  left: 0;
}

@media (min-width: 1920px) {
  .xaar-form .radiobuttonlist label:before,
  .xaar-form .checkbox label:before,
  .booking-form .radiobuttonlist label:before,
  .booking-form .checkbox label:before {
    top: 13px;
  }
}

.xaar-form .radiobuttonlist input,
.xaar-form .checkbox input,
.booking-form .radiobuttonlist input,
.booking-form .checkbox input {
  display: none !important;
}

.xaar-form .radiobuttonlist input[type="radio"]:checked + label:before,
.xaar-form .checkbox input[type="radio"]:checked + label:before,
.booking-form .radiobuttonlist input[type="radio"]:checked + label:before,
.booking-form .checkbox input[type="radio"]:checked + label:before {
  content: "\f111";
  display: inline-block;
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xaar-form .radiobuttonlist.checked label:before,
.xaar-form .checkbox.checked label:before,
.booking-form .radiobuttonlist.checked label:before,
.booking-form .checkbox.checked label:before {
  content: "\f111";
  display: inline-block;
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xaar-form .radiobuttonlist,
.booking-form .radiobuttonlist {
  display: block;
  width: 100%;
}

.xaar-form .radiobuttonlist label,
.booking-form .radiobuttonlist label {
  position: relative;
  top: 0;
  left: 0;
}

.xaar-form .radiobuttonlist label:before,
.booking-form .radiobuttonlist label:before {
  top: 0.46875vw;
}

@media (min-width: 1920px) {
  .xaar-form .radiobuttonlist label:before,
  .booking-form .radiobuttonlist label:before {
    top: 9px;
  }
}

.xaar-form .btn,
.xaar-form .download-link a,
.download-link .xaar-form a,
.xaar-form .download-link-middle-align a,
.download-link-middle-align .xaar-form a,
.xaar-form .download-button a,
.download-button .xaar-form a,
.xaar-form .investor-pod-button a,
.investor-pod-button .xaar-form a,
.booking-form .btn,
.booking-form .download-link a,
.download-link .booking-form a,
.booking-form .download-link-middle-align a,
.download-link-middle-align .booking-form a,
.booking-form .download-button a,
.download-button .booking-form a,
.booking-form .investor-pod-button a,
.investor-pod-button .booking-form a {
  border: 3px solid #ffdc00;
}

.xaar-form div.dropdown,
.booking-form div.dropdown {
  width: 100%;
}

.umbracoform .xaar-form input:not([type="submit"]),
.umbracoform .xaar-form input.text,
.umbracoform .xaar-form textarea,
.umbracoform .xaar-form select {
  background-color: white;
}

.umbracoform .xaar-form .radiobuttonlist label:before,
.umbracoform .xaar-form .checkbox label:before {
  background-color: white;
  color: #ffdc00;
}

.umbracoform .xaar-form .btn,
.umbracoform .xaar-form .download-link a,
.download-link .umbracoform .xaar-form a,
.umbracoform .xaar-form .download-link-middle-align a,
.download-link-middle-align .umbracoform .xaar-form a,
.umbracoform .xaar-form .download-button a,
.download-button .umbracoform .xaar-form a,
.umbracoform .xaar-form .investor-pod-button a,
.investor-pod-button .umbracoform .xaar-form a {
  border: 3px solid #ffffff;
}

/* --- SALESFORCE FORM ---*/
section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid {
  background-color: #e7e7e7;
}

/*div.salesforce-bg {
  background-color: #E7E7E7; }*/

/*section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form {
  margin-bottom: 30px;
  background-color: #E7E7E7;
   }*/
section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input,
section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form select,
section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form textarea {
  background-color: white;
  margin-top: 5px;
  margin-bottom: 5px;
}

section.usn_cmp_salesforceformcode div.salesforceforms.xaar-form label {
  margin: 0;
}

section.usn_cmp_salesforceformcode
  div.salesforceforms.xaar-form
  select[multiple] {
  height: auto;
  background-image: none;
}

section.usn_cmp_salesforceformcode
  div.salesforceforms.xaar-form
  input[type="checkbox"] {
  appearance: auto;
  width: 13px;
  height: 13px;
  min-height: 0;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 20px;
  background-color: white;
}

section.usn_cmp_salesforceformcode
  div.salesforceforms.xaar-form
  input[type="submit"] {
  position: relative;
  text-align: center;
  font-weight: bold;
  background: white;
  color: #1f2123;
  box-shadow: none;
  white-space: normal;
  font-size: 1em;
  padding: 12px 16px 10px 16px;
  border: 3px solid #ffdc00;
  -webkit-border-radius: 2.39583vw;
  -moz-border-radius: 2.39583vw;
  -ms-border-radius: 2.39583vw;
  border-radius: 2.39583vw;
  line-height: 1;
  -webkit-appearance: button;
  cursor: pointer;
}

@media (max-width: 991px) {
  section.usn_cmp_salesforceformcode
    div.salesforceforms.xaar-form
    input[type="submit"] {
    font-size: 32px;
    padding: 20.835px 32px 24.165px 32px;
    border-width: 3px;
    -webkit-border-radius: 36.8px;
    -moz-border-radius: 36.8px;
    -ms-border-radius: 36.8px;
    border-radius: 36.8px;
  }
}

section.usn_cmp_salesforceformcode
  div.salesforceforms.xaar-form
  p.salesforce-intro {
  margin: 30px 0;
}

section.usn_cmp_salesforceformcode.findoutmore.xaar-form {
  background-color: white;
  padding-top: 60px;
  padding-bottom: 60px;
}

div.container
  div.col-sm-6
  section.usn_cmp_salesforceformcode
  div.salesforceforms
  div.container {
  width: 100%;
  max-width: 1640px;
  padding: 20px 2.60417vw;
}

@media (min-width: 1920px) {
  div.container
    div.col-sm-6
    section.usn_cmp_salesforceformcode
    div.salesforceforms
    div.container {
    padding: 20px 50px;
  }
}

section.usn_cmp_salesforceformcode input,
section.usn_cmp_salesforceformcode select,
section.usn_cmp_salesforceformcode textarea {
  background-color: white;
  margin-top: 5px;
  margin-bottom: 5px;
}

section.usn_cmp_salesforceformcode label {
  margin: 0;
}

section.usn_cmp_salesforceformcode select[multiple] {
  height: auto;
  background-image: none;
}

section.usn_cmp_salesforceformcode input[type="checkbox"] {
  height: unset;
  min-height: 0;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 20px;
  background-color: white;
}

section.usn_cmp_salesforceformcode input[type="submit"] {
  position: relative;
  text-align: center;
  font-weight: bold;
  background: white;
  color: #1f2123;
  box-shadow: none;
  white-space: normal;
  font-size: 2.08333vw;
  padding: 1.37453vw 2.08333vw 1.59422vw 2.08333vw;
  border: 3px solid #ffdc00;
  -webkit-border-radius: 2.39583vw;
  -moz-border-radius: 2.39583vw;
  -ms-border-radius: 2.39583vw;
  border-radius: 2.39583vw;
  line-height: 1;
  -webkit-appearance: button;
  cursor: pointer;
}

@media (max-width: 991px) {
  section.usn_cmp_salesforceformcode input[type="submit"] {
    font-size: 32px;
    padding: 20.835px 32px 24.165px 32px;
    border-width: 3px;
    -webkit-border-radius: 36.8px;
    -moz-border-radius: 36.8px;
    -ms-border-radius: 36.8px;
    border-radius: 36.8px;
  }
}

section.usn_cmp_salesforceformcode p.salesforce-intro {
  margin: 30px 0;
}

section.usn_cmp_salesforceformcode.findoutmore.xaar-form {
  background-color: white;
  padding-top: 60px;
  padding-bottom: 60px;
}

div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.container {
  width: 100%;
  max-width: 1640px;
  padding: 20px 2.60417vw;
}

@media (min-width: 1920px) {
  div.container div.col-sm-6 section.usn_cmp_salesforceformcode div.container {
    padding: 20px 50px;
  }
}

section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid.salesforce-no-intro
  .container
  > h2,
section.content.component.usn_cmp_salesforceformcode.base-bg.base-bg-solid.salesforce-no-intro
  .container
  > p {
  display: none;
}
/* RELATED PRODUCTS AND RESOURCES BLOCK */
.text.c1-text.related-blocks-text {
  font-size: 18px;
  line-height: 26px;
}

section.content.usn_cmp_relatedresourcesandproducts .component-outro {
  padding-top: 0;
}
section.content.usn_cmp_relatedresourcesandproducts
  .item.item_text-right:not(.item_has-bg):not(.item-blog)
  .image
  + .info {
  padding: 0 0 0 var(--base-spacing);
}

section.content.component.usn_cmp_relatedresourcesandproducts .item p.heading {
  font-family: "DINPro";
  font-weight: 600;
  font-size: 21px;
}

@media (max-width: 767px) {
  section.content.usn_cmp_relatedresourcesandproducts .component-outro {
    padding-top: 0;
    /*margin-top: 15px;*/
    margin-bottom: 60px;
  }

  section.content.component.usn_cmp_relatedresourcesandproducts h2 {
    font-size: 36px;
  }

  section.content.component.usn_cmp_relatedresourcesandproducts
    .item
    p.heading {
    padding-bottom: 0px;
    font-weight: 600;
    font-size: 21px;
    max-height: 100px;
    overflow: hidden;
  }

  section.content.component.usn_cmp_relatedresourcesandproducts
    .text.c1-text.related-blocks-text {
    padding-bottom: 30px;
  }
  section.usn_cmp_relatedresourcesandproducts
    .item.item_text-below:not(.item_has-bg)
    .image,
  section.usn_cmp_relatedresourcesandproducts
    .item.item_text-left:not(.item_has-bg)
    .image,
  section.usn_cmp_relatedresourcesandproducts
    .item.item_text-right:not(.item_has-bg)
    .image {
    margin-bottom: 30px;
  }

  section.usn_cmp_relatedresourcesandproducts
    .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.text-left {
    /*margin-bottom: 0;*/
  }

  section.content.usn_cmp_relatedresourcesandproducts
    .item.item_text-right:not(.item_has-bg):not(.item-blog)
    .image
    + .info {
    padding: 0;
  }
}

@media (max-width: 991px) {
  section.content.usn_cmp_relatedresourcesandproducts .component-outro {
    padding-top: 0;
    /*margin-top: 15px;*/
    margin-bottom: 60px;
  }
  section.usn_cmp_relatedresourcesandproducts p.link {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  section.content.component.usn_cmp_relatedresourcesandproducts h2 {
    font-size: 36px;
  }
}
/*section.usn_cmp_relatedresourcesandproducts .related-content-grid {
    display: flex;
    flex-wrap: wrap;
}*/
/*section.usn_cmp_relatedresourcesandproducts .related-content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  
}*/
/* Item styles */
/*section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item a{
        flex: 1;
        display: flex;
        flex-direction: row;
    }*/
/* Ensure equal height for corresponding items */
/*section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item1 a,
        section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item2 a {
            display: flex;
            flex-direction: row;
            height: 100%;
        }
    section.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item.related-content-item1 a .image {
        flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        max-width: 40%;
        margin: 0 !important;
    }

section.content.component.usn_cmp_relatedresourcesandproducts .related-content-grid .related-content-item p.heading {
    font-family: 'DINPro-Bold';
}*/
@media (min-width: 992px) {
  .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.related-resources-and-products.text-left {
    height: 130px;
    min-height: 130px;
    max-height: 130px;
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  .item.items-1.col-12.item_text-right.usn_pod_relatedcontent.related-resources-and-products.text-left {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
    overflow: hidden;
  }
}
/*
    Events
*/
/*.event-listing .event-item {
        margin: 0 0 30px 0;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item {
            margin: 0 0 40px 0;
        }
    }

    .event-listing .event-item .title {
        font-weight: bold;
        font-size: 26px;
        text-transform: uppercase;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item .title {
            font-size: 30px;
        }
    }

    @media (max-width: 991px) {
        .event-listing .event-item .title {
            font-size: 25px;
            margin-top: 20px;
        }
    }

    .event-listing .event-item .date, .event-listing .event-item .location {
        font-weight: 300;
        margin: 8px 0 0 0;
    }

    @media (min-width: 1920px) {
        .event-listing .event-item .date, .event-listing .event-item .location {
            margin: 6px 0 0 0;
        }
    }

    .event-listing .event-item:after {
        content: "";
        clear: both;
    }

    @media (min-width: 992px) {
        .event-listing .event-item {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .event-listing .event-item picture, .event-listing .event-item img {
                order: 99;
                width: 33%;
                height: auto;
                margin: 0 0 0 2.08333vw;
            }
    }

    @media (min-width: 992px) and (min-width: 1920px) {
        .event-listing .event-item picture, .event-listing .event-item img {
            margin: 0 0 0 40px;
        }
    }

    @media (min-width: 992px) and (min-width: 1920px) {
        .event-listing .event-item picture, .event-listing .event-item img {
            width: 500px;
        }
    }

    @media (min-width: 600px) {
        .event-item .erow {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    }


    .event-item .share-page {*/
/*position: absolute;
    right: 15px;*/
/*}*/

.filterbar {
  margin: 0 0 1.5625vw 0;
}

@media (min-width: 1920px) {
  .filterbar {
    margin: 0 0 30px 0;
  }
}

/*tables */
table,
table > tr,
table th,
table td {
  border-width: 0;
}

/* HOMEPAGE UPDATES */

/*.item.item_overlay.homepage-update .image::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    opacity: 0.3;*/
/*    transition: opacity 0.3s ease-in-out 0s;*/
/*}*/

/*.item.item_overlay.homepage-update a:hover .image::before {*/
/*    opacity: 0;*/
/*}*/

/*Blog subnavs*/

nav.sub.categories {
  background: #e7e7e7;
  color: #1f2123;
  padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
  margin-bottom: 1.04167vw;
  border-top: none;
}

nav.sub.archive {
  background: #ffdc00;
  color: #1f2123;
  padding: 1.04167vw 1.04167vw 1.04167vw 1.04167vw;
  margin-bottom: 1.04167vw;
  border-top: none;
}

/* PRODUCT LISTS */

/*#products-list {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*}*/

#products-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

#products-list .listing-item {
  margin-top: 0px;
  /*width: 38.54167vw;*/
}

#products-list .listing-item .itemrow {
  display: flex;
  flex-direction: column;
}

#products-list .listing-item img {
  /* width: 17.44792vw;
            height: auto;*/
}

#products-list h2 {
  font-size: 38px;
}

#products-list .listing-item a {
  text-decoration: none !important;
}

@media (min-width: 768px) {
  #products-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

@media (min-width: 992px) {
  /*#products-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 20px;
            grid-row-gap: 20px;
        }*/

  #products-list .listing-item {
    margin-top: 0px;
    /*width: 38.54167vw;*/
  }

  #products-list .listing-item .itemrow {
    display: flex;
    flex-direction: row;
  }

  #products-list .listing-item img {
    width: 17.44792vw;
    height: auto;
  }

  #products-list h2 {
    font-size: 38px;
  }

  #products-list .listing-item a {
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .item.promoted-product a {
    display: flex;
    flex-direction: column-reverse;
  }

  .item.promoted-product p.heading.lg {
    font-size: 40px;
    padding-bottom: 15px;
  }
}

.btn-white {
  border: solid 3px #ffdc00;
  background: #ffffff;
  font-weight: bold;
  color: #1f2123;
  font-size: 2.08333vw;
  line-height: 1;
  padding: 15px 26px 13px;
}

.btn-white:hover {
  background: #ffdc00;
}

.btn-dark {
  background: #1f2123;
  border-color: #1f2123;
  color: white;
}

.btn-dark:hover {
  background: #ffdc00;
  border-color: #ffdc00;
  color: #1f2123;
}

/*div.share-page .btn-yellow {
    background: #ffdc00;
    border-color: #ffdc00;
    color: #1F2123;*/
/* padding: 14px 26px;*/
/*border-width: 3px;
    margin-left: 20px;
}

div.share-page:hover .btn-yellow {
    background: #ffffff;
    color: white;
}*/

.detail {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .detail {
    padding-left: 0;
  }
}

.detail p {
  margin-top: 0;
}

/*.detail a.product-button {
            align-self: flex-start;
        }*/
.detail a.product-button {
  align-self: flex-start;
  font-size: 24px;
  padding: 11px 24px 9px;
  line-height: 24px;
}

/* ---HOMEPAGE BANNER --*/

.component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col h1 {
  font-family: "DINPro-Bold";
}

@media (max-width: 767px) {
  .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info.col h1 {
    font-family: "DINPro";
    font-size: 30px;
  }

  .component.usn_cmp_banner .item.item_scale-banner .info {
    padding: 8px var(--base-half-spacing);
  }
}

@media (min-width: 1200px) {
  /* TODO check the big homepage banner */
  .component.usn_cmp_banner.homepage-banner
    .item:not(.item_scale-banner_overlap)
    .info.col {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
  }

  .component.usn_cmp_banner
    .item:not(.item_scale-banner_overlap)
    .info.col
    p.heading {
    font-size: 42px;
    font-weight: 400;
  }

  .component.usn_cmp_banner.homepage-banner
    .item:not(.item_scale-banner_overlap)
    .info.col
    p {
    font-size: 42px;
    font-weight: 400;
  }

  /* TODO check the big homepage banner */
  .component.usn_cmp_banner.homepage-banner
    .item:not(.item_scale-banner_overlap)
    .info {
    padding: 20% 15px;
  }

  .component.usn_cmp_banner
    .item:not(.item_scale-banner_overlap)
    .heading
    + .text {
    margin-top: 15px !important;
    padding-bottom: 0 !important;
  }
}

section.usn_cmp_homepageupdatessection .item .image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  /*height: 581px;*/
}

section.usn_cmp_homepageupdatessection a:hover .image::before {
  background: rgba(0, 0, 0, 0.2);
}

/* HOMEPAGE UPDATES */

/*.item.item_overlay.homepage-update .image::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    opacity: 0.3;*/
/*    transition: opacity 0.3s ease-in-out 0s;*/
/*}*/

/*.item.item_overlay.homepage-update a:hover .image::before {*/
/*    opacity: 0;*/
/*}*/

.dropdown.dropdown-white.filter {
  margin-right: 5px;
}

section.content.component.usn_cmp_salesforceformcode
  .component-introduction
  .info.col {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  max-width: 100%;
}

/** --various image styling */

section.usn_cmp_homepageupdatessection .item .image {
  height: 450px;
}

section.usn_cmp_homepageupdatessection .item .image img {
  width: 100%;
}

.image a:hover img,
a:hover .image img,
.item a:hover .image.background-image {
  transform: none;
}

.item.item_overlay a:hover .image::before {
  opacity: 0;
}

.dropdown.dropdown-white.filter {
  margin-right: 5px;
}

section.content.component.usn_cmp_salesforceformcode
  .component-introduction
  .info.col {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  max-width: 100%;
}

section.usn_cmp_homepageupdatessection .item .image {
  height: 450px;
}

section.usn_cmp_homepageupdatessection .item .image img {
  width: 100%;
}

@media (max-width: 1200px) {
  section.usn_cmp_homepageupdatessection .item .image img {
    height: 450px;
    object-fit: cover;
  }
}

.image a:hover img,
a:hover .image img,
.item a:hover .image.background-image {
  transform: none;
}

section.content.component.usn_cmp_pods.c2-bg.c2-bg-solid.count h2 {
  color: #1f2123;
  /*fix colour and put js code in file not scripts*/
}

/*-- footer -- */
footer {
  padding-bottom: 1.04167vw;
  font-size: 1.30208vw;
}

nav.footer-navigation {
  padding-top: 0;
}

nav.footer-navigation > ul {
  font-size: 1.30208vw;
}

footer#site-footer {
  padding-bottom: 0;
}

footer#site-footer > .container {
  padding: 4.53125vw 5.20833vw 3.90625vw 5.20833vw;
  width: 100%;
  max-width: 1920px;
}

footer p.accreditations {
  font-size: 12px;
  line-height: 1.5;
}

/*.item.footer-item.offset-lg-10.offset-md-2.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
    margin-top: -80px;
}*/
.item.footer-item.offset-lg-10.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
  margin-top: -60px;
}

footer nav.social {
  text-align: right;
}

.umbraco-forms-form input.text,
.umbraco-forms-form textarea {
  max-width: none !important;
  padding: 5px;
  display: block;
  width: 95%;
  border: none !important;
  background-color: #e7e7e7;
}

label.umbraco-forms-label {
  font-weight: normal;
  line-height: 1em;
}

.form > .inner {
  padding-top: 0;
  background-color: transparent;
  padding-left: 0;
}

@media (min-width: 992px) {
  footer#site-footer .footer-item {
    padding-bottom: 0 !important;
  }
  /*    .item.footer-item.footer-links-one {
        margin-bottom: 15px !important;
    }*/
}

@media (max-width: 991px) {
  .item.footer-item.footer-logo {
    order: 0;
  }

  .item.footer-item.footer-links-one {
    order: 1;
  }

  .item.footer-item.footer-links-two {
    order: 2;
  }

  .item.footer-item.footer-bsi {
    order: 3;
    margin-left: 0;
  }

  .item.footer-item.footer-socials {
    order: 4;
  }

  .item.footer-item.footer-greatplace {
    order: 5;
  }

  footer {
    font-size: 20px;
    line-height: 1.3em;
  }

  footer .container .logo img {
    margin-bottom: 60px;
  }

  footer .container nav.footer {
    margin-bottom: 10px;
  }

  footer .container .accreditations {
    /* padding-bottom: 30px;*/
  }

  footer .item.footer-bsi .image img {
    width: 100%;
  }

  footer .item.footer-logo .image img {
    width: 30%;
  }

  footer .item.footer-greatplace .image img {
    width: 30%;
  }

  .item.footer-item.footer-greatplace {
    text-align: right !important;
  }

  nav.footer-navigation > ul {
    font-size: 20px;
  }

  footer nav.social {
    text-align: left;
  }

  footer p.accreditations {
    font-size: 20px;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  /*footer .item.footer-bsi .image img {
        width: 100%;
    }*/

  footer .item.footer-logo .image img {
    width: 50%;
  }

  footer .item.footer-greatplace .image img {
    width: 70%;
  }

  /* footer nav.social {
        text-align: center;
    }*/

  footer {
    font-size: 16px;
  }

  footer#site-footer > .container {
    padding: 50px;
  }

  nav.footer-navigation > ul {
    font-size: 16px;
  }

  footer#site-footer
    .item.footer-item.offset-lg-10.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage {
    margin-top: -30px;
    margin-bottom: 0 !important;
  }

  footer p.accreditations {
    font-size: 16px;
    line-height: 1.5;
  }
}

/*section.content.component div.item.xaarvideo img {
    width: 100%;
    height: 600px;
    object-fit: cover;
     margin-right: 0;
}*/

/*homepage header*/

@media (min-width: 992px) {
  /*html body.header-05-lg.homepage header#site-header,
        html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header,*/
  /*html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header, */
  /*html.nav-down:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid*/
  /*html.nav-up:not(.reached-top) body.header-05-lg.homepage header#site-header.header-bg-solid*/ /*{
    background: rgba(0, 59, 74, 0.4);
  }*/

  body.header-05-lg.homepage main {
    margin-top: -280px;
  }
}

body.header-05-lg.homepage header#site-header nav.secondary {
  background-color: transparent;
}

body.header-05-lg.homepage header#site-header nav.secondary ul li a {
  color: white;
}

@media (min-width: 992px) {
  body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(
      .header-12-lg
    ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
      .header-19-lg
    ):not(.header-20-lg)
    header#site-header
    .site-search
    .form-control {
    min-height: 50px;
    height: 50px;
    padding-left: 60px;
    background-color: white;
    color: black;
  }

  body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(
      .header-12-lg
    ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
      .header-19-lg
    ):not(.header-20-lg)
    header#site-header
    .site-search
    button.btn {
    background-color: white;
    color: black;
    border: solid 1px black;
    border-right: none;
  }
}
body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(
    .header-15-lg
  ):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg)
  header#site-header
  .site-search
  .form-control::placeholder {
  color: #777777;
}
@media (max-width: 991px) {
  body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(
      .header-12-lg
    ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
      .header-19-lg
    ):not(.header-20-lg)
    header#site-header
    .site-search
    .form-control {
    min-height: 50px;
    height: 50px;
    padding-left: 55px;
    background-color: #17595a;
    color: white;
    border: none;
    font-size: 16px;
  }

  body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(
      .header-12-lg
    ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
      .header-19-lg
    ):not(.header-20-lg)
    header#site-header
    .site-search
    .form-control::placeholder {
    color: white;
  }

  body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(
      .header-12-lg
    ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
      .header-19-lg
    ):not(.header-20-lg)
    header#site-header
    .site-search
    button.btn {
    background-color: #17595a;
    color: white;
    border: none;
  }

  .site-search button.btn {
    left: 0;
  }
}

body.header-05-lg.homepage:not(.header-03-lg):not(.header-11-lg):not(
    .header-12-lg
  ):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(
    .header-19-lg
  ):not(.header-20-lg)
  header#site-header
  .site-search
  button.btn:hover {
  background-color: white;
  color: black;
  border: solid 1px black;
  border-right: none;
}

@media (min-width: 992px) {
  body.homepage nav.main {
    background: transparent;
  }

  body.homepage nav.main li a {
    color: #ffffff;
  }

  body.homepage nav.main li a:hover {
    color: #ffffff;
  }

  body.homepage header#site-header nav.main {
    border-top: none;
  }
}

html.nav-up body.header-05-lg.show_header-on-scroll-lg header#site-header {
  top: -200px;
}

html.nav-down:not(.reached-top) header#site-header.header-bg-solid {
  background-color: #203949;
}

html.nav-up
  body.header-05-lg.show_header-on-scroll-lg.homepage
  header#site-header
  nav.main {
  background-color: #00364a;
}

html.nav-up body.header-05-lg.show_header-on-scroll-lg.homepage header::after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 200px;
  right: 0;
  left: 0;
  background-color: #00364a;
}
@media (min-width: 992px) {
  body:not(.homepage) #logo.homepagelogo {
    display: none;
  }
}

header::after {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  border-top: solid 1px black;
}

@media (max-width: 991px) {
  header::after {
    background-color: rgba(var(--c2-bg-color1), 1);
  }
}

body.homepage header::after {
  content: none;
}

body.homepage.header-05-lg header#site-header .has-child > .expand-subpages,
body.homepage.header-05-lg
  header#site-header
  nav.main
  ul
  li.has-child
  > span::after {
  color: #404041;
}

body.header-05-lg
  header#site-header
  nav.main
  ul
  li.open-child_mobile
  > span::after {
  color: #ffffff;
}

body.header-05-lg
  header#site-header
  nav.main
  ul
  li.active.open-child_mobile
  > span::after {
  color: #404041;
}

body.header-05-lg
  header#site-header
  nav.main
  ul
  li.open-child_mobile
  ul
  li.open-child_mobile
  > span::after {
  color: #ffffff;
}

/*.dropdown.dropdown-white.filter {*/
/*    margin-right: 5px;*/
/*} */

/*section.content.component.usn_cmp_salesforceformcode .component-introduction .info.col {*/
/*    flex: 0 0 100%;*/
/*    -ms-flex: 0 0 100%;*/
/*    max-width: 100%;*/
/*}*/

/*section.usn_cmp_homepageupdatessection .item .image {*/
/*        height: 450px;*/
/*    }*/

/*    section.usn_cmp_homepageupdatessection .item .image img {*/
/*        width: 100%;*/
/*    }*/

/*    @media(max-width: 1200px){*/
/*        section.usn_cmp_homepageupdatessection .item .image img {*/
/*            height: 450px;*/
/*            object-fit: cover;*/
/*        }*/
/*    }*/

/*.image a:hover img, a:hover .image img, .item a:hover .image.background-image {*/
/*    transform: none;*/
/*}*/

/*section.content.component.usn_cmp_pods.c2-bg.c2-bg-solid.count h2 {*/
/*    color: #1f2123; */
/*fix colour and put js code in file not scripts*/
/*}*/

/*-- footer -- */
/*footer {*/
/*    padding-bottom: 1.04167vw;*/
/*    font-size: 1.30208vw;*/
/*}*/
/*nav.footer-navigation > ul {*/
/*    font-size:  1.30208vw;*/
/*}*/
/*footer#site-footer {*/
/*    padding-bottom: 0;*/
/*}*/
/*footer#site-footer > .container {*/
/*    padding: 4.53125vw 5.20833vw 3.90625vw 5.20833vw;*/
/*    width: 100%;*/
/*    max-width: 1920px;*/
/*}*/

/*footer p.accreditations {*/
/*    font-size: 12px;*/
/*    line-height: 1.5;*/
/*}*/
/*.item.footer-item.offset-lg-10.offset-md-2.col-lg-2.col-md-2.col-12.col.item_text-below.usn_pod_textimage.text-left{*/
/*    margin-top: -80px;*/
/*}*/

/*footer nav.social{*/
/*    text-align: right;*/
/*}*/

/*.umbraco-forms-form input.text, .umbraco-forms-form textarea {*/
/*    max-width: none!important;*/
/*    padding: 5px;*/
/*    display: block;*/
/*    width: 95%;*/
/*    border: none!important;*/
/*    background-color: #E7E7E7!important;*/
/*}*/

/*label.umbraco-forms-label {*/
/*    font-weight: normal; */
/*    line-height: 1em;*/
/*}*/

/*pods - uskinned error?*/
.c2-bg div.inner.base-bg h1:not(.heading),
.c2-bg div.inner.base-bg h2:not(.heading),
.c2-bg div.inner.base-bg h3:not(.heading),
.c2-bg div.inner.base-bg h4:not(.heading),
.c2-bg div.inner.base-bg h5:not(.heading),
.c2-bg div.inner.base-bg h6:not(.heading) {
  color: rgba(var(--base-heading), 1);
}

.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input,
.usn_cmp_salesforceformcode div.salesforceforms.xaar-form select,
.usn_cmp_salesforceformcode div.salesforceforms.xaar-form textarea {
  background-color: white;
  margin-top: 5px;
  margin-bottom: 5px;
}

.usn_cmp_salesforceformcode div.salesforceforms.xaar-form label {
  margin: 0;
}

.usn_cmp_salesforceformcode div.salesforceforms.xaar-form select[multiple] {
  height: auto;
  background-image: none;
}

.usn_cmp_salesforceformcode
  div.salesforceforms.xaar-form
  input[type="checkbox"] {
  height: unset;
  min-height: 0;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 20px;
  background-color: white;
}

.usn_cmp_salesforceformcode div.salesforceforms.xaar-form input[type="submit"] {
  position: relative;
  text-align: center;
  font-weight: bold;
  background: white;
  color: #1f2123;
  box-shadow: none;
  white-space: normal;
  font-size: 2.08333vw;
  padding: 1.37453vw 2.08333vw 1.59422vw 2.08333vw;
  border: 3px solid #ffdc00;
  -webkit-border-radius: 2.39583vw;
  -moz-border-radius: 2.39583vw;
  -ms-border-radius: 2.39583vw;
  border-radius: 2.39583vw;
  line-height: 1;
  -webkit-appearance: button;
  cursor: pointer;
}

@media (max-width: 991px) {
  .usn_cmp_salesforceformcode
    .usn_cmp_salesforceformcode
    div.salesforceforms.xaar-form
    input[type="submit"] {
    font-size: 32px;
    padding: 20.835px 32px 24.165px 32px;
    border-width: 3px;
    -webkit-border-radius: 36.8px;
    -moz-border-radius: 36.8px;
    -ms-border-radius: 36.8px;
    border-radius: 36.8px;
  }
}

.usn_cmp_salesforceformcode div.salesforceforms.xaar-form p.salesforce-intro {
  margin: 30px 0;
}

.usn_cmp_salesforceformcode.findoutmore.xaar-form {
  background-color: white;
  padding-top: 60px;
  padding-bottom: 60px;
}

div.container
  div.col-sm-6
  .usn_cmp_salesforceformcode
  div.salesforceforms
  div.container {
  width: 100%;
  max-width: 1640px;
  padding: 20px 2.60417vw;
}

@media (min-width: 1920px) {
  div.container
    div.col-sm-6
    .usn_cmp_salesforceformcode
    div.salesforceforms
    div.container {
    padding: 20px 50px;
  }
}

.item.item_block.usn_cmp_salesforceformcode.align-self-start.col-xl-6.col-md-6.order-md-2.order-2.col-12 {
  background-color: #e7e7e7;
  padding: 30px;
  padding-top: 0;
}

/* --- news ---- */
.categories.base-text ul {
  margin: 0;
}

@media (min-width: 992px) {
  .categories.base-text ul {
    margin-top: 15px;
  }
}

.categories.base-text ul li {
  display: inline-block;
}

.blog-date time {
  font-weight: 600;
  /*margin-left: 20px;*/
}

.blogpage-secondcolumn div.share-page {
  width: 100%;
  margin-bottom: 20px;
}

.blogpage-secondcolumn div.share-page span.btn {
  width: 100%;
}

div.image.blog-image img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  margin: 30px 0;
}

.blog-listing-component p.heading {
  font-weight: 700;
  font-size: 24px;
}

nav.sub p.heading.sm {
  font-family: "DINPro-bold";
}

nav#pagination .pagination li a {
  /*padding: 12px 21px;*/
  /*height: 48px;*/
  /*min-width: 56px;*/
  border: solid 2px #ffdc00;
  border-radius: 20px;
  font-weight: 700;
}

nav#pagination .pagination li.active a {
  color: #202123;
  background-color: #ffdc00;
  border-color: #ffdc00;
}
/*nav#pagination .pagination li.prev, nav#pagination .pagination li.next {*/
/*    position: relative;*/
/*}*/
nav#pagination .pagination li.next a,
nav#pagination .pagination li.prev a {
  border: none;
  font-size: 30px;
}

@media (min-width: 500px) {
  nav#pagination .pagination li {
    margin: 0 5px;
  }

  nav#pagination .pagination li a {
    padding: 12px 21px;
    height: 48px;
    min-width: 56px;
    border: solid 2px #ffdc00;
    border-radius: 20px;
    font-weight: 700;
  }

  nav#pagination .pagination li.active a {
    color: #202123;
    background-color: #ffdc00;
    border-color: #ffdc00;
  }

  nav#pagination .pagination li.prev,
  nav#pagination .pagination li.next {
    position: relative;
  }

  nav#pagination .pagination li.next a,
  nav#pagination .pagination li.prev a {
    border: none;
    font-size: 30px;
  }
}

.directional-icons-chevron .slick-next i.icon:before {
  content: "\f3d1";
  color: #f2e240;
  font-weight: 700;
}

.directional-icons-chevron .slick-prev i.icon:before {
  content: "\f3cf";
  color: #f2e240;
  font-weight: 700;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 768px) {
  .slick-slider .slick-next,
  .slick-slider .slick-prev {
    background-color: transparent;
  }

  .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    left: -50px;
  }

  .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    right: -50px;
  }

  .directional-icons-chevron .slick-next i.icon:before {
    content: "\f3d1";
    color: #f2e240;
    font-size: 110px;
  }

  .directional-icons-chevron .slick-prev i.icon:before {
    content: "\f3cf";
    color: #f2e240;
    font-size: 110px;
  }
}

.usn_cmp_splitcomponent .slick-autoplay-toggle-button i.icon,
.usn_cmp_splitcomponent .slick-slider .slick-prev i.icon,
.usn_cmp_splitcomponent .slick-slider .slick-next i.icon {
  font-size: 40px;
}

.directional-icons-chevron .usn_cmp_splitcomponent .slick-next i.icon:before {
  font-size: 40px;
}

.directional-icons-chevron .usn_cmp_splitcomponent .slick-prev i.icon:before {
  font-size: 40px;
}

.usn_cmp_splitcomponent .slick-slider .slick-prev,
.usn_cmp_splitcomponent .slick-slider .slick-next {
  background-color: rgba(0, 0, 0, 0.7);
}

.usn_cmp_splitcomponent
  .row.slides.slick-slider:not(.listing_no-spacing)
  .slick-prev {
  left: 15px;
}

.usn_cmp_splitcomponent
  .row.slides.slick-slider:not(.listing_no-spacing)
  .slick-next {
  right: 15px;
}

/*--- custom split ---*/

.custom-split .component-main {
  background-color: #003b4a;
  color: white;
}

.custom-split .component-main {
  width: 100%;
  margin: 0;
}

.custom-split .component-main .item {
  padding: 0;
}

.custom-split .component-main .item .info.text-left {
  padding: 50px;
}

.custom-split .component-main img {
  width: 100% !important;
  object-fit: cover;
}

.custom-split .component-main h2 {
  color: white !important;
  font-weight: 600;
  font-size: 38px;
  letter-spacing: 0.04em;
}

.custom-split .component-main div.text {
  color: white !important;
}

.custom-split .component-main .item .info.text-left a.btn {
  padding: 14px 30px 10px;
  font-size: 32px;
}

.component.usn_cmp_splitcomponent.custom-split
  .component-main
  > .item.item_block.order-2 {
  margin-top: 0;
}

@media (min-width: 768px) {
  /* .custom-split .component-main {
        background-color: #003b4a;
        color: white;
    }*/

  .custom-split .component-main {
    height: 360px;
    /*width: 100%;
        margin: 0;*/
  }

  /*.custom-split .component-main .item {
            padding: 0;
        }

            .custom-split .component-main .item .info.text-left {
                padding: 50px;
            }*/

  .custom-split .component-main img {
    height: 360px;
    /*width: 100% !important;
            object-fit: cover;*/
  }

  /*.custom-split .component-main h2 {
            color: white !important;
            font-weight: 600;
            font-size: 50px;
            letter-spacing: 0.04em;
        }

        .custom-split .component-main div.text {
            color: white !important;
        }


        .custom-split .component-main .item .info.text-left a.btn {
            padding: 14px 30px 10px;
            font-size: 32px;
        }*/
}

.latest-news .categories.base-text,
.latest-news .categories.base-text ul {
  display: inline;
}

.row.component-main.listing.listing_basic-grid.latest-news {
  /*        margin-top: 30px;*/
  margin-top: 0;
}

.latest-news .time-categories {
  margin: 10px 0;
}

.latest-news time {
  margin-right: 20px;
}

section.content.component.base-bg.base-bg-solid.newslisting {
  padding-top: 0px;
}

nav.sub p.heading {
  font-size: 22px;
}

/* YELLOW STRIP PODS HOMEPAGE */
section.bctsection {
  padding: 80px 0;
}

section.bctsection .component-inner .container {
  padding: 0 50px;
}

section.bctsection.careers-yellow-border .component-inner .container {
  padding: 0;
  padding-left: 25px;
  margin: 0 0 0 20px;
}

section.bctsection div.item {
  color: #707070;
  padding: 0 22px;
  padding-bottom: 0 !important;
  border-left: 0.78125vw solid #ffdc00;
}

@media (min-width: 1920px) {
  section.bctsection div.item {
    color: #707070;
    padding: 0 22px;
    border-left: 15px solid #ffdc00;
  }
}

section.bctsection.careers-yellow-border div.item {
  border-left: 5px solid #ffdc00;
  padding-left: 30px;
}

section.bctsection.careers-yellow-border div.item h2 {
  margin-top: 0px;
}

@media (min-width: 1200px) {
  section.bctsection .component-inner .container {
    padding: 0 130px;
  }

  section.bctsection.careers-yellow-border .component-inner .container {
    padding: 0;
    margin: 0 auto;
  }

  section.bctsection.careers-yellow-border div.item {
    border-left: 5px solid #ffdc00;
    padding-left: 30px;
    margin: 0 30px;
  }
}

section.bctsection div.item .inner .info {
  padding-bottom: 0 !important;
}

section.bctsection div.item p.heading {
  color: #0f0c0c !important;
  font-family: "DINPro-Bold";
  font-size: 30px;
  margin-top: 0;
}

section.bctsection div.text p {
  margin-bottom: 0;
}

section.content.careers-values .item.item_overlay .inner .image.c9-bg::before {
  background-color: rgba(var(--c9-bg-color1), 0);
}

section.content.careers-values .info {
  font-size: 1.30208vw;
}

@media (max-width: 991px) {
  section.content.careers-values .info {
    font-size: 14px;
    line-height: 21px;
  }

  section.content.careers-values .item .image img {
    min-height: 400px;
    object-fit: cover;
  }
}

/* 
    Interactive Map
*/
.interactive-map {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  color: #003b4a;
  font-family: "DINPro-Light";
  font-weight: 300;
}

.interactive-map.outline.lightblue {
  -webkit-border-top-left-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -ms-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
}

.interactive-map .country-name {
  text-decoration: none;
  color: #003b4a;
  font-weight: 600;
  font-family: "DINPro";
  margin-bottom: 12px;
  font-size: 2.60417vw;
}

@media (min-width: 1920px) {
  .interactive-map .country-name {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .interactive-map .country-name {
    font-size: 40px;
  }
}

.interactive-map h2 {
  color: #00a8d5;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0;
}

.interactive-map .map-container {
  position: relative;
  padding-bottom: 31.30208vw;
  height: 0;
  width: 51.35417vw;
}

.interactive-map .map-container .map-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31.30208vw;
  border: 0;
  display: block;
}

.interactive-map .map-container .map-area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto;
}

.interactive-map .map-container .map-area .map-pin {
  position: absolute;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.interactive-map .map-container .map-area .map-pin.type1 {
  background-color: #bd0960;
}

.interactive-map .map-container .map-area .map-pin.type2 {
  background-color: #003b4a;
}

.interactive-map .map-container .map-area .key {
  position: absolute;
  bottom: 0;
  left: 0;
  list-style: none;
  margin: 0;
  font-size: 12px;
}

.interactive-map .map-container .map-area .key .map-pin {
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
}

.interactive-map .map-locations .map-location .location-name {
  font-weight: 600;
}

.interactive-map .map-locations .map-location .location-map,
.interactive-map .map-locations .map-location .location-phone,
.interactive-map .map-locations .map-location .location-email,
.interactive-map .map-locations .map-location .location-website {
  margin-top: 1.30208vw;
}

.interactive-map .map-locations .map-location .location-map a,
.interactive-map .map-locations .map-location .location-phone a,
.interactive-map .map-locations .map-location .location-email a,
.interactive-map .map-locations .map-location .location-website a {
  color: #003b4a;
}

.interactive-map .map-locations .map-location .location-map a,
.interactive-map .map-locations .map-location .location-map a:hover,
.interactive-map .map-locations .map-location .location-phone a,
.interactive-map .map-locations .map-location .location-phone a:hover,
.interactive-map .map-locations .map-location .location-email a,
.interactive-map .map-locations .map-location .location-email a:hover,
.interactive-map .map-locations .map-location .location-website a,
.interactive-map .map-locations .map-location .location-website a:hover {
  text-decoration: none;
  font-weight: 600;
}

@media (min-width: 992px) {
  .interactive-map {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .interactive-map .map-country {
    display: none;
  }

  .interactive-map .map-country.open {
    display: block;
  }

  .interactive-map .map-country .map-locations {
    display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 28.64583vw;
    min-width: 28.64583vw;
    /* Track */
    /* Handle */
    /* Handle on hover */
    scrollbar-color: #ffdc00 rgba(255, 220, 0, 0.3);
    scrollbar-width: 13px;
  }

  .interactive-map .map-country .map-locations::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
  }

  .interactive-map .map-country .map-locations::-webkit-scrollbar-track {
    background: rgba(255, 220, 0, 0.3);
  }

  .interactive-map .map-country .map-locations::-webkit-scrollbar-thumb {
    background: #ffdc00;
  }

  .interactive-map .map-country .map-locations::-webkit-scrollbar-thumb:hover {
    background: #ffdc00;
  }

  .interactive-map .map-country .map-locations.collapse {
    display: flex;
  }

  .interactive-map .map-country .map-locations .map-location {
    width: 28.64583vw;
    min-width: 28.64583vw;
    display: inline-block;
    padding-bottom: 1.30208vw;
  }
}

@media (min-width: 1920px) {
  .interactive-map .map-container {
    padding-bottom: 601px;
    width: 986px;
  }

  .interactive-map .map-container .map-area {
    height: 491px;
  }

  .interactive-map .map-country .map-locations {
    width: 550px;
    min-width: 550px;
  }

  .interactive-map .map-country .map-locations .map-location {
    width: 550px;
    min-width: 550px;
    padding-bottom: 25px;
  }

  .interactive-map .map-country .map-locations .map-location .location-map,
  .interactive-map .map-country .map-locations .map-location .location-phone,
  .interactive-map .map-country .map-locations .map-location .location-email,
  .interactive-map .map-country .map-locations .map-location .location-website {
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .interactive-map {
    border: 0;
    padding: 0;
  }

  .interactive-map .map-container {
    display: none;
  }

  .interactive-map .map-country .country-name {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 18px 8px 10px;
    margin-top: 6px;
    background: #e7e7e7;
    line-height: 40px;
  }
}

@media (max-width: 991px) and (min-width: 1920px) {
  .interactive-map .map-country .country-name {
    padding: 10px 45px 10px 15px;
  }
}

@media (max-width: 991px) {
  .interactive-map .map-country .country-name:after {
    position: absolute;
    top: 20px;
    right: 15px;
    content: "\f3d8";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .interactive-map .map-country .country-name.collapsed:after {
    content: "\f3d0";
  }

  .interactive-map .map-country .map-locations {
    padding: 15px;
  }
}

body.content-underline-link
  #site-content
  section.usn_cmp_pods.homepagepodsection
  .item
  a {
  text-decoration: none !important;
}

body.content-underline-link
  #site-content
  .item
  a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active)
  .heading {
  text-decoration: none !important;
}

body.content-underline-link
  #site-content
  section.homepagepodsection
  .item
  a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
  text-decoration: none !important;
}

@media (min-width: 600px) and (max-width: 991px) {
  section.homepagepodsection
    .row:not(.slides):not(.listing_window-mosaic)
    .item.items-3 {
    flex: 0 0 var(--items-3);
    -ms-flex: 0 0 var(--items-3);
    max-width: var(--items-3);
  }
}

@media (min-width: 992px) {
  body:not(.header-03-lg) nav.main ul > li > ul,
  body:not(.header-03-lg) nav.main.navigation-dropdown-bg-solid ul > li > ul {
    background: white;
  }
}

.usn_cmp_relatedresourcesandproducts .listing .item {
  margin-bottom: var(--base-spacing);
}

.listing:not(.listing_window-mosaic) .item:last-child {
  margin-bottom: 0 !important;
}
section:not(.black-yellow)
  .listing:not(.listing_window-mosaic):not(.listing_data-list):not(
    .listing_links
  ):not(.blog-listing-component)
  > .item:not(.swp-item) {
  padding-bottom: 0 !important;
}

/*section.bctsection .listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item:not(.swp-item) {
    margin-bottom: 30px;
}*/

section.usn_cmp_homepageupdatessection
  .item.items-3.col-12.item_text-boxed.item_overlay.homepage-update.usn_pod_textimage.text-left {
  margin-bottom: 30px;
}
/*section.black-yellow .listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links) > .item:not(.swp-item) {
    padding-bottom: var(--base-spacing) !important;
}*/

.table > :not(caption) > * > * {
  background-color: transparent;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
  border-radius: 0;
}
