/*$secondary-color: #4c2432;*/
.wrapper-centered {
  max-width: 1229px;
  margin: 0 auto; }

.row {
  margin: 0 0 15px 0;
  box-sizing: border-box;
  position: relative; }
  .row:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    overflow: hidden; }
  @media (min-width: 1284px) {
    .row {
      margin: 0 -20px 15px -20px;
      padding: 0; } }
  @media (min-width: 768px) {
    .row .row {
      margin: 0 -15px 15px -15px; } }

.span1 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span1 {
      float: left;
      width: 8.33333%; } }
  @media (min-width: 768px) {
    .span1 {
      margin-bottom: 0; } }

.span2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span2 {
      float: left;
      width: 16.66667%; } }
  @media (min-width: 768px) {
    .span2 {
      margin-bottom: 0; } }

.span3 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span3 {
      float: left;
      width: 25%; } }
  @media (min-width: 768px) {
    .span3 {
      margin-bottom: 0; } }

.span4 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span4 {
      float: left;
      width: 33.33333%; } }
  @media (min-width: 768px) {
    .span4 {
      margin-bottom: 0; } }

.span5 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span5 {
      float: left;
      width: 41.66667%; } }
  @media (min-width: 768px) {
    .span5 {
      margin-bottom: 0; } }

.span6 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span6 {
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .span6 {
      margin-bottom: 0; } }

.span7 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span7 {
      float: left;
      width: 58.33333%; } }
  @media (min-width: 768px) {
    .span7 {
      margin-bottom: 0; } }

.span8 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span8 {
      float: left;
      width: 66.66667%; } }
  @media (min-width: 768px) {
    .span8 {
      margin-bottom: 0; } }

.span9 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span9 {
      float: left;
      width: 75%; } }
  @media (min-width: 768px) {
    .span9 {
      margin-bottom: 0; } }

.span10 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span10 {
      float: left;
      width: 83.33333%; } }
  @media (min-width: 768px) {
    .span10 {
      margin-bottom: 0; } }

.span11 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span11 {
      float: left;
      width: 91.66667%; } }
  @media (min-width: 768px) {
    .span11 {
      margin-bottom: 0; } }

.span12 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .span12 {
      float: left;
      width: 100%; } }
  @media (min-width: 768px) {
    .span12 {
      margin-bottom: 0; } }

body {
  margin: 0;
  padding: 0;
  color: #242626;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.3px; }

h1 {
  font-family: Poppins;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: 0.3px;
  color: #242626; }

h2 {
  font-family: Poppins;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.47;
  letter-spacing: 0.3px;
  color: #242626;
  margin: 30px 0; }
  h2:before {
    content: '';
    height: 4px;
    width: 60px;
    background: #3a8b94;
    display: block;
    margin-bottom: 10px; }
  h2.no-border:before {
    display: none; }

.home h2 {
  color: #5d6265; }
  .home h2:before {
    display: none; }

h3 {
  font-family: Poppins;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: 0.3px;
  color: #242626; }

h4 {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.69;
  letter-spacing: 0.3px;
  color: #242626; }

.hidden {
  display: none; }

img {
  border: 0;
  display: block; }

div, section {
  box-sizing: border-box; }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
  overflow: hidden; }

.button {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background: #b1398b;
  font-size: 13px;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 20px 9px;
  letter-spacing: 0.5px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .1s; }
  .button:hover {
    background: #fff;
    border: 1px solid #b1398b;
    color: #b1398b;
    transition: all .1s; }
  .button.button-secondary {
    background: #3a8b94; }
    .button.button-secondary:hover {
      background: #fff;
      border: 1px solid #3a8b94;
      color: #3a8b94;
      transition: all .1s; }
  .button.button-small {
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.3px; }
  .button.button--download {
    display: block;
    background: #b1398b url(../../gfx17/download-white.svg) right 15px top 10px no-repeat; }
    .button.button--download:hover {
      background: white url(../../gfx17/download-purple.svg) right 15px top 10px no-repeat; }
  .button.button-more-categories {
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.3px;
    padding: 0 10px 0 20px;
    background: transparent;
    position: relative;
    color: #3a8b94;
    border: 1px solid #3a8b94;
    margin-left: 5px; }
    .button.button-more-categories:hover {
      background: #fff;
      border: 1px solid #3a8b94;
      color: #3a8b94;
      transition: all .1s;
      text-decoration: none; }
      .button.button-more-categories:hover:before {
        color: #3a8b94; }
    .button.button-more-categories:before {
      content: '\276F';
      position: absolute;
      left: 7px;
      transform: rotate(90deg);
      color: #3a8b94; }
  .button.button-disabled, .button.button-disabled:hover {
    background: #ededed !important;
    border-color: #ccc !important;
    color: #ccc !important;
    cursor: not-allowed; }

.cat-buttons {
  float: right;
  margin-top: 10px; }
  .cat-buttons .button {
    background: white; }

header {
  position: relative;
  height: 107px;
  background: #f2f7f8; }
  @media (min-width: 768px) {
    header {
      padding-top: 83px;
      height: auto;
      background: none; } }
  header .sticky-header {
    border-top: 3px solid #3a8b94;
    border-bottom: 1px solid #dbe1e2;
    background: #fff; }
    @media (min-width: 768px) {
      header .sticky-header {
        padding: 23px 0 6px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200; } }
    header .sticky-header .span12 {
      margin: 0; }
  header .sign-in {
    display: none; }
    @media (min-width: 1024px) {
      header .sign-in {
        display: block; } }
  header .register {
    display: none; }
    @media (min-width: 1024px) {
      header .register {
        display: inline;
        text-indent: 0;
        width: auto;
        height: auto;
        background: none;
        color: #b1398b !important; } }
  header .main-logo {
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: 14px; }
    header .main-logo img {
      width: 101px;
      height: 35px; }
    @media (min-width: 768px) {
      header .main-logo {
        position: static;
        float: left;
        margin-left: 0;
        margin-right: 45px; }
        header .main-logo img {
          width: auto;
          max-width: 176px; } }
  header .mobile-menu {
    position: absolute;
    left: 15px;
    top: 13px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-decoration: none;
    color: #242626;
    padding-left: 22px;
    background: url(../../gfx17/menu.png) left top no-repeat;
    line-height: 27px; }
    @media (min-width: 768px) {
      header .mobile-menu {
        display: none; } }
  header .browse-categories-wrapper {
    position: relative;
    float: left;
    margin-right: 30px;
    z-index: 10; }
    header .browse-categories-wrapper .browse-categories {
      display: none;
      font-family: 'Poppins', sans-serif;
      font-weight: 300;
      color: #242626;
      font-size: 12px;
      text-decoration: none;
      line-height: 15px;
      margin: 6px 0 0 0;
      padding-right: 15px;
      background: url(../../gfx17/dropdown.svg) right 20px no-repeat;
      position: relative;
      z-index: 10; }
      header .browse-categories-wrapper .browse-categories span {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 13px;
        display: block; }
      @media (min-width: 768px) {
        header .browse-categories-wrapper .browse-categories {
          display: block; } }
    header .browse-categories-wrapper .categories {
      display: none;
      position: absolute;
      left: -15px;
      top: 47px;
      background: #fff;
      width: 636px;
      padding: 30px 0 30px 15px;
      box-sizing: border-box;
      border-radius: 4px;
      max-height: 400px;
      overflow-y: scroll;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); }
      header .browse-categories-wrapper .categories > a {
        color: #3a8b94;
        text-decoration: none; }
      header .browse-categories-wrapper .categories .close-popup {
        position: absolute;
        top: 18px;
        right: 18px;
        display: block;
        width: 30px;
        height: 30px;
        background: url(../../gfx17/close.svg) center center no-repeat;
        z-index: 10; }
      header .browse-categories-wrapper .categories ul {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2; }
      header .browse-categories-wrapper .categories li {
        margin-right: 38px;
        padding-left: 15px;
        position: relative;
        margin-bottom: 10px; }
        header .browse-categories-wrapper .categories li a {
          text-decoration: none;
          color: #242626; }
        header .browse-categories-wrapper .categories li:before {
          content: '\276F';
          color: #3a8b94;
          position: absolute;
          left: 0; }
      header .browse-categories-wrapper .categories .browse-categories {
        background: #fff url(../../gfx17/dropup.svg) 97px 26px no-repeat;
        background-size: 9px 5px;
        position: absolute;
        top: -54px;
        left: 0;
        padding: 7px 25px 26px 15px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        cursor: pointer; }
  header .sign-in-register {
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none; }
    header .sign-in-register li {
      display: inline-block;
      margin-left: 25px; }
      header .sign-in-register li a {
        text-decoration: none;
        color: #242626;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        /*&.logged-in {
					text-indent: -9999px;
					display: inline-block;
					background: url(../../gfx17/loggedin-grey.svg) left top no-repeat;
					background-size: 20px;

					@include desktop {
						text-indent: 0;
						padding-left: 28px;
					}
				}*/ }
      header .sign-in-register li.account {
        display: none;
        position: relative; }
        header .sign-in-register li.account > a {
          color: transparent;
          display: inline-block;
          background: url(../../gfx17/loggedin-grey.svg) left top no-repeat;
          background-size: 20px;
          max-width: 20px; }
          @media (min-width: 1024px) {
            header .sign-in-register li.account > a {
              text-indent: 0;
              padding-left: 28px;
              max-width: none;
              color: #242626; } }
        header .sign-in-register li.account > .account-msgs {
          background: #ef9525;
          display: inline-block;
          color: #fff;
          position: absolute;
          line-height: 15px;
          left: 7px;
          top: -12px;
          border-radius: 10px;
          padding: 3px 6px 1px 6px; }
        header .sign-in-register li.account .account-msg {
          display: none;
          background: #fef6de;
          border-bottom: 1px solid #dbe1e2;
          padding: 10px 20px; }
        header .sign-in-register li.account.account-not-verified {
          margin-right: 15px; }
          header .sign-in-register li.account.account-not-verified .account-msg {
            display: block; }
          header .sign-in-register li.account.account-not-verified > a:after {
            content: url(../../gfx17/accountunverified.svg);
            position: absolute;
            top: -6px;
            left: 10px;
            display: block;
            width: 18px;
            height: 18px; }
            @media (min-width: 768px) {
              header .sign-in-register li.account.account-not-verified > a:after {
                top: -6px;
                left: 10px; } }
            @media (min-width: 1024px) {
              header .sign-in-register li.account.account-not-verified > a:after {
                top: -11px;
                left: 10px; } }
        header .sign-in-register li.account #account-menu {
          display: none;
          position: absolute;
          z-index: 100;
          background: #fff;
          top: 22px;
          right: 0;
          border-radius: 4px;
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
          padding: 20px 0; }
          @media (min-width: 768px) {
            header .sign-in-register li.account #account-menu {
              width: 390px; } }
          header .sign-in-register li.account #account-menu .account-name {
            display: block;
            font-weight: 600;
            padding: 0 20px; }
          header .sign-in-register li.account #account-menu .account-email {
            display: block;
            padding: 0 20px 15px;
            border-bottom: 1px solid #dbe1e2; }
          header .sign-in-register li.account #account-menu ul {
            margin: 15px 20px 0;
            padding: 0;
            list-style: none; }
          header .sign-in-register li.account #account-menu li {
            position: relative;
            margin: 0 0 10px 0;
            padding: 0 0 0 16px;
            white-space: nowrap;
            display: block; }
            header .sign-in-register li.account #account-menu li:before {
              content: '\276F';
              position: absolute;
              left: 0;
              bottom: 0;
              top: 0;
              color: #008693; }
            header .sign-in-register li.account #account-menu li a {
              font-weight: normal; }
            header .sign-in-register li.account #account-menu li.incomplete-profile:after {
              content: url(../../gfx17/accountunverified.svg);
              position: relative;
              left: 5px;
              top: 4px;
              display: inline-block;
              width: 18px;
              height: 18px; }
            header .sign-in-register li.account #account-menu li .account-msgs {
              background: #ef9525;
              display: inline-block;
              color: #fff;
              position: relative;
              line-height: 15px;
              left: 5px;
              top: 0px;
              border-radius: 10px;
              padding: 3px 6px 1px 6px; }
          header .sign-in-register li.account #account-menu .account-logout {
            font-family: Poppins;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.69;
            letter-spacing: 0.3px;
            color: #008693;
            display: block;
            padding: 15px 20px 0;
            border-top: 1px solid #dbe1e2; }
        header .sign-in-register li.account:hover #account-menu {
          display: block; }
  header .search {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 55px; }
    @media (min-width: 768px) {
      header .search {
        top: 0;
        left: 350px;
        right: 70px; } }
    @media (min-width: 1024px) {
      header .search {
        right: 360px; } }
    header .search .awesomplete {
      display: inline-block;
      width: 100%; }
      header .search .awesomplete input {
        border: 1px solid #aaafb1;
        height: 40px;
        font-family: Poppins;
        font-size: 12px;
        display: inline-block;
        padding-left: 10px;
        width: 100%;
        padding-right: 160px;
        box-sizing: border-box; }
    header .search select {
      display: none;
      position: absolute;
      right: 44px;
      top: 0;
      height: 40px;
      border: 1px solid #aaafb1;
      border-radius: 0;
      background: white;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      padding-left: 10px;
      width: 112px;
      margin: 0 0 0 -5px;
      background: url(../../gfx17/dropdown.svg) 90px center no-repeat; }
      @media (min-width: 768px) {
        header .search select {
          display: block; } }
    header .search button {
      position: absolute;
      right: 0;
      top: 0;
      background: #3a8b94;
      display: inline-block;
      height: 40px;
      width: 44px;
      text-indent: -9999px;
      border: 0;
      background: #3a8b94 url(../../gfx17/search-white.svg) center center no-repeat; }
    header .search input:focus,
    header .search select:focus {
      -webkit-outline: none;
      outline: none; }
  header form {
    position: relative; }
  header .awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  header .awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 10;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    margin: .2em 0 0;
    border: 1px solid #e0e9ea;
    text-shadow: none;
    top: 38px; }
    header .awesomplete > ul li {
      display: block;
      position: relative;
      line-height: 24px;
      cursor: pointer;
      padding: 5px 10px;
      border-bottom: 1px solid #e0e9ea;
      box-sizing: border-box;
      text-transform: none; }
      header .awesomplete > ul li[aria-selected="true"] {
        background: #f2f7f8; }
      header .awesomplete > ul li mark {
        background: #f2f7f8;
        font-weight: bold; }
      header .awesomplete > ul li:last-child {
        border: 0; }

nav {
  box-sizing: border-box;
  display: block; }
  nav .navigation {
    display: none;
    background: #fff;
    margin: 0 -15px;
    position: relative;
    z-index: 10;
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      nav .navigation {
        padding-bottom: 0;
        display: block;
        margin: 0;
        z-index: 1; } }
  @media (min-width: 768px) {
    nav {
      border-top: 1px solid #dbe1e2;
      border-bottom: 1px solid #dbe1e2;
      display: block;
      height: 50px; } }
  nav h3 {
    margin: 30px 0 0 15px; }
    @media (min-width: 768px) {
      nav h3 {
        display: none; } }
  nav .read-more {
    margin: 0 0 0 15px; }
    @media (min-width: 768px) {
      nav .read-more {
        display: none; } }
  nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    z-index: 1;
    position: relative; }
    @media (min-width: 768px) {
      nav ul {
        position: static;
        width: auto;
        margin: 0; } }
    nav ul li {
      display: block;
      margin: 0 15px;
      height: 41px;
      line-height: 41px;
      overflow: hidden;
      border-bottom: 1px solid #dbe1e2; }
      nav ul li a {
        text-decoration: none;
        color: #242626;
        display: block; }
        @media (min-width: 768px) {
          nav ul li a {
            font-family: 'Poppins', sans-serif;
            font-weight: 600; } }
      @media (min-width: 768px) {
        nav ul li.home a {
          display: block;
          text-indent: -9999px;
          background: url(../../gfx17/home.svg) left 14px no-repeat;
          width: 18px;
          height: 40px; } }
      @media (min-width: 768px) {
        nav ul li {
          margin: 0 25px 0 0;
          display: inline-block;
          margin-right: 25px;
          line-height: 48px;
          border-bottom: 0;
          height: auto;
          overflow: visible; } }
  nav .newsletter-subscription {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #242626;
    text-decoration: none;
    padding-left: 23px;
    background: url(../../gfx17/envelope.svg) left 2px no-repeat;
    background-size: 17px 14px;
    position: absolute;
    left: 15px;
    bottom: 10px; }
    @media (min-width: 768px) {
      nav .newsletter-subscription {
        position: static;
        display: block;
        float: right;
        margin-top: 14px; } }
  nav .categories-mobile {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      nav .categories-mobile {
        display: none; } }

.mobilenav-open .navigation {
  display: block; }

.mobilenav-open .main {
  display: none; }

.mobilenav-open .mobile-menu {
  background-image: url(../../gfx17/close.svg);
  background-position: 0 6px; }

/**** New CPhI logo 2019 ****/
header .main-logo {
  margin-left: -75px; }

header .main-logo img {
  width: auto;
  max-width: 176px;
  height: auto;
  max-height: 35px;
  position: relative;
  top: -5px; }

@media (min-width: 768px) {
  header .main-logo {
    margin-left: 0; }
  header .main-logo img {
    max-height: none;
    top: -3px; } }

/**** Salesforce SSO 2020 ****/
.sf-logout {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.69;
  letter-spacing: .3px;
  color: #008693;
  display: block;
  padding: 15px 20px 0;
  border-top: 1px solid #dbe1e2; }

.popup-form .login-warning {
  margin: 0;
  padding: 22px 30px;
  /* border-bottom: 1px solid #dbe1e2; */ }

footer {
  border-top: 1px solid #dbe1e2;
  padding: 20px 0 0;
  margin: 10px 0 0; }
  @media (min-width: 768px) {
    footer {
      margin: 40px 0 0;
      padding: 50px 0 0; } }
  footer *[class*=span] {
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      footer *[class*=span] {
        margin-bottom: 0; } }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer ul li {
      margin-bottom: 10px; }
      footer ul li a {
        line-height: 22px;
        text-decoration: none;
        color: #242626; }
        footer ul li a:hover {
          text-decoration: underline; }
  footer .subscribe {
    position: relative; }
    footer .subscribe input {
      width: 100%;
      -webkit-outline: none;
      outline: none;
      padding: 0 50px 0 15px;
      height: 40px;
      box-sizing: border-box;
      font-size: 13px;
      border: 1px solid #dbe1e2; }
    footer .subscribe button {
      position: absolute;
      right: 0;
      top: 0;
      background: #3a8b94 url(../../gfx17/submit.svg) center center no-repeat;
      background-size: 20px 12px;
      height: 40px;
      width: 40px;
      border: 0; }
  footer .subfooter {
    margin-top: 30px;
    background: #f2f7f8;
    line-height: 40px;
    font-size: 12px; }

a[name],
.page-anchor {
  display: block;
  position: relative;
  top: -155px;
  visibility: hidden; }

.content-block {
  margin: 20px 0 30px; }
  @media (min-width: 768px) {
    .content-block {
      margin: 20px 0 50px; } }
  .content-block *[class*=span] {
    padding: 0; }
    @media (min-width: 768px) {
      .content-block *[class*=span] {
        padding: 0 15px; } }

.wrapper-centered .row:first-child .content-block {
  margin-top: 10px;
  margin-bottom: 30px; }
  .wrapper-centered .row:first-child .content-block h1 {
    margin-top: 0; }

.internal-link {
  color: #b1398b;
  text-decoration: none;
  display: block;
  padding-left: 10px;
  cursor: pointer; }
  .internal-link:before {
    content: '\276F';
    position: relative;
    left: -8px; }
  .internal-link:hover {
    text-decoration: underline; }
  .internal-link:hover:before {
    text-decoration: none; }

.read-more {
  line-height: 1.69;
  letter-spacing: 0.3px;
  color: #3a8b94;
  text-decoration: none;
  padding-left: 10px;
  position: relative; }
  .read-more:before {
    content: '\276F';
    position: relative;
    left: -8px; }
  .read-more.read-more-down {
    padding-left: 18px; }
    .read-more.read-more-down:before {
      content: '\276F';
      position: absolute;
      left: 0;
      transform: rotate(90deg); }

.breadcrumb {
  display: none;
  background: #f2f7f8;
  line-height: 40px; }
  @media (min-width: 768px) {
    .breadcrumb {
      display: block; } }
  .breadcrumb a {
    color: #3a8b94;
    text-decoration: none; }
    .breadcrumb a:after {
      content: '\203A';
      color: #242626;
      font-size: 15px;
      margin: 0 10px; }

.divider {
  margin: 0 10px; }

.divider-sub:after {
  content: '\203A';
  color: #242626;
  font-size: 15px;
  margin: 0 10px; }

.category-list a {
  color: #3a8b94;
  text-decoration: none;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-weight: 500; }
  .category-list a.subcategory {
    font-family: 'Poppins', sans-serif;
    font-weight: 300; }
  .category-list a:hover {
    text-decoration: underline; }

.more-category-list {
  display: none; }
  .more-category-list.slide-open {
    display: block; }

.product-company .stub {
  color: #dd2525;
  margin: 10px 0; }

@media (min-width: 768px) {
  .product-overview {
    padding-left: 207px; }
    .product-overview:after {
      content: "";
      display: table;
      clear: both;
      height: 0;
      overflow: hidden; } }

.product-overview .product-image {
  border: 1px solid #dbe1e2;
  padding: 5px;
  margin: 0 20px 0 0; }
  @media (min-width: 768px) {
    .product-overview .product-image {
      float: left;
      margin: 0 20px 0 -207px; } }
  .product-overview .product-image img {
    max-width: 175px; }

.company-intro,
.product-intro {
  position: relative; }
  .company-intro.slide-open,
  .product-intro.slide-open {
    height: auto;
    overflow: visible; }
  .company-intro.slide-closed,
  .product-intro.slide-closed {
    overflow: hidden;
    height: 68px; }
  .company-intro:after,
  .product-intro:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 24px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .company-intro.product-intro-stub:after,
  .product-intro.product-intro-stub:after {
    display: none; }
  .company-intro.slide-open,
  .product-intro.slide-open {
    height: auto;
    overflow: visible; }
    .company-intro.slide-open:after,
    .product-intro.slide-open:after {
      display: none; }

@media (min-width: 768px) {
  .inpage-navigation-wrapper {
    min-height: 48px;
    margin-bottom: 50px; } }

.inpage-navigation {
  display: none;
  border-top: 1px solid #dbe1e2;
  border-bottom: 1px solid #dbe1e2;
  padding: 14px 0 10px 0; }
  @media (min-width: 768px) {
    .inpage-navigation {
      display: block; } }
  .inpage-navigation a {
    color: #3a8b94;
    text-decoration: none;
    display: inline-block;
    margin-right: 40px; }
  .inpage-navigation.inpage-navigation-sticky {
    position: fixed;
    top: 82px;
    background: #fff;
    z-index: 1; }
    .inpage-navigation.inpage-navigation-sticky a {
      color: #3a8b94 !important; }

@media (min-width: 768px) {
  .company-profile .inpage-navigation {
    display: inline-block; } }

.company-profile .inpage-navigation a {
  color: white;
  line-height: 30px; }

.company-profile .inpage-navigation.inpage-navigation-sticky {
  display: block;
  position: fixed;
  top: 82px;
  background: #fff;
  z-index: 1;
  width: 75%;
  margin-left: -210px; }

@media (min-width: 768px) {
  .exhibitor-profile .inpage-navigation {
    display: block;
    margin-left: 210px; } }

.exhibitor-profile .inpage-navigation a {
  color: #3a8b94; }

.exhibitor-profile .inpage-navigation.inpage-navigation-sticky {
  margin-left: 0; }

.specifications {
  margin-top: 0; }
  .specifications .specifications-wrapper {
    margin: 0 -20px;
    position: relative; }
    @media (min-width: 768px) {
      .specifications .specifications-wrapper {
        margin: 0; } }
    .specifications .specifications-wrapper .fade {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 44px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .specifications table {
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #dbe1e2; }
    @media (min-width: 768px) {
      .specifications table {
        border: 0; } }
    .specifications table th {
      text-align: left;
      color: #5d6265;
      font-weight: 400;
      padding: 11px 20px 9px 15px;
      box-sizing: border-box;
      width: 180px;
      border-bottom: 1px solid #dbe1e2; }
      @media (min-width: 768px) {
        .specifications table th {
          padding: 5px 20px 3px 29px;
          border: 0; } }
    .specifications table td {
      padding: 11px 0 9px 0;
      border-bottom: 1px solid #dbe1e2; }
      @media (min-width: 768px) {
        .specifications table td {
          padding: 5px 0 3px 0;
          border: 0; } }
    .specifications table tr:nth-child(odd) th, .specifications table tr:nth-child(odd) td {
      background: #f2f7f8; }

.product-company {
  border: 1px solid #dbe1e2;
  background: #fff;
  float: right;
  margin: 20px 0 0 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1; }
  @media (min-width: 1284px) {
    .product-company {
      width: 292px; } }
  .product-company .company-logo {
    padding: 20px;
    border-bottom: 1px solid #dbe1e2; }
    .product-company .company-logo img {
      max-width: 200px;
      max-height: 70px;
      display: block; }
  .product-company.product-company-stub .company-logo {
    border-bottom: 0; }
  .product-company.product-company-stub img {
    opacity: .4; }
  .product-company .event-info {
    padding: 10px 20px;
    background: #fff; }
    .product-company .event-info span {
      display: block;
      margin-bottom: 10px; }
  .product-company .contact-info {
    padding: 10px 20px;
    margin-bottom: 15px; }
    .product-company .contact-info h4 {
      margin-bottom: 0; }
  .product-company .relink {
    padding: 10px 20px;
    margin-bottom: 15px; }
  .product-company .request-info {
    padding: 20px;
    border-bottom: 1px solid #dbe1e2; }
    .product-company .request-info .button {
      margin-bottom: 10px; }
  .product-company h3 {
    margin-bottom: 0; }
  .product-company address {
    font-style: normal;
    margin-bottom: 20px; }
  .product-company .for-mobile-sticky,
  .product-company .product-name {
    display: none; }
  .product-company .phone-blurred {
    display: block;
    margin: 5px 0;
    cursor: pointer; }
  .product-company .company-events {
    padding: 10px 20px;
    border-bottom: 1px solid #dbe1e2; }
    .product-company .company-events h3 {
      padding-bottom: 10px;
      border-bottom: 1px solid #dbe1e2; }
    .product-company .company-events .company-event {
      padding: 12px 20px 8px 0;
      border-bottom: 1px solid #dbe1e2;
      position: relative; }
      .product-company .company-events .company-event a {
        text-decoration: none; }
      .product-company .company-events .company-event h4 {
        margin: 0;
        color: #242626; }
      .product-company .company-events .company-event p {
        margin: 0;
        color: #242626; }
      .product-company .company-events .company-event:after {
        content: '\276F';
        position: absolute;
        color: #b1398b;
        top: 21px;
        right: 4px;
        font-size: 15px; }
    .product-company .company-events .internal-link {
      margin: 5px 0; }
  .product-company.product-company-fixed {
    margin-top: 0;
    position: fixed;
    top: 102px;
    z-index: 3; }
    @media (min-width: 1284px) {
      .product-company.product-company-fixed {
        transform: translate(-14px, 0); } }
  .product-company.product-company-mobile-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border: 0;
    border-top: 1px solid #dbe1e2; }
    .product-company.product-company-mobile-sticky .for-mobile-sticky,
    .product-company.product-company-mobile-sticky .product-name {
      display: block;
      width: 50%;
      float: left;
      padding: 10px;
      font-weight: 600;
      min-width: 300px; }
    .product-company.product-company-mobile-sticky .request-info {
      width: 50%;
      float: right;
      border: 0;
      /* padding: 10px 10px 10px 0; */
      padding: 10px;
      text-align: right; }
      .product-company.product-company-mobile-sticky .request-info .button {
        /* padding-right: 40px; */
        /* background: $secondary-color url(../../gfx17/info.svg) 86px 10px no-repeat; */
        /* span {
					display: none;
				} */
        text-align: center; }
        .product-company.product-company-mobile-sticky .request-info .button.button-exhibit {
          padding-right: 20px;
          background-image: none;
          white-space: nowrap;
          margin-right: 10px; }
      .product-company.product-company-mobile-sticky .request-info .internal-link {
        display: none; }
    .product-company.product-company-mobile-sticky .company-events,
    .product-company.product-company-mobile-sticky .contact-info,
    .product-company.product-company-mobile-sticky .event-info,
    .product-company.product-company-mobile-sticky .company-logo {
      display: none; }

.product-company-information .toggle-company-info {
  color: #3a8b94;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-decoration: none; }

.product-company-information .product-company-information-wrapper {
  display: none; }
  .product-company-information .product-company-information-wrapper.product-company-information-visible {
    display: block; }
  .product-company-information .product-company-information-wrapper .product-company, .product-company-information .product-company-information-wrapper .for-mobile-sticky {
    float: none; }

.product-company-information .toggle-company-info {
  display: block;
  background: url(../../gfx17/dropdown-green.svg) right 4px no-repeat;
  background-size: 16px 8px; }
  .product-company-information .toggle-company-info.toggler-open {
    background: url(../../gfx17/dropup-green.svg) right 4px no-repeat;
    background-size: 16px 8px; }

@media (min-width: 768px) {
  .product-company-information {
    display: none; } }

.news-item {
  margin-bottom: 30px; }
  .news-item .news-date {
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 2.17;
    letter-spacing: 0.5px;
    color: #5d6265;
    text-transform: uppercase; }
  .news-item .news-title {
    margin: 0 0 10px; }
  .news-item .news-resume {
    margin: 0 0 10px; }
  .news-item .news-image img {
    max-width: 100%; }
    @media (min-width: 768px) {
      .news-item .news-image img {
        width: auto;
        max-width: 100%; } }
  @media (min-width: 768px) {
    .news-item.news-item-event .news-image {
      float: left;
      margin: 0 20px 20px 0; } }

.product {
  color: #242626;
  text-decoration: none; }
  .product h3 {
    margin-bottom: 10px; }
  .product p, .product ul, .product li, .product i, .product b {
    color: #242626; }
  .product .product-image {
    width: 180px;
    height: 160px;
    padding: 10px;
    border: 1px solid #dbe1e2;
    box-sizing: border-box; }
    .product .product-image img {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
  .product p {
    margin-top: 0; }

.carousel {
  position: relative;
  padding: 10px 25px; }
  .carousel .carousel-list {
    overflow: hidden;
    position: relative;
    height: 209px;
    display: block;
    max-width: 150px;
    margin: 0 auto; }
    @media (min-width: 480px) {
      .carousel .carousel-list {
        max-width: 312px; } }
    @media (min-width: 620px) {
      .carousel .carousel-list {
        max-width: 484px; } }
    @media (min-width: 768px) {
      .carousel .carousel-list {
        max-width: none;
        margin: 0; } }
  @media (min-width: 768px) {
    .carousel {
      padding: 10px 45px; } }
  .carousel .back-button,
  .carousel .fwd-button {
    text-decoration: none;
    color: #3a8b94;
    position: absolute;
    top: 66px;
    left: 13px;
    display: block;
    padding: 5px;
    font-size: 23px; }
  .carousel .fwd-button {
    left: auto;
    right: 14px; }
  .carousel h3 {
    margin: 0 0 10px; }
  .carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 35000px;
    position: absolute;
    left: 0;
    top: 0; }
  .carousel li {
    width: 142px;
    list-style: none;
    float: left;
    margin-right: 30px; }
    .carousel li:last-child {
      margin-right: 0; }
    .carousel li a, .carousel li h4 {
      text-decoration: none;
      color: #3a8b94;
      display: block;
      word-wrap: break-word; }
    .carousel li a {
      box-sizing: border-box;
      border: 1px solid transparent; }
    .carousel li .carousel-image {
      border: 1px solid #dbe1e2;
      width: 140px;
      height: 130px;
      background: #fff; }
      .carousel li .carousel-image img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%; }
  .carousel.company-carousel {
    background: #f5f5f5;
    padding: 20px 45px; }
    .carousel.company-carousel .carousel-list {
      max-width: 254px;
      height: 141px; }
      @media (min-width: 480px) {
        .carousel.company-carousel .carousel-list {
          max-width: 312px; } }
      @media (min-width: 620px) {
        .carousel.company-carousel .carousel-list {
          max-width: 430px; } }
      @media (min-width: 768px) {
        .carousel.company-carousel .carousel-list {
          max-width: none;
          margin: 0; } }
    .carousel.company-carousel .back-button,
    .carousel.company-carousel .fwd-button {
      color: #fff;
      position: absolute;
      top: 66px;
      left: 0px;
      display: block;
      padding: 5px;
      font-size: 23px;
      background: #c9c9c9; }
    .carousel.company-carousel .fwd-button {
      left: auto;
      right: 0px; }
    .carousel.company-carousel li {
      width: 250px; }
      .carousel.company-carousel li .carousel-image {
        width: 253px;
        height: 136px;
        text-align: center;
        padding: 5px; }
        .carousel.company-carousel li .carousel-image img {
          width: 75%; }
  .carousel.media-carousel li .carousel-image {
    border: 0; }
  .carousel .selected-carousel-item {
    border-radius: 4px;
    border: solid 1px #dbe1e2; }
  .carousel.exhibitor-carousel .fwd-button,
  .carousel.exhibitor-carousel .back-button {
    top: 48px; }
  .carousel.exhibitor-carousel .carousel-list {
    height: 86px; }
  .carousel.exhibitor-carousel li {
    width: 140px; }
    .carousel.exhibitor-carousel li .carousel-image {
      width: 156px;
      height: 85px; }

.video-carousel {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .video-carousel {
      background: url(../../gfx17/video_car_bg.png) center center no-repeat;
      background-size: cover;
      padding: 60px;
      margin-bottom: 80px; } }
  .video-carousel .slick-next,
  .video-carousel .slick-prev {
    display: block;
    position: absolute;
    color: #fff;
    background: rgba(36, 38, 38, 0.2);
    left: 0;
    top: 153px;
    border: 0;
    cursor: pointer;
    color: transparent;
    width: 27px;
    height: 40px;
    overflow: hidden;
    z-index: 10; }
    .video-carousel .slick-next:before,
    .video-carousel .slick-prev:before {
      content: '\276E';
      position: relative;
      left: 0;
      top: 0;
      color: #fff;
      font-size: 20px; }
  .video-carousel .slick-next {
    left: auto;
    right: 0px; }
    .video-carousel .slick-next:before {
      content: '\276F';
      top: 7px; }
  .video-carousel .carousel-video-holder {
    background: url(../../gfx17/video_car_bg.png) center center no-repeat;
    background-size: cover;
    padding: 60px; }
    @media (min-width: 768px) {
      .video-carousel .carousel-video-holder {
        background: none;
        width: 50%;
        float: left;
        padding: 0; } }
  .video-carousel .carousel-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .video-carousel .carousel-video iframe,
    .video-carousel .carousel-video object,
    .video-carousel .carousel-video embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video-carousel .video-desc {
    box-sizing: border-box;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .video-carousel .video-desc {
        width: 50%;
        float: left;
        color: #fff; } }
    .video-carousel .video-desc h3 {
      font-size: 19px;
      text-transform: uppercase;
      font-weight: 500;
      margin: 0 0 10px; }
      @media (min-width: 768px) {
        .video-carousel .video-desc h3 {
          color: #fff; } }
    .video-carousel .video-desc .tag {
      text-transform: uppercase;
      font-size: 13px;
      margin: 10px 0 0 0; }
  .video-carousel .slick-dots {
    display: none;
    position: absolute;
    bottom: -55px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    left: 0; }
    .video-carousel .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .video-carousel .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 5px;
        cursor: pointer;
        color: #242626;
        border: 0;
        outline: none;
        background: #242626;
        border-radius: 50%;
        opacity: 0.2; }
      .video-carousel .slick-dots li.slick-active button {
        opacity: 0.7; }
    @media (max-width: 767px) {
      .video-carousel .slick-dots {
        display: none !important; } }

.sponsored {
  background: #b1398b;
  padding: 30px 20px; }
  @media (min-width: 768px) {
    .sponsored {
      padding: 40px 30px; } }
  @media (min-width: 1024px) {
    .sponsored {
      background: #b1398b url(../../gfx17/sponsored-bg.png) right top no-repeat;
      padding: 61px 72px; } }
  .sponsored h2 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 23px;
    margin: 0 0 20px 0; }
    @media (min-width: 768px) {
      .sponsored h2 {
        font-size: 41px; } }
    .sponsored h2:before {
      display: none; }
  .sponsored h3 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 19px;
    margin: 0 0 20px 0; }
  .sponsored ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0; }
    .sponsored ul li {
      font-size: 13px;
      color: #fff;
      margin-bottom: 5px;
      padding-left: 26px;
      font-family: 'Poppins', sans-serif;
      font-weight: 300;
      background: url(../../gfx17/check-white.svg) left 4px no-repeat;
      background-size: 13px 11px; }
      @media (min-width: 768px) {
        .sponsored ul li {
          font-size: 15px;
          margin-bottom: 15px; } }
  .sponsored .button {
    background: #fff;
    color: #b1398b; }

.event {
  position: relative;
  background: #f2f7f8;
  padding: 15px 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .event {
      padding: 10px 185px 10px 121px; } }
  .event h3 {
    margin: 0 0 10px; }
    .event h3 a {
      color: #242626;
      text-decoration: none; }
  .event.single-event {
    background: #fff;
    padding: 0; }
    @media (min-width: 768px) {
      .event.single-event {
        padding: 0 0 0 121px; } }
    .event.single-event h1 {
      margin: 0 0 5px; }
    .event.single-event h2 {
      color: #5d6265;
      margin: 0 0 5px; }
      .event.single-event h2:before {
        display: none; }
    @media (min-width: 768px) {
      .event.single-event .button {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-top: 0; } }
  .event .event-date {
    display: none;
    background: #3a8b94;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 104px;
    text-align: center;
    padding-top: 20px; }
    @media (min-width: 768px) {
      .event .event-date {
        display: block; } }
    .event .event-date .day {
      display: block;
      color: #fff;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 38px;
      line-height: 28px; }
    .event .event-date .month {
      display: block;
      color: #fff;
      font-size: 24px;
      line-height: 28px;
      text-transform: uppercase; }
    .event .event-date .year {
      display: block;
      color: #fff;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 17px;
      line-height: 28px; }
  .event .event-dates {
    padding-left: 27px;
    background: url(../../gfx17/calendar.svg) left top no-repeat;
    background-size: 16px 19px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: block; }
    @media (min-width: 768px) {
      .event .event-dates {
        display: inline; } }
  .event .event-location {
    padding-left: 27px;
    background: url(../../gfx17/location.svg) left 1px no-repeat;
    background-size: 12px 18px;
    margin-right: 15px;
    display: block;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .event .event-location {
        display: inline; } }
  .event .event-stand {
    padding-left: 27px;
    background: url(../../gfx17/stand.svg) left top no-repeat;
    background-size: 22px 21px;
    display: block;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .event .event-stand {
        display: inline; } }
  @media (min-width: 768px) {
    .event .button {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -22px; } }
  .event .read-more {
    display: inline-block;
    margin-top: 10px; }
  .event.past-event {
    background: #efefef;
    min-height: 110px;
    padding-right: 17px; }
    .event.past-event .event-date {
      background: #aaafb1; }

.upcoming-events a {
  text-decoration: none;
  color: #242626; }

.upcoming-events .read-more {
  color: #3a8b94; }

.upcoming-events .event {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 100px; }
  .upcoming-events .event h4 {
    margin: 20px 0 0 0; }
  .upcoming-events .event .event-date {
    display: block;
    width: 83px; }
    .upcoming-events .event .event-date .day {
      font-size: 28px;
      line-height: 28px; }
    .upcoming-events .event .event-date .month {
      font-size: 19px;
      line-height: 24px;
      font-weight: 300; }
    .upcoming-events .event .event-date .year {
      font-size: 15px;
      line-height: 19px; }

.download {
  padding-left: 40px;
  background: url(../../gfx17/download.svg) left top no-repeat;
  margin-bottom: 30px; }
  .download a {
    color: #3a8b94;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600; }
  .download .props {
    text-transform: uppercase;
    color: #5d6265;
    letter-spacing: 0.5px; }

.company-categories .category {
  border-bottom: 1px solid #dbe1e2;
  margin-bottom: 20px; }
  .company-categories .category:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    overflow: hidden; }
  .company-categories .category a {
    text-decoration: none; }
  .company-categories .category a:hover {
    text-decoration: underline; }
  .company-categories .category > a {
    font-size: 15px;
    color: #3a8b94;
    display: block;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .company-categories .category > a {
        float: left;
        width: 33%; } }
  .company-categories .category .subcategories {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .company-categories .category .subcategories {
        float: left;
        width: 66%; } }
    .company-categories .category .subcategories li {
      margin-bottom: 11px; }
      @media (min-width: 1024px) {
        .company-categories .category .subcategories li {
          width: 50%;
          float: left; } }
    .company-categories .category .subcategories a {
      font-size: 13px;
      line-height: 1.69;
      letter-spacing: 0.3px;
      color: #242626;
      padding: 0 14px;
      position: relative;
      display: block; }
      .company-categories .category .subcategories a:before {
        content: '\276F';
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        color: #3a8b94; }

.promo {
  border-left: 3px solid #b1398b;
  padding-left: 30px; }
  .promo h3 {
    font-size: 20px;
    margin-bottom: 5px; }
  .promo h2 {
    font-size: 30px;
    margin-top: 0; }
    .promo h2:before {
      display: none; }

.popular-categories {
  background: #f2f7f8;
  padding: 20px; }
  .popular-categories h3 {
    margin-top: 0; }
  .popular-categories ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .popular-categories ul li a {
      font-size: 13px;
      line-height: 1.69;
      letter-spacing: 0.3px;
      color: #242626;
      padding: 0 14px;
      position: relative;
      display: block;
      text-decoration: none; }
      .popular-categories ul li a:before {
        content: '\276F';
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        color: #3a8b94; }

.keep-me-updated {
  position: relative;
  display: inline-block;
  margin-bottom: 30px; }
  .keep-me-updated input {
    max-width: 290%;
    -webkit-outline: none;
    outline: none;
    padding: 0 50px 0 15px;
    height: 40px;
    box-sizing: border-box;
    font-size: 13px;
    border: 1px solid #dbe1e2; }
  .keep-me-updated button {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #3a8b94 url(../../gfx17/submit.svg) center center no-repeat;
    background-size: 20px 12px;
    height: 40px;
    width: 40px;
    border: 0; }

.media-wrapper .media-image {
  display: block;
  width: 100%;
  max-height: 540px; }

.media-wrapper .media-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .media-wrapper .media-video iframe,
  .media-wrapper .media-video object,
  .media-wrapper .media-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.content-item-home {
  margin-bottom: 20px;
  position: relative; }
  .content-item-home a {
    text-decoration: none; }
  .content-item-home a:hover h3 {
    color: #3a8b94; }
  .content-item-home h3 {
    margin: 5px 0;
    font-size: 18px;
    line-height: 32px; }
  .content-item-home img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto; }
  .content-item-home .img-holder {
    height: 290px; }
  .content-item-home__type {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3; }
  .content-item-home__cats {
    color: #5d6265;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    height: 50px; }
  .content-item-home__premium {
    color: #3a8b94;
    font-size: 14px;
    display: block;
    margin: 6px 0; }

.more-news a,
.featured-news a {
  text-decoration: none; }

.more-news a:hover h3,
.featured-news a:hover h3 {
  color: #3a8b94; }

.more-news .news-image,
.featured-news .news-image {
  height: 240px;
  text-align: center;
  line-height: 240px;
  background: #fff; }
  .more-news .news-image img,
  .featured-news .news-image img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto; }

.more-news .news-item,
.featured-news .news-item {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px; }
  .more-news .news-item:last-child,
  .featured-news .news-item:last-child {
    border-bottom: 0; }
  .more-news .news-item.news-item-main,
  .featured-news .news-item.news-item-main {
    background: #f2f7f8;
    border: 0;
    padding-bottom: 12px; }
    .more-news .news-item.news-item-main img,
    .featured-news .news-item.news-item-main img {
      max-width: 100%;
      display: block;
      margin-bottom: 10px;
      max-height: 98%; }
    .more-news .news-item.news-item-main p,
    .featured-news .news-item.news-item-main p {
      margin: 5px 17px; }
    .more-news .news-item.news-item-main h3,
    .featured-news .news-item.news-item-main h3 {
      font-size: 15px;
      line-height: 25px;
      margin: 5px 17px; }
  .more-news .news-item h3,
  .featured-news .news-item h3 {
    margin: 5px 0;
    font-size: 13px;
    line-height: 22px; }

section.categories ul.categories {
  padding-top: 0; }

section.categories ul,
.all-categories ul {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  padding: 20px 0 20px 0;
  list-style: none; }
  section.categories ul:after,
  .all-categories ul:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
    overflow: hidden; }
  @media (min-width: 768px) {
    section.categories ul,
    .all-categories ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; } }
  @media (min-width: 1024px) {
    section.categories ul,
    .all-categories ul {
      -webkit-columns: 3;
      -moz-columns: 3;
      columns: 3; } }
  @media (min-width: 1284px) {
    section.categories ul,
    .all-categories ul {
      -webkit-columns: 4;
      -moz-columns: 4;
      columns: 4; } }

section.categories li,
.all-categories li {
  margin-bottom: 15px;
  box-sizing: border-box; }

section.categories a,
.all-categories a {
  font-size: 13px;
  line-height: 1.69;
  letter-spacing: 0.3px;
  color: #242626;
  padding: 0 14px;
  position: relative;
  display: block;
  text-decoration: none; }
  section.categories a:before,
  .all-categories a:before {
    content: '\276F';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    color: #3a8b94; }
  section.categories a:hover,
  .all-categories a:hover {
    text-decoration: underline; }

.news-categories,
.top-categories {
  margin-bottom: 0; }
  .news-categories ul,
  .top-categories ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .news-categories li,
  .top-categories li {
    margin-bottom: 15px; }
  .news-categories a,
  .top-categories a {
    font-size: 13px;
    line-height: 1.69;
    letter-spacing: 0.3px;
    color: #242626;
    padding: 0 14px;
    position: relative;
    display: block;
    text-decoration: none; }
    .news-categories a:before,
    .top-categories a:before {
      content: '\276F';
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      color: #3a8b94; }
    .news-categories a:hover,
    .top-categories a:hover {
      text-decoration: underline; }

.news-products .product,
.top-products .product {
  border-bottom: 1px solid #d8d8d8;
  text-decoration: none;
  display: block;
  padding-bottom: 10px; }
  .news-products .product img,
  .top-products .product img {
    width: 100%;
    max-width: 100%; }
  .news-products .product p,
  .top-products .product p {
    font-size: 13px;
    margin: 0;
    color: #242626; }
  .news-products .product .company,
  .top-products .product .company {
    text-transform: uppercase;
    color: #5d6265;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    letter-spacing: 0.4px;
    color: #5d6265;
    margin: 10px 0 0 0; }
  .news-products .product h3,
  .top-products .product h3 {
    margin: 2px 0 4px 0;
    font-size: 13px; }

.social-icons {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0; }
  .social-icons li {
    display: inline-block; }
    .social-icons li a {
      display: block;
      width: 35px;
      height: 35px;
      background: url(../../gfx17/social-icons-medium.png) left top no-repeat; }
      .social-icons li a.social-facebook {
        background-position: 0 0; }
      .social-icons li a.social-twitter {
        background-position: -36px 0; }
      .social-icons li a.social-linkedin {
        background-position: -108px 0; }
      .social-icons li a.social-youtube {
        background-position: -180px 0; }
      .social-icons li a.social-blog {
        background-position: -216px 0; }
      .social-icons li a.social-googleplus {
        background-position: -72px 0; }

.home-promo {
  background: #fff5fc;
  padding: 20px 30px 20px 30px;
  position: relative; }
  @media (min-width: 1024px) {
    .home-promo {
      padding: 30px 300px 30px 40px; }
      .home-promo .button {
        position: absolute;
        top: 50%;
        margin-top: -22px;
        right: 40px; } }
  .home-promo h3 {
    margin: 0 0 5px 0; }
  .home-promo h2 {
    margin: 0 0 10px 0;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: 0.3px;
    color: #81125e; }

.ubmi_banner_top {
  height: 50px;
  margin: 10px auto; }
  @media (min-width: 728px) {
    .ubmi_banner_top {
      height: 90px; } }

.tooltip-trigger {
  color: #3a8b94;
  position: relative; }
  .tooltip-trigger .tooltip {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 10px;
    width: 300px;
    background: #fff;
    color: #000;
    padding: 10px 12px;
    border: 1px solid #81125e;
    font-size: 13px;
    line-height: 18px;
    box-sizing: border-box; }
  .tooltip-trigger:hover .tooltip {
    display: block; }

.register-list {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none; }
  .register-list li {
    padding: 0 0 0 20px;
    background: url(../../gfx17/check-secundary.svg) left 4px no-repeat;
    margin: 0 0 5px; }
    .register-list li.premium {
      color: #b1398b; }

#glass {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(36, 38, 38, 0.7);
  z-index: 100;
  display: none; }

.show-filters-mob {
  margin: 20px;
  display: block; }
  @media (min-width: 768px) {
    .show-filters-mob {
      display: none; } }

#filters {
  display: none; }
  @media (min-width: 768px) {
    #filters {
      display: block; } }

.results .msg h4 {
  font-size: 23px;
  line-height: 1.48;
  letter-spacing: 0.3px;
  color: #242626; }

.results-wrapper {
  margin-bottom: 20px;
  border-top: 1px solid #dbe1e2; }
  .results-wrapper a {
    text-decoration: none; }
  .results-wrapper .result {
    border-bottom: 1px solid #dbe1e2;
    position: relative;
    padding: 24px 0 24px 163px;
    box-sizing: border-box;
    min-height: 197px; }
    .results-wrapper .result h3 {
      margin: 5px 0 10px; }
    .results-wrapper .result h4 {
      margin: 0 0 10px; }
    .results-wrapper .result p, .results-wrapper .result ul, .results-wrapper .result li, .results-wrapper .result b, .results-wrapper .result i {
      color: #242626; }
    .results-wrapper .result .result-type {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.69;
      letter-spacing: 0.5px;
      color: #5d6265;
      margin: 0; }
      .results-wrapper .result .result-type .supplier,
      .results-wrapper .result .result-type .date {
        font-weight: 400; }
    .results-wrapper .result .img-holder {
      position: absolute;
      left: 0;
      top: 27px;
      width: 142px;
      height: 138px;
      box-sizing: border-box;
      border: 1px solid #dbe1e2;
      padding: 10px;
      text-align: center; }
      .results-wrapper .result .img-holder img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        max-height: 100%; }

.facets h2 {
  color: #5d6265;
  margin-bottom: 5px; }
  .facets h2:before {
    display: none; }

.facet {
  padding-bottom: 20px; }
  .facet h3 {
    border-bottom: 1px solid #dbe1e2;
    padding-bottom: 10px; }
  .facet ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .facet label {
    font-size: 13px;
    line-height: 2.15;
    letter-spacing: 0.3px; }
    .facet label.disabled {
      opacity: 0.3; }
    .facet label input {
      margin-right: 8px; }
  .facet .read-more {
    display: inline-block;
    margin: 5px 0 0 5px; }
    .facet .read-more.toggle-open:before {
      transform: rotate(-90deg);
      top: -1px; }

@media (min-width: 768px) {
  .show-results-mob {
    display: none; } }

.paging .button {
  display: block;
  text-align: center; }

.package-offers {
  padding-bottom: 40px;
  border-bottom: 1px solid #dbe1e2; }
  @media (min-width: 768px) {
    .package-offers {
      display: flex; } }
  .package-offers > div {
    position: relative;
    padding-bottom: 30px;
    padding-right: 80px; }
    @media (min-width: 768px) {
      .package-offers > div {
        padding-bottom: 100px; } }
    .package-offers > div .button {
      position: absolute;
      bottom: 0;
      left: 20px; }
  .package-offers .package-price {
    font-size: 23px;
    font-weight: 600;
    background: #f2f7f8;
    padding: 15px;
    border-radius: 4px;
    display: inline-block; }
    .package-offers .package-price span {
      font-size: 14px;
      font-weight: 400; }
    @media (min-width: 768px) {
      .package-offers .package-price {
        position: absolute;
        right: 140px;
        bottom: 30px; } }

.rfi_alert {
  padding: 10px;
  border: 1px solid #dd2525;
  background: #faffb1; }

.exhibitor-event-wrapper {
  background-position: center top;
  background-size: cover;
  padding: 40px 0;
  margin: -15px 0 20px; }
  .exhibitor-event-wrapper .event-date {
    box-sizing: border-box;
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 14px; }
    @media (min-width: 768px) {
      .exhibitor-event-wrapper .event-date {
        float: left;
        width: 104px;
        padding-bottom: 0; } }
    .exhibitor-event-wrapper .event-date .day {
      display: inline-block;
      color: #fff;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px; }
    .exhibitor-event-wrapper .event-date .month {
      display: inline-block;
      color: #fff;
      font-size: 24px;
      line-height: 28px;
      text-transform: uppercase; }
    .exhibitor-event-wrapper .event-date .year {
      display: inline-block;
      color: #fff;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px; }
    @media (min-width: 768px) {
      .exhibitor-event-wrapper .event-date .day {
        display: block;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 38px;
        line-height: 28px; }
      .exhibitor-event-wrapper .event-date .month {
        display: block;
        color: #fff;
        font-size: 24px;
        line-height: 28px;
        text-transform: uppercase; }
      .exhibitor-event-wrapper .event-date .year {
        display: block;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 17px;
        line-height: 28px; } }
  .exhibitor-event-wrapper .exhibitor-event {
    background: #3a8b94;
    display: inline-block; }
    .exhibitor-event-wrapper .exhibitor-event img {
      background: #fff;
      padding: 20px;
      width: 100%;
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .exhibitor-event-wrapper .exhibitor-event img {
          padding: 20px 30px;
          height: 111px;
          width: auto; } }

.company-profile-image {
  border: solid 1px #dbe0e2;
  background: white;
  width: 188px;
  text-align: center;
  height: 150px;
  margin: 0 20px 20px 0; }
  @media (min-width: 768px) {
    .company-profile-image {
      float: left; } }
  .company-profile-image img {
    display: block;
    max-width: 85%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto; }

@media (min-width: 768px) {
  .main-company {
    background: url(../../gfx17/video_car_bg.png) left top no-repeat;
    background-size: 100% 243px; }
    .main-company .company-profile-image {
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.31);
      position: absolute;
      left: 0; }
    .main-company .company-profile {
      min-height: 200px;
      color: #fff;
      padding-left: 210px;
      position: relative; }
      .main-company .company-profile .category-list a,
      .main-company .company-profile h1 {
        color: #fff; } }

.main-company .product-company .request-info .button {
  margin-bottom: 0; }

.news-carousel__highlight {
  position: relative;
  transition: min-height .6s;
  background-color: #f2f7f8; }
  .news-carousel__highlight .news-item {
    position: absolute;
    opacity: 0;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 0;
    transition: opacity .8s; }
    .news-carousel__highlight .news-item--active {
      opacity: 1;
      z-index: 1;
      transition: opacity .8s; }
    .news-carousel__highlight .news-item .img-holder {
      height: 280px; }
    .news-carousel__highlight .news-item img {
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
      position: relative;
      transform: translateY(-50%);
      top: 50%; }
    .news-carousel__highlight .news-item__type {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 3; }
    .news-carousel__highlight .news-item__date {
      text-transform: uppercase;
      color: #747474;
      padding: 20px 20px 10px 20px;
      display: block; }
    .news-carousel__highlight .news-item h3 {
      padding: 0 20px 20px;
      font-size: 16px; }

.news-carousel__items .news-item {
  margin: 0 0 0 -10px;
  padding: 10px;
  position: relative; }
  .news-carousel__items .news-item__type,
  .news-carousel__items .news-item img {
    display: none; }
  .news-carousel__items .news-item--active {
    background: #f2f7f8; }
  .news-carousel__items .news-item__date {
    text-transform: uppercase;
    color: #747474; }

.content-type {
  text-transform: uppercase;
  display: inline-block;
  background: #b1398b;
  color: #fff;
  letter-spacing: 1.5px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 2px; }

.single-download {
  margin-top: 30px !important;
  margin-bottom: 60px !important; }
  .single-download h1 {
    font-size: 26px; }
  .single-download .content-type {
    margin: 0 0 10px; }
  .single-download p {
    line-height: 24px;
    font-size: 14px; }
  .single-download .download-date {
    text-transform: uppercase;
    color: #747474;
    margin: 30px 0; }

.download-preview {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
  max-width: 100%; }

.download-info {
  color: #5D6265;
  font-size: 15px;
  margin-bottom: 0; }
  .download-info strong {
    color: #242626; }

.related-download {
  position: relative;
  padding-left: 110px;
  margin-bottom: 40px;
  display: block;
  text-decoration: none; }
  .related-download__preview {
    max-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); }
  .related-download h3 {
    font-size: 17px;
    margin: 10px 0; }
  .related-download:hover h3 {
    text-decoration: underline;
    color: #3a8b94; }

.product-company.product-company-mobile-sticky .request-info .button--download {
  background: #b1398b url(../../gfx17/download-white.svg) right 15px top 10px no-repeat;
  float: right;
  margin: 0; }

.product-company.product-company-mobile-sticky .request-info .download-info {
  display: none; }

.news-gated,
.gated-download {
  background-color: #b1398b;
  color: #fff;
  padding: 20px 20px 10px;
  border: 1px solid #b1398b; }
  .news-gated h3,
  .gated-download h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
    letter-spacing: 1px; }
  .news-gated p,
  .gated-download p {
    font-weight: 300;
    line-height: 22px; }
  .news-gated a,
  .gated-download a {
    color: #fff; }
  .news-gated .button,
  .gated-download .button {
    background-color: #fff;
    color: #b1398b; }

.news-sidebar {
  border: 1px solid #dbe1e2;
  padding-bottom: 10px; }
  .news-sidebar > div:first-child h2 {
    margin-top: 20px; }
  .news-sidebar h2 {
    color: #5D6265;
    font-size: 19px;
    letter-spacing: 1px; }
    .news-sidebar h2:before {
      display: none; }

.news-block {
  font-size: 14px;
  line-height: 26px; }
  .news-block img {
    max-width: 100%; }
  .news-block figure {
    margin: 20px 0; }
    .news-block figure figcaption {
      font-style: italic;
      margin-top: 5px; }

.news-intro {
  font-weight: 600; }

.news-companies ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .news-companies ul li {
    border-bottom: 1px solid #dbe1e2;
    padding: 20px 0 20px 100px;
    position: relative; }
    .news-companies ul li span {
      display: block;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: bold; }
    .news-companies ul li span.internal-link {
      font-size: 13px;
      font-weight: normal; }
    .news-companies ul li img {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      max-width: 85px; }
    .news-companies ul li a {
      text-decoration: none; }
      .news-companies ul li a:hover .internal-link {
        text-decoration: underline; }

.tag {
  display: inline-block;
  background-color: #AAAFB1;
  color: white;
  text-transform: uppercase;
  padding: 5px 8px 3px;
  text-decoration: none;
  margin: 0 5px 8px 0; }

.news-ankeiler {
  border-bottom: 1px solid #dbe1e2;
  position: relative;
  padding: 24px 0 14px 163px;
  box-sizing: border-box;
  min-height: 180px; }
  .news-ankeiler h3 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 0.3px;
    color: #5d6265; }
  .news-ankeiler img {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 142px;
    max-height: 138px;
    box-sizing: border-box;
    border: 1px solid #dbe1e2;
    padding: 10px;
    text-align: center; }
  .news-ankeiler .date {
    position: absolute;
    top: 16px;
    left: 163px;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 2.17;
    letter-spacing: 0.5px;
    color: #5d6265;
    text-transform: uppercase;
    font-weight: 600; }
  .news-ankeiler .lnk {
    line-height: 1.69;
    letter-spacing: 0.3px;
    color: #008693 !important;
    text-decoration: none;
    padding-left: 10px;
    position: relative; }
    .news-ankeiler .lnk:before {
      content: '\276F';
      position: relative;
      left: -8px; }

.news-gated {
  position: relative; }
  .news-gated:before {
    content: '';
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+54&0+0,0+0,1+54 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 64%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 64%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 64%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    width: 100%;
    top: -180px;
    left: 0;
    right: 0;
    height: 180px;
    z-index: 2; }

.top-category-new,
.top-category {
  margin-bottom: 20px; }
  .top-category-new h1,
  .top-category h1 {
    font-family: Poppins;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.48;
    letter-spacing: 0.3px;
    text-align: left;
    color: #242626;
    margin: 0; }
  .top-category-new h2,
  .top-category h2 {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.17;
    letter-spacing: 0.5px;
    text-align: left;
    color: #5d6265;
    text-transform: uppercase;
    margin-bottom: 0; }
    .top-category-new h2:before,
    .top-category h2:before {
      display: none; }

.top-category-new {
  border-top: 1px solid #dbe1e2;
  margin: -16px 0 10px 0;
  background: url(../../gfx17/header_cat.png);
  background-size: cover;
  background-position: center center;
  padding: 20px 0 1px; }
  .top-category-new h1, .top-category-new h2 {
    color: #fff;
    margin: 0; }

.categories > .row,
.top-category > .row,
.top-category-new > .row {
  margin: 0 0 15px 0;
  padding: 0 20px; }
  @media (min-width: 1284px) {
    .categories > .row,
    .top-category > .row,
    .top-category-new > .row {
      padding: 0; } }

section.categories ul {
  border-top: 0; }

section.categories h2 {
  margin-top: 30px; }

.follow-category {
  background: #b1398b;
  color: #fff;
  padding: 20px; }
  .follow-category h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
    letter-spacing: 1px; }
  .follow-category .button {
    background-color: #fff;
    color: #b1398b; }

.quickfacts {
  border-top: 1px solid #dbe1e2;
  width: 100%; }
  .quickfacts th {
    border-bottom: 1px solid #dbe1e2;
    text-align: left;
    padding: 9px 0 9px 20px;
    color: #5D6265;
    font-weight: normal; }
  .quickfacts td {
    border-bottom: 1px solid #dbe1e2;
    padding: 9px 0 9px 20px;
    color: #242626; }
  .quickfacts tr:nth-child(even) th, .quickfacts tr:nth-child(even) td {
    background-color: #F2F7F8; }

.premium-content {
  color: #3a8b94;
  display: block;
  margin: 10px 0; }

.company-exhibitor-loc {
  text-transform: uppercase; }
  .company-exhibitor-loc a {
    color: #3a8b94;
    text-decoration: none; }
    .company-exhibitor-loc a:hover {
      text-decoration: underline; }

.event-products .product {
  display: block;
  padding: 10px 0; }
  .event-products .product .product-image {
    width: 80px;
    height: 80px;
    padding: 5px;
    float: left;
    margin-right: 20px;
    border: 0; }
  .event-products .product h3 {
    margin-bottom: 5px;
    margin-top: 0; }
  .event-products .product p {
    margin-bottom: 0;
    max-height: 45px;
    overflow: hidden; }
  .event-products .product:after {
    clear: both;
    content: '';
    display: block; }
  .event-products .product:nth-child(odd) {
    background-color: #f2f7f8; }

.exhibitor-listing-external {
  padding: 0 18px; }

.exhibitor-listing .exhibitor {
  border: 1px solid #dbe0e2;
  border-width: 0 1px 1px 1px;
  cursor: pointer;
  padding: 7px; }
  .exhibitor-listing .exhibitor > div {
    background: url(../../gfx17/toggler-exh-list.svg) right 7px top 10px no-repeat;
    background-size: 12px 7px;
    position: relative;
    border-radius: 4px;
    padding: 4px 9px; }
  .exhibitor-listing .exhibitor.exhibitor-new {
    background-color: white !important; }
    .exhibitor-listing .exhibitor.exhibitor-new > div {
      background-color: #f2f7f8; }
  .exhibitor-listing .exhibitor.exhibitor-featured {
    background-color: white !important; }
    .exhibitor-listing .exhibitor.exhibitor-featured > div {
      background-color: #fff3fb; }
  .exhibitor-listing .exhibitor h4 {
    margin: 0;
    font-size: 13px;
    padding-right: 110px; }
    @media (min-width: 480px) {
      .exhibitor-listing .exhibitor h4 {
        padding-right: 150px; } }
    @media (min-width: 768px) {
      .exhibitor-listing .exhibitor h4 {
        padding-right: 300px; } }
    .exhibitor-listing .exhibitor h4 span {
      float: right;
      display: inline-block;
      color: #fff;
      letter-spacing: 1.5px;
      border-radius: 2px;
      line-height: 17px;
      padding: 3px 6px 0 6px;
      margin-left: 5px;
      font-weight: normal;
      font-size: 11px;
      text-transform: uppercase; }
    .exhibitor-listing .exhibitor h4 .featured {
      background: #b1398b; }
    .exhibitor-listing .exhibitor h4 .new {
      background: #3a8b94; }
  .exhibitor-listing .exhibitor .stand {
    position: absolute;
    top: 4px;
    right: -15px;
    width: 100px;
    background: url(../../gfx17/location.svg) left top no-repeat;
    padding-left: 20px; }
    @media (min-width: 480px) {
      .exhibitor-listing .exhibitor .stand {
        right: 30px; } }
    @media (min-width: 768px) {
      .exhibitor-listing .exhibitor .stand {
        right: 178px; } }
  .exhibitor-listing .exhibitor .country {
    display: none;
    position: absolute;
    top: 4px;
    right: 30px;
    width: 20px;
    overflow: hidden;
    color: transparent; }
    @media (min-width: 480px) {
      .exhibitor-listing .exhibitor .country {
        display: block; } }
    @media (min-width: 768px) {
      .exhibitor-listing .exhibitor .country {
        right: 30px;
        width: 165px;
        color: #242626;
        white-space: nowrap;
        overflow: hidden; } }
    .exhibitor-listing .exhibitor .country img {
      max-width: 16px;
      max-height: 14px;
      display: inline-block;
      border: 1px solid #dbe0e2;
      margin-right: 2px;
      display: none; }
  .exhibitor-listing .exhibitor .additional {
    display: none;
    padding-top: 10px; }
  .exhibitor-listing .exhibitor .img-holder {
    background: white;
    border: 1px solid #dbe0e2;
    width: 90px;
    position: relative;
    height: 90px;
    padding: 20px;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
    margin-right: 10px; }
    .exhibitor-listing .exhibitor .img-holder img {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      margin: 0 auto;
      max-width: 100%;
      max-height: 100%; }
    @media (min-width: 480px) {
      .exhibitor-listing .exhibitor .img-holder {
        width: 190px;
        position: relative;
        height: 190px;
        padding: 20px;
        box-sizing: border-box;
        float: left;
        margin-top: 10px; } }
  .exhibitor-listing .exhibitor .cta .img-holder {
    width: 70px;
    height: 70px;
    padding: 5px;
    margin-top: 0; }
  .exhibitor-listing .exhibitor p {
    font-size: 13px; }
    @media (min-width: 480px) {
      .exhibitor-listing .exhibitor p {
        padding-left: 210px; } }
  .exhibitor-listing .exhibitor .categories {
    clear: both;
    margin: 10px 0; }
    .exhibitor-listing .exhibitor .categories a {
      color: #3a8b94; }
  .exhibitor-listing .exhibitor .visit-us {
    background: url(../../gfx17/stand.svg) left 10px no-repeat;
    line-height: 45px;
    padding-left: 35px;
    float: left; }
    .exhibitor-listing .exhibitor .visit-us a {
      color: #3a8b94;
      text-decoration: underline; }
  .exhibitor-listing .exhibitor .cta {
    border-top: 1px solid #dbe0e2;
    padding: 20px 0 10px 0; }
    .exhibitor-listing .exhibitor .cta:after {
      clear: both;
      content: '';
      display: block; }
  .exhibitor-listing .exhibitor .contact-buttons {
    float: right; }
    .exhibitor-listing .exhibitor .contact-buttons a {
      margin-bottom: 10px; }
  .exhibitor-listing .exhibitor.exhibitor-open > div {
    background-image: url(../../gfx17/toggler-exh-list-open.svg);
    background-position: right 7px top 10px;
    background-repeat: no-repeat;
    background-size: 12px 7px; }
  .exhibitor-listing .exhibitor.exhibitor-open .additional {
    display: block;
    cursor: auto; }

.exhibitor-listing > div:nth-child(odd) .exhibitor {
  background-color: #f7f7f7; }

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

ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  font-weight: bold; }

ul.tabs li.current {
  background: #f2f7f8;
  color: #222;
  border-top: 2px solid #3a8b94; }

.tab-content {
  display: none;
  padding: 15px;
  background: #f2f7f8; }
  .tab-content input,
  .tab-content select {
    margin-bottom: 10px;
    width: 100%; }

.tab-content.current {
  display: inherit; }

.no-margin {
  margin-bottom: 10px; }

.exhibitor-search {
  position: relative; }
  .exhibitor-search .awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  .exhibitor-search .awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 10;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    margin: .2em 0 0;
    border: 1px solid #e0e9ea;
    text-shadow: none;
    top: 38px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2); }
    .exhibitor-search .awesomplete > ul li {
      display: block;
      position: relative;
      line-height: 24px;
      cursor: pointer;
      padding: 5px 10px;
      border-bottom: 1px solid #e0e9ea;
      box-sizing: border-box;
      text-transform: none; }
      .exhibitor-search .awesomplete > ul li[aria-selected="true"] {
        background: #f2f7f8; }
      .exhibitor-search .awesomplete > ul li mark {
        background: #f2f7f8;
        font-weight: bold; }
      .exhibitor-search .awesomplete > ul li:last-child {
        border: 0; }

.exhibit-intro {
  margin-bottom: 30px; }

h2.exhibitor-search a {
  color: #5d6265;
  font-size: 14px; }

.live-videofeed {
  background: #f2f7f8;
  padding-bottom: 20px;
  margin-top: 15px !important; }
  .live-videofeed h2 {
    margin: 15px 0 20px; }
  .live-videofeed .media-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .live-videofeed .media-video iframe,
    .live-videofeed .media-video object,
    .live-videofeed .media-video embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .live-videofeed .product-name {
    display: block;
    padding: 15px 20px 5px 20px; }
    .live-videofeed .product-name strong {
      float: right; }
  .live-videofeed .product-company {
    margin: 0 20px 20px 0;
    float: none;
    width: auto;
    opacity: .2; }
    .live-videofeed .product-company.new-entry {
      opacity: 1;
      transition: opacity 1s; }
  .live-videofeed .carousel.company-carousel {
    padding-top: 0;
    background: none; }
  .live-videofeed .company-logo {
    text-align: center;
    max-height: 120px; }
    .live-videofeed .company-logo img {
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  .live-videofeed h3 {
    margin-top: 0;
    font-size: 18px;
    word-break: break-all; }
  .live-videofeed p {
    margin: 5px 0; }

.primary {
  color: #3a8b94 !important; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 30px; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#ContentFeed .img-holder {
  background-color: #f2f7f8;
  padding: 10px; }

form select,
form input[type="text"],
form input[type="password"],
form input[type="email"] {
  border: 1px solid #aaafb1;
  line-height: 44px;
  font-size: 15px;
  padding: 0 10px;
  box-sizing: border-box;
  height: 44px;
  background: white; }

.popup-form {
  display: none;
  position: fixed;
  z-index: 100;
  top: 10%;
  bottom: 5%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
  overflow: auto;
  max-width: 280px;
  max-height: 65vh;
  left: 50%;
  margin-left: -140px; }
  @media (min-width: 768px) {
    .popup-form {
      top: 20%;
      left: 20%;
      right: 20%;
      bottom: 10vh;
      max-width: 700px;
      margin-left: 0; } }
  .popup-form h2 {
    margin: 0;
    padding: 22px 30px;
    border-bottom: 1px solid #dbe1e2; }
    .popup-form h2:before {
      display: none; }
  .popup-form form {
    padding: 30px; }
  .popup-form .form-row {
    max-width: 395px;
    margin-bottom: 20px; }
  .popup-form label {
    display: block;
    font-size: 13px;
    color: #242626; }
    .popup-form label.required:before {
      content: '* ';
      color: #dd2525;
      position: relative;
      top: 6px;
      font-size: 20px; }
  .popup-form TEXTAREA {
    display: block;
    width: 100px;
    border: 1px solid #aaafb1;
    margin-bottom: 24px;
    width: 100%;
    height: 142px;
    font-size: 15px;
    padding: 5px; }
  .popup-form select,
  .popup-form input[type="text"],
  .popup-form input[type="password"],
  .popup-form input[type="email"] {
    width: 100%;
    border: 1px solid #aaafb1;
    line-height: 44px;
    font-size: 15px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 44px;
    background: white; }
  .popup-form .close-popup {
    position: absolute;
    top: 18px;
    right: 18px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../gfx17/close.svg) center center no-repeat; }
  .popup-form .disabled {
    color: #d1d1d1; }
  .popup-form .prefilled {
    font-weight: bold; }

#subscribe-form .forgot {
  float: right;
  color: #3a8b94;
  text-decoration: none; }

@media (min-width: 768px) {
  #subscribe-form {
    bottom: auto; } }

#news-topics {
  bottom: auto;
  padding: 30px;
  min-height: 45vh;
  min-width: 280px;
  left: 10% !important;
  margin: 0 auto !important; }

#news-topics li {
  margin-bottom: 0 !important; }

@media (min-width: 768px) {
  #company-information {
    bottom: auto; } }

.register-as-supplier {
  padding: 0 42px;
  margin: 50px 0 30px 0;
  border-left: 1px solid #dbe1e2; }
  .register-as-supplier h2 {
    margin: 0 0 10px 0;
    border: 0;
    padding: 0; }
  .register-as-supplier ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .register-as-supplier ul li {
      background: url(../../gfx17/check-secundary.svg) left 4px no-repeat;
      padding-left: 22px;
      margin-bottom: 10px; }

.company-information {
  padding: 0 30px 30px; }
  .company-information a {
    color: #3a8b94; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

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

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

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

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

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

.temppages {
  /* GRID corrections */ }
  .temppages .row.breadcrumb {
    display: none; }
  .temppages section {
    margin-bottom: 50px; }
  .temppages .suppliers > .row,
  .temppages .events > .row,
  .temppages #latestnews > .row,
  .temppages .categories > .row,
  .temppages .content > .row,
  .temppages .top-category > .row,
  .temppages .top-category-new > .row,
  .temppages section.news > .row {
    margin: 0 0 15px 0;
    padding: 0 20px; }
    @media (min-width: 1284px) {
      .temppages .suppliers > .row,
      .temppages .events > .row,
      .temppages #latestnews > .row,
      .temppages .categories > .row,
      .temppages .content > .row,
      .temppages .top-category > .row,
      .temppages .top-category-new > .row,
      .temppages section.news > .row {
        padding: 0; } }
  .temppages section.product h1,
  .temppages #latestproducts h1,
  .temppages .most-viewed h1 {
    margin-left: 20px; }
  .temppages section.product .show-all,
  .temppages section.product h2,
  .temppages #latestproducts .show-all,
  .temppages #latestproducts h2,
  .temppages .most-viewed .show-all,
  .temppages .most-viewed h2 {
    margin-left: 20px; }
  .temppages .search,
  .temppages .header-inlay {
    display: none; }
  .temppages section.product a[href*="mailto:"],
  .temppages .content a[href*="mailto:"] {
    color: #3a8b94; }
  .temppages section.product h1:before,
  .temppages .content h1:before {
    content: '';
    height: 4px;
    width: 60px;
    background: #1ab0be;
    display: block;
    margin-bottom: 10px; }
  .temppages .top-category-new,
  .temppages .top-category {
    margin-bottom: 20px; }
    .temppages .top-category-new h1,
    .temppages .top-category h1 {
      font-family: Poppins;
      font-size: 23px;
      font-weight: 600;
      line-height: 1.48;
      letter-spacing: 0.3px;
      text-align: left;
      color: #242626;
      margin: 0; }
    .temppages .top-category-new h2,
    .temppages .top-category h2 {
      font-family: Poppins;
      font-size: 12px;
      font-weight: 500;
      line-height: 2.17;
      letter-spacing: 0.5px;
      text-align: left;
      color: #5d6265;
      text-transform: uppercase;
      margin-bottom: 0; }
      .temppages .top-category-new h2:before,
      .temppages .top-category h2:before {
        display: none; }
  .temppages .top-category-new {
    border-top: 1px solid #dbe1e2;
    margin: -16px 0 10px 0;
    background: url(../../gfx17/header_cat.png);
    background-size: cover;
    background-position: center center;
    padding: 20px 0 1px; }
    .temppages .top-category-new h1, .temppages .top-category-new h2 {
      color: #fff;
      margin: 0; }
  .temppages .content h3,
  .temppages .most-viewed h3 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 0.3px;
    color: #5d6265; }
  .temppages .content a {
    text-decoration: none; }
  .temppages .content a:hover h3 {
    color: #4c2432; }
  .temppages .paper a {
    text-decoration: none;
    color: #242626; }
  .temppages .news-item {
    padding-top: 24px; }
  .temppages .paper,
  .temppages .news-item {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative; }
    .temppages .paper:first-of-type,
    .temppages .news-item:first-of-type {
      border-top: 1px solid #d8d8d8; }
    .temppages .paper h3,
    .temppages .news-item h3 {
      font-family: Poppins;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.67;
      letter-spacing: 0.3px;
      color: #242626; }
    .temppages .paper p,
    .temppages .news-item p {
      color: #242626; }
    .temppages .paper .date,
    .temppages .news-item .date {
      position: absolute;
      top: 16px;
      left: 0;
      margin: 0 0 5px;
      font-size: 12px;
      line-height: 2.17;
      letter-spacing: 0.5px;
      color: #5d6265;
      text-transform: uppercase; }
  .temppages .lnk {
    line-height: 1.69;
    letter-spacing: 0.3px;
    color: #3a8b94 !important;
    text-decoration: none;
    padding-left: 10px;
    position: relative; }
    .temppages .lnk:before {
      content: '\276F';
      position: relative;
      left: -8px; }
  .temppages .most-viewed .moreproduct:first-of-type {
    border-top: 1px solid #d8d8d8; }
  .temppages .moreproduct {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0;
    padding-bottom: 20px; }
    .temppages .moreproduct p, .temppages .moreproduct ul, .temppages .moreproduct li, .temppages .moreproduct b, .temppages .moreproduct i {
      color: #242626; }
    .temppages .moreproduct .image-holder {
      width: 180px;
      height: 160px;
      padding: 10px;
      border: 1px solid #dbe1e2;
      box-sizing: border-box; }
      .temppages .moreproduct .image-holder img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        max-height: 100%; }
  .temppages #latestproducts .moreproduct {
    padding-left: 100px;
    position: relative;
    min-height: 160px;
    display: block;
    text-decoration: none; }
    @media (min-width: 768px) {
      .temppages #latestproducts .moreproduct {
        padding-left: 170px; } }
    .temppages #latestproducts .moreproduct .image-holder {
      position: absolute;
      max-width: 85px;
      left: 0;
      top: 5px;
      border: 1px solid #e6e6e6; }
      @media (min-width: 768px) {
        .temppages #latestproducts .moreproduct .image-holder {
          max-width: 150px; } }
  .temppages section.news .news-item,
  .temppages .news-ankeiler,
  .temppages #latestnews .news-item {
    border-bottom: 1px solid #dbe1e2;
    position: relative;
    padding: 24px 0 14px 163px;
    box-sizing: border-box;
    min-height: 180px; }
    .temppages section.news .news-item .date,
    .temppages .news-ankeiler .date,
    .temppages #latestnews .news-item .date {
      left: 163px; }
    .temppages section.news .news-item .news-image,
    .temppages .news-ankeiler .news-image,
    .temppages #latestnews .news-item .news-image {
      position: absolute;
      left: 0;
      top: 20px;
      width: 142px;
      height: 138px;
      box-sizing: border-box;
      border: 1px solid #dbe1e2;
      padding: 10px;
      text-align: center; }
      .temppages section.news .news-item .news-image img,
      .temppages .news-ankeiler .news-image img,
      .temppages #latestnews .news-item .news-image img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        max-height: 100%; }
    .temppages section.news .news-item .desc,
    .temppages .news-ankeiler .desc,
    .temppages #latestnews .news-item .desc {
      margin: 5px 0 10px;
      font-family: Poppins;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.67;
      letter-spacing: 0.3px;
      color: #242626; }
  .temppages .news-ankeiler img {
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 142px;
    max-height: 138px;
    box-sizing: border-box;
    border: 1px solid #dbe1e2;
    padding: 10px;
    text-align: center; }
  .temppages .news-ankeiler .date {
    position: absolute;
    top: 16px;
    left: 163px;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 2.17;
    letter-spacing: 0.5px;
    color: #5d6265;
    text-transform: uppercase;
    font-weight: 600; }
  .temppages .suppliers li {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    margin-bottom: 15px;
    width: 48%;
    text-align: center; }
    .temppages .suppliers li img {
      width: 90%;
      display: block;
      -webkit-filter: grayscale(99%);
      -moz-filter: grayscale(99%);
      -o-filter: grayscale(99%);
      -ms-filter: grayscale(99%);
      filter: grayscale(99%);
      transition: all .4s; }
    .temppages .suppliers li a:hover img {
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -o-filter: grayscale(0);
      -ms-filter: grayscale(0);
      filter: grayscale(0);
      transition: all .4s; }
  .temppages .event .block_lnk {
    color: #242626;
    text-decoration: none; }
  .temppages .event p {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 0.3px;
    color: #242626;
    margin-bottom: 10px; }
  .temppages .event .day {
    display: block;
    background: #1ab0be;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 20px 10px 10px 20px;
    margin: -20px -20px 0 -20px; }
    .temppages .event .day a {
      color: #fff;
      text-decoration: none; }
    @media (min-width: 768px) {
      .temppages .event .day {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        width: 104px;
        padding: 30px 0 0 0;
        text-align: center;
        margin: 0; } }
    .temppages .event .day span {
      display: block;
      color: #fff;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 38px;
      line-height: 28px; }
      @media (min-width: 768px) {
        .temppages .event .day span {
          text-align: center; } }
  .temppages .event .remind {
    display: none;
    padding: 10px 0; }
    .temppages .event .remind input[type="email"] {
      border: 1px solid #aaafb1;
      line-height: 34px;
      font-size: 15px;
      padding: 0 10px;
      box-sizing: border-box; }
  .temppages .event .btn {
    background: #1ab0be;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 20px 9px;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .1s; }
    .temppages .event .btn:hover {
      background: #fff;
      border: 1px solid #3a8b94;
      color: #3a8b94;
      transition: all .1s; }
  .temppages .paging {
    text-align: center;
    margin: 25px 0 40px; }
  .temppages .paging {
    list-style: none;
    padding: 0; }
  .temppages .paging li {
    display: inline-block;
    margin: 0 3px; }
  .temppages .paging li a {
    display: block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    letter-spacing: 0.3px;
    text-align: center;
    color: #242626;
    text-decoration: none; }
  .temppages .paging li a.active {
    color: #fff;
    background: #3a8b94;
    border-radius: 4px; }
  .temppages .paging li a.prev,
  .temppages .paging li a.next {
    color: #fff;
    background: #3a8b94;
    border-radius: 4px; }
  .temppages .paging li a.prev,
  .temppages .paging li a.next:hover {
    text-decoration: none; }
  .temppages .choose-category {
    position: relative; }
    @media (min-width: 768px) {
      .temppages .choose-category {
        float: right; } }
    .temppages .choose-category .btn.choose-cat {
      margin-right: 50px;
      background: #1ab0be;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 13px;
      border-radius: 4px;
      display: inline-block;
      padding: 10px 20px 9px;
      letter-spacing: 0.5px;
      border: 1px solid transparent;
      cursor: pointer;
      transition: all .1s; }
  .temppages .choose-categories {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    background: #f2f7f8;
    z-index: 10; }
    .temppages .choose-categories li a {
      display: block;
      line-height: 30px;
      padding: 0 20px;
      text-decoration: none;
      color: #242626; }
      .temppages .choose-categories li a:hover {
        background: #3a8b94;
        color: #fff; }
  .temppages .details h4 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 0.3px;
    color: #5d6265; }
  .temppages .details dd {
    margin-left: 0; }
    .temppages .details dd a {
      font-size: 13px;
      line-height: 35px;
      letter-spacing: 0.3px;
      color: #242626;
      padding: 0 14px;
      position: relative;
      display: block;
      text-decoration: none;
      position: relative; }
      .temppages .details dd a:before {
        content: '\276F';
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        color: #3a8b94; }
  .temppages .general-info img {
    max-width: 100%; }
  .temppages .general-info .caption {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 2.17;
    letter-spacing: 0.5px;
    text-align: left;
    color: #5d6265;
    text-transform: uppercase;
    margin-bottom: 0; }
  .temppages .general-info .intro {
    font-weight: 600; }
  .temppages .general-info .btn {
    margin-right: 50px;
    background: #b1398b;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 20px 9px;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .1s; }
    .temppages .general-info .btn:hover {
      background: #fff;
      border: 1px solid #b1398b;
      color: #b1398b;
      transition: all .1s; }
  .temppages .content .btn {
    margin-right: 10px;
    background: #b1398b;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 20px 9px;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .1s; }
    .temppages .content .btn:hover {
      background: #fff;
      border: 1px solid #b1398b;
      color: #b1398b;
      transition: all .1s; }
  .temppages section.suppliers ul {
    margin: 0;
    padding: 0; }
    .temppages section.suppliers ul li {
      box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      padding: 0 15px;
      margin-bottom: 15px;
      width: 48%;
      text-align: center; }
      @media (min-width: 768px) {
        .temppages section.suppliers ul li {
          width: 19.5%; } }
      .temppages section.suppliers ul li img {
        width: 90%;
        display: block;
        -webkit-filter: grayscale(99%);
        -moz-filter: grayscale(99%);
        -o-filter: grayscale(99%);
        -ms-filter: grayscale(99%);
        filter: grayscale(99%);
        transition: all .4s; }
      .temppages section.suppliers ul li a {
        text-decoration: none; }
      .temppages section.suppliers ul li span {
        text-decoration: none;
        font-weight: bold;
        font-size: 18px;
        margin-top: 20px;
        display: block;
        color: #000; }
  .temppages .alphabet_page_links {
    margin-bottom: 20px; }
    .temppages .alphabet_page_links a {
      display: inline-block;
      margin: 0 4px 8px 0;
      line-height: 31px;
      border: 1px solid #3a8b94;
      background: #3a8b94;
      border-radius: 3px;
      color: #fff;
      text-decoration: none;
      padding: 0 8px;
      font-size: 13px; }
      .temppages .alphabet_page_links a:hover {
        border: 1px solid #3a8b94;
        background: #fff;
        color: #3a8b94; }
  .temppages .input_row {
    padding: 10px 0; }
    .temppages .input_row .fieldLabel {
      display: block;
      font-size: 13px;
      color: #242626;
      font-weight: normal !important; }
      .temppages .input_row .fieldLabel b {
        font-weight: normal !important; }
    .temppages .input_row input[type="text"] {
      width: 100%;
      border: 1px solid #aaafb1;
      line-height: 44px;
      font-size: 15px;
      padding: 0 10px;
      box-sizing: border-box;
      width: 300px !important; }
    .temppages .input_row select {
      width: 100%;
      border: 1px solid #aaafb1;
      line-height: 44px;
      font-size: 15px;
      box-sizing: border-box;
      width: 300px !important;
      height: 44px;
      background: #fff; }
  .temppages input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background: #3a8b94;
    font-size: 13px;
    border-radius: 4px;
    display: inline-block;
    padding: 0 20px !important;
    letter-spacing: 0.5px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .1s;
    line-height: 44px; }
    .temppages input[type="submit"]:hover {
      background: #fff;
      border: 1px solid #3a8b94;
      color: #3a8b94;
      transition: all .1s; }
  .temppages section.categories ul {
    border-top: 0; }

.choose-categories {
  list-style: none;
  margin: 0;
  padding: 0; }
  .choose-categories li {
    margin-right: 38px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px; }
    .choose-categories li:before {
      content: '\276F';
      color: #3a8b94;
      position: absolute;
      left: 0; }
    .choose-categories li a {
      text-decoration: none;
      color: #242626; }

.cookiebanner {
  margin: 0px 15% !important; }

.cookiebanner {
  margin: 0px auto;
  max-width: 71%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.35;
  overflow: hidden;
  background-color: black;
  color: white;
  position: relative;
  border: 5px solid #bccdd4;
  padding: 1.25rem !important; }

.cookiebanner .cookieblock {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 1.25rem 0px 0px; }

.cookieblock:first-child {
  width: 80%; }

.cookiebanner .cookieblock:first-child a {
  color: #bccdd4; }

.cookieButton {
  display: inline;
  color: white;
  font-family: inherit;
  text-transform: uppercase;
  background-color: #002b45;
  padding: 8px 30px; }

.cookieButton {
  white-space: nowrap; }

@media (max-width: 769px) and (min-width: 320px) {
  .cookieblock {
    width: 100% !important; }
  .cookiebanner .cookieblock {
    display: table !important;
    padding: 0px !important; }
  .cookieblock:first-child {
    margin-bottom: 15px; } }

.search-filter-2023 .facet {
  border-bottom: 1px solid #eaeaea;
  padding: 0;
  margin-top: 0; }

.search-filter-2023 .facet h3 {
  --st-color: #4c2432;
  --st-size: 16px;
  --st-line: 19px;
  font-weight: 600;
  font-size: var(--st-size);
  line-height: var(--st-line);
  letter-spacing: 1px;
  color: var(--st-color);
  border: 0;
  padding-top: 9px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 0; }

.search-filter-2023 .facet h3[data-component=Toggle], .search-filter-2023 .facet h3[data-component=SimpleToggle]  {
  position: relative;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  transition: color .3s ease-in-out; }

.search-filter-2023 .facet h3[data-component=Toggle]:after, .search-filter-2023 .facet h3[data-component=SimpleToggle]:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border: solid #3a8b94;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  right: 8px;
  bottom: 19px; }

.search-filter-2023 .facet h3[data-component=Toggle].toggle-open:after, .search-filter-2023 .facet h3[data-component=SimpleToggle].toggle-open:after {
  transform: rotate(-135deg);
  bottom: 14px; }

.search-filter-2023 .facet h3[data-component=Toggle]:hover, .search-filter-2023 .facet h3[data-component=SimpleToggle]:hover {
  color: #000; }

.search-filter-2023 .facet h3[data-component=Toggle]:hover:after, .search-filter-2023 .facet h3[data-component=SimpleToggle]:hover:after {
  border-color: currentColor; }

.search-filter-2023 .facet ul[id^=more_] {
  padding-bottom: 8px; }

.search-filter-2023 .facet label {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 8px 5px 30px;
  margin-bottom: 4px;
  cursor: pointer; }

.search-filter-2023 .facet label.disabled {
  cursor: default;
  opacity: .3; }

.search-filter-2023 .facet label input[type=checkbox] {
  position: absolute;
  top: 14px;
  left: 8px;
  transform: translateY(-50%);
  margin: 0; }

.search-filter-2023 .facet .read-more {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--secondary-color);
  margin: 8px auto 0;
  padding-left: 0; }

.search-filter-2023 .facet .read-more:hover {
  color: #000; }

.search-filter-2023 .facet .read-more:before {
  content: normal; }

.search-filter-2023 .facet .read-more:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  vertical-align: .15em; }

.search-filter-2023 .facet .read-more.toggle-open:after {
  transform: rotate(-135deg);
  vertical-align: -0.15em; }

.search-filter-2023 h2 + .facet, .search-filter-2023 .reset-filters + .facet {
  margin-top: 24px;
  border-top: 1px solid #eaeaea; }

.search-filter-2023 label span {
  margin-left: 4px;
  opacity: .5; }

.search-filter-2023 .show-results-mob {
  margin-top: 24px; }

/*# sourceMappingURL=maps/exp-filters.css.map */
.sponsored {
  background: #b1398b; }
  @media (min-width: 1024px) {
    .sponsored {
      background: #4c2432 url(../../gfx17/sponsored-bg-in.png) right top no-repeat; } }
  .sponsored .button {
    background: #fff;
    color: #b1398b; }

@media (min-width: 768px) {
  .main-company {
    background: url(../../gfx17/video_car_bg-IN.png) left top no-repeat;
    background-size: 100% 243px; } }

header .main-logo {
  top: 6px; }
  @media (min-width: 768px) {
    header .main-logo {
      position: absolute;
      left: 20px;
      top: -7px; }
      header .main-logo img {
        width: 140px;
        height: 48px; } }

.browse-categories-wrapper {
  margin-left: 200px; }

        /* Collapsible facet styling 2025 START*/
        .search-filter-2023 .facet .parent-item-wrapper {
            display: flex;
            align-items: flex-start;
            position: relative;
        }

        .search-filter-2023 .facet .parent-item-wrapper input[type="checkbox"] {
            margin-right: 5px;
            flex-shrink: 0;
            cursor: pointer;
            margin-top: 3px;
        }

        .search-filter-2023 .facet .parent-label {
            display: inline-block;
            cursor: pointer;
            /* padding-right: 25px; */
            padding: 0 24px 5px 5px;
            position: relative;
            flex: 1;
        }

        .search-filter-2023 .facet .parent-label:after {
            content: "";
            display: inline-block;
            width: 8px;
            height: 8px;
            border: solid #3a8b94;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            position: absolute;
            right: 8px;
            top: 50%;
            margin-top: -6px;
        }

        .search-filter-2023 .facet .parent-label.toggle-open:after {
            transform: rotate(-135deg);
            margin-top: -2px;
        }

        .search-filter-2023 .facet .parent-label:hover:after {
            border-color: #000;
        }

        .search-filter-2023 .facet ul ul {
            margin-left: 15px;
            padding-top: 5px;
        }

        .search-filter-2023 .facet li.parent-item {
            list-style: none;
        }
        /* Collapsible facet styling 2025 END*/

/* New search results container 2025 */

.docu-facets-container h2 {
  color: #5d6265;
  margin-bottom: 5px; }
  .docu-facets-container h2:before {
    display: none; }

.docu-filter-results {
  margin-bottom: 20px;
  border-top: 1px solid #dbe1e2; }
  .docu-filter-results a {
    text-decoration: none; }
  .docu-filter-results .result {
    border-bottom: 1px solid #dbe1e2;
    position: relative;
    padding: 24px 0 24px 163px;
    box-sizing: border-box;
    min-height: 197px; }
    .docu-filter-results .result h3 {
      margin: 5px 0 10px; }
    .docu-filter-results .result h4 {
      margin: 0 0 10px; }
    .docu-filter-results .result p, .docu-filter-results .result ul, .docu-filter-results .result li, .docu-filter-results .result b, .docu-filter-results .result i {
      color: #242626; }
    .docu-filter-results .result .result-type {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.69;
      letter-spacing: 0.5px;
      color: #5d6265;
      margin: 0; }
      .docu-filter-results .result .result-type .supplier,
      .docu-filter-results .result .result-type .date {
        font-weight: 400; }
    .docu-filter-results .result .img-holder {
      position: absolute;
      left: 0;
      top: 27px;
      width: 142px;
      height: 138px;
      box-sizing: border-box;
      border: 1px solid #dbe1e2;
      padding: 10px;
      text-align: center; }
      .docu-filter-results .result .img-holder img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        max-height: 100%; }

/* eo New search results container 2025 */