@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=email], input[type=month],
input[type=number], input[type=password], input[type=range],
input[type=search], input[type=tel], input[type=text],
input[type=time], input[type=url], input[type=week],
select, textarea {
  font-family: 'Open Sans'; }

h1, .h1 {
  color: #00334E;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 40px; }

h2, .h2 {
  color: #00334E;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px; }

h3, .h3 {
  color: #00334E;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px; }

h4, .h4 {
  color: #00334E;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px; }

h5, .h5 {
  color: #00334E;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px; }

h6, .h6 {
  color: #00334E;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px; }

p, .p {
  color: #00334E;
  font-size: 16px;
  margin-bottom: 10px; }

a {
  color: #106B9C;
  text-decoration: none; }
  a:visited, a:active {
    color: #106B9C;
    text-decoration: none; }
  a:hover, a:focus {
    color: #00334E;
    text-decoration: none; }

img {
  max-width: 100%; }

body {
  overflow-x: hidden; }

/*
    // Example mixin:

    @mixin BoxShadow($horizontal, $vertical, $blur, $spread, $color, $inset: false) {

        @if $inset {
            -webkit-box-shadow: inset $horizontal $vertical $blur $spread $color;
            -moz-box-shadow: inset $horizontal $vertical $blur $spread $color;
            box-shadow: inset $horizontal $vertical $blur $spread $color;
        }
        @else {
            -webkit-box-shadow: $horizontal $vertical $blur $spread $color;
            -moz-box-shadow: $horizontal $vertical $blur $spread $color;
            box-shadow: $horizontal $vertical $blur $spread $color;
        }
    }

*/
/*
#ControlBar {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;   

    ul, li, a, p {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;   
    }

    #ControlNav > li > a {
        text-decoration: none;
    }

    .subNav.advanced dl {
        width: 610px;
        min-height: 180px;
    }

    .subNav.advanced dl ul li {
        width: 100px;
        min-width: 100px;
    }

    div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
        padding: 5px 0 5px 10px; 
        line-height: 10px;  
    }

    span.controlBar_editPageTxt {
        font-family: Arial;
        line-height: 1rem;
        font-size: 14px;
    }

    #ControlEditPageMenu .dnnCheckbox + label {
        font-family: Arial;
        font-size: 14px;
    }
}

*/
.margin-top {
  margin-top: 40px; }

.margin-bottom {
  margin-bottom: 40px; }

.no-margin {
  margin: 0; }

.text-grey {
  color: #707070; }

.grey-background {
  background-color: #F7F7F7; }
  .grey-background .ContentPane {
    padding: 0.1px 0; }
    .grey-background .ContentPane.DNNEmptyPane {
      padding: 0; }

.image-caption {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #106B9C;
  margin-top: 15px; }

#header .upper-header {
  background-color: #E9EFF8;
  height: 40px;
  line-height: 40px;
  text-align: right; }

#header .lower-header {
  background-color: #00334E;
  height: 90px;
  line-height: 90px; }

#header .contact {
  display: inline;
  margin-left: 40px; }
  #header .contact a, #header .contact span {
    font-size: 13px; }
  #header .contact i {
    margin-right: 5px; }
  #header .contact.contact-social i {
    margin-right: 10px; }
    #header .contact.contact-social i.last-icon {
      margin-right: 0; }
  #header .contact.contact-login .loginGroup {
    display: inline; }
  @media only screen and (max-width: 575.5px) {
    #header .contact span {
      display: none; } }

#header .lower-header-container {
  display: flex; }

#header .lower-header-item {
  flex: 0;
  display: flex;
  justify-content: center; }
  #header .lower-header-item.menu-wrapper {
    flex: 1; }

#header .site-logo-wrapper img {
  max-width: none;
  width: 235px; }
  @media only screen and (max-width: 575.5px) {
    #header .site-logo-wrapper img {
      width: 190px; } }

#header .mobile-toggle {
  color: white;
  font-size: 16px;
  display: none;
  transition: font-size linear 0.2s; }
  #header .mobile-toggle:hover {
    font-size: 18px;
    cursor: pointer; }

#header .menu-container {
  list-style: none;
  display: inline; }
  #header .menu-container .menu-item {
    display: inline;
    position: relative;
    margin-right: 60px; }
    #header .menu-container .menu-item:hover .desktop-dropdown {
      display: block; }
  #header .menu-container .menu-item-link {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600; }
  #header .menu-container .desktop-dropdown {
    display: none;
    list-style: none;
    position: absolute;
    left: -40px;
    top: 21px;
    margin: 0;
    text-align: left;
    min-width: 200px;
    width: max-content;
    background-color: #00334E;
    padding: 40px 30px 20px;
    z-index: 2;
    line-height: 36px; }
  #header .menu-container .desktop-dropdown-item .menu-item-link {
    font-size: 14px; }
  #header .menu-container .desktop-dropdown-item:before {
    content: '\2013';
    color: #FFFFFF; }

#header .hexagon-inner {
  position: relative; }
  #header .hexagon-inner .fa-search {
    position: absolute;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: color linear 0.3s; }
  #header .hexagon-inner #search-hexagon {
    overflow: visible; }
    #header .hexagon-inner #search-hexagon .hexagon {
      fill: transparent;
      stroke: #FFFFFF;
      stroke-width: 2;
      transition: fill linear 0.3s; }
  #header .hexagon-inner:hover {
    cursor: pointer; }
    #header .hexagon-inner:hover #search-hexagon .hexagon {
      fill: #FFFFFF; }
    #header .hexagon-inner:hover .fa-search {
      color: #00334E; }

@media only screen and (max-width: 991.5px) {
  #header .menu-wrapper {
    justify-content: flex-end;
    padding-right: 40px; }
  #header .mobile-toggle {
    display: inline; }
  #header .menu-container {
    display: block;
    position: fixed;
    top: 0;
    left: 100vw;
    width: 100vw;
    height: 100vh;
    background: #00334E;
    z-index: 100;
    margin: 0;
    text-align: center;
    transition: left linear 0.5s; }
    #header .menu-container.mobile-open {
      left: 0; }
    #header .menu-container .menu-item {
      display: block;
      margin: 0;
      line-height: 60px; } }

#header .hide-element {
  display: none; }

#header #search-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 30%;
  height: 4em;
  margin-left: -15%;
  margin-top: -8em;
  z-index: 5; }
  #header #search-overlay .search-box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    #header #search-overlay .search-box-container .search-box-background {
      background-color: #00334E;
      opacity: 0.9;
      width: 100vw;
      height: 100vh;
      left: 0;
      top: 0;
      position: fixed;
      z-index: 2; }
    #header #search-overlay .search-box-container p {
      position: relative;
      margin-bottom: 1em;
      z-index: 6;
      font: normal normal normal 30px/41px Open Sans;
      color: #FFFFFF;
      text-align: center; }
    #header #search-overlay .search-box-container .dnn-search-box-wrapper {
      width: 100%;
      min-width: 10em;
      position: relative;
      z-index: 6;
      text-align: center;
      font: normal normal normal 20px/27px Open Sans;
      display: flex;
      justify-content: space-between;
      align-self: center; }
      #header #search-overlay .search-box-container .dnn-search-box-wrapper span {
        width: 100%; }
      #header #search-overlay .search-box-container .dnn-search-box-wrapper input {
        width: 100%;
        height: 3em;
        padding-left: 1em;
        border: 0;
        border-radius: 0; }
        #header #search-overlay .search-box-container .dnn-search-box-wrapper input:focus {
          outline: none; }
      #header #search-overlay .search-box-container .dnn-search-box-wrapper a {
        display: none; }
      #header #search-overlay .search-box-container .dnn-search-box-wrapper .search-icon-wrapper {
        position: relative;
        margin-left: 1px;
        display: inline-block;
        background-color: #E9EFF8;
        min-width: 3em;
        width: 10%;
        height: 3em;
        top: 0;
        transition: 0.3s;
        box-shadow: 0px 0px 5px rgba(16, 107, 156, 0.5); }
        #header #search-overlay .search-box-container .dnn-search-box-wrapper .search-icon-wrapper:hover {
          cursor: pointer;
          background-color: #DBDBDB; }
        #header #search-overlay .search-box-container .dnn-search-box-wrapper .search-icon-wrapper i {
          position: absolute;
          bottom: 1em;
          right: calc(50% - 0.5em); }
      #header #search-overlay .search-box-container .dnn-search-box-wrapper .searchSkinObjectPreview {
        position: absolute;
        width: 110%;
        min-width: calc(100% + 3em);
        margin-right: -3em;
        border: 0;
        max-height: 40vh;
        overflow: auto; }
        #header #search-overlay .search-box-container .dnn-search-box-wrapper .searchSkinObjectPreview p {
          /*display: none;*/
          color: #707070;
          font-size: 0.5em;
          line-height: 1em; }

#mobileMenuWrapper {
  width: 0;
  height: auto;
  overflow: hidden;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding-top: 70px;
  transition: 0.5s;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  padding-bottom: 20px;
  min-height: 100%; }
  #mobileMenuWrapper .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 40px;
    margin-left: 50px; }
  #mobileMenuWrapper .mobile-menu .mobile-menu-items {
    list-style: none;
    text-align: center;
    margin: 0; }
    #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item {
      color: #707070;
      font-size: 20px;
      margin-bottom: 4px; }
      #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item.closed .mobile-submenu {
        max-height: 0;
        overflow: hidden; }
      #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item .mobile-submenu {
        margin-left: 0;
        list-style: none; }
      #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item .mobile-menu-item-link {
        color: #707070; }
      #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item .mobile-submenu-item {
        font-size: 16px; }
        #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item .mobile-submenu-item .mobile-submenu-item-link {
          color: #00334E; }
      #mobileMenuWrapper .mobile-menu .mobile-menu-items .mobile-menu-item .fas {
        font-size: 20px;
        vertical-align: baseline; }

#footer {
  position: relative;
  font-family: 'Titillium Web', sans-serif;
  background-color: #00334E;
  color: #FFFFFF;
  padding-top: 50px;
  padding-bottom: 80px; }
  #footer .footer-menu {
    margin-bottom: 70px; }
    #footer .footer-menu .footer-menu-item {
      position: relative;
      margin-right: 30px;
      color: #FFFFFF;
      line-height: 40px;
      top: -10px; }
      #footer .footer-menu .footer-menu-item:after {
        content: '';
        width: 100%;
        border-top: 1px solid #FFFFFF;
        position: absolute;
        bottom: -10px;
        left: 0; }
      #footer .footer-menu .footer-menu-item:hover {
        text-decoration: none; }
  @media screen and (max-width: 576px) {
    #footer .footer-info {
      width: calc(100vw - 30px); } }
  #footer .footer-info .footer-info-item {
    color: #FFFFFF;
    display: block;
    font-size: 12px; }
    @media screen and (min-width: 577px) {
      #footer .footer-info .footer-info-item {
        white-space: nowrap; } }
    #footer .footer-info .footer-info-item.privacy-link {
      margin-bottom: 10px; }
  #footer .footer-contact-menu .footer-contact-header {
    display: block;
    color: #FFFFFF;
    margin-bottom: 10px; }
  #footer .footer-contact-menu .footer-contact-item {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    margin-bottom: 25px;
    font-size: 14px; }
    #footer .footer-contact-menu .footer-contact-item:after {
      content: '';
      width: 100%;
      border-top: 1px solid #FFFFFF;
      position: absolute;
      bottom: -10px;
      left: 0; }
    #footer .footer-contact-menu .footer-contact-item i {
      margin-right: 10px; }
  #footer .footer-follow-menu .footer-follow-header {
    display: block;
    color: #FFFFFF;
    margin-bottom: 10px; }
  #footer .footer-follow-menu .footer-follow-icons {
    position: relative;
    display: inline-block; }
    #footer .footer-follow-menu .footer-follow-icons:after {
      content: '';
      width: 100%;
      border-top: 1px solid #FFFFFF;
      position: absolute;
      bottom: -10px;
      left: 0; }
    #footer .footer-follow-menu .footer-follow-icons .footer-follow-icon {
      color: #FFFFFF;
      font-size: 15px;
      margin-right: 10px; }

#bottomMenu {
  padding-top: 60px;
  text-align: center;
  margin: 100px 0; }
  #bottomMenu .bottom-menu-hexagon {
    overflow: visible;
    margin-right: 5px; }
    #bottomMenu .bottom-menu-hexagon .hexagon {
      fill: transparent;
      stroke: #106B9C;
      stroke-width: 2; }
  #bottomMenu .link {
    margin: 0 15px;
    font-size: 16px;
    white-space: nowrap; }
    #bottomMenu .link:hover .bottom-menu-hexagon .hexagon {
      stroke: #00334E; }
  #bottomMenu .link-text {
    font-size: 14px; }

.left-title-container {
  padding-top: 60px;
  padding-bottom: 60px; }
  .left-title-container .left-title {
    position: relative; }
    .left-title-container .left-title:after {
      content: '';
      border-top: #00334E 1px solid;
      width: 50%;
      position: absolute;
      bottom: -30px;
      left: 0; }
      @media only screen and (max-width: 575.5px) {
        .left-title-container .left-title:after {
          bottom: 0; } }

.homepage-hero-banner {
  background-image: url("/Portals/_default/Skins/Cantarus/Images/tdl-banner.jpg");
  background-position: right center;
  background-size: cover;
  height: 650px;
  position: relative; }
  @media only screen and (min-width: 576px) {
    .homepage-hero-banner:before {
      content: '';
      border-left: 1px solid #FFFFFF;
      position: absolute;
      height: 75%;
      top: 12.5%;
      left: 80px; } }
  .homepage-hero-banner #viewMore {
    color: #FFFFFF;
    position: absolute;
    bottom: 5%;
    left: 40px;
    font-size: 14px; }
  .homepage-hero-banner .hero-title-container {
    position: absolute;
    top: 140px;
    left: 40px; }
    @media only screen and (min-width: 576px) {
      .homepage-hero-banner .hero-title-container {
        left: 200px;
        width: 400px; } }
    @media only screen and (min-width: 768px) {
      .homepage-hero-banner .hero-title-container {
        width: 550px; } }
    @media only screen and (min-width: 992px) {
      .homepage-hero-banner .hero-title-container {
        width: 900px; } }
  .homepage-hero-banner .hero-title {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 46px;
    line-height: 66px; }
    @media only screen and (min-width: 768px) {
      .homepage-hero-banner .hero-title {
        font-size: 56px;
        line-height: 76px; } }

.hexagon-wrapper {
  display: inline;
  position: relative; }

.link-hexagon {
  overflow: visible; }
  .link-hexagon .hexagon {
    fill: transparent;
    stroke: #00334E;
    stroke-width: 5;
    opacity: 0.2;
    transition: opacity linear 0.3s; }

.hexagon-link:hover .link-hexagon .hexagon {
  opacity: 1; }

.hexagon-link-text {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  font-size: 12px;
  color: #707070;
  text-align: center; }

.hexagon-links-container {
  width: 1040px;
  height: 500px;
  margin: 0 auto;
  position: relative; }
  .hexagon-links-container .hexagon-link-text {
    font-size: 14px; }
  .hexagon-links-container .hexagon-link {
    position: absolute; }
    .hexagon-links-container .hexagon-link:nth-child(1) {
      top: 10px; }
    .hexagon-links-container .hexagon-link:nth-child(2) {
      top: 250px;
      left: 0; }
    .hexagon-links-container .hexagon-link:nth-child(3) {
      top: 130px;
      left: 200px; }
    .hexagon-links-container .hexagon-link:nth-child(4) {
      top: 10px;
      left: 400px; }
    .hexagon-links-container .hexagon-link:nth-child(5) {
      top: 250px;
      left: 400px; }
    .hexagon-links-container .hexagon-link:nth-child(6) {
      top: 130px;
      left: 600px; }
    .hexagon-links-container .hexagon-link:nth-child(7) {
      top: 10px;
      left: 800px; }
    .hexagon-links-container .hexagon-link:nth-child(8) {
      top: 250px;
      left: 800px; }
  @media only screen and (max-width: 1149px) {
    .hexagon-links-container {
      width: 640px;
      height: 720px; }
      .hexagon-links-container .hexagon-link:nth-child(4) {
        top: 10px;
        left: 400px; }
      .hexagon-links-container .hexagon-link:nth-child(5) {
        top: 370px;
        left: 200px; }
      .hexagon-links-container .hexagon-link:nth-child(6) {
        top: 250px;
        left: 400px; }
      .hexagon-links-container .hexagon-link:nth-child(7) {
        top: 490px;
        left: 400px; }
      .hexagon-links-container .hexagon-link:nth-child(8) {
        top: 490px;
        left: 0; } }
  @media only screen and (max-width: 659px) {
    .hexagon-links-container {
      width: 440px;
      height: 1080px; }
      .hexagon-links-container .hexagon-link:nth-child(6) {
        top: 490px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(7) {
        top: 610px;
        left: 200px; }
      .hexagon-links-container .hexagon-link:nth-child(8) {
        top: 730px;
        left: 0; }
      .hexagon-links-container .hexagon-link:nth-child(4) {
        top: 850px;
        left: 200px; } }
  @media only screen and (max-width: 459px) {
    .hexagon-links-container {
      width: 240px;
      height: 1920px; }
      .hexagon-links-container .hexagon-link:nth-child(1) {
        top: 0px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(2) {
        top: 240px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(3) {
        top: 480px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(4) {
        top: 720px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(5) {
        top: 960px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(6) {
        top: 1200px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(7) {
        top: 1440px;
        left: 0px; }
      .hexagon-links-container .hexagon-link:nth-child(8) {
        top: 1680px;
        left: 0px; } }

.image-link-wrapper {
  height: 180px;
  background-size: cover;
  background-position: bottom right;
  margin-bottom: 30px;
  position: relative; }
  .image-link-wrapper .link-text {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    left: 15px; }
  .image-link-wrapper .link-explore {
    font-size: 12px;
    color: white;
    position: absolute;
    bottom: 15px;
    right: 15px; }
  .image-link-wrapper a::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 51, 78, 0.4); }

.accouncements-wrapper {
  position: relative;
  margin-bottom: 90px; }
  .accouncements-wrapper:after {
    content: '';
    background-color: #F7F7F7;
    width: 150vw;
    height: calc(100% + 120px);
    position: absolute;
    top: -95px;
    left: -50vw;
    z-index: -1; }

.announcement-image {
  margin-bottom: 25px;
  width: 100%; }

.homepage-tiles {
  padding: 0 15px; }
  .homepage-tiles .homepage-tile {
    text-align: center; }
    .homepage-tiles .homepage-tile .tile-text {
      color: #106B9C;
      display: block;
      text-align: center;
      margin: 30px auto;
      width: 70%;
      font-size: 16px;
      line-height: 22px; }

.inner-banner {
  max-height: 255px;
  overflow: hidden; }
  .inner-banner img {
    width: 100%; }

#breadcrumb {
  margin-top: 40px;
  margin-bottom: 40px; }
  #breadcrumb * {
    color: #707070;
    font-size: 12px;
    font-weight: 600; }
  #breadcrumb .fa-caret-right {
    margin: 0 15px; }

.location-links {
  text-align: center; }
  .location-links .location-image {
    width: 60%;
    margin: 50px 0 30px; }
  .location-links .location-name {
    color: #106B9C;
    font-size: 16px;
    margin-bottom: 5px; }
  .location-links .location-subtext {
    color: #707070;
    font-size: 12px; }

.get-in-touch .get-in-touch-item {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px; }
  .get-in-touch .get-in-touch-item .get-in-touch-label {
    color: #00334E;
    white-space: nowrap; }
  .get-in-touch .get-in-touch-item .get-in-touch-data {
    color: #106B9C; }

.main-contacts {
  padding: 8em 6em;
  width: 100%;
  background-color: #F7F7F7; }
  .main-contacts h2 {
    font-size: 24px; }
  .main-contacts ul {
    list-style-type: none;
    display: flex;
    flex-flow: column nowrap;
    margin-left: 0; }
    .main-contacts ul li {
      width: 100%;
      padding: 1em 0em; }
      .main-contacts ul li div {
        width: 50%;
        margin: 0; }
        .main-contacts ul li div p {
          word-wrap: break-word;
          padding: 0;
          font-weight: 600; }
        .main-contacts ul li div:first-child p {
          color: #707070; }
        .main-contacts ul li div:last-child p {
          color: #106B9C; }

.sales-contacts {
  display: flex;
  flex-flow: row wrap; }

.sales-contact {
  display: inline;
  width: 50%;
  margin: 2em 0em; }
  .sales-contact img {
    height: 6em;
    width: 25%;
    padding: 0em 1em;
    float: left; }
  .sales-contact div {
    width: 75%;
    display: block;
    float: left; }
    .sales-contact div p:first-child {
      color: #707070; }
    .sales-contact div p:nth-child(2) {
      color: #00334e;
      font-weight: 600;
      font-size: 1.5em; }
    .sales-contact div a {
      width: 100%;
      color: #106b9c;
      font-weight: 700;
      word-wrap: break-word; }

.location-description {
  text-align: justify;
  color: #00334E;
  font: normal normal 300 18px/28px Open Sans;
  margin: 50px 0em; }

.shift-right {
  margin-left: 15em; }

.product-details .product-images img {
  width: 100%; }

.product-details .product-header {
  display: flex;
  margin-bottom: 40px; }
  .product-details .product-header .product-images {
    flex: 0 0 460px; }
  .product-details .product-header .product-intro {
    flex: 0 0 calc(100% - 460px); }

.product-details .images-container {
  display: flex; }
  .product-details .images-container .preview-images {
    flex: 0 0 80px; }
    .product-details .images-container .preview-images img {
      margin-bottom: 10px; }
  .product-details .images-container .main-image {
    flex: 0 0 350px;
    margin-left: 10px; }

.product-details .article-title {
  font-size: 34px;
  font-weight: 600; }

.product-details .action-text {
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
  margin-right: 50px; }

.product-details .intro-text {
  color: #707070;
  margin-top: 40px; }

.product-details table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px; }
  .product-details table, .product-details table th, .product-details table td {
    border: 2px solid #00334E; }
  .product-details table th, .product-details table td {
    padding: 5px;
    width: auto; }
  .product-details table th {
    color: #00334E; }
  .product-details table td {
    color: #707070; }
  .product-details table tr:first-of-type {
    background-color: #00334E; }
    .product-details table tr:first-of-type * {
      color: white; }
  .product-details table thead ~ tbody tr:first-of-type {
    background-color: #FFFFFF; }
    .product-details table thead ~ tbody tr:first-of-type * {
      color: #707070; }

.supplier-image {
  margin-bottom: 20px; }

.supplier-name {
  color: #00334E;
  font-size: 18px;
  font-weight: 600; }

.side-menu-link-wrapper {
  background: #00334E;
  padding: 15px 0px;
  margin-bottom: 15px; }

.side-menu-link-text {
  color: white;
  margin-left: 15px; }

.side-menu-link:hover .side-menu-link-text {
  text-decoration: underline; }

.form-container {
  float: left;
  margin-left: 0;
  color: #00334E; }
  .form-container .right-align-element, .form-container .form-input {
    width: 80%;
    height: 2.5em;
    padding: 0;
    margin-left: auto; }
  .form-container .form-label {
    color: #00334E; }
  .form-container .form-input {
    border: 1px solid #DBDBDB;
    border-radius: 5px; }
  .form-container .form-item {
    padding: 0.5em 0em;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap; }
  .form-container .form-thankyou {
    margin: 2em 0em; }
  .form-container .no-display {
    display: none; }
  .form-container .enquiry-instruction {
    font-weight: 300;
    margin-bottom: 2em; }
  .form-container .dropdown {
    width: 50%;
    color: rgba(16, 107, 156, 0.5); }
  .form-container .message {
    height: 8em;
    position: relative; }
    .form-container .message .textbox {
      height: 100%; }
  .form-container .disclaimer {
    margin: 2em 0;
    white-space: nowrap;
    overflow-y: visible; }
  .form-container .form-label {
    display: inline-block;
    width: 20%;
    word-wrap: break-word; }
  .form-container .submit-form-text {
    font: normal normal normal 12px/17px Open Sans;
    margin: 5em 0em 5em auto;
    color: #00334E; }
  .form-container .submit-form-button {
    background: #106B9C 0% 0% no-repeat padding-box;
    font: normal normal 600 16px/22px Open Sans;
    border-radius: 5px;
    color: #FFFFFF;
    height: 2.5em;
    width: 9em;
    border-width: 0;
    margin-left: auto; }
  .form-container .validation-message {
    color: red;
    font-size: small;
    vertical-align: bottom;
    /*display: block;*/ }
  .form-container .disclaimer-container {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .form-container .disclaimer-container span {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .form-container .disclaimer-container span span {
        margin: 0em 2em;
        color: #106B9C;
        font: normal normal 600 15px/35px Open Sans; }
    .form-container .disclaimer-container .hexagon {
      stroke: #106B9C;
      stroke-width: 1; }
      .form-container .disclaimer-container .hexagon-unchecked {
        fill: #FFFFFF; }
      .form-container .disclaimer-container .hexagon-checked {
        fill: #106B9C; }
    .form-container .disclaimer-container .hexagon-container {
      width: 24px;
      overflow: visible; }
    .form-container .disclaimer-container .fa-check {
      margin-left: -20px;
      color: #FFFFFF; }
  .form-container .form-item.hidden {
    display: none; }

.enquiry-banner {
  margin-top: -375px; }

.DNNModuleContent .dnnSearchBoxPanel {
  background-color: #FFFFFF;
  max-width: 100%; }
  .DNNModuleContent .dnnSearchBoxPanel .dnnSearchResultAdvancedTip, .DNNModuleContent .dnnSearchBoxPanel dnnSearchBox_advanced_label {
    display: none; }
  .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox {
    border: 1px solid #106B9C;
    border-radius: 5px;
    min-height: 3em;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
    .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox input {
      color: #106B9C;
      padding-left: 1em; }
    .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox .dnnSearchBoxClearText {
      display: none; }
    .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton {
      background: none;
      margin: auto 0;
      right: 1em;
      height: 100%; }
      .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton:before {
        content: "\f002";
        font-family: "FontAwesome";
        font-weight: 300;
        font-size: 1.5em;
        color: #106B9C; }
    .DNNModuleContent .dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced {
      display: none; }

.DNNModuleContent .dnnSearchResultPanel {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: baseline;
  max-width: 100%;
  background-color: #FFFFFF;
  flex-wrap: wrap-reverse; }
  @media only screen and (max-width: 767px) {
    .DNNModuleContent .dnnSearchResultPanel {
      flex-direction: row; } }
  .DNNModuleContent .dnnSearchResultPanel .dnnRight {
    float: none;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font: normal normal 1em 600 Open Sans;
    color: #00334E; }
    .DNNModuleContent .dnnSearchResultPanel .dnnRight span {
      margin: auto;
      padding-right: 1em; }
    .DNNModuleContent .dnnSearchResultPanel .dnnRight:first-child::before {
      content: "Sort By:";
      padding-right: 1em; }
    .DNNModuleContent .dnnSearchResultPanel .dnnRight .dnnSearchResultSortOptions {
      display: inline;
      border: none; }
      .DNNModuleContent .dnnSearchResultPanel .dnnRight .dnnSearchResultSortOptions li a {
        border: 1px solid #106B9C;
        background: #FFFFFF;
        color: #106B9C;
        vertical-align: central; }
      .DNNModuleContent .dnnSearchResultPanel .dnnRight .dnnSearchResultSortOptions li.active a {
        background: #00334E;
        color: #FFFFFF; }
      .DNNModuleContent .dnnSearchResultPanel .dnnRight .dnnSearchResultSortOptions li:first-child a {
        border-radius: 5px 0px 0px 5px; }
      .DNNModuleContent .dnnSearchResultPanel .dnnRight .dnnSearchResultSortOptions li:last-child a {
        border-radius: 0px 5px 5px 0px;
        border-left: none; }
  .DNNModuleContent .dnnSearchResultPanel .dnnClear {
    display: none; }
  .DNNModuleContent .dnnSearchResultPanel .selectize-control .selectize-input {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB; }
    .DNNModuleContent .dnnSearchResultPanel .selectize-control .selectize-input .item {
      color: #106B9C; }
  .DNNModuleContent .dnnSearchResultPanel .selectize-control .selectize-dropdown {
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    color: #106B9C; }

.DNNModuleContent .dnnSearchResultPager .dnnLeft {
  display: none; }

.DNNModuleContent .dnnSearchResultPager .dnnRight span {
  color: #00334E;
  font: normal normal 600 15px Open Sans; }

.DNNModuleContent .dnnSearchResultPager .dnnRight .dnnPager-prev {
  background: #F7F7F7;
  margin-right: 0.5em; }
  .DNNModuleContent .dnnSearchResultPager .dnnRight .dnnPager-prev:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 1em;
    padding-left: 8px;
    position: absolute;
    padding-top: 4px;
    color: #106B9C; }

.DNNModuleContent .dnnSearchResultPager .dnnRight .dnnPager-next {
  background: #F7F7F7; }
  .DNNModuleContent .dnnSearchResultPager .dnnRight .dnnPager-next:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 1em;
    padding-left: 8px;
    position: absolute;
    padding-top: 4px;
    color: #106B9C; }

.DNNModuleContent .dnnSearchResultPager .dnnRight a {
  box-shadow: none;
  border: none; }

.DNNModuleContent .dnnSearchResultPagerTop {
  border-bottom: none;
  border-top: 1px solid #00334E; }
  .DNNModuleContent .dnnSearchResultPagerTop .dnnLeft {
    display: inline-block;
    font: normal normal 600 15px/35px Open Sans;
    color: #707070; }
  .DNNModuleContent .dnnSearchResultPagerTop .dnnRight {
    display: none; }

.DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title {
    order: 1;
    margin: 0.5em 0em; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a {
      font: normal normal bold 30px Open Sans; }
  .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description {
    order: 2;
    margin: 0.5em 0em; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description b {
      font: normal normal 300 18px/28px Open Sans; }
  .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link {
    order: 3;
    margin: 0.5em 0em; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a {
      font: normal normal 600 18px/28px Open Sans; }
  .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others {
    order: 4;
    margin: 0.5em 0em; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others span {
      font: normal normal 300 18px/28px Open Sans;
      color: #00334E; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others label, .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others a {
      font: normal normal 600 18px/28px Open Sans;
      color: #00334E;
      margin: 0 3em 0 0; }
  .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem-Subset {
    display: none; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Others span {
      font: normal normal 300 18px/28px Open Sans;
      color: #00334E; }
    .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Others label, .DNNModuleContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Others a {
      font: normal normal 600 18px/28px Open Sans;
      color: #00334E;
      margin: 0 3em 0 0; }