@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&display=swap");
.letterspace, section.bg-gfx.devzone .devzone-tag, .info-carousel .owl-theme .owl-item .tag-block-quotes, section.Stories-carousel .owl-theme .owl-item .tag-block, section.quotes-carousel .owl-theme .owl-item .tag-block-quotes {
  letter-spacing: 1px; }

@font-face {
  font-family: 'Pragmata Medium';
  src: url("/NordicFonts/Pragmata/Pragmata Medium.eot?") format("eot"), url("/NordicFonts/Pragmata/Pragmata Medium.woff2") format("woff2"), url("/NordicFonts/Pragmata/Pragmata Medium.woff") format("woff"), url("/NordicFonts/Pragmata/Pragmata Medium.ttf") format("truetype"), url("/NordicFonts/Pragmata/Pragmata Medium.otf") format("opentype"); }

/*@font-face {
    font-family: 'GT-Eesti-Medium';
    src: url('/NordicFonts/GT Eesti/GTEestiProDisplay-Medium.eot?') format('eot'), 
         url('/NordicFonts/GT Eesti/GTEestiProDisplay-Medium.woff2') format('woff2'), 
         url('/NordicFonts/GT Eesti/GTEestiProDisplay-Medium.woff') format('woff'), 
         url('/NordicFonts/GT Eesti/GTEestiProDisplay-Medium.ttf') format('truetype'), 
         url('/NordicFonts/GT Eesti/GTEestiProDisplay-Medium.otf') format('opentype');
}
*/
@font-face {
  font-family: 'GT-Eesti-Thin';
  src: url("/NordicFonts/GT Eesti/GTEestiProDisplay-Thin.eot?") format("eot"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Thin.woff2") format("woff2"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Thin.woff") format("woff"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Thin.ttf") format("truetype"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Thin.otf") format("opentype"); }

@font-face {
  font-family: 'GT-Eesti-Bold';
  src: url("/NordicFonts/GT Eesti/GTEestiProDisplay-Bold.eot?") format("eot"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Bold.woff2") format("woff2"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Bold.woff") format("woff"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Bold.ttf") format("truetype"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'GT-Eesti-Regular';
  src: url("/NordicFonts/GT Eesti/GTEestiProDisplay-Regular.eot?") format("eot"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Regular.woff2") format("woff2"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Regular.woff") format("woff"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Regular.ttf") format("truetype"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'GT-Eesti-Light';
  src: url("/NordicFonts/GT Eesti/GTEestiProDisplay-Light.eot?") format("eot"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Light.woff2") format("woff2"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Light.woff") format("woff"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Light.ttf") format("truetype"), url("/NordicFonts/GT Eesti/GTEestiProDisplay-Light.otf") format("opentype"); }

/*swap these to enable japanese chars*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300&family=Noto+Sans+JP:wght@300&display=swap');
$font-primary: 'GT-Eesti-Light', 'Noto Sans', 'Noto Sans JP',Arial, sans-serif;
$font-regular: 'GT-Eesti-Regular', 'Noto Sans', 'Noto Sans JP', Arial, sans-serif;
$font-thin: 'GT-Eesti-Thin', 'Noto Sans', 'Noto Sans JP', Arial, sans-serif;
$font-bold: 'GT-Eesti-Bold', 'Noto Sans', 'Noto Sans JP', Arial, sans-serif;
*/
@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon/icomoon.eot?srf3rx");
  src: url("/fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("/fonts/icomoon/icomoon.woff2?srf3rx") format("woff2"), url("/fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("/fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("/fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@include respond-to(small) { ... }
@include respond-to(medium) { ... }
@include respond-to(large) { ... }*/
/* =======================================================
*
* 	Generally Style
    Fonts
    Paragraphs
    Anchors
    Selection 
*
* ======================================================= */
html, body {
  min-height: 100%;
  background-size: 100vw auto !important;
  background-position: 0% 0% !important;
  overflow-X: auto; }
  @media (max-width: 1024px) {
    html, body {
      background-size: auto 100vh !important;
      background-position: 0% 0% !important; } }

body {
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  font-variant-ligatures: no-contextual;
  font-weight: 300;
  font-size: 16px;
  color: #333f48;
  min-height: 100%;
  overflow-x: hidden;
  /*bootstrap modal bug fix*/ }
  body.noscroll {
    position: relative;
    height: 100%;
    overflow: hidden; }
    @media (max-width: 1024px) {
      body.noscroll {
        position: fixed !important;
        width: 100%; } }
  body.modal-open {
    margin-right: -17px; }

a {
  color: #00a9ce;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  a:hover, a:active, a:focus {
    color: #00a9ce;
    outline: none;
    text-decoration: none; }

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: none;
  background: #333f48 !important;
  border: 0;
  padding: 6px 12px;
  line-height: 1.42857;
  border-radius: 0px !important; }
  .back-to-top span {
    font-size: 26px; }

@media (max-width: 992px) {
  .img---container {
    margin: 30px 0 !important; } }

p {
  margin-bottom: 20px;
  letter-spacing: 1px; }

h1, h2, h3, h4, h5, h6, figure {
  color: #333f48;
  font-weight: 400;
  margin: 0 0 20px 0;
  letter-spacing: 1px;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }

h2.content {
  color: #313E47;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 58px; }

::-webkit-selection {
  color: white;
  background: #00a9ce; }

::-moz-selection {
  color: white;
  background: #00a9ce; }

::selection {
  color: white;
  background: #00a9ce; }

.bg-lightgray {
  background-color: rgba(218, 226, 227, 0.2); }

.bg-gray {
  background-color: rgba(218, 226, 227, 0.5); }

.bg-dark {
  background-color: #333F48; }

.bg-white {
  background-color: #fff; }

.bg-light-brand {
  background-color: #ebf8fb; }

.bg-dark-brand {
  background-color: rgba(112, 209, 226, 0.34); }

.headlinks .default-link {
  color: #333F48;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 8px;
  display: inline-block;
  margin-right: 20px;
  margin-left: 20px; }
  .headlinks .default-link span {
    padding-bottom: 5px;
    border-bottom: 1px solid #333F48; }
  @media (max-width: 767px) {
    .headlinks .default-link {
      margin-top: 30px;
      margin-left: 15px; } }

.breadcrumb {
  /* padding: 8px 15px; */
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  margin-left: 3%;
  padding-top: -100px;
  transform: translateY(90px);
  padding: 0;
  transform: translateY(170px);
  clear: both;
  position: relative;
  z-index: 1; }
  @media (max-width: 1600px) {
    .breadcrumb {
      transform: translateY(160px); } }
  @media (max-width: 1024px) {
    .breadcrumb {
      transform: translateY(100px); } }
  .breadcrumb > li + li:before {
    content: "/";
    padding: 0 2px; }
  .breadcrumb li a {
    color: #95a0ab; }
    .breadcrumb li a:hover {
      text-decoration: underline; }
  .breadcrumb.text-white li a {
    color: #fff; }
  .breadcrumb.text-white li.active {
    color: #fff !important;
    font-weight: 700; }
    .breadcrumb.text-white li.active a {
      color: #fff !important;
      font-weight: 700; }

img.iconwith-overlay {
  z-index: 1 !important;
  position: relative; }

/*unordered list with background and number - used to carousel*/
.custom-counter {
  margin: 0;
  padding: 0;
  list-style: none;
  direction: ltr; }
  .custom-counter li {
    counter-increment: step-counter;
    margin-bottom: 20px;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    min-width: 33px;
    min-height: 33px;
    position: relative;
    padding-right: 1em;
    display: inline-block; }
    .custom-counter li::before {
      content: counter(step-counter);
      margin-right: 5px;
      margin-bottom: 5px;
      width: 36px;
      height: 36px;
      background-color: #22A8CA;
      color: white;
      padding: 0 8px;
      font-size: 14px;
      font-weight: bold;
      line-height: 36px;
      color: #FFFFFF;
      text-align: center;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      float: left; }
    .custom-counter li a {
      display: table-cell;
      color: black;
      text-decoration: none; }
    .custom-counter li:hover {
      cursor: pointer; }
  .custom-counter.twocol {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px; }
    @media (max-width: 767px) {
      .custom-counter.twocol {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1; } }
  .custom-counter.carouselCount {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px; }
    .custom-counter.carouselCount li .carousel-info {
      border: 2px solid #c3c4c6; }
      .custom-counter.carouselCount li .carousel-info .carousel-inner .item {
        padding: 0;
        height: 350px; }
        .custom-counter.carouselCount li .carousel-info .carousel-inner .item img {
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          left: 50%; }
    .custom-counter.carouselCount li:first-child {
      margin-bottom: 20px;
      counter-increment: none;
      min-width: 100%; }
      .custom-counter.carouselCount li:first-child::before {
        content: none; }
    .custom-counter.carouselCount li:not(:first-child) {
      counter-increment: step-counter;
      margin-bottom: 20px;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 22px;
      min-width: 33px;
      min-height: 33px;
      position: relative;
      padding-right: 1em; }
    @media (max-width: 767px) {
      .custom-counter.carouselCount {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1; } }

.custom-no-counter {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style: outside none; }
  .custom-no-counter li {
    margin-bottom: 20px;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    min-width: 16px;
    min-height: 16px;
    position: relative;
    padding: 0px 10px 10px 20px; }
    .custom-no-counter li::before {
      content: '';
      width: 16px;
      height: 16px;
      background-color: rgba(34, 168, 202, 0.4);
      font-size: 14px;
      font-weight: bold;
      line-height: 36px;
      color: #FFFFFF;
      float: left;
      margin-left: -30px;
      margin-top: 3px; }
    .custom-no-counter li a {
      display: table-cell;
      color: black;
      text-decoration: none; }
    .custom-no-counter li ul {
      list-style: outside none;
      margin: 0;
      padding: 0; }
      .custom-no-counter li ul li {
        margin-top: 15px;
        margin-bottom: 0; }
        .custom-no-counter li ul li::before {
          content: '-';
          width: 16px;
          height: 16px;
          background-color: rgba(34, 168, 202, 0);
          font-size: 20px;
          font-weight: bold;
          line-height: 26px;
          color: #222;
          padding: 0px 10px 10px 20px;
          float: left;
          margin-left: -40px;
          margin-top: -5px; }
  .custom-no-counter.twocol {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 40px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px; }
    .custom-no-counter.twocol li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
    @media (max-width: 767px) {
      .custom-no-counter.twocol {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1; } }

.icon-arrow-right-img {
  background: url("../-/media/Images/DefaultImages/long_arrow.png") no-repeat;
  width: 146px;
  height: 31px;
  margin-bottom: 50px; }

.long-icon-arrow-right-img {
  background: url("../-/media/Images/DefaultImages/long_arrow_right_08.png") no-repeat;
  display: block;
  width: 180px;
  height: 49px;
  margin-bottom: 50px;
  float: right; }

.long-icon-arrow-right-img-dark {
  background: url("../-/media/Images/DefaultImages/long_arrow_right_dark_08.png") no-repeat;
  display: block;
  width: 180px;
  height: 49px;
  margin-bottom: 50px;
  float: right; }

.long-icon-arrow-right-img-2 {
  background: url("../-/media/Images/DefaultImages/long_arrow_right_08.png") no-repeat;
  display: block;
  width: 180px;
  height: 49px;
  float: right; }

.long-icon-arrow-left-img {
  background: url("../-/media/Images/DefaultImages/long_arrow_left_08.png") no-repeat;
  display: block;
  width: 180px;
  height: 49px;
  margin-bottom: 50px; }

.arrow-down-resp {
  position: absolute;
  top: 0px;
  margin-left: -40px; }
  @media (min-width: 767px) and (max-width: 991px) {
    .arrow-down-resp {
      top: 25px;
      left: 0px; } }
  .arrow-down-resp .icon-arrow-down-img {
    background: url("../-/media/Images/DefaultImages/long_arrow_down.png") no-repeat;
    display: block;
    height: 146px;
    width: 31px;
    margin-bottom: 50px; }

.icon-arrow-right-with-circle {
  background: url("../-/media/Images/DefaultImages/arrow_right_small_white.svg") no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  margin-top: 10px; }

.txtWhite .icon-arrow-right-with-circle {
  background: url("../-/media/Images/DefaultImages/arrow_right_small_white.svg") no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  margin-top: 10px; }

.txtDark .icon-arrow-right-with-circle {
  background: url("../-/media/Images/DefaultImages/arrow_right_small.svg") no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  margin-top: 10px; }

.bread-text {
  color: #333F48 !important;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 18px; }
  .bread-text p {
    margin: 0 0 30px 0;
    color: #333F48; }
    .bread-text p strong {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      padding: 0 0 10px 0;
      font-weight: 700; }
  .bread-text h4 {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    padding: 0 0 5px 0;
    margin: 0 !important;
    font-weight: 700 !important;
    color: #333F48 !important; }
  .bread-text.twocolumns {
    columns: 2;
    -webkit-column-gap: 5em;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 5em;
    /* Firefox */
    column-gap: 5em;
    -webkit-column-rule: 1px outset rgba(149, 160, 171, 0.13);
    -moz-column-rule: 1px outset rgba(149, 160, 171, 0.13);
    column-rule: 1px outset rgba(149, 160, 171, 0.13); }
    @media (max-width: 767px) {
      .bread-text.twocolumns {
        columns: 1; } }
    .bread-text.twocolumns .ingress {
      color: #22A8CA;
      margin-bottom: 30px;
      font-size: 20px; }
    .bread-text.twocolumns a {
      color: #22A8CA; }
  .bread-text.rowed {
    color: #333F48;
    font-size: 18px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-weight: normal;
    line-height: 26px;
    margin: 0 0 20px; }
    .bread-text.rowed strong, .bread-text.rowed b {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      padding: 0 0 10px 0;
      font-weight: 700; }
  .bread-text.heading {
    font-size: 22px; }
  .bread-text .photobyline {
    font-style: italic !important;
    padding: 10px 0 10px 0;
    color: #323E47 !important;
    font-size: 18px; }

.company-facts {
  background-color: #f2f5f5;
  padding: 65px 75px; }
  @media (max-width: 767px) {
    .company-facts {
      padding: 35px 25px;
      margin-bottom: 30px; } }
  .company-facts h3 {
    color: #323E47;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px; }
    @media (max-width: 767px) {
      .company-facts h3 {
        font-size: 30px;
        line-height: 30px; } }
  .company-facts .ingressdark {
    color: #333F48 !important;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin: 30px 0; }
    @media (max-width: 767px) {
      .company-facts .ingressdark {
        font-size: 18px;
        line-height: 26px; } }
  .company-facts .text {
    color: #333F48;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px; }
  .company-facts .inside-hrefs {
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    padding: 18px 0;
    display: block;
    margin-top: -10px; }
    .company-facts .inside-hrefs .icon-arrow-right-with-circle {
      padding: 10px 10px 0 0;
      float: left; }
      .company-facts .inside-hrefs .icon-arrow-right-with-circle:before {
        margin-top: 3px;
        position: absolute; }
    .company-facts .inside-hrefs small {
      margin-left: 20px;
      display: inline-block;
      margin: 10px; }

article.explore.multiline .link-block.icon-fix a.inside-hrefs {
  display: inline-flex; }
  @media (min-width: 768px) {
    article.explore.multiline .link-block.icon-fix a.inside-hrefs {
      width: auto; } }
  article.explore.multiline .link-block.icon-fix a.inside-hrefs span {
    display: block;
    float: none;
    position: relative;
    top: auto;
    transform: none;
    left: auto;
    padding: 0px;
    margin: 0px; }
  article.explore.multiline .link-block.icon-fix a.inside-hrefs span:first-child {
    margin-top: 1px; }

.personalization {
  background-color: #fff;
  border: 2px solid #d8d8d8;
  padding: 65px 75px; }
  @media (max-width: 767px) {
    .personalization {
      padding: 35px 25px;
      margin-bottom: 30px; } }
  .personalization h3 {
    color: #323E47;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px; }
    @media (max-width: 767px) {
      .personalization h3 {
        font-size: 30px;
        line-height: 30px; } }
  .personalization .ingress {
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin: 30px 0; }
    @media (max-width: 767px) {
      .personalization .ingress {
        font-size: 18px;
        line-height: 26px; } }
  .personalization .text {
    color: #333F48;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px; }
  .personalization .readMore {
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    padding: 30px 0;
    display: block;
    margin-top: -10px; }
    .personalization .readMore span {
      padding: 10px 10px 0 0;
      float: left; }
      .personalization .readMore span:before {
        margin-top: 3px;
        position: absolute; }
    .personalization .readMore small {
      margin-left: 20px; }

.right-infoBox {
  background-color: #22A8CA;
  padding: 35px 55px; }
  @media (max-width: 767px) {
    .right-infoBox {
      padding: 35px 25px;
      margin-bottom: 30px; } }
  .right-infoBox h3 {
    color: #fff;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px; }
    @media (max-width: 767px) {
      .right-infoBox h3 {
        font-size: 30px;
        line-height: 30px; } }
  .right-infoBox .ingress {
    color: #fff;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 40px;
    line-height: 49px;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .right-infoBox .ingress {
        font-size: 26px;
        line-height: 26px; } }
  .right-infoBox .text {
    color: #333F48;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px; }
  .right-infoBox .readMore {
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    padding: 30px 0;
    display: block;
    margin-top: -10px; }
    .right-infoBox .readMore span {
      padding: 10px 10px 0 0;
      float: left; }
      .right-infoBox .readMore span:before {
        margin-top: 3px;
        position: absolute; }
    .right-infoBox .readMore small {
      margin-left: 20px; }
  .right-infoBox .img-holder {
    margin: 10px -55px -35px; }
    @media (max-width: 767px) {
      .right-infoBox .img-holder {
        margin: 35px -25px -35px !important;
        margin-bottom: 30px; } }

.box-text {
  background-color: transparent; }
  .box-text h3 {
    color: #323E47;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px; }
    @media (max-width: 1200px) {
      .box-text h3 {
        font-size: 30px;
        line-height: 30px; } }
    @media (max-width: 992px) {
      .box-text h3 {
        margin: 30px 0; } }
    @media (max-width: 767px) {
      .box-text h3 {
        font-size: 30px;
        line-height: 30px; } }
  .box-text .ingress {
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    margin: 30px 0; }
    @media (max-width: 767px) {
      .box-text .ingress {
        font-size: 18px;
        line-height: 26px; } }
  .box-text .text {
    color: #333F48;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px; }
  .box-text .linx a {
    display: block;
    margin: 10px 0 20px;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    color: #333F48;
    font-size: 16px; }
    .box-text .linx a span {
      border-bottom: 1px solid #333F48;
      padding: 5px 0; }

label.error {
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  text-align: left !important;
  color: #868686;
  font-size: 16px;
  margin-top: 8px;
  display: block;
  padding-left: 20px; }

iframe {
  border: 0;
  overflow: no-content; }

.row-intro .select-wrapper-default select {
  font-size: 16px !important; }

.row-item.btn--wrapper .see--all {
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
  color: #00A9CE;
  border: 1px solid #23AACC;
  padding: 8px 14px 5px;
  text-align: center;
  display: block;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  margin-top: 50px; }
  .row-item.btn--wrapper .see--all:hover .icon-plus {
    color: #23AACC; }

.photobyline {
  font-style: italic;
  padding: 10px 0 10px 0;
  color: #dae2e3; }

.ImageModalRTE {
  padding: 10px 0 10px 0; }

.anchorTagsList {
  list-style: none;
  padding: 0;
  margin: 0; }
  .anchorTagsList li {
    display: inline; }
    .anchorTagsList li a {
      border-left: 8px solid #22A8CA;
      background: #d9e1e2;
      text-align: left;
      padding: 14px 30px 10px 15px;
      margin-right: 10px;
      color: #333;
      float: left;
      margin-bottom: 20px; }

/*SECTIONS*/
/*PADDING & MARGINS DEFAULT SET*/
/* Setting padding left & right to zero */
.col-padding-nill {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.col-padding-nill-left {
  padding-left: 15px !important; }

.padding-t-30 {
  padding-top: 30px; }
  @media (max-width: 992px) {
    .padding-t-30 {
      padding-top: 20px; } }
  @media (max-width: 767px) {
    .padding-t-30 {
      padding-top: 20px; } }

.margin-b-30 {
  margin-bottom: 30px; }
  @media (max-width: 992px) {
    .margin-b-30 {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .margin-b-30 {
      margin-bottom: 20px; } }

.padding-tb-60 {
  padding: 60px 0 !important; }
  @media (max-width: 992px) {
    .padding-tb-60 {
      padding: 45px 0 0px; } }
  @media (max-width: 767px) {
    .padding-tb-60 {
      padding: 35px 0 0px; } }

.marg-tb-30 {
  margin: 30px 0; }
  @media (max-width: 992px) {
    .marg-tb-30 {
      margin: 25px 0 25px; } }
  @media (max-width: 767px) {
    .marg-tb-30 {
      margin: 20px 0 20px; } }

.marg-tb-40 {
  margin: 40px 0; }
  @media (max-width: 992px) {
    .marg-tb-40 {
      margin: 45px 0 0px; } }
  @media (max-width: 767px) {
    .marg-tb-40 {
      margin: 35px 0 0px; } }

.padding-t-60 {
  padding: 60px 0 0; }
  @media (max-width: 992px) {
    .padding-t-60 {
      padding: 45px 0 0px; } }
  @media (max-width: 767px) {
    .padding-t-60 {
      padding: 35px 0 0px; } }

.padding-b-50 {
  padding-bottom: 60px; }
  @media (max-width: 992px) {
    .padding-b-50 {
      padding-bottom: 30px; } }
  @media (max-width: 767px) {
    .padding-b-50 {
      padding-bottom: 30px; } }

.padding-b-30 {
  padding-bottom: 30px; }
  @media (max-width: 992px) {
    .padding-b-30 {
      padding-bottom: 30px; } }
  @media (max-width: 767px) {
    .padding-b-30 {
      padding-bottom: 30px; } }

.margT50 {
  margin-top: 50px; }
  @media (max-width: 767px) {
    .margT50 {
      margin-top: 0px; } }

.margB50 {
  /*margin-bottom: 50px;

    @include respond-to(max1024) {
        margin-bottom: 0px;
    }

    @include respond-to(small) {
        margin-bottom: 0px;
    }*/ }

.margT100 {
  margin-top: 100px !important; }
  @media (max-width: 767px) {
    .margT100 {
      margin-top: 50px; } }

.margTopMinus15 {
  margin-top: -15px; }

.rowed--content .margT-100 {
  margin-top: -100px !important; }

.img-margT50 {
  margin-top: 50px; }
  @media (max-width: 992px) {
    .img-margT50 {
      margin-top: 0px; } }

.img-margT100 {
  margin-top: 100px; }
  @media (max-width: 992px) {
    .img-margT100 {
      margin-top: 0px; } }

@media (max-width: 767px) {
  .slide-mob-margTb60 {
    margin: 60px 0; } }

.borderB {
  border-bottom: 1px solid rgba(151, 151, 151, 0.24); }
  @media (max-width: 767px) {
    .borderB {
      border-bottom: 1px solid rgba(151, 151, 151, 0.24); } }

.border-r {
  border-right: 1px solid rgba(153, 164, 174, 0.3) !important; }
  @media (max-width: 767px) {
    .border-r {
      border-right: 1px solid rgba(153, 164, 174, 0) !important; } }

.bgcolor {
  background: white;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1; }

.fullWidth--match-cols {
  overflow: hidden;
  padding: 0px 0 0px; }
  @media (min-width: 767px) and (max-width: 1025px) {
    .fullWidth--match-cols {
      padding: 15px 0 0px; } }
  .fullWidth--match-cols [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px; }
  @media (max-width: 992px) {
    .fullWidth--match-cols [class*="col-"] {
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .fullWidth--match-cols article.explore .caption h3 {
      transform: translateY(50%); } }
  @media (max-width: 767px) {
    .fullWidth--match-cols article.explore .caption {
      position: relative;
      padding: 0;
      min-height: 100px; }
    .fullWidth--match-cols article.explore .caption .fullstory {
      bottom: 0px; }
      .fullWidth--match-cols article.explore .caption .fullstory span {
        display: block;
        float: left;
        padding: 11px 5px 0 0;
        line-height: 1.5;
        margin-top: 0px; }
    .fullWidth--match-cols article.explore .caption h3 {
      font-size: 22px;
      position: absolute;
      top: 50% !important;
      transform: translateY(-50%);
      left: 15px;
      line-height: 26px;
      padding-right: 12%; } }
  .fullWidth--match-cols.promoFront {
    padding: 0px 0 0px; }
    @media (min-width: 767px) and (max-width: 991px) {
      .fullWidth--match-cols.promoFront article.explore .caption {
        display: flex;
        align-items: center;
        padding: 10px 0 10px 6%; }
        .fullWidth--match-cols.promoFront article.explore .caption h3 {
          padding-top: 12px; }
        .fullWidth--match-cols.promoFront article.explore .caption .icon-chevron-with-circle-right {
          right: 30px;
          bottom: 50%;
          transform: translateY(50%); } }
    @media (max-width: 992px) {
      .fullWidth--match-cols.promoFront article.explore .caption h3 {
        padding-right: 35%; }
        .fullWidth--match-cols.promoFront article.explore .caption h3 small {
          display: none; } }
    @media (max-width: 767px) {
      .fullWidth--match-cols.promoFront article.explore .caption {
        display: flex;
        align-items: center;
        padding: 10px 0 10px 6%; }
        .fullWidth--match-cols.promoFront article.explore .caption h3 {
          padding-right: 20%; }
          .fullWidth--match-cols.promoFront article.explore .caption h3 small {
            display: none; }
        .fullWidth--match-cols.promoFront article.explore .caption .icon-chevron-with-circle-right {
          right: 30px;
          bottom: 50%;
          transform: translateY(50%); } }

.inexpeditor .fullWidth--match-cols {
  overflow: hidden;
  padding: 0px 0 0px; }
  @media (min-width: 767px) and (max-width: 1025px) {
    .inexpeditor .fullWidth--match-cols {
      padding: 15px 0 0px; } }
  .inexpeditor .fullWidth--match-cols [class*="col-"] {
    margin-bottom: 0;
    padding-bottom: 0; }

@media (min-width: 767px) and (max-width: 1200px) {
  .pull-right-sm {
    float: right; }
  .pull-left-sm {
    float: left; } }

section.content {
  overflow: hidden;
  margin-top: 0px;
  padding: 50px 0 20px; }
  @media (max-width: 767px) {
    section.content {
      margin-top: 30px;
      padding: 0 0 25px 0; } }

section {
  position: relative; }
  section.bg-gfx {
    min-height: 300px;
    background-position: center top;
    background-size: 100% auto; }
    @media (max-width: 992px) {
      section.bg-gfx {
        min-height: 100px; } }
    section.bg-gfx.devzone {
      padding: 50px 0;
      position: relative; }
      section.bg-gfx.devzone .devzone-item:not(.fluid) {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 750px;
        margin: 0 auto; }
        @media (min-width: 1024px) {
          section.bg-gfx.devzone .devzone-item:not(.fluid) {
            max-width: 100%;
            width: auto;
            margin: 0 10%; } }
        @media (min-width: 1600px) {
          section.bg-gfx.devzone .devzone-item:not(.fluid) {
            max-width: 1440px;
            margin: 0 auto; } }
      @media (max-width: 992px) {
        section.bg-gfx.devzone {
          padding: 10px 0 30px; } }
      section.bg-gfx.devzone .devzone-tag {
        width: 207px;
        height: 36.37px;
        background-color: rgba(217, 225, 226, 0.3);
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 38px;
        color: #4C4C4C;
        text-align: center;
        position: absolute;
        top: 0; }
      section.bg-gfx.devzone .devzone-logo {
        font-family: 'Pragmata Medium' !important; }
        @media (max-width: 992px) {
          section.bg-gfx.devzone .devzone-logo {
            text-align: left !important; } }
        section.bg-gfx.devzone .devzone-logo h2 {
          font-size: 320%;
          font-weight: 500;
          line-height: 55px;
          margin-top: 20px; }
          @media (min-width: 1200px) and (max-width: 1400px) {
            section.bg-gfx.devzone .devzone-logo h2 {
              font-size: 280%; } }
          @media (max-width: 1200px) {
            section.bg-gfx.devzone .devzone-logo h2 {
              font-size: 200%; } }
          @media (max-width: 992px) {
            section.bg-gfx.devzone .devzone-logo h2 {
              font-size: 200%; } }
        section.bg-gfx.devzone .devzone-logo h3 {
          font-size: 170%;
          font-weight: 500; }
          @media (min-width: 1200px) and (max-width: 1400px) {
            section.bg-gfx.devzone .devzone-logo h3 {
              font-size: 136%; } }
          @media (max-width: 1200px) {
            section.bg-gfx.devzone .devzone-logo h3 {
              font-size: 100% !important; } }
          @media (max-width: 992px) {
            section.bg-gfx.devzone .devzone-logo h3 {
              font-size: 20px; } }
      section.bg-gfx.devzone .devzone-blog .row {
        border-bottom: 1px solid #979797; }
        section.bg-gfx.devzone .devzone-blog .row .blog-title {
          float: left;
          font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
          font-size: 16px;
          line-height: 1.25;
          color: #000000;
          padding: 10px 0px; }
          section.bg-gfx.devzone .devzone-blog .row .blog-title a {
            color: #000000; }
        section.bg-gfx.devzone .devzone-blog .row .blog-replies {
          float: right;
          font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
          font-size: 16px;
          font-weight: 300;
          color: #5A6872;
          line-height: 47px; }
          @media (max-width: 1600px) {
            section.bg-gfx.devzone .devzone-blog .row .blog-replies {
              display: none; } }
      section.bg-gfx.devzone .explore-devzone {
        float: right;
        position: relative;
        overflow: hidden;
        padding: 20px 0; }
        section.bg-gfx.devzone .explore-devzone a {
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          padding: 20px 100px !important;
          color: #fff;
          padding: 20px 0;
          position: relative;
          font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
          letter-spacing: 1px;
          z-index: 1; }
        section.bg-gfx.devzone .explore-devzone:before {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background: rgba(217, 225, 226, 0.89);
          background: #000;
          opacity: .89;
          left: 0;
          top: 0; }
        section.bg-gfx.devzone .explore-devzone.skew:after {
          content: '';
          position: absolute;
          top: -20px;
          right: 0;
          width: 100%;
          height: 115%;
          background-color: rgba(255, 255, 255, 0.2);
          -webkit-transform-origin: 100% 100%;
          -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
          -webkit-transform: skewY(28.5deg);
          -ms-transform: skewY(28.5deg);
          transform: skewY(28.5deg); }
        @media (max-width: 992px) {
          section.bg-gfx.devzone .explore-devzone {
            text-align: center;
            padding: 10px 30px 10px 10px; }
            section.bg-gfx.devzone .explore-devzone a {
              background: transparent;
              border-bottom: 2px solid #000;
              padding: 10px 0px !important;
              font-size: 18px;
              font-weight: bold;
              text-align: right;
              line-height: 15px;
              font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
            section.bg-gfx.devzone .explore-devzone h3 {
              font-size: 17px; } }
      section.bg-gfx.devzone.inTab .fluid {
        padding: 0 40px; }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(10px);
    transform: translateY(10px); }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

.expand-boxRTE.img-responsive {
  height: auto !important; }

.inexpeditor .expand-boxRTE {
  position: relative;
  border: 3px solid #969696;
  padding: 50px;
  position: relative;
  background: url(../-/media/Images/DefaultImages/pluss_expand_color.svg) no-repeat top right;
  background-size: 50px 50px; }

.expand-box-Image-RTE {
  display: table;
  position: relative;
  width: auto;
  margin: 20px 0;
  cursor: pointer; }
  .expand-box-Image-RTE img {
    max-width: 100%;
    display: block;
    height: auto !important; }
  .expand-box-Image-RTE .expand-button-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 46px;
    color: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.5);
    padding: 30px;
    border-radius: 50%;
    text-align: center;
    height: 110px;
    width: 110px; }

.table-container::-webkit-scrollbar {
  width: 30px;
  height: 25px; }

.table-container::-webkit-scrollbar-thumb {
  background: #666; }

.table-container::-webkit-scrollbar-track {
  background: #ddd; }

.table-container::-webkit-scrollbar-button {
  background: no-repeat #e9ecef;
  background-size: 0.75em;
  background-position: center right; }

.table-container::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='50,0 50,100 0,50'/></svg>"); }

.table-container::-webkit-scrollbar-button:horizontal:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,0 0,100 50,50'/></svg>"); }

.doubleScroll-scroll-wrapper::-webkit-scrollbar {
  width: 30px;
  height: 25px; }

.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #666; }

.doubleScroll-scroll-wrapper::-webkit-scrollbar-track {
  background: #ddd; }

.doubleScroll-scroll-wrapper::-webkit-scrollbar-button {
  background: no-repeat #e9ecef;
  background-size: 0.75em;
  background-position: center right; }

.doubleScroll-scroll-wrapper::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='50,0 50,100 0,50'/></svg>"); }

.doubleScroll-scroll-wrapper::-webkit-scrollbar-button:horizontal:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,0 0,100 50,50'/></svg>"); }

.inexpeditor .anchorElement {
  background: #ddd;
  padding: 50px 0;
  text-align: center;
  display: block; }

/* =======================================================
*
* 	Background colors
*
* ======================================================= */
/*.seablue-Background, bluesky-Background, azur-Background, turkis-Background, carbon-Background, nightsky-Background, coral-Background, satsuma-Background {
    background-color: azure;
}
*/
.seablue-Background {
  background-color: #0077c8; }
  .seablue-Background div {
    color: white !important; }
    .seablue-Background div h3 {
      color: white !important; }
    .seablue-Background div h4 {
      color: white !important; }
    .seablue-Background div p {
      color: white !important; }
    .seablue-Background div a {
      text-decoration-color: white !important; }
      .seablue-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .seablue-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .seablue-Background div a span {
        color: white !important; }

.bluesky-Background {
  background-color: #0033a0; }
  .bluesky-Background div {
    color: white !important; }
    .bluesky-Background div h3 {
      color: white !important; }
    .bluesky-Background div h4 {
      color: white !important; }
    .bluesky-Background div p {
      color: white !important; }
    .bluesky-Background div a {
      text-decoration-color: white !important; }
      .bluesky-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .bluesky-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .bluesky-Background div a span {
        color: white !important; }

.azur-Background {
  background-color: #00a9ce; }
  .azur-Background div {
    color: white !important; }
    .azur-Background div h3 {
      color: white !important; }
    .azur-Background div h4 {
      color: white !important; }
    .azur-Background div p {
      color: white !important; }
    .azur-Background div a {
      text-decoration-color: white !important; }
      .azur-Background div a span {
        color: white !important; }
    .azur-Background div a.links:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
    .azur-Background div a.links:hover:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
      background-size: 50px 14px !important; }

.turkis-Background {
  background-color: #6ad1e3; }
  .turkis-Background div {
    color: #333f48 !important; }
    .turkis-Background div h3 {
      color: #333f48 !important; }
    .turkis-Background div h4 {
      color: #333f48 !important; }
    .turkis-Background div p {
      color: #333f48 !important; }
    .turkis-Background div a {
      text-decoration-color: #333f48 !important; }
      .turkis-Background div a span {
        color: #333f48 !important; }
    .turkis-Background div a.links:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important; }
    .turkis-Background div a.links:hover:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important;
      background-size: 50px 14px !important; }

.carbon-Background {
  background-color: #333f48; }
  .carbon-Background div {
    color: white !important; }
    .carbon-Background div h3 {
      color: white !important; }
    .carbon-Background div h4 {
      color: white !important; }
    .carbon-Background div p {
      color: white !important; }
    .carbon-Background div a {
      text-decoration-color: white !important; }
      .carbon-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .carbon-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .carbon-Background div a span {
        color: white !important; }

.nightsky-Background {
  background-color: #333f48; }
  .nightsky-Background div {
    color: white !important; }
    .nightsky-Background div h3 {
      color: white !important; }
    .nightsky-Background div h4 {
      color: white !important; }
    .nightsky-Background div p {
      color: white !important; }
    .nightsky-Background div a {
      text-decoration-color: white !important; }
      .nightsky-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .nightsky-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .nightsky-Background div a span {
        color: white !important; }

.greysky-Background {
  background-color: #d9e1e2; }
  .greysky-Background div {
    color: #333f48 !important; }
    .greysky-Background div h3 {
      color: #333f48 !important; }
    .greysky-Background div h4 {
      color: #333f48 !important; }
    .greysky-Background div p {
      color: #333f48 !important; }
    .greysky-Background div a {
      text-decoration-color: #333f48 !important; }
      .greysky-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important; }
      .greysky-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .greysky-Background div a span {
        color: #333f48 !important; }

.grayFriday-Background {
  background-color: #d9e1e2; }
  .grayFriday-Background div {
    color: white !important; }
    .grayFriday-Background div h3 {
      color: white !important; }
    .grayFriday-Background div h4 {
      color: white !important; }
    .grayFriday-Background div p {
      color: white !important; }
    .grayFriday-Background div a {
      text-decoration-color: white !important; }
      .grayFriday-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .grayFriday-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .grayFriday-Background div a span {
        color: white !important; }

.ashgrey-Background {
  background-color: #768692; }
  .ashgrey-Background div {
    color: white !important; }
    .ashgrey-Background div h3 {
      color: white !important; }
    .ashgrey-Background div h4 {
      color: white !important; }
    .ashgrey-Background div p {
      color: white !important; }
    .ashgrey-Background div a {
      text-decoration-color: white !important; }
      .ashgrey-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .ashgrey-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .ashgrey-Background div a span {
        color: white !important; }

.white-Background {
  background-color: white; }
  .white-Background div {
    color: #333f48 !important; }
    .white-Background div h3 {
      color: #333f48 !important; }
    .white-Background div h4 {
      color: #333f48 !important; }
    .white-Background div p {
      color: #333f48 !important; }
    .white-Background div a {
      text-decoration-color: #333f48 !important; }
      .white-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important; }
      .white-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .white-Background div a span {
        color: #333f48 !important; }

.canola-Background {
  background-color: #d0df00; }
  .canola-Background div {
    color: #333f48 !important; }
    .canola-Background div h3 {
      color: #333f48 !important; }
    .canola-Background div h4 {
      color: #333f48 !important; }
    .canola-Background div p {
      color: #333f48 !important; }
    .canola-Background div a {
      text-decoration-color: #333f48 !important; }
      .canola-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important; }
      .canola-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .canola-Background div a span {
        color: #333f48 !important; }

.satsuma-Background {
  background-color: #ffcd00; }
  .satsuma-Background div {
    color: #333f48 !important; }
    .satsuma-Background div h3 {
      color: #333f48 !important; }
    .satsuma-Background div h4 {
      color: #333f48 !important; }
    .satsuma-Background div p {
      color: #333f48 !important; }
    .satsuma-Background div a {
      text-decoration-color: #333f48 !important; }
      .satsuma-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important; }
      .satsuma-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .satsuma-Background div a span {
        color: #333f48 !important; }

.coral-Background {
  background-color: #ff585d; }
  .coral-Background div {
    color: white !important; }
    .coral-Background div h3 {
      color: white !important; }
    .coral-Background div h4 {
      color: white !important; }
    .coral-Background div p {
      color: white !important; }
    .coral-Background div a {
      text-decoration-color: white !important; }
      .coral-Background div a.links:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important; }
      .coral-Background div a.links:hover:before {
        background: url("../-/media/Images/DefaultImages/textcomponents/White arrow.svg") no-repeat !important;
        background-size: 50px 14px !important; }
      .coral-Background div a span {
        color: white !important; }

article {
  position: relative; }
  article.explore {
    min-height: 400px;
    overflow: hidden;
    background: transparent;
    /*@include respond-to(medium) {
            min-height: 140px !important;
        }*/ }
    @media (min-width: 767px) and (max-width: 991px) {
      article.explore {
        min-height: 140px !important; } }
    @media (max-width: 767px) {
      article.explore {
        min-height: 100px !important; } }
    article.explore .caption {
      width: 100%;
      height: 100%;
      position: absolute;
      padding: 6%;
      display: flex;
      flex-direction: column; }
      @media (max-width: 992px) {
        article.explore .caption {
          padding: 40px 30px; } }
      @media (max-width: 767px) {
        article.explore .caption {
          position: relative;
          padding: 30px;
          min-height: 100px; } }
      article.explore .caption h3 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: 1px;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
        @media (min-width: 1200px) and (max-width: 1400px) {
          article.explore .caption h3 {
            font-size: 36px; } }
        @media (max-width: 1200px) {
          article.explore .caption h3 {
            font-size: 28px;
            line-height: 30px; } }
        @media (max-width: 992px) {
          article.explore .caption h3 {
            padding-right: 0%;
            margin-top: 0;
            font-size: 30px; } }
        @media (max-width: 767px) {
          article.explore .caption h3 {
            padding-right: 7%;
            font-size: 30px;
            line-height: 46px;
            letter-spacing: 1px;
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
            float: left; } }
        article.explore .caption h3 small {
          font-size: 20px;
          line-height: 55px;
          color: #FFFFFF; }
          @media (min-width: 1200px) and (max-width: 1400px) {
            article.explore .caption h3 small {
              font-size: 18px; } }
          @media (max-width: 1200px) {
            article.explore .caption h3 small {
              font-size: 26px; } }
          @media (max-width: 992px) {
            article.explore .caption h3 small {
              font-size: 16px; } }
      article.explore .caption p {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        padding-right: 10%;
        overflow: hidden;
        margin-bottom: 40px;
        -webkit-mask-image: linear-gradient(180deg, black 90%, transparent 100%);
        mask-image: linear-gradient(180deg, black 90%, transparent 100%); }
      article.explore .caption a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      @media (max-width: 992px) {
        article.explore .caption .fullstorypageinfomationBoxes span.icon-chevron-with-circle-right {
          bottom: 30px; } }
    article.explore .fullstory {
      font-size: 22px;
      font-weight: 300;
      text-align: left;
      line-height: 33px;
      color: #FFFFFF;
      position: absolute;
      bottom: 30px; }
      @media (min-width: 767px) and (max-width: 991px) {
        article.explore .fullstory {
          position: absolute;
          transform: translateY(50%);
          text-align: left;
          left: 70%;
          bottom: 50%; } }
      @media (max-width: 767px) {
        article.explore .fullstory {
          position: absolute;
          top: 50% !important;
          transform: translateY(-50%);
          text-align: left;
          left: 90%; } }
      article.explore .fullstory span {
        display: inline;
        /*float: left;*/
        padding: 6px 5px 0 0;
        line-height: 1.5; }
        @media (max-width: 767px) {
          article.explore .fullstory span {
            padding: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 50%; } }
        article.explore .fullstory span img {
          width: 22px;
          height: 22px; }
    article.explore.smaller {
      min-height: 320px;
      background: #fff; }
      @media (min-width: 767px) and (max-width: 991px) {
        article.explore.smaller {
          min-height: 120px !important; } }
      @media (max-width: 767px) {
        article.explore.smaller {
          min-height: 100px !important; } }
      @media (max-width: 1200px) {
        article.explore.smaller h3 {
          font-size: 30px;
          line-height: 40px; } }
      @media (max-width: 992px) {
        article.explore.smaller h3 {
          font-size: 30px; } }
      article.explore.smaller h3 small {
        font-size: 26px;
        line-height: 55px;
        color: #FFFFFF; }
        @media (min-width: 1200px) and (max-width: 1400px) {
          article.explore.smaller h3 small {
            font-size: 18px; } }
        @media (max-width: 1200px) {
          article.explore.smaller h3 small {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 992px) {
          article.explore.smaller h3 small {
            font-size: 16px; } }
      article.explore.smaller .fullstory {
        bottom: 20px; }
        @media (min-width: 767px) and (max-width: 991px) {
          article.explore.smaller .fullstory {
            left: 60%;
            bottom: 50%; } }
      article.explore.smaller .link-block {
        position: absolute;
        bottom: 40px; }
        article.explore.smaller .link-block .fullstory {
          position: relative;
          bottom: 0;
          display: inline-block; }
          @media (min-width: 767px) and (max-width: 991px) {
            article.explore.smaller .link-block .fullstory {
              left: 60%;
              bottom: 50%; } }
          article.explore.smaller .link-block .fullstory span {
            display: inline;
            float: left;
            padding: 7px 15px 0 0;
            line-height: 1.5; }
    article.explore.multiline {
      min-height: 360px;
      max-height: 500px;
      background: #fff;
      position: relative;
      /*img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index:0;
    object-fit: contain; 
    top: 50%; 
    transform: translateY(-50%); 

            }*/ }
      @media (min-width: 767px) and (max-width: 991px) {
        article.explore.multiline {
          min-height: 430px !important; } }
      @media (max-width: 767px) {
        article.explore.multiline {
          min-height: 0 !important; } }
      @media (max-width: 1200px) {
        article.explore.multiline h3 {
          font-size: 30px;
          line-height: 30px; } }
      @media (max-width: 992px) {
        article.explore.multiline h3 {
          font-size: 28px;
          line-height: 36px; } }
      article.explore.multiline h3 small {
        font-size: 26px;
        line-height: 55px;
        color: #FFFFFF; }
        @media (min-width: 1200px) and (max-width: 1400px) {
          article.explore.multiline h3 small {
            font-size: 18px; } }
        @media (max-width: 1200px) {
          article.explore.multiline h3 small {
            font-size: 20px;
            line-height: 24px; } }
        @media (max-width: 992px) {
          article.explore.multiline h3 small {
            font-size: 16px; } }
      @media (max-width: 767px) {
        article.explore.multiline .caption {
          position: relative;
          padding: 40px 30px;
          display: block;
          min-height: 160px; } }
      article.explore.multiline .caption p {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
        padding-right: 10%; }
        @media (min-width: 767px) and (max-width: 991px) {
          article.explore.multiline .caption p {
            padding-right: 10% !important; } }
      article.explore.multiline .fullstory {
        bottom: 40px; }
        @media (min-width: 767px) and (max-width: 991px) {
          article.explore.multiline .fullstory {
            left: 60%;
            bottom: 50%; } }
      article.explore.multiline .link-block {
        position: absolute;
        bottom: 40px;
        clear: both; }
        @media (min-width: 767px) and (max-width: 991px) {
          article.explore.multiline .link-block {
            bottom: 40px; } }
        @media (max-width: 767px) {
          article.explore.multiline .link-block {
            bottom: auto;
            position: relative; } }
        article.explore.multiline .link-block .fullstory {
          position: relative;
          bottom: 0;
          display: inline-block; }
          @media (min-width: 767px) and (max-width: 991px) {
            article.explore.multiline .link-block .fullstory {
              left: 0%;
              bottom: 0%;
              display: inline-block; } }
          @media (max-width: 767px) {
            article.explore.multiline .link-block .fullstory {
              top: 50% !important;
              transform: translateY(0%);
              text-align: left;
              left: 0%;
              width: 100%; } }
          article.explore.multiline .link-block .fullstory span {
            display: inline;
            float: left;
            padding: 10px 15px 0 0;
            line-height: 1.5; }
            @media (max-width: 767px) {
              article.explore.multiline .link-block .fullstory span:not(.icon-arrow-right-with-circle) {
                padding: 10px 15px 0 30px; } }

.article-social {
  float: left;
  margin-right: 20px; }
  .article-social .social-items {
    width: 64px;
    height: 64px;
    text-align: center;
    color: #fff;
    display: inline-block;
    /*float: left;*/
    margin-right: -0.28em; }
    @media (max-width: 767px) {
      .article-social .social-items {
        width: 54px;
        height: 54px; } }
    .article-social .social-items span {
      color: #fff;
      font-size: 32px;
      position: relative; }
      @media (max-width: 767px) {
        .article-social .social-items span {
          font-size: 22px; } }
    .article-social .social-items small {
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      position: relative; }
    .article-social .social-items .items {
      padding: 5px 0; }
    .article-social .social-items a .items {
      line-height: 68px; }
      @media (max-width: 767px) {
        .article-social .social-items a .items {
          line-height: 54px; } }
    .article-social .social-items a:hover span {
      color: #22A8CA; }
    .article-social .social-items .la .items {
      line-height: 68px; }
      @media (max-width: 767px) {
        .article-social .social-items .la .items {
          line-height: 40px; } }
    .article-social .social-items .la:hover span {
      color: #22A8CA; }
    .article-social .social-items.text {
      width: auto; }
      .article-social .social-items.text .items {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        line-height: 70px;
        padding: 0 50px; }
        @media (max-width: 767px) {
          .article-social .social-items.text .items {
            line-height: 48px; } }

.article-prev-next {
  padding: 0 0 50px; }
  .article-prev-next a {
    color: #99A4AE;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px; }
    .article-prev-next a text {
      display: inline-block !important;
      /*margin-top: -20px;*/
      vertical-align: middle;
      margin: 0 10px; }
      .article-prev-next a text.mobileview {
        display: none !important; }
        @media (max-width: 1200px) {
          .article-prev-next a text.mobileview {
            display: inline-block !important; } }
      @media (max-width: 1200px) {
        .article-prev-next a text.desktopview {
          display: none !important; } }
  .article-prev-next span {
    font-size: 20px;
    border: 1px solid #6FD4E4;
    color: #6FD4E4;
    border-radius: 100%;
    padding: 10px; }
  .article-prev-next .article-prev {
    float: left; }
  .article-prev-next .article-next {
    float: right; }

.article {
  height: auto;
  padding: 0px;
  /*margin: 40px 0;*/ }
  .article .row-item {
    margin-bottom: 50px;
    margin-top: 0px;
    min-height: 50px;
    padding: 0px 0 10px; }
    .article .row-item img {
      margin-right: 8px;
      width: 100%;
      height: auto; }
      .article .row-item img.prod-img {
        transform: translateX(-50%);
        margin-left: 50%;
        max-height: 250px;
        width: auto; }
    .article .row-item .see-all {
      font-size: 20px;
      font-weight: 300;
      line-height: 23px;
      color: #fff;
      /*padding: 15px 20px;*/
      /* display: block; */
      margin: 0px !important;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      float: left; }
      @media (max-width: 767px) {
        .article .row-item .see-all {
          float: none; } }
      .article .row-item .see-all a {
        color: #fff;
        position: relative;
        text-align: center;
        display: inline-block;
        padding: 14px 70px;
        z-index: 1; }
        @media (max-width: 767px) {
          .article .row-item .see-all a {
            width: 100%;
            display: block; } }
  .article .borderB {
    /*margin-bottom: 70px !important;*/
    padding-bottom: 50px; }

.RTE-Responsive {
  position: relative; }
  .RTE-Responsive:before {
    content: ' ';
    display: table;
    width: 10em; }
  .RTE-Responsive img {
    display: inline-block; }
    @media (max-width: 767px) {
      .RTE-Responsive img {
        float: none !important;
        width: 100% !important;
        height: auto !important; } }

.bread-text p:before {
  content: " ";
  width: 10em;
  display: block;
  overflow: hidden; }

.bread-text div:before {
  content: " ";
  width: 10em;
  display: block;
  overflow: hidden; }

/*Video custom - padding, margins etc*/
.video.multiple {
  margin: 35px 0; }
  .video.multiple .video-section {
    margin: 15px 0; }

.video-section {
  margin: 0px 0; }
  @media (max-width: 767px) {
    .video-section {
      margin: 0px 0; } }
  @media (max-width: 1200px) {
    .video-section.grid-item--height4 {
      height: auto;
      min-height: 0; } }
  .video-section.st-a {
    /*padding: 4.85em 0 1em;*/
    background: #fff;
    border: 1px solid #D9E1E2; }
    .video-section.st-a .video-information {
      border: 1px solid transparent;
      padding: 5px 20px 45px;
      background: #fff; }
    .video-section.st-a h3 {
      padding: 45px 30px 20px;
      font-size: 40px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      line-height: 68px; }
      @media (max-width: 767px) {
        .video-section.st-a h3 {
          padding: 42px 15px 20px;
          line-height: 1;
          font-size: 25px; } }
      @media (max-width: 1600px) {
        .video-section.st-a h3 {
          font-size: 30px; } }
  .video-section .video-information {
    border: 1px solid #D9E1E2;
    border-top-color: #fff;
    padding: 30px;
    background: #fff; }
    .video-section .video-information p {
      color: #4D4D4D;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 25px;
      font-weight: 300;
      line-height: 35px;
      margin: 0; }
    .video-section .video-information .links {
      margin-left: 15px;
      /*padding-top: 20px;*/
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      width: 100%; }
      @media (max-width: 767px) {
        .video-section .video-information .links {
          margin-left: -15px; } }
      .video-section .video-information .links .linkcontainer {
        width: calc(50% - 5px);
        display: inline-block; }
        .video-section .video-information .links .linkcontainer a {
          color: #333f48;
          border-bottom: 1px solid #333f48;
          margin-right: 15px;
          font-size: 20px;
          font-weight: 300;
          line-height: 28px; }
          .video-section .video-information .links .linkcontainer a.icon {
            border-bottom: none;
            font-size: 26px; }
          @media (max-width: 767px) {
            .video-section .video-information .links .linkcontainer a {
              float: none !important;
              display: inline-block;
              text-align: center;
              margin: 0 10px 10px; } }
  .video-section .select-wrapper {
    position: relative;
    margin-top: 10px;
    display: block; }
    .video-section .select-wrapper select {
      margin: 0px;
      height: auto;
      width: 100%;
      border-width: 1px;
      border-style: solid;
      border-color: #898989;
      padding: 15px 15px 12px;
      font-size: 22px;
      color: #595959;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      z-index: 10;
      background-color: transparent; }
      .video-section .select-wrapper select option {
        display: block;
        min-height: 1.5em;
        line-height: 50px; }
      .video-section .select-wrapper select::-ms-expand {
        display: none; }
    .video-section .select-wrapper::after {
      font-family: 'icomoon' !important;
      content: "\e924";
      position: absolute;
      font-size: 40px;
      right: 10px;
      top: 2px;
      transform: translateY(0px);
      color: #666666;
      z-index: 5;
      padding-top: 0; }
  .video-section .videoHorizontal {
    position: relative; }
  .video-section .videoHorizontalYoutube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: 0; }
    .video-section .videoHorizontalYoutube .videoHorizontal {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }

.modal-body .video-section .video-information .links .linkcontainer {
  padding-bottom: 10px; }

.pagemode-edit .video-information .links a:last-of-type {
  float: right; }

body {
  /*RightSlanted widt only colors*/
  /*LeftSlanted width only colors*/
  /*rightSlanted width transparency top*/
  /*leftSlanted width transparency top*/
  /*leftSlanted width transparency from bottom*/ }
  body.fixedPosition {
    overflow: hidden; }
  body.home .header-information {
    background-color: #059bcb; }
  body.home .page {
    width: 100%;
    background: white; }
  body.further .header-content {
    margin-top: 210px;
    /* Mozilla-only pseudo-class that works like :blank will */ }
    @media (max-width: 1600px) {
      body.further .header-content {
        margin-top: 190px; } }
    @media (max-width: 1024px) {
      body.further .header-content {
        margin-top: 100px; } }
    @media (max-width: 1024px) {
      body.further .header-content .reference__marg__t__50 {
        margin-top: 50px; } }
    @media (max-width: 767px) {
      body.further .header-content .reference__marg__t__50 {
        margin-top: 0px; } }
    body.further .header-content:blank {
      margin-top: 50px; }
    body.further .header-content:-moz-only-whitespace {
      margin-top: 50px; }
    body.further .header-content:empty {
      margin-top: 50px; }
    body.further .header-content.stories-layout {
      margin-top: 230px !important; }
      @media (max-width: 1600px) {
        body.further .header-content.stories-layout {
          margin-top: 200px; } }
      @media (max-width: 1024px) {
        body.further .header-content.stories-layout {
          margin-top: 100px; } }
  @media (max-width: 1200px) {
    body.further {
      padding-bottom: 20px; } }
  body.further.searchresult {
    background: transparent; }
  body.transparent {
    background-color: transparent !important; }
  body.transparentWithSkew {
    background: transparent !important; }
    body.transparentWithSkew .wrap-Page {
      position: relative;
      z-index: 1;
      overflow: hidden; }
      @media (max-width: 1024px) {
        body.transparentWithSkew .wrap-Page {
          background: transparent; } }
      body.transparentWithSkew .wrap-Page:before, body.transparentWithSkew .wrap-Page:after {
        content: '';
        position: absolute; }
      body.transparentWithSkew .wrap-Page:after {
        background-color: #fff;
        height: 80%;
        top: calc(0% + 55em);
        transform: skewY(-30deg);
        width: 100%;
        z-index: -4;
        overflow: hidden;
        bottom: 0%; }
        @media (max-width: 1024px) {
          body.transparentWithSkew .wrap-Page:after {
            display: none; } }
  body.rightSlanted {
    position: relative;
    background: transparent;
    z-index: 0;
    background: linear-gradient(28.5deg, #f3f3f3 50%, #fff 100em, #fff calc(100% - 70em), #f3fafc calc(100% - 100em)); }
    body.rightSlanted:after {
      background-color: #fff;
      content: "";
      height: 50%;
      position: absolute;
      top: 3%;
      transform: skew(28.5deg) rotate(28.5deg);
      width: 100%;
      z-index: -4; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.rightSlanted:after {
          top: 1%; } }
      @media (max-width: 992px) {
        body.rightSlanted:after {
          top: -1%; } }
      @media (max-width: 767px) {
        body.rightSlanted:after {
          top: -1%; } }
    body.rightSlanted .page {
      width: 100%;
      margin: 30px 0; }
      @media (max-width: 767px) {
        body.rightSlanted .page {
          margin: 10px 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      body.rightSlanted {
        /* IE10+ CSS styles go here */
        position: static; } }
  body.leftSlanted {
    position: relative;
    background: transparent;
    z-index: 0;
    background: linear-gradient(-28.5deg, #f9fbfb 50%, #f9fbfb 100em, #f9fbfb calc(100% - 100em), #eef2f2 calc(100% - 50em)); }
    body.leftSlanted:after {
      background-color: #f9fbfb;
      content: "";
      height: 50%;
      position: absolute;
      top: 4%;
      -moz-transform: skew(-30deg) rotate(-30deg);
      -ms-transform: skew(-30deg) rotate(-30deg);
      -o-transform: skew(-30deg) rotate(-30deg);
      -webkit-transform: skew(-30deg) rotate(-30deg);
      transform: skew(-30deg) rotate(-30deg);
      width: 100%;
      z-index: -4; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.leftSlanted:after {
          top: 1%; } }
      @media (max-width: 992px) {
        body.leftSlanted:after {
          top: -1%; } }
      @media (max-width: 767px) {
        body.leftSlanted:after {
          top: -1%; } }
    body.leftSlanted .page {
      width: 100%;
      margin: 30px 0; }
      @media (max-width: 767px) {
        body.leftSlanted .page {
          margin: 10px 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      body.leftSlanted {
        /* IE10+ CSS styles go here */
        position: static; } }
  body.rightSlantedTransTop {
    position: relative;
    background: transparent;
    z-index: 0;
    background: linear-gradient(28.5deg, #f5f5f5 calc(100% - 70em), transparent calc(100% - 100em)); }
    body.rightSlantedTransTop:after {
      background-color: #f5f5f5;
      content: "";
      height: 50%;
      position: absolute;
      top: 3%;
      transform: skew(30deg) rotate(30deg);
      width: 100%;
      z-index: -4; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.rightSlantedTransTop:after {
          top: 1%; } }
      @media (max-width: 992px) {
        body.rightSlantedTransTop:after {
          top: -1%; } }
      @media (max-width: 767px) {
        body.rightSlantedTransTop:after {
          top: -1%; } }
    @media (min-width: 1900px) {
      body.rightSlantedTransTop {
        background: linear-gradient(28.5deg, #f5f5f5 calc(100% - 100em), transparent calc(100% - 100em)); } }
    body.rightSlantedTransTop .page {
      width: 100%;
      margin: 30px 0; }
      @media (max-width: 767px) {
        body.rightSlantedTransTop .page {
          margin: 10px 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      body.rightSlantedTransTop {
        /* IE10+ CSS styles go here */
        position: static; } }
  body.leftSlantedTransTop {
    position: relative;
    background: transparent;
    z-index: 0;
    background: linear-gradient(-24deg, #f5f5f5 50%, #f5f5f5 100em, #f5f5f5 calc(100% - 100em), transparent calc(100% - 100em)); }
    body.leftSlantedTransTop:after {
      background-color: #f5f5f5;
      content: "";
      height: 50%;
      position: absolute;
      top: 4%;
      -moz-transform: skew(-30deg) rotate(-30deg);
      -ms-transform: skew(-30deg) rotate(-30deg);
      -o-transform: skew(-30deg) rotate(-30deg);
      -webkit-transform: skew(-30deg) rotate(-30deg);
      transform: skew(-30deg) rotate(-30deg);
      width: 100%;
      z-index: -4; }
      @media (min-width: 992px) and (max-width: 1200px) {
        body.leftSlantedTransTop:after {
          top: 0%; } }
      @media (max-width: 992px) {
        body.leftSlantedTransTop:after {
          top: 0%; } }
      @media (max-width: 767px) {
        body.leftSlantedTransTop:after {
          top: 0%; } }
    body.leftSlantedTransTop .page {
      width: 100%;
      margin: 30px 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      body.leftSlantedTransTop {
        /* IE10+ CSS styles go here */
        position: static; } }
  body.leftSlantedTransBottom {
    background: linear-gradient(-28.5deg, transparent 50%, transparent 100em, transparent calc(100% - 70em), #f5f5f5 calc(100% - 100em)); }
    @media (min-width: 1900px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 100em, transparent calc(100% - 80em), #f5f5f5 calc(100% - 100em)); } }
    @media (max-width: 1600px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 100em, transparent calc(100% - 100em), #f5f5f5 calc(100% - 100em)); } }
    @media (min-width: 1200px) and (max-width: 1600px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 50em, transparent calc(100% - 55em), #f5f5f5 calc(100% - 100em)); } }
    @media (max-width: 1200px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 50em, transparent calc(100% - 40em), #f5f5f5 calc(100% - 100em)); } }
    @media (max-width: 992px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 50em, transparent calc(100% - 35em), #f5f5f5 calc(100% - 100em));
        background-repeat: no-repeat; } }
    @media (max-width: 767px) {
      body.leftSlantedTransBottom {
        background: linear-gradient(-28.5deg, transparent 50%, transparent 50em, transparent calc(100% - 25em), #f5f5f5 calc(100% - 100em));
        background-repeat: no-repeat; } }
    body.leftSlantedTransBottom .page {
      width: 100%;
      margin: 30px 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      body.leftSlantedTransBottom {
        /* IE10+ CSS styles go here */
        position: static; } }
  body.bg-white {
    background: transparent; }
    body.bg-white .header-content {
      margin-top: 220px; }
      @media (max-width: 1024px) {
        body.bg-white .header-content {
          margin-top: 100px; } }
    body.bg-white .full-height {
      height: 100vh; }
      @media (max-width: 767px) {
        body.bg-white .full-height {
          height: auto;
          margin: 0 0 100px; } }
    body.bg-white .page {
      width: 100%;
      padding: 30px 0;
      background: #fff; }
    body.bg-white h1.products {
      color: #fff;
      font-size: 95px;
      line-height: 110px; }
    body.bg-white .ingress {
      margin-bottom: 60px; }
      body.bg-white .ingress.txtDark {
        color: #333F48 !important;
        font-size: 25px;
        margin-bottom: 30px; }
      @media (max-width: 992px) {
        body.bg-white .ingress.marg-mob-t-30 {
          margin-top: 30px !important; } }

.find--distributor {
  background: #22A8CA;
  min-height: 900px; }
  .find--distributor .page {
    width: 100%;
    margin: 30px 0; }

.visit--us {
  background: #333F48;
  min-height: 900px; }
  .visit--us .page {
    width: 100%;
    margin: 30px 0; }

.page {
  width: 100%; }

/*28.5 angled foregrounds*/
.angled-top-right {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-top-right:before, .angled-top-right:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-top-right:before {
    top: 0;
    transform-origin: left top;
    transform: skewY(-3deg); }

.angled-bottom-left {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-bottom-left:before, .angled-bottom-left:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-bottom-left:after {
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-3deg); }

.angled-bottom-right {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-bottom-right:before, .angled-bottom-right:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-bottom-right:after {
    bottom: 0;
    transform-origin: left bottom;
    transform: skewY(3deg); }

.angled-both-left {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-both-left:before, .angled-both-left:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-both-left:before {
    top: 200px;
    transform-origin: left top;
    transform: skewY(3deg); }
  .angled-both-left:after {
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-3deg); }

.angled-both-right {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-both-right:before, .angled-both-right:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-both-right:before {
    top: 0;
    transform-origin: left top;
    transform: skewY(-3deg); }
  .angled-both-right:after {
    bottom: 0;
    transform-origin: left bottom;
    transform: skewY(3deg); }

.angled-both-left-right {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-both-left-right:before, .angled-both-left-right:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-both-left-right:before {
    top: 200px;
    transform-origin: left top;
    transform: skewY(3deg); }
  .angled-both-left-right:after {
    bottom: 0;
    transform-origin: left bottom;
    transform: skewY(3deg); }

.angled-both-right-left {
  width: 100%;
  position: relative;
  /*background: transparent linear-gradient(29.5deg, #00A9CE 50%, transparent 50%) repeat scroll 0% 0%;*/ }
  .angled-both-right-left:before, .angled-both-right-left:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    transition: ease all .5s; }
  .angled-both-right-left:before {
    top: 0;
    transform-origin: left top;
    transform: skewY(-3deg); }
  .angled-both-right-left:after {
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-3deg); }

.nordic-brand {
  position: absolute;
  padding: 0;
  margin-top: -1px;
  z-index: 10000;
  left: 15px; }
  @media (max-width: 1024px) {
    .nordic-brand {
      left: 30px;
      z-index: 1; } }
  .nordic-brand .nordic-brand-large {
    display: block;
    width: 150px;
    height: 150px;
    background: #fff;
    padding: 30px 14px 30px 20px; }
    @media (max-width: 1600px) {
      .nordic-brand .nordic-brand-large {
        max-width: 150px; } }
    @media (max-width: 1200px) {
      .nordic-brand .nordic-brand-large {
        max-width: 120px; } }
    @media (max-width: 1024px) {
      .nordic-brand .nordic-brand-large {
        display: none; } }
  .nordic-brand .nordic-brand-scroll {
    display: none; }
  .nordic-brand .logo-xs {
    display: none;
    width: 120px;
    padding: 7px 0 0 0; }
    @media (max-width: 1024px) {
      .nordic-brand .logo-xs {
        display: block; } }
  .nordic-brand .logo-xs-open {
    display: none !important;
    max-width: 75px;
    width: 46px; }

.header-information {
  position: relative;
  height: auto;
  min-height: 100px; }
  @media (max-width: 992px) {
    .header-information {
      min-height: 0; } }
  .header-information .top-right-slanted {
    -webkit-transform: skew(30deg) rotate(30deg);
    transform: skew(30deg) rotate(30deg);
    width: 400px;
    height: 300px;
    position: absolute;
    right: 0;
    top: -61px;
    display: block;
    right: -60px;
    top: -180px;
    display: block;
    background: #00399d;
    z-index: 1; }
    @media (max-width: 1024px) {
      .header-information .top-right-slanted {
        min-height: 100px;
        height: auto; } }
  @media (max-width: 767px) {
    .header-information {
      min-height: 100px;
      height: auto; } }
  .header-information img.top {
    position: absolute;
    z-index: -3;
    width: 100%;
    height: auto; }

header {
  z-index: 9;
  position: relative; }
  header.home .header-content img {
    z-index: -1; }

/*content that belongs stop header*/
.header-content {
  height: auto;
  /*setting full width boxes in header*/ }
  .header-content .container {
    /*z-index: -1;*/ }
    .header-content .container .row.gfx {
      /*z-index: 0;*/
      margin-bottom: 10px;
      /*[class*="col-"] {
                    z-index: -1;
                    padding-left: 0;
                    padding-right: 0;
                }*/ }
      @media (max-width: 767px) {
        .header-content .container .row.gfx {
          margin-bottom: 0px; } }
  .header-content h1 {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 170px;
    font-weight: 200;
    line-height: 1;
    color: #FFFFFF;
    position: relative;
    z-index: 1; }
    .header-content h1 span.star::before {
      font-family: 'Pragmata Medium' !important;
      content: '*';
      height: 70px;
      width: 70px;
      position: absolute;
      left: -100px;
      top: -30px;
      color: #D2DC2F; }
    @media (max-width: 1200px) {
      .header-content h1 {
        font-size: 130px; } }
    @media (max-width: 1024px) {
      .header-content h1 {
        text-align: center;
        font-size: 120px;
        line-height: 140px;
        margin: 40px 0 0px 0; }
        .header-content h1 span {
          position: relative; }
          .header-content h1 span.star::before {
            font-family: 'Pragmata Medium' !important;
            content: '*';
            height: 30px;
            width: 30px;
            position: absolute;
            left: -70px !important;
            top: -30px !important; } }
    @media (max-width: 767px) {
      .header-content h1 {
        text-align: center;
        font-size: 40px !important;
        font-weight: 200;
        line-height: 60px !important;
        margin: 40px 0 0px 0; }
        .header-content h1 span {
          position: relative; }
          .header-content h1 span.star::before {
            font-family: 'Pragmata Medium' !important;
            content: '*';
            height: 30px;
            width: 30px;
            position: absolute;
            left: -30px !important;
            top: -30px !important;
            color: #D2DC2F; } }
    .header-content h1.products {
      font-size: 105px;
      font-weight: 300;
      line-height: 120px;
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 1200px) {
        .header-content h1.products {
          margin-bottom: 40px !important; } }
      @media (max-width: 767px) {
        .header-content h1.products {
          /*text-align: center;*/
          font-size: 40px !important;
          font-weight: 200;
          line-height: 50px !important;
          margin: 40px 0 20px 0 !important; }
          .header-content h1.products span {
            position: relative; }
            .header-content h1.products span.star::before {
              font-family: 'Pragmata Medium' !important;
              content: '*';
              height: 30px;
              width: 30px;
              position: absolute;
              left: -30px !important;
              top: -30px !important; } }
      @media (max-width: 767px) and (max-width: 767px) {
        .header-content h1.products span.star::before {
          content: ''; } }
      .header-content h1.products span.star::before {
        font-family: 'Pragmata Medium' !important;
        content: '*';
        height: 70px;
        width: 70px;
        position: absolute;
        left: -100px;
        top: -30px;
        color: #FA5A60; }
      @media (max-width: 1200px) {
        .header-content h1.products {
          font-size: 70px;
          line-height: 75px; } }
      @media (max-width: 1024px) {
        .header-content h1.products {
          text-align: left;
          font-size: 60px;
          line-height: 70px;
          margin: 40px 0 0px 0; }
          .header-content h1.products span {
            position: relative; }
            .header-content h1.products span.star::before {
              font-family: 'Pragmata Medium' !important;
              content: '*';
              height: 30px;
              width: 30px;
              position: absolute;
              left: -50px !important;
              top: -30px !important; } }
  .header-content .ingress {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 35px;
    font-weight: 300;
    line-height: 45px;
    letter-spacing: 1px;
    color: #333F48;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .header-content .ingress {
        font-size: 25px;
        line-height: 35px; } }
  .header-content .text {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 1px;
    color: #333F48;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .header-content .text {
        font-size: 18px;
        line-height: 22px; } }
  .header-content img.back {
    z-index: -1; }
  .header-content.map h1 {
    font-size: 105px;
    font-weight: 200;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    line-height: 120px;
    text-align: left; }
  .header-content.map .ingress {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    color: #fff; }
    .header-content.map .ingress span.icon {
      color: #bbdb4d;
      padding-top: 3px; }
  .header-content.centered h1 {
    color: #FFFFFF;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 105px;
    font-weight: 700;
    line-height: 120px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
    @media (max-width: 1200px) {
      .header-content.centered h1 {
        font-size: 95px;
        font-weight: 700;
        line-height: 100px; } }
    @media (max-width: 992px) {
      .header-content.centered h1 {
        font-size: 85px;
        font-weight: 700;
        line-height: 100px; } }
    @media (max-width: 767px) {
      .header-content.centered h1 {
        font-size: 60px !important;
        font-weight: 700;
        line-height: 70px !important; } }
  .header-content.centered .ingress {
    color: #FFFFFF;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    text-align: center; }
    @media (max-width: 767px) {
      .header-content.centered .ingress {
        font-size: 25px;
        font-weight: 200;
        line-height: 35px; } }
  .header-content.txtWhite h1 {
    color: #fff !important; }
  .header-content.txtWhite .ingress {
    color: #FFFFFF; }
  .header-content.txtWhite .bread-text {
    color: #FFFFFF !important; }
    .header-content.txtWhite .bread-text p {
      color: #fff !important; }
  .header-content.txtDark {
    color: #333F48; }
    .header-content.txtDark h1 {
      color: #333F48 !important; }
    .header-content.txtDark .ingress {
      color: #333F48 !important; }
    .header-content.txtDark .bread-text {
      color: #333F48 !important; }

/*Documentation Reference Component*/
/* ONLY FOR EXPERIANCE EDITOR - START */
body.pagemode-edit .Documentation-References ul .scEnabledChrome {
  overflow-y: visible; }
  body.pagemode-edit .Documentation-References ul .scEnabledChrome li:before {
    content: "\2022";
    color: #00a9ce;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }

.DropDownLinkListLink a {
  color: white; }

/* ONLY FOR EXPERIANCE EDITOR - END */
.Documentation-References h4 {
  font-weight: bold; }

.Documentation-References a {
  text-decoration: underline; }

.Documentation-References ul {
  list-style: none;
  /* Remove default bullets */ }
  .Documentation-References ul li {
    display: flex; }
  .Documentation-References ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #00a9ce;
    /* Change the color */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */ }

.Documentation-References .row-item {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .Documentation-References .row-item {
      margin-top: 3px;
      margin-bottom: 3px; } }
  .Documentation-References .row-item h4 {
    margin-bottom: 20px;
    font-weight: bold; }
  .Documentation-References .row-item ul {
    margin-bottom: 0px; }
  .Documentation-References .row-item ul + p {
    margin-top: 25px; }
  .Documentation-References .row-item li {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    color: #333f48;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    letter-spacing: 0;
    padding-top: 10px; }
  .Documentation-References .row-item p {
    padding-top: 0px;
    margin-bottom: 20px; }
  .Documentation-References .row-item:not(.btn--wrapper) {
    min-height: initial !important; }
  .Documentation-References .row-item.btn--wrapper {
    margin-top: 15px;
    margin-bottom: 45px;
    padding-top: 0px; }
    .Documentation-References .row-item.btn--wrapper a {
      text-decoration: none;
      margin-top: 0px; }

.Documentation-References.Horizontal .row-item {
  min-height: 1px;
  margin-bottom: 30px; }
  .Documentation-References.Horizontal .row-item p {
    margin-bottom: 20px; }
  .Documentation-References.Horizontal .row-item ul {
    margin-bottom: 0px; }
  .Documentation-References.Horizontal .row-item ul + p {
    margin-top: 20px; }
  .Documentation-References.Horizontal .row-item .RichText p {
    margin-bottom: 0px; }

.Documentation-References.Horizontal .tabbed--comtent .row-item {
  min-height: 0; }

.Documentation-References.Horizontal .rowed--content .row-item:not(.btn--wrapper) {
  min-height: 235px; }

.Documentation-References.Horizontal .btn--wrapper {
  padding-top: 0px; }

.Documentation-References .RichText p {
  margin-bottom: 0px; }

.Documentation-References-BulletImage {
  margin: 50px 0 0; }
  .Documentation-References-BulletImage .row.bulletlist-row {
    padding-bottom: 10px; }
    @media (min-width: 767px) {
      .Documentation-References-BulletImage .row.bulletlist-row {
        padding-bottom: 50px; } }
  .Documentation-References-BulletImage .row .row-intro {
    margin-top: 0; }
    .Documentation-References-BulletImage .row .row-intro h3 {
      /*-- Needed for style when in wide placeholder*/
      color: #00a9ce;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-size: 30px; }
      @media (min-width: 1201px) {
        .Documentation-References-BulletImage .row .row-intro h3 {
          font-size: 36px; } }
      .Documentation-References-BulletImage .row .row-intro h3 span {
        font-size: inherit; }
    .Documentation-References-BulletImage .row .row-intro p {
      color: #333f48;
      /*font-size: 18px;
                font-family: $font-primary;*/
      margin-bottom: 30px;
      /*letter-spacing: 0px;*/ }
      .Documentation-References-BulletImage .row .row-intro p span {
        font-size: inherit !important; }
  .Documentation-References-BulletImage .row .row-item {
    margin-top: 0;
    padding: 0; }
    .Documentation-References-BulletImage .row .row-item h4 {
      color: #333f48;
      font-size: 25px;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-weight: 300;
      margin-top: 30px;
      margin-bottom: 25px; }
      @media (min-width: 767px) {
        .Documentation-References-BulletImage .row .row-item h4 {
          margin-top: 0; } }
    .Documentation-References-BulletImage .row .row-item p {
      color: #333f48;
      font-size: 18px;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      letter-spacing: 0px; }
    .Documentation-References-BulletImage .row .row-item .img-holder {
      max-width: 115px;
      max-height: 115px;
      margin: auto; }
      @media (min-width: 767px) {
        .Documentation-References-BulletImage .row .row-item .img-holder {
          max-width: 140px;
          max-height: 140px; } }
      .Documentation-References-BulletImage .row .row-item .img-holder img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center; }

@media (min-width: 767px) {
  .addedItemsSoftDevices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .addedItemsSoftDevices .prod-download {
      flex: 1; } }

.teamtailor-jobs-widget {
  overflow: hidden; }

.teamtailor-jobs__filters {
  padding-bottom: 12px; }

.teamtailor-jobs-widget .teamtailor-jobs__select-wrapper {
  float: none;
  display: inline-block;
  margin-right: 20px; }
  .teamtailor-jobs-widget .teamtailor-jobs__select-wrapper:last-child {
    margin-right: 0 !important; }

.teamtailor-jobs__select {
  border: 1px solid #333F48;
  padding: 14px 35px 14px 17px;
  font-family: "GT-Eesti-Regular";
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333F48;
  background-color: white;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="%23333f48" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184l144 144l144-144"%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right;
  -webkit-appearance: none;
  background-position-x: calc(100% - 12px);
  max-width: 100%; }

.teamtailor-jobs__select:focus-within {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 512 512"%3E%3Cg transform="translate(0 512) scale(1 -1)"%3E%3Cpath fill="none" stroke="%23333f48" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184l144 144l144-144"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }

.teamtailor-jobs__select option {
  font-family: "GT-Eesti-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #333F48;
  padding: 11px 17px; }

.teamtailor-jobs__select option:focus {
  background: #E5F6F9 0% 0% no-repeat padding-box; }

.teamtailor-jobs__job {
  display: flex;
  flex-direction: column;
  border: 1px solid #D9E1E2;
  padding: 24px 20px 20px;
  position: relative;
  margin-bottom: 16px; }

a.teamtailor-jobs__job-title {
  font-family: "GT-Eesti-Regular";
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333F48;
  order: 2;
  position: absolute;
  width: 100%;
  flex: 1;
  padding-left: 20px;
  left: 0;
  top: 0;
  padding-top: 60px;
  padding-bottom: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.teamtailor-jobs__job-info {
  order: 1;
  color: transparent;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.teamtailor-jobs__job-info .teamtailor-jobs__department, .teamtailor-jobs__job-info .teamtailor-jobs__region, .teamtailor-jobs__job-info .teamtailor-jobs__location {
  font-family: "GT-Eesti-Light";
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  color: #333F48;
  vertical-align: top; }

.teamtailor-jobs__job-info .teamtailor-jobs__department {
  margin-bottom: 40px;
  width: 50%;
  min-width: 50%;
  padding-left: 0;
  height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.teamtailor-jobs__job-info .teamtailor-jobs__region {
  width: 50%;
  min-width: 50%;
  padding-right: 10px;
  text-align: right;
  margin-left: -7px; }

.teamtailor-jobs__job-info .teamtailor-jobs__location {
  flex: 100%; }

@media only screen and (min-width: 768px) {
  .teamtailor-jobs__job {
    padding: 16px 20px 14px; }
  a.teamtailor-jobs__job-title {
    padding-top: 48px;
    padding-bottom: 55px;
    font-size: 20px;
    transition: .3s ease-out;
    -webkit-line-clamp: 1; }
  a.teamtailor-jobs__job-title:hover {
    color: #00A2C6;
    text-decoration: underline; }
  .teamtailor-jobs__job-info .teamtailor-jobs__department {
    margin-bottom: 26px; }
  .teamtailor-jobs__job-info .teamtailor-jobs__region {
    text-align: right;
    margin-left: -7px; }
  .teamtailor-jobs-widget .teamtailor-jobs__select-wrapper {
    margin-right: 26px; } }

@media only screen and (min-width: 992px) {
  .teamtailor-jobs__job {
    padding: 24px 32px 20px; }
  .teamtailor-jobs__select {
    font-size: 18px;
    line-height: 21px;
    min-width: 200px; }
  a.teamtailor-jobs__job-title {
    font-size: 24px;
    line-height: 30px;
    padding-left: 32px;
    padding-top: 57px; }
  .teamtailor-jobs__job-info .teamtailor-jobs__department {
    margin-bottom: 32px; }
  .teamtailor-jobs__job-info .teamtailor-jobs__department, .teamtailor-jobs__job-info .teamtailor-jobs__region, .teamtailor-jobs__job-info .teamtailor-jobs__location {
    font-size: 18px;
    line-height: 21px; }
  .teamtailor-jobs__filters {
    padding-bottom: 30px; } }

@media only screen and (min-width: 1600px) {
  .teamtailor-jobs__select {
    min-width: 175px; } }

@media only screen and (max-width: 767px) {
  .teamtailor-jobs__job-info {
    display: block; }
  .teamtailor-jobs__select {
    line-height: 18px; }
  a.teamtailor-jobs__job-title {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 54px;
    margin-bottom: 54px; }
  .teamtailor-jobs__job-info .teamtailor-jobs__department {
    margin-bottom: 58px;
    width: 100%; }
  .teamtailor-jobs__job-info .teamtailor-jobs__region {
    text-align: left;
    margin-left: 0; }
  .teamtailor-jobs__job-info .teamtailor-jobs__region, .teamtailor-jobs__job-info .teamtailor-jobs__location {
    margin-bottom: 0;
    margin-top: 12px;
    width: calc(50% - 10px);
    margin-left: -10px;
    display: inline-block; }
  .teamtailor-jobs-widget .teamtailor-jobs__select-wrapper {
    max-width: 50%; }
  .teamtailor-jobs__select {
    outline: none !important; } }

section .rowed--content.single {
  border: 0; }

section.texthorisontal2column-section {
  padding: 0; }
  section.texthorisontal2column-section .container .no-padding {
    padding: 0 !important; }
  section.texthorisontal2column-section .container .text-row .row-intro {
    padding: 0; }
    @media (min-width: 992px) {
      section.texthorisontal2column-section .container .text-row .row-intro {
        padding: 30px 0 0; } }
    section.texthorisontal2column-section .container .text-row .row-intro h3 {
      margin: 0 0 30px; }
    section.texthorisontal2column-section .container .text-row .row-intro p {
      min-height: initial; }
  section.texthorisontal2column-section .container .text-row .row-item {
    padding: 0; }
    @media (min-width: 992px) {
      section.texthorisontal2column-section .container .text-row .row-item {
        padding: 30px 0 0; } }
    section.texthorisontal2column-section .container .text-row .row-item h4 {
      margin-bottom: 30px;
      font-weight: 300 !important; }
    section.texthorisontal2column-section .container .text-row .row-item p {
      padding: 0; }
    section.texthorisontal2column-section .container .text-row .row-item .textWithIngressLinks a.links {
      font-size: 26px;
      line-height: 24px; }
      section.texthorisontal2column-section .container .text-row .row-item .textWithIngressLinks a.links:before {
        top: 3px; }

.rowed--content .row.text-row .row-intro, .rowed--content .row.textbanner-row .row-intro {
  /*h3 {
                font-family: $font-primary;
                font-size: 30px;
                line-height: 30px;
            }*/
  /*p {
                font-family: $font-primary;
                font-size: 18px;

                @media (min-width: 992px) {
                }
            }*/ }

.rowed--content .row.text-row .row-item, .rowed--content .row.textbanner-row .row-item {
  min-height: initial;
  margin-top: 0; }
  .rowed--content .row.text-row .row-item h4, .rowed--content .row.textbanner-row .row-item h4 {
    font-size: 25px;
    line-height: 30px;
    min-height: auto; }
  .rowed--content .row.text-row .row-item p, .rowed--content .row.textbanner-row .row-item p {
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px; }
  .rowed--content .row.text-row .row-item .bread-text.rowed, .rowed--content .row.textbanner-row .row-item .bread-text.rowed {
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }

.rowed--content .row.text-row .ButtonLink div, .rowed--content .row.textbanner-row .ButtonLink div {
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  line-height: 23px;
  color: #fff;
  margin: 0 0 40px !important;
  font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
  letter-spacing: 1px;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease; }
  @media (min-width: 992px) {
    .rowed--content .row.text-row .ButtonLink div, .rowed--content .row.textbanner-row .ButtonLink div {
      width: initial; } }
  .rowed--content .row.text-row .ButtonLink div a, .rowed--content .row.textbanner-row .ButtonLink div a {
    width: 100%;
    font-family: inherit;
    line-height: inherit;
    color: #fff;
    position: relative;
    text-align: center;
    display: inline-block !important;
    padding: 15px 30px 15px;
    z-index: 1;
    margin: 0;
    line-height: 18px; }
    @media (min-width: 992px) {
      .rowed--content .row.text-row .ButtonLink div a, .rowed--content .row.textbanner-row .ButtonLink div a {
        width: initial;
        padding: 14px 70px 14px; } }
    .rowed--content .row.text-row .ButtonLink div a span, .rowed--content .row.textbanner-row .ButtonLink div a span {
      font-size: 20px; }
    .rowed--content .row.text-row .ButtonLink div a.links:before, .rowed--content .row.textbanner-row .ButtonLink div a.links:before {
      background: none !important;
      background-size: initial;
      width: initial; }
  .rowed--content .row.text-row .ButtonLink div:before, .rowed--content .row.textbanner-row .ButtonLink div:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00a9ce;
    opacity: .89;
    left: 0;
    top: 0; }
  .rowed--content .row.text-row .ButtonLink div:after, .rowed--content .row.textbanner-row .ButtonLink div:after {
    content: '';
    background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
    width: 150%;
    height: 150%;
    position: absolute;
    right: 0;
    top: 30%;
    left: 70%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease; }
  .rowed--content .row.text-row .ButtonLink div:hover:after, .rowed--content .row.textbanner-row .ButtonLink div:hover:after {
    content: '';
    background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
    width: 200%;
    height: 200%;
    position: absolute;
    right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.rowed--content .row.text-row .TextLink, .rowed--content .row.textbanner-row .TextLink {
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  color: #333f48;
  font-weight: 300; }
  .rowed--content .row.text-row .TextLink a, .rowed--content .row.textbanner-row .TextLink a {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start; }
    .rowed--content .row.text-row .TextLink a span.link-text, .rowed--content .row.textbanner-row .TextLink a span.link-text {
      display: inline-flex;
      color: #333f48;
      font-weight: 300;
      font-size: 18px; }
    .rowed--content .row.text-row .TextLink a:hover, .rowed--content .row.textbanner-row .TextLink a:hover {
      /*text-decoration: underline;*/
      text-decoration-color: #333f48; }

section.banner-section {
  padding: 50px 0; }
  @media (min-width: 992px) {
    section.banner-section {
      padding: 120px 0 120px; } }
  section.banner-section .container {
    padding: 0;
    margin: 16px 0 25px; }
    @media (min-width: 760px) {
      section.banner-section .container {
        margin: 0 auto; } }
    @media (min-width: 1024px) {
      section.banner-section .container {
        margin: 0 10%; } }
    @media (min-width: 1600px) {
      section.banner-section .container {
        width: 1440px;
        margin: 0 auto; } }
    section.banner-section .container div {
      margin: 0; }
      section.banner-section .container div.no-padding {
        padding: 0 !important; }
        section.banner-section .container div.no-padding .row.textbanner-row .row-intro {
          padding: 0; }
          section.banner-section .container div.no-padding .row.textbanner-row .row-intro h3 {
            color: #333f48;
            margin: 0 0 30px 0; }
          section.banner-section .container div.no-padding .row.textbanner-row .row-intro p {
            line-height: 22px;
            color: #333f48; }
            @media (min-width: 992px) {
              section.banner-section .container div.no-padding .row.textbanner-row .row-intro p {
                margin-bottom: 15px; } }
        section.banner-section .container div.no-padding .row.textbanner-row .row-item {
          margin-top: 0;
          padding: 0; }
          section.banner-section .container div.no-padding .row.textbanner-row .row-item p {
            color: #333f48; }
          section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed {
            margin-bottom: 15px; }
            section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed p {
              color: #333f48; }
            section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a {
              margin: 0;
              display: flex;
              flex-direction: row;
              justify-content: flex-start;
              align-items: center;
              color: #333f48; }
              section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a span {
                font-size: 26px;
                line-height: 24px;
                display: inline-flex;
                font-weight: 300;
                padding: 0;
                color: #333f48; }
              section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a:before {
                background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat;
                top: 5px; }
                @media (min-width: 992px) {
                  section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a:before {
                    top: 4px; } }
              section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a:hover {
                color: inherit; }
                section.banner-section .container div.no-padding .row.textbanner-row .row-item .bread-text.rowed a:hover:before {
                  transform: scale(1.2, 1);
                  background-size: 50px 14px; }

.row.text-imagevideo {
  border: 0;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  .row.text-imagevideo .row-intro {
    max-width: 590px; }
    @media (min-width: 992px) {
      .row.text-imagevideo .row-intro {
        padding-right: 5px;
        padding-right: 5px; } }
    .row.text-imagevideo .row-intro h1 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      color: #333f48 !important;
      font-size: 40px;
      line-height: 50px !important;
      margin: 24px 0 13px 0;
      text-align: left; }
      @media (min-width: 992px) {
        .row.text-imagevideo .row-intro h1 {
          font-size: 75px;
          line-height: 89px !important;
          margin: 0 0 30px 0; } }
    .row.text-imagevideo .row-intro h2 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      color: #333f48;
      font-size: 24px;
      line-height: 28px; }
      @media (min-width: 992px) {
        .row.text-imagevideo .row-intro h2 {
          font-size: 30px;
          line-height: 37px; } }
  .row.text-imagevideo .row-item {
    margin-top: 10px;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .row.text-imagevideo .row-item {
        font-size: 32px !important; } }
    .row.text-imagevideo .row-item p {
      color: #333f48 !important;
      font-size: 24px !important; }
      @media (min-width: 992px) {
        .row.text-imagevideo .row-item p {
          font-size: 32px !important; } }
    .row.text-imagevideo .row-item div {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 992px) {
        .row.text-imagevideo .row-item div {
          font-size: 95px !important; } }
    .row.text-imagevideo .row-item .img-holder {
      max-width: 738px;
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .row.text-imagevideo .row-item .img-holder {
          padding-left: 5%; } }
      @media (min-width: 1600px) {
        .row.text-imagevideo .row-item .img-holder {
          max-width: none; } }
      .row.text-imagevideo .row-item .img-holder img {
        min-width: 100%; }
  .row.text-imagevideo p {
    color: #333f48 !important;
    font-size: 24px !important; }
    @media (min-width: 992px) {
      .row.text-imagevideo p {
        font-size: 32px !important; } }

section.linklist-dropdown {
  padding: 0; }
  section.linklist-dropdown div {
    padding: 0;
    margin: 0; }
    section.linklist-dropdown div.container {
      margin: 16px 16px 40px; }
      section.linklist-dropdown div.container .contact-box.cv {
        padding: 0;
        margin: 0; }
        section.linklist-dropdown div.container .contact-box.cv .textBlock {
          padding: 0; }
          section.linklist-dropdown div.container .contact-box.cv .textBlock h3 {
            font-size: 30px;
            line-height: initial;
            font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
            margin-bottom: 25px; }
            @media (min-width: 1200px) {
              section.linklist-dropdown div.container .contact-box.cv .textBlock h3 {
                font-size: 36px;
                line-height: 33px; } }
          section.linklist-dropdown div.container .contact-box.cv .textBlock p {
            color: white;
            font-size: 18px;
            margin-bottom: 30px; }
          section.linklist-dropdown div.container .contact-box.cv .textBlock .select-wrapper-default.transparent {
            max-width: 374px; }
            section.linklist-dropdown div.container .contact-box.cv .textBlock .select-wrapper-default.transparent select {
              font-size: 25px;
              padding: 12px;
              border-width: 2px; }
            section.linklist-dropdown div.container .contact-box.cv .textBlock .select-wrapper-default.transparent:after {
              padding-top: 2px; }
  @media (min-width: 767px) {
    section.linklist-dropdown {
      padding: 50px 0 50px; }
      section.linklist-dropdown div.container {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto; }
        section.linklist-dropdown div.container .contact-box.cv {
          padding: 0 16px; }
          section.linklist-dropdown div.container .contact-box.cv .textBlock {
            padding: 30px 0; }
            section.linklist-dropdown div.container .contact-box.cv .textBlock h3 {
              margin-bottom: 30px; }
            section.linklist-dropdown div.container .contact-box.cv .textBlock p {
              margin-bottom: 35px; } }
  @media (min-width: 1024px) and (max-width: 1599px) {
    section.linklist-dropdown div.container {
      margin: 0 10%; } }

.event-button {
  align-self: center;
  display: flex;
  align-content: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: center; }
  .event-button a {
    padding-left: 20px;
    padding-right: 20px; }
  @media (min-width: 1024px) {
    .event-button {
      margin-top: 20px;
      max-width: fit-content; } }

.containerFullWidth {
  padding: 50px 0 0 0; }
  .containerFullWidth .container {
    /*        width: initial;
*/ }
    @media (min-width: 768px) {
      .containerFullWidth .container {
        width: 750px; } }
    @media (min-width: 992px) {
      .containerFullWidth .container {
        width: 970px; } }
    @media (min-width: 1200px) {
      .containerFullWidth .container {
        width: 1070px; } }
    @media (min-width: 1600px) {
      .containerFullWidth .container {
        width: 1440px; } }
  .containerFullWidth .container-fluid {
    padding: 0; }

section.ph-tabnarrow .container .tab--content {
  padding: 0;
  margin: 0; }
  section.ph-tabnarrow .container .tab--content .row-intro {
    padding: 0 15px; }
    @media (min-width: 992px) {
      section.ph-tabnarrow .container .tab--content .row-intro {
        padding: 30px 0; } }
    section.ph-tabnarrow .container .tab--content .row-intro span {
      font-size: inherit; }
  section.ph-tabnarrow .container .tab--content .row-item {
    padding: 0 15px; }
    @media (min-width: 992px) {
      section.ph-tabnarrow .container .tab--content .row-item {
        padding: 30px 0; } }

.container .container {
  margin: 0;
  padding: 0;
  width: auto; }

.rowed--content .rowed--content .text-row div .row-intro {
  padding: 0; }
  @media (min-width: 992px) {
    .rowed--content .rowed--content .text-row div .row-intro {
      padding: 30px 0; } }

.rowed--content .rowed--content .text-row div .row-item {
  padding: 0; }
  @media (min-width: 992px) {
    .rowed--content .rowed--content .text-row div .row-item {
      padding: 30px 0; } }

.menu-collapser {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 8px;
  color: #FFF;
  font-size: 16px;
  line-height: 48px;
  background-color: #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.collapse-button {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 40px;
  padding: 7px 10px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  background-color: #0E0E0E;
  border-radius: 2px;
  cursor: pointer;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .collapse-button:hover, .collapse-button:focus {
    color: #FFF;
    background-color: #040404; }
  .collapse-button .icon-bar {
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
    background-color: #F5F5F5;
    border-radius: 1px; }

.overlayOnMenuClick {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 62, 71, 0.6);
  transition: visibility 0.5s ease-out;
  -o-transition: visibility 0.5s ease-out;
  -moz-transition: visibility 0.5s ease-out;
  -webkit-transition: visibility 0.5s ease-out;
  visibility: hidden; }
  .overlayOnMenuClick.visible {
    visibility: visible; }

/*
@media(min-width: 1050px) {

    #nordicMainNav {
        &.opening {
            //overflow-y: auto !important;
            //height: 100vh !important;
            padding-bottom: 50px;


            .navbar-header .nordic-brand .nordic-brand-large {
                display: none;
                opacity: 0;
                visibility: hidden;
            }

            .navbar-header .nordic-brand .nordic-brand-scroll {
                display: block;
                max-width: 70px;
                width: 70px;
                transition: all ease-in-out .3s;
                opacity: 1;
                visibility: visible;
                margin-top: 0px;
            }

            .top-right-slanted {
                opacity: 0;
                visibility: hidden;
            }
        }
    }

    .noscroll {
        //position: fixed !important; 
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;


    }

    .nordicmainmenu {

        // fix desktop issues.
        .sub2Items {
            >li {
                position: unset !important;

                >ul {
                    margin-top: 0 !important;
                    //height: 100% !important;
                    top: 0 !important;
                    height: auto !important;
                    overflow-y: auto !important;
                }
            }
        }
    }
}
*/
.whiteNav #nordicMainNav ul.nordicmainmenu li.first-item > a {
  color: #fff !important; }
  .whiteNav #nordicMainNav ul.nordicmainmenu li.first-item > a:hover {
    color: #8dd7e5 !important; }

.whiteNav #nordicMainNav ul.nordicmainmenu li.first-item > .sub-toggle {
  color: #fff !important; }

@media (max-width: 1024px) {
  .whiteNav #nordicMainNav ul.nordicmainmenu li.first-item > a {
    color: #343e47 !important; }
  .whiteNav #nordicMainNav ul.nordicmainmenu li.first-item > .sub-toggle {
    color: #343e47 !important; } }

.whiteNav #nordicMainNav ul.nordicmainmenu li.first-item.on > a {
  color: #8dd7e5 !important; }

.home #nordicMainNav ul.nordicmainmenu li.first-item > a {
  color: #fff !important; }
  .home #nordicMainNav ul.nordicmainmenu li.first-item > a:hover {
    color: #8dd7e5 !important; }

.home #nordicMainNav ul.nordicmainmenu li.first-item > .sub-toggle {
  color: #fff !important; }

@media (max-width: 1024px) {
  .home #nordicMainNav ul.nordicmainmenu li.first-item > a {
    color: #343e47 !important; }
  .home #nordicMainNav ul.nordicmainmenu li.first-item > .sub-toggle {
    color: #343e47 !important; } }

.home #nordicMainNav ul.nordicmainmenu li.first-item.on > a {
  color: #8dd7e5 !important; }

.home #nordicMainNav ul.nordicmainmenu li.first-item:hover > a {
  font-weight: normal;
  color: #8dd7e5 !important; }

.home #nordicMainNav ul.nordicmainmenu li.first-item:hover > .sub-toggle {
  font-weight: normal;
  color: #8dd7e5 !important; }

#nordicMainNav {
  position: absolute;
  top: 0;
  left: 0%;
  height: 85px;
  padding: 20px 0px;
  width: 100%; }
  #nordicMainNav.openInput {
    background-color: rgba(52, 62, 71, 0.6) !important; }
    #nordicMainNav.openInput ul.nordicmainmenu li.first-item > a {
      color: #fff !important; }
      @media (max-width: 1024px) {
        #nordicMainNav.openInput ul.nordicmainmenu li.first-item > a {
          color: #343e47 !important; } }
    #nordicMainNav.openInput ul.nordicmainmenu li.first-item > .sub-toggle {
      color: #fff !important; }
      @media (max-width: 1024px) {
        #nordicMainNav.openInput ul.nordicmainmenu li.first-item > .sub-toggle {
          color: #343e47 !important; } }
  @media (max-width: 1024px) {
    #nordicMainNav.expandus {
      height: 100vh; } }
  #nordicMainNav .navbar-header {
    margin-top: -20px; }
    @media (max-width: 1024px) {
      #nordicMainNav .navbar-header {
        padding: 25px 0 20px 0;
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 2; } }
    #nordicMainNav .navbar-header .mobilesocial li a span {
      color: #454e56; }
  #nordicMainNav.blackwrap ul.nordicmainmenu li.first-item > a {
    color: #343e47; }
  #nordicMainNav.blackwrap ul.nordicmainmenu li.first-item > .sub-toggle {
    color: #343e47; }
  #nordicMainNav.scrolled {
    position: fixed;
    width: 100%;
    background-color: rgba(52, 62, 71, 0.6) !important;
    z-index: 9999;
    top: 0;
    transition: all ease-in-out .3s;
    height: 70px;
    padding: 10px 0px; }
    #nordicMainNav.scrolled.nav-up {
      transform: translateY(-60px); }
    #nordicMainNav.scrolled.small-screen-scroll {
      position: absolute;
      top: auto;
      transition: none; }
    @media (max-width: 1024px) {
      #nordicMainNav.scrolled {
        background-color: white !important; } }
    #nordicMainNav.scrolled .subRightItem {
      margin: 15px 0 0 0px; }
    #nordicMainNav.scrolled ul.nordicmainmenu li.first-item > a {
      color: #fff !important;
      padding: 12px 44px 10px 6px;
      font-size: 20px; }
      @media (max-width: 1024px) {
        #nordicMainNav.scrolled ul.nordicmainmenu li.first-item > a {
          color: #343e47 !important; } }
    #nordicMainNav.scrolled ul.nordicmainmenu li.first-item > .sub-toggle {
      color: #fff;
      height: 45px;
      line-height: 45px;
      font-size: 20px; }
      @media (max-width: 1024px) {
        #nordicMainNav.scrolled ul.nordicmainmenu li.first-item > .sub-toggle {
          color: #343e47 !important; } }
    #nordicMainNav.scrolled ul.nordicmainmenu li.first-item:hover > a {
      font-weight: normal;
      color: #8dd7e5 !important; }
    #nordicMainNav.scrolled ul.nordicmainmenu li.first-item:hover > .sub-toggle {
      font-weight: normal;
      color: #8dd7e5 !important; }
    @media (max-width: 1024px) {
      #nordicMainNav.scrolled .navbar-header .nordic-brand .logo-xs {
        display: none !important;
        max-width: 145px; }
      #nordicMainNav.scrolled .navbar-header .nordic-brand .logo-xs-open {
        display: block !important; } }
    #nordicMainNav.scrolled .navbar-header .nordic-brand .nordic-brand-large {
      display: none;
      opacity: 0;
      visibility: hidden; }
    #nordicMainNav.scrolled .navbar-header .nordic-brand .nordic-brand-scroll {
      display: block;
      max-width: 70px;
      width: 70px;
      transition: all ease-in-out .3s;
      opacity: 1;
      visibility: visible;
      margin-top: 10px; }
      @media (max-width: 1024px) {
        #nordicMainNav.scrolled .navbar-header .nordic-brand .nordic-brand-scroll {
          display: none;
          max-width: 72px;
          margin-top: -25px; } }
    #nordicMainNav.scrolled .hoverScroll {
      visibility: visible; }
      #nordicMainNav.scrolled .hoverScroll.opensearch {
        visibility: visible; }
    #nordicMainNav.scrolled:hover {
      background-color: rgba(52, 62, 71, 0.6); }
      @media (max-width: 1024px) {
        #nordicMainNav.scrolled:hover {
          background-color: white; } }
    #nordicMainNav.scrolled ul.nav-social li a {
      font-size: 22px;
      line-height: 50px; }
      @media (max-width: 1024px) {
        #nordicMainNav.scrolled ul.nav-social li a {
          line-height: 50px;
          padding: 5px 3px 5px 8px; } }
  #nordicMainNav.opening {
    position: fixed;
    width: 100%;
    background-color: rgba(52, 62, 71, 0.6) !important;
    z-index: 9999;
    top: 0;
    transition: all ease-in-out .3s;
    height: 70px;
    padding: 10px 0px; }
    #nordicMainNav.opening.nav-up {
      transform: translateY(-60px); }
    #nordicMainNav.opening.small-screen-scroll {
      position: absolute;
      top: auto;
      transition: none; }
    @media (max-width: 1024px) {
      #nordicMainNav.opening {
        background-color: white !important; } }
    #nordicMainNav.opening .subRightItem {
      margin: 15px 0 0 0px; }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item > a {
      color: #fff !important;
      padding: 12px 44px 10px 6px;
      font-size: 20px; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening ul.nordicmainmenu li.first-item > a {
          color: #343e47 !important; } }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item > .sub-toggle {
      color: #fff;
      height: 45px;
      line-height: 45px;
      font-size: 20px; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening ul.nordicmainmenu li.first-item > .sub-toggle {
          color: #343e47 !important; } }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item:hover > a {
      font-weight: normal;
      color: #8dd7e5 !important; }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item:hover > .sub-toggle {
      font-weight: normal;
      color: #8dd7e5 !important; }
    @media (max-width: 1024px) {
      #nordicMainNav.opening .navbar-header .nordic-brand .logo-xs {
        display: none !important;
        max-width: 145px; }
      #nordicMainNav.opening .navbar-header .nordic-brand .logo-xs-open {
        display: block !important; } }
    #nordicMainNav.opening .navbar-header .nordic-brand .nordic-brand-large {
      display: none;
      opacity: 0;
      visibility: hidden; }
    #nordicMainNav.opening .navbar-header .nordic-brand .nordic-brand-scroll {
      display: block;
      max-width: 70px;
      width: 70px;
      transition: all ease-in-out .3s;
      opacity: 1;
      visibility: visible;
      margin-top: 10px; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening .navbar-header .nordic-brand .nordic-brand-scroll {
          display: none;
          max-width: 72px;
          margin-top: -25px; } }
    #nordicMainNav.opening .hoverScroll {
      visibility: visible; }
      #nordicMainNav.opening .hoverScroll.opensearch {
        visibility: visible; }
    #nordicMainNav.opening:hover {
      background-color: rgba(52, 62, 71, 0.6); }
      @media (max-width: 1024px) {
        #nordicMainNav.opening:hover {
          background-color: white; } }
    #nordicMainNav.opening ul.nav-social li a {
      font-size: 22px;
      line-height: 50px; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening ul.nav-social li a {
          line-height: 50px;
          padding: 5px 3px 5px 8px; } }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item > a {
      color: #fff; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening ul.nordicmainmenu li.first-item > a {
          color: #343e47; } }
    #nordicMainNav.opening ul.nordicmainmenu li.first-item > .sub-toggle {
      color: #fff; }
      @media (max-width: 1024px) {
        #nordicMainNav.opening ul.nordicmainmenu li.first-item > .sub-toggle {
          color: #343e47; } }
    #nordicMainNav.opening:hover {
      background-color: rgba(52, 62, 71, 0); }
      #nordicMainNav.opening:hover ul.nordicmainmenu li.first-item > a {
        color: #fff; }
        @media (max-width: 1024px) {
          #nordicMainNav.opening:hover ul.nordicmainmenu li.first-item > a {
            color: #343e47; } }
      #nordicMainNav.opening:hover ul.nordicmainmenu li.first-item > .sub-toggle {
        color: #fff; }
        @media (max-width: 1024px) {
          #nordicMainNav.opening:hover ul.nordicmainmenu li.first-item > .sub-toggle {
            color: #343e47; } }
  #nordicMainNav:hover {
    transition: all ease-in-out .3s;
    background-color: rgba(52, 62, 71, 0.6); }
    @media (max-width: 1024px) {
      #nordicMainNav:hover {
        background-color: transparent; } }
    #nordicMainNav:hover ul.nordicmainmenu li.first-item > a {
      color: #fff; }
      @media (max-width: 1024px) {
        #nordicMainNav:hover ul.nordicmainmenu li.first-item > a {
          color: #343e47; } }
    #nordicMainNav:hover ul.nordicmainmenu li.first-item > .sub-toggle {
      color: #fff; }
      @media (max-width: 1024px) {
        #nordicMainNav:hover ul.nordicmainmenu li.first-item > .sub-toggle {
          color: #343e47; } }

ul.nordicmainmenu {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  float: left;
  margin: 0;
  position: relative;
  display: inline-block;
  z-index: 99; }
  @media (min-width: 1024px) and (max-width: 1800px) {
    ul.nordicmainmenu {
      left: 50%;
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); } }
  ul.nordicmainmenu:before, ul.nordicmainmenu:after {
    content: '';
    display: table; }
  ul.nordicmainmenu:after {
    clear: both; }
  @media (max-width: 1024px) {
    ul.nordicmainmenu {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      width: 100%;
      background: #fff;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      transform-origin: 0% 0%;
      transform: translate(0%, -100%);
      transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), z-index 0.1s linear 0.01s;
      left: 0%;
      z-index: -1;
      padding: 40px 0;
      overflow: hidden; }
      ul.nordicmainmenu.expandables {
        transform: none;
        z-index: 1;
        height: calc(100vh - 60px);
        overflow-y: auto; } }
  ul.nordicmainmenu li {
    position: relative;
    display: inline-block;
    background-color: transparent; }
    @media (max-width: 1024px) {
      ul.nordicmainmenu li {
        display: block; } }
    ul.nordicmainmenu li a {
      display: block;
      padding: 12px 44px 12px 16px;
      font-size: 22px;
      transition: background-color 0.5s ease-out;
      -o-transition: background-color 0.5s ease-out;
      -moz-transition: background-color 0.5s ease-out;
      -webkit-transition: background-color 0.5s ease-out;
      text-decoration: none;
      /*            @media (min-width:1024px) and (max-width:1350px) {
                padding: 12px 38px 12px 6px;
                font-size: 16px;
            }
*/ }
      ul.nordicmainmenu li a.active {
        font-weight: normal;
        color: #8dd7e5 !important; }
    ul.nordicmainmenu li.back {
      display: none;
      position: relative; }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.back {
          display: block;
          background: #343e47;
          margin-bottom: 20px;
          position: relative !important;
          z-index: 9; }
          ul.nordicmainmenu li.back:before {
            content: "";
            position: absolute;
            left: 10%;
            top: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 17px 17px 0px 17px;
            border-color: #343e47 transparent transparent transparent;
            z-index: 8;
            margin-top: -1px; }
          ul.nordicmainmenu li.back a {
            background: #343e47;
            color: #fff !important; }
            ul.nordicmainmenu li.back a span {
              float: right;
              background: #8dd7e5;
              position: absolute;
              display: block;
              height: 100%;
              right: 0px;
              top: 0;
              vertical-align: top;
              padding: 10px 30px !important; }
              ul.nordicmainmenu li.back a span:before {
                content: "";
                position: absolute;
                right: 100%;
                top: 0%;
                width: 0;
                height: 0;
                border-style: solid;
                border-color: transparent #8dd7e5 transparent transparent;
                border-style: solid;
                border-width: 24px;
                z-index: 8;
                margin-top: 1px; } }
    ul.nordicmainmenu li .sub-toggle {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
      position: absolute;
      right: 0;
      top: 0;
      z-index: 8;
      width: 61px;
      height: 48px;
      text-align: center;
      cursor: pointer;
      font-family: 'icomoon';
      line-height: 48px;
      font-size: 20px; }
      ul.nordicmainmenu li .sub-toggle:before {
        display: inline-block;
        height: 100%; }
      ul.nordicmainmenu li .sub-toggle > i {
        display: inline-block;
        color: #333;
        font-size: 28px;
        vertical-align: middle; }
    @media (max-width: 1024px) {
      ul.nordicmainmenu li.first-item {
        position: unset;
        border-bottom: 1px solid #e8eaf5; } }
    ul.nordicmainmenu li.first-item a {
      color: #fff; }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item a {
          color: #333;
          width: 85%;
          display: inline-block; } }
      ul.nordicmainmenu li.first-item a:hover {
        color: #8dd7e5 !important; }
    @media (max-width: 1024px) {
      ul.nordicmainmenu li.first-item .chevron {
        width: 15% !important; } }
    ul.nordicmainmenu li.first-item .chevron::before {
      border-style: solid;
      border-width: 0.05em 0.05em 0 0;
      content: '';
      display: inline-block;
      height: 0.65em;
      left: 0;
      position: relative;
      top: 0;
      transform: rotate(-45deg);
      vertical-align: middle;
      width: 0.65em; }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item .chevron::before {
          content: '\e114';
          width: 50px;
          height: 50px;
          border-style: none; } }
    ul.nordicmainmenu li.first-item .chevron.top:before {
      top: .15em;
      transform: rotate(-45deg); }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item .chevron.top:before {
          top: 0;
          transform: rotate(0deg); } }
    ul.nordicmainmenu li.first-item .chevron.bottom:before {
      top: -.30em;
      transform: rotate(135deg); }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item .chevron.bottom:before {
          top: 0;
          transform: rotate(0deg); } }
    ul.nordicmainmenu li.first-item .sub-toggle {
      color: #fff;
      background: none; }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item .sub-toggle {
          color: #333;
          border-left: 1px solid #e8eaf5;
          margin-top: 5px;
          line-height: 38px;
          height: 38px;
          float: right;
          width: 10%;
          position: unset; }
          ul.nordicmainmenu li.first-item .sub-toggle:before {
            content: '\e114'; } }
    ul.nordicmainmenu li.first-item.on > .sub-toggle {
      color: #8dd7e5; }
      ul.nordicmainmenu li.first-item.on > .sub-toggle:before {
        color: #8dd7e5; }
    ul.nordicmainmenu li.first-item.on > a {
      color: #8dd7e5 !important; }
      @media (max-width: 1024px) {
        ul.nordicmainmenu li.first-item.on > a {
          color: #333;
          width: 85%;
          display: inline-block; } }
    ul.nordicmainmenu li.first-item:hover > a {
      font-weight: normal;
      color: #8dd7e5 !important; }
    ul.nordicmainmenu li.first-item:hover > .sub-toggle {
      font-weight: normal;
      color: #8dd7e5 !important; }
    ul.nordicmainmenu li ul {
      margin: 0;
      list-style-type: none; }
      ul.nordicmainmenu li ul li {
        background: #fff;
        color: #333;
        display: block;
        margin: 0 -20px; }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul li {
            margin-right: 0px; } }
      ul.nordicmainmenu li ul.sub2Items {
        position: absolute;
        left: -158px;
        margin-top: 22px;
        z-index: 999;
        padding: 10px 20px 0 20px;
        background: #fff;
        transform: translateY(-100%);
        z-index: -1;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        visibility: hidden;
        opacity: 0;
        float: left; }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul.sub2Items {
            left: 0; } }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul.sub2Items {
            width: 100%;
            transform: translateX(100%);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            padding: 0px 0px 20px 0px;
            transition: all 0.3s ease-in-out 0s, opacity 0s;
            top: 0; } }
        ul.nordicmainmenu li ul.sub2Items:before {
          content: "";
          position: absolute;
          left: calc(50% - 17px);
          top: -17px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 17px 17px 17px;
          border-color: transparent transparent #ffffff transparent;
          z-index: 9998; }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items:before {
              border-style: none; } }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul.sub2Items li {
            position: unset;
            padding-left: 20px; } }
        ul.nordicmainmenu li ul.sub2Items li > a {
          min-width: 400px;
          color: #333;
          padding: 11px 20px 7px 20px;
          width: 100%;
          display: block;
          background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
          background-position: 100% 0;
          background-size: 200% 100%;
          transition: all .25s ease-in;
          position: relative;
          border-bottom: 1px solid #e8eaf5;
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items li > a {
              min-width: 200px;
              background-image: none;
              padding: 10px 20px; } }
          ul.nordicmainmenu li ul.sub2Items li > a:before {
            content: '';
            display: block;
            position: absolute;
            top: 0px;
            right: 0%;
            width: 10px;
            height: 52px;
            background: #fff;
            z-index: 0; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items li > a:before {
                width: 0;
                height: 0; } }
          ul.nordicmainmenu li ul.sub2Items li > a:after {
            content: '';
            display: block;
            position: absolute;
            top: 1px;
            left: 99.9%;
            width: 0;
            height: 0;
            border-color: transparent transparent transparent #8dd7e5;
            border-style: solid;
            border-width: 24px;
            visibility: hidden;
            z-index: 1; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items li > a:after {
                border-style: none; } }
          ul.nordicmainmenu li ul.sub2Items li > a:hover {
            background-position: 0 0;
            color: #8dd7e5; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items li > a:hover {
                color: #333; }
                ul.nordicmainmenu li ul.sub2Items li > a:hover:before {
                  visibility: hidden; }
                ul.nordicmainmenu li ul.sub2Items li > a:hover:after {
                  visibility: hidden; }
                ul.nordicmainmenu li ul.sub2Items li > a:hover .sub-toggle {
                  color: #333 !important;
                  border-left: 1px solid #e8eaf5 !important; } }
        ul.nordicmainmenu li ul.sub2Items li .sub-toggle {
          color: #333;
          border-left: 1px solid #e8eaf5;
          margin-top: 5px;
          line-height: 38px;
          height: 38px;
          position: absolute;
          margin: 5px 10px;
          padding: 0 20px; }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items li .sub-toggle {
              padding: 0 30px 0 20px; } }
          ul.nordicmainmenu li ul.sub2Items li .sub-toggle:before {
            content: '\e114'; }
          ul.nordicmainmenu li ul.sub2Items li .sub-toggle:after {
            content: '';
            display: block;
            position: absolute;
            top: -5px;
            right: -57px;
            width: 0;
            height: 0;
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: 24px;
            visibility: hidden;
            transition: all 0.25s ease-in;
            z-index: 1; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items li .sub-toggle:after {
                border-style: none; } }
          ul.nordicmainmenu li ul.sub2Items li .sub-toggle:hover:hover {
            color: #333 !important;
            -moz-animation: none;
            -webkit-animation: none;
            animation: none; }
          ul.nordicmainmenu li ul.sub2Items li .sub-toggle:hover:after {
            transition: all .25s ease-in;
            visibility: visible; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items li .sub-toggle:hover:after {
                border-style: none; } }
        ul.nordicmainmenu li ul.sub2Items li.on > a {
          min-width: 400px;
          color: #fff !important;
          padding: 11px 20px 7px 20px;
          width: 100%;
          display: block;
          background-image: linear-gradient(to left, transparent, transparent 50%, #8dd7e5 50%, #8dd7e5);
          background-position: 0% 0;
          background-size: 200% 100%; }
          ul.nordicmainmenu li ul.sub2Items li.on > a:hover {
            color: #fff !important; }
          ul.nordicmainmenu li ul.sub2Items li.on > a:before {
            content: '';
            display: block;
            position: absolute;
            top: 0px;
            right: 0%;
            width: 00px;
            height: 00px;
            background: transparent;
            z-index: 2; }
          ul.nordicmainmenu li ul.sub2Items li.on > a:after {
            left: 99.9%;
            visibility: visible;
            margin-left: 0px; }
          ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle {
            transition: all 0.25s ease-in;
            color: #fff;
            border-left: none; }
          ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle {
            border-left: none; }
            ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:before {
              content: '\e115';
              color: #fff; }
            ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:after {
              border-color: transparent transparent transparent #8dd7e5; }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:after {
                  border-style: none; } }
            ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:hover {
              transition: all .25s; }
              ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:hover:after {
                /*                                        border-color: transparent #343e47 transparent transparent;
                                        right: -11px;
*/ }
                @media (max-width: 1024px) {
                  ul.nordicmainmenu li ul.sub2Items li.on > a .sub-toggle:hover:after {
                    border-style: none; } }
          ul.nordicmainmenu li ul.sub2Items li.on > a.nor:before {
            visibility: visible; }
          ul.nordicmainmenu li ul.sub2Items li.on > a.nor:after {
            visibility: hidden; }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul.sub2Items li.on .sub-toggle {
            border-left: 1px solid #e8eaf5; }
            ul.nordicmainmenu li ul.sub2Items li.on .sub-toggle:before {
              color: #333; } }
        ul.nordicmainmenu li ul.sub2Items li.back a:hover {
          color: #fff !important; }
        ul.nordicmainmenu li ul.sub2Items li:last-child > a {
          border-bottom: none;
          margin-bottom: 10px; }
        ul.nordicmainmenu li ul.sub2Items.expanded {
          display: inline-block;
          visibility: visible;
          /* shows sub-menu */
          opacity: 1;
          z-index: 9;
          transform: translateY(0%);
          transition-delay: 0s, 0s, 0.3s;
          /* this removes the transition delay so the menu will be visible while the other styles transition */ }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items.expanded {
              position: absolute;
              width: 100%;
              transform: translateX(0%);
              height: 130vh; } }
        ul.nordicmainmenu li ul.sub2Items .sub3Items {
          left: 0;
          top: 100%;
          z-index: 999;
          display: inline-block;
          margin: 0;
          padding: 0; }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items .sub3Items {
              width: 100%; } }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul.sub2Items .sub3Items li {
              position: unset; } }
          ul.nordicmainmenu li ul.sub2Items .sub3Items li > a {
            padding-left: 40px;
            font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
            @media (max-width: 1024px) {
              ul.nordicmainmenu li ul.sub2Items .sub3Items li > a:hover {
                color: #333 !important; }
                ul.nordicmainmenu li ul.sub2Items .sub3Items li > a:hover:after {
                  left: 99.9%;
                  visibility: hidden; }
                ul.nordicmainmenu li ul.sub2Items .sub3Items li > a:hover .sub-toggle {
                  border-left: none; }
                  ul.nordicmainmenu li ul.sub2Items .sub3Items li > a:hover .sub-toggle:before {
                    color: #333 !important;
                    transition: all 0.25s ease-in; } }
          ul.nordicmainmenu li ul.sub2Items .sub3Items li .sub-toggle {
            border-left: 1px solid #e8eaf5; }
            ul.nordicmainmenu li ul.sub2Items .sub3Items li .sub-toggle:before {
              content: '\e114';
              color: #333; }
          ul.nordicmainmenu li ul.sub2Items .sub3Items li.on .sub-toggle {
            border-left: none; }
            ul.nordicmainmenu li ul.sub2Items .sub3Items li.on .sub-toggle:before {
              content: '\e115';
              color: #fff; }
          ul.nordicmainmenu li ul.sub2Items .sub3Items li:last-child > a {
            border-bottom: none;
            margin-bottom: 10px; }
        ul.nordicmainmenu li ul.sub2Items.force-menu1-right li .sub-toggle {
          left: 0;
          border-right: 1px solid #e8eaf5;
          border-left: none; }
        ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a {
          background-position: -100% 0;
          background-size: 200% 100%;
          transition: all 0s;
          padding-left: 85px; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:before {
            left: calc(100% - 10px);
            /*margin-left: -16px;*/
            transition: all 0s;
            visibility: visible; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:after {
            border-color: transparent #8dd7e5 transparent transparent;
            left: 0%;
            transition: all 0s;
            visibility: hidden;
            /*margin-left: -64px;*/ }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:hover {
            background-position: 0 0;
            color: #333;
            transition: all 0s; }
            ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:hover:before {
              left: calc(100% - 10px);
              visibility: visible;
              z-index: 0; }
            ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:hover:after {
              left: 0%;
              visibility: visible;
              margin-left: -47px;
              border-color: transparent #fff transparent transparent; }
            ul.nordicmainmenu li ul.sub2Items.force-menu1-right li > a:hover .sub-toggle:after {
              visibility: hidden; }
        ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a {
          background-position: 0 0;
          color: #fff; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a .sub-toggle {
            border-right: none; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a:hover:after {
            left: 0%;
            visibility: visible;
            margin-left: -47px;
            border-color: transparent #8dd7e5 transparent transparent; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a:hover .sub-toggle:after {
            visibility: hidden; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a:before {
            left: 0%;
            margin-left: -16px;
            visibility: visible; }
          ul.nordicmainmenu li ul.sub2Items.force-menu1-right li.on > a:after {
            left: 0%;
            visibility: visible;
            margin-left: -47px; }
        ul.nordicmainmenu li ul.sub2Items.force-menu1-right li .sub3Items li a {
          padding-left: 80px; }
      ul.nordicmainmenu li ul .subRightItem {
        left: 100.25%;
        position: absolute;
        top: 0;
        display: none;
        margin: 25px 0 0 0px;
        padding: 11px 32px 0 32px;
        background: #343e47; }
        @media (max-width: 1024px) {
          ul.nordicmainmenu li ul .subRightItem {
            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
            width: 100%;
            z-index: 9;
            margin: 0 0 0 0px;
            visibility: hidden;
            opacity: 0;
            transform: translateX(100%);
            display: initial;
            background: #fff;
            padding: 0px 0; } }
        ul.nordicmainmenu li ul .subRightItem.force-menu-right {
          left: -100%;
          left: calc(-100% - 46px);
          margin: 25px 0 0 -46px;
          text-align: right; }
        ul.nordicmainmenu li ul .subRightItem li {
          background: transparent;
          margin-right: 0px; }
        ul.nordicmainmenu li ul .subRightItem.expanded {
          display: block; }
          @media (max-width: 1024px) {
            ul.nordicmainmenu li ul .subRightItem.expanded {
              display: initial;
              transform: translateX(0%);
              visibility: visible;
              /* shows sub-menu */
              opacity: 1;
              z-index: 9;
              left: 0%;
              transition: all 0.5s, opacity 0s;
              height: 100vh; } }
          ul.nordicmainmenu li ul .subRightItem.expanded li {
            color: #fff; }
            ul.nordicmainmenu li ul .subRightItem.expanded li.back {
              z-index: 9; }
              ul.nordicmainmenu li ul .subRightItem.expanded li.back a,
              ul.nordicmainmenu li ul .subRightItem.expanded li.back span {
                color: #fff !important; }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul .subRightItem.expanded li.back a {
                  padding-left: 20px; } }
            ul.nordicmainmenu li ul .subRightItem.expanded li span {
              color: white;
              display: block;
              font-size: 22px;
              font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
              font-style: italic; }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul .subRightItem.expanded li span {
                  padding: 15px 0 0 20px;
                  color: #333 !important; } }
            ul.nordicmainmenu li ul .subRightItem.expanded li a {
              padding-left: 20px;
              color: #fff;
              background-image: none;
              border-bottom: none;
              font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul .subRightItem.expanded li a {
                  color: #333 !important;
                  padding-left: 40px; } }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul .subRightItem.expanded li a.active {
                  font-weight: normal;
                  color: #8dd7e5 !important; } }
              ul.nordicmainmenu li ul .subRightItem.expanded li a:before {
                width: 0px;
                height: 0%;
                background: transparent; }
              ul.nordicmainmenu li ul .subRightItem.expanded li a:after {
                border-style: none; }
              ul.nordicmainmenu li ul .subRightItem.expanded li a:hover {
                color: #8dd7e5;
                font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
              ul.nordicmainmenu li ul .subRightItem.expanded li a.rootthirdLevel {
                border-bottom: 1px solid rgba(232, 234, 245, 0.1);
                padding-right: 0; }
                @media (max-width: 1024px) {
                  ul.nordicmainmenu li ul .subRightItem.expanded li a.rootthirdLevel {
                    border-top: 1px solid #e8eaf5 !important; } }
                ul.nordicmainmenu li ul .subRightItem.expanded li a.rootthirdLevel span {
                  padding-top: 0 !important;
                  font-style: normal;
                  margin-left: -20px !important;
                  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
                  font-size: 20px;
                  color: #fff; }
                  @media (max-width: 1024px) {
                    ul.nordicmainmenu li ul .subRightItem.expanded li a.rootthirdLevel span {
                      margin-left: -40px !important; } }
            ul.nordicmainmenu li ul .subRightItem.expanded li:last-child a.rootthirdLevel {
              border-bottom: none; }
            ul.nordicmainmenu li ul .subRightItem.expanded li:not(:nth-child(2)) > span {
              border-top: 1px solid rgba(232, 234, 245, 0.1) !important;
              padding-top: 15px; }
              @media (max-width: 1024px) {
                ul.nordicmainmenu li ul .subRightItem.expanded li:not(:nth-child(2)) > span {
                  border-top: 1px solid #e8eaf5 !important;
                  padding: 15px 0 0 20px;
                  padding: 15px 0 0 20px; } }
    @media (max-width: 1024px) {
      ul.nordicmainmenu li.on .sub-toggle:before {
        content: '\e115'; } }
  ul.nordicmainmenu > li:first-child,
  ul.nordicmainmenu > li.has-submenu + li {
    border-left: 0; }
  ul.nordicmainmenu .trigger-sub-toggle {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-style: italic; }

/*HAMBURGER*/
.nordic-hamburger {
  width: 30px;
  height: 30px;
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 32.5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  cursor: pointer;
  background: transparent !important;
  border: none !important;
  display: none;
  z-index: 1; }
  @media (max-width: 1024px) {
    .nordic-hamburger {
      display: block; } }
  .nordic-hamburger:focus {
    outline: none; }
  .nordic-hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #00a9ce;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out; }
    .nordic-hamburger span:nth-child(1) {
      top: 0px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }
    .nordic-hamburger span:nth-child(2) {
      top: 10px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }
    .nordic-hamburger span:nth-child(3) {
      top: 20px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }

/* active state, i.e. menu open */
.nordic-hamburger--rot.is-active span {
  transform: rotate(90deg);
  background: #00a9ce; }
  .nordic-hamburger--rot.is-active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px; }
  .nordic-hamburger--rot.is-active span:nth-child(2) {
    width: 0%;
    opacity: 0; }
  .nordic-hamburger--rot.is-active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 19px;
    left: 7px; }

ul.nav-social {
  list-style: none;
  float: right;
  margin-top: 0px;
  position: relative;
  z-index: 50;
  margin-right: 20px;
  display: inline-block;
  margin-top: -55px; }
  @media (max-width: 1024px) {
    ul.nav-social {
      float: none;
      margin-top: 0px;
      position: fixed;
      z-index: 50;
      margin-right: 70px;
      top: 18px;
      right: 0px; } }
  ul.nav-social.mobilesocial {
    visibility: hidden;
    display: none; }
    @media (max-width: 1024px) {
      ul.nav-social.mobilesocial {
        visibility: visible !important;
        display: block !important; } }
    ul.nav-social.mobilesocial .dropdown-menu-search {
      display: none; }
  ul.nav-social li {
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative; }
    ul.nav-social li.opensearch {
      position: relative; }
    ul.nav-social li:after {
      content: "|";
      color: rgba(255, 255, 255, 0.27);
      font-size: 30px; }
    ul.nav-social li:last-child:after {
      content: ""; }
      @media (max-width: 1024px) {
        ul.nav-social li:last-child:after {
          content: "|"; } }
    ul.nav-social li.hoverScroll {
      visibility: visible; }
      ul.nav-social li.hoverScroll.opensearch {
        visibility: visible; }
    ul.nav-social li a {
      line-height: 100px;
      color: #fff;
      font-size: 22px;
      line-height: 50px;
      font-weight: 300;
      padding: 15px 3px 15px 8px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 1024px) {
        ul.nav-social li a {
          line-height: 73px;
          padding: 5px 3px 5px 8px; } }
      ul.nav-social li a img {
        margin-bottom: 7px; }
    ul.nav-social li.dropdownlang .dropdown-menu-lang {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 120px;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      margin-top: -20px;
      overflow: hidden; }
      ul.nav-social li.dropdownlang .dropdown-menu-lang:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(29.5deg, #00399d 80%, transparent 20%);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%; }
      ul.nav-social li.dropdownlang .dropdown-menu-lang a {
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        padding: 5px 8px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        display: block;
        position: relative; }
        ul.nav-social li.dropdownlang .dropdown-menu-lang a:hover {
          color: #86D9E7; }
    ul.nav-social li.dropdownlang.open .dropdown-menu-lang {
      display: block; }
    ul.nav-social li.dropdownlogin .dropdown-login {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 350px;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      margin-top: -40px;
      overflow: hidden; }
      ul.nav-social li.dropdownlogin .dropdown-login:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(28.5deg, #00399d 80%, transparent 20%);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%; }
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent form {
        position: relative; }
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent h2 {
        line-height: 30px;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        padding: 25px 15px 0;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        display: block;
        position: relative; }
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="text"],
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="email"],
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="search"],
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="password"],
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent textarea,
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent select {
        outline: none;
        display: block;
        width: 100%;
        padding: 7px 15px;
        border: none;
        border-bottom: 1px solid #ddd;
        background: transparent;
        margin-bottom: 10px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        height: 45px; }
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="button"],
      ul.nav-social li.dropdownlogin .dropdown-login.formcontent input[type="submit"] {
        background-color: rgba(0, 57, 157, 0.7);
        border: none;
        border-bottom: 1px solid rgba(0, 57, 157, 0.99);
        display: inline-block;
        cursor: pointer;
        color: #FFFFFF;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 14px;
        padding: 8px 18px;
        float: right;
        text-decoration: none;
        text-transform: uppercase; }
    ul.nav-social li.dropdownlogin.open .dropdown-login {
      display: block; }
    ul.nav-social li.dropdownlogin .btn-blank {
      color: #fff;
      background-color: transparent;
      border-color: transparent;
      padding: 0;
      font-size: 20px; }
    ul.nav-social li:last-child a {
      padding: 15px 0px 15px 8px; }

#nordic-footer {
  padding: 7em 0;
  clear: both;
  background: white;
  /* =======================================================
*
* 	Generally Style social icons  
*
* ======================================================= */ }
  @media (max-width: 992px) {
    #nordic-footer {
      padding: 3em 0 5em; } }
  #nordic-footer .nordic-footer-links {
    padding: 0 0 10px 0;
    margin: 0 0 40px 0;
    border-bottom: 0.5px solid #D9E1E2;
    /*display: table;
        width: 100%;*/
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center; }
    #nordic-footer .nordic-footer-links li {
      padding: 0;
      margin: 0;
      list-style: none;
      /*display: table-cell;*/
      flex: 1 1 100%;
      border-left: 1px solid #D9E1E2; }
      #nordic-footer .nordic-footer-links li:after {
        content: "";
        color: rgba(0, 0, 0, 0.37);
        /*border-right: rgba(255,255,255, 0.27);*/
        font-size: 22px;
        /*border-left: 1px solid #D9E1E2;*/ }
      #nordic-footer .nordic-footer-links li:last-child:after {
        content: "";
        border-left: none; }
      #nordic-footer .nordic-footer-links li a {
        color: black;
        text-decoration: none;
        font-size: 18px;
        font-weight: 300;
        line-height: 21px;
        color: rgba(0, 0, 0, 0.47);
        padding: 15px 38px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
        @media (max-width: 1600px) {
          #nordic-footer .nordic-footer-links li a {
            font-size: 16px;
            padding: 15px 28px; } }
        @media (max-width: 1200px) {
          #nordic-footer .nordic-footer-links li a {
            font-size: 16px;
            padding: 15px 14px; } }
        #nordic-footer .nordic-footer-links li a.selected {
          color: #22A8CA;
          text-shadow: 1px 0 0 #22A8CA;
          text-decoration: none; }
        #nordic-footer .nordic-footer-links li a:hover {
          color: #22A8CA;
          text-shadow: 1px 0 0 #22A8CA;
          text-decoration: none; }
      #nordic-footer .nordic-footer-links li:first-child {
        content: "";
        border-left: none; }
        #nordic-footer .nordic-footer-links li:first-child a {
          padding-left: 0; }
  #nordic-footer .footerquestion {
    font-size: 20px;
    font-weight: 100;
    line-height: 23px;
    color: #99A4AE;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  #nordic-footer .contactusArrow {
    font-size: 24px;
    font-weight: 300;
    line-height: 33px;
    color: #7A8C99;
    margin-top: 20px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    #nordic-footer .contactusArrow a {
      color: #7A8C99; }
    #nordic-footer .contactusArrow span {
      color: #6FD4E4;
      padding-right: 13px;
      margin-top: 3px;
      display: inline-block;
      float: left; }
  #nordic-footer .nordic-social-icons-pre {
    font-size: 20px;
    font-weight: 100;
    line-height: 23px;
    color: #99A4AE;
    margin-bottom: 15px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  #nordic-footer .nordic-social-icons {
    background-color: #fff;
    margin: 0;
    padding: 0; }
    @media (max-width: 992px) {
      #nordic-footer .nordic-social-icons {
        background-color: #fff; } }
    #nordic-footer .nordic-social-icons li {
      list-style: none;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 10px 0 10px; }
      @media (max-width: 992px) {
        #nordic-footer .nordic-social-icons li {
          margin: 0 10px 0 10px; } }
      #nordic-footer .nordic-social-icons li a {
        padding: 10px 10px 0 10px;
        font-size: 24px;
        color: #fff;
        border-radius: 100%;
        width: 60px;
        line-height: 60px;
        height: 60px;
        background: #d9e1e2;
        border-radius: 100%;
        text-align: center;
        padding: 0px;
        display: block; }
        #nordic-footer .nordic-social-icons li a i {
          color: #fff;
          line-height: 60px; }
        #nordic-footer .nordic-social-icons li a:hover {
          background: #22A8CA; }
          #nordic-footer .nordic-social-icons li a:hover i {
            color: #fff; }
  #nordic-footer .copyright {
    /*img {
            width: 100%;
        }*/ }
    @media (max-width: 992px) {
      #nordic-footer .copyright .pull-right {
        float: none;
        display: block;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 100px;
        clear: both;
        text-align: center; } }
    #nordic-footer .copyright .block {
      display: block; }

.category {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  font-size: 16px; }

.overlay {
  position: relative;
  overflow: hidden; }
  .overlay * {
    z-index: 2; }
  .overlay .bgcolor {
    z-index: -1; }
  .overlay.skew-white-trans {
    background: linear-gradient(-30deg, white 90%, transparent 10%) !important; }
    .overlay.skew-white-trans.odd {
      background: linear-gradient(30deg, white 90%, transparent 10%) !important; }
  .overlay.skew:after {
    content: '';
    background: linear-gradient(29.5deg, transparent 50%, rgba(0, 0, 0, 0.05) 50%);
    width: 400px;
    height: 400px;
    position: absolute;
    right: 0;
    top: -125px; }
  .overlay.skew-percent {
    overflow: hidden;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .overlay.skew-percent:after {
      content: '';
      background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
      width: 150%;
      height: 150%;
      position: absolute;
      right: 0;
      top: 30%;
      left: 70%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -ms-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
    .overlay.skew-percent:not(.key-feature-box):hover:after {
      content: '';
      background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
      width: 200%;
      height: 200%;
      position: absolute;
      right: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .overlay.skew-percent:not(.key-feature-box):active:after {
      content: '';
      background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
      width: 200%;
      height: 200%;
      position: absolute;
      right: 0;
      top: 40%;
      left: 20%;
      transform: translate(-50%, -50%); }
  .overlay.nightsky h2, .overlay.nightsky h3, .overlay.nightsky h4, .overlay.nightsky p, .overlay.nightsky div, .overlay.nightsky a, .overlay.nightsky small {
    color: #fff !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.nightsky a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.nightsky:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($nightsky, .11);*/
    background: #333f48;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.nightsky .themebutton {
    background-color: #4B545C;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.nightsky .themebutton:hover {
      background-color: #fff;
      color: #333f48; }
  .overlay.nightsky .centertext {
    color: #fff !important; }
  .overlay .nightsky.themebutton {
    background-color: #fff;
    color: #333f48;
    border: 2px solid #333f48;
    transition: background-color .2s, color .2s; }
    .overlay .nightsky.themebutton:hover {
      background-color: #333f48;
      color: #fff; }
  .overlay.carbon h2, .overlay.carbon h3, .overlay.carbon h4, .overlay.carbon p, .overlay.carbon div, .overlay.carbon a, .overlay.carbon small {
    color: #fff !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.carbon a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.carbon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($carbon, .11);*/
    background: #333f48;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.carbon .themebutton {
    background-color: #4B545C;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.carbon .themebutton:hover {
      background-color: #fff;
      color: #333f48; }
  .overlay.carbon .centertext {
    color: #fff !important; }
  .overlay .carbon.themebutton {
    background-color: #fff;
    color: #333f48;
    border: 2px solid #333f48;
    transition: background-color .2s, color .2s; }
    .overlay .carbon.themebutton:hover {
      background-color: #333f48;
      color: #fff; }
  .overlay.white h2, .overlay.white h3, .overlay.white h4, .overlay.white p, .overlay.white div, .overlay.white a, .overlay.white span, .overlay.white small {
    color: #333 !important; }
  .overlay.white a .link-underline span {
    background-image: linear-gradient(transparent 96%, #333 100%); }
  .overlay.white .icon-arrow-right-with-circle {
    background: url("../-/media/Images/DefaultImages/arrow_right_small.svg") no-repeat; }
  .overlay.white:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($white, .11);*/
    background: white;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.white .date {
    color: #333; }
  .overlay.white .langWrapper a {
    color: #333; }
  .overlay.white .centertext {
    color: #333 !important; }
  .overlay.ashgrey h2, .overlay.ashgrey h3, .overlay.ashgrey h4, .overlay.ashgrey p, .overlay.ashgrey div, .overlay.ashgrey a, .overlay.ashgrey small {
    color: #fff !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.ashgrey a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.ashgrey:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($ashgrey, .11);*/
    background: #768692;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.ashgrey .themebutton {
    background-color: #87939E;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.ashgrey .themebutton:hover {
      background-color: #fff;
      color: #768692; }
  .overlay.ashgrey .centertext {
    color: #fff !important; }
  .overlay .ashgrey.themebutton {
    background-color: #fff;
    color: #768692;
    border: 2px solid #768692;
    transition: background-color .2s, color .2s; }
    .overlay .ashgrey.themebutton:hover {
      background-color: #768692;
      color: #fff; }
  .overlay.greysky h2, .overlay.greysky h3, .overlay.greysky h4, .overlay.greysky p, .overlay.greysky div, .overlay.greysky a, .overlay.greysky small, .overlay.greysky span {
    color: #333 !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.greysky a .link-underline span {
    background-image: linear-gradient(transparent 96%, #333 100%); }
  .overlay.greysky:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($greysky, .11);*/
    background: #d9e1e2;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.greysky .icon-arrow-right-with-circle {
    background: url("../-/media/Images/DefaultImages/arrow_right_small.svg") no-repeat; }
  .overlay.greysky .date {
    color: #333; }
  .overlay.greysky .langWrapper a {
    color: #333; }
  .overlay.greysky .themebutton {
    background-color: #DEE4E5;
    color: #333;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay.greysky .themebutton:hover {
      background-color: #333;
      color: #d9e1e2; }
  .overlay.greysky .centertext {
    color: #333 !important; }
  .overlay .greysky.themebutton {
    background-color: #333;
    color: #d9e1e2;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay .greysky.themebutton:hover {
      background-color: #d9e1e2;
      color: #333; }
  .overlay.greyfriday h2, .overlay.greyfriday h3, .overlay.greyfriday h4, .overlay.greyfriday p, .overlay.greyfriday div, .overlay.greyfriday a, .overlay.greyfriday small {
    color: #fff !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.greyfriday a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.greyfriday:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d9e1e2;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.greyfriday .centertext {
    color: #fff !important; }
  .overlay.ice .long-icon-arrow-right-img {
    background: url("../-/media/Images/DefaultImages/long_arrow_right_dark_08.png") no-repeat !important;
    display: block;
    width: 180px;
    height: 49px;
    margin-bottom: 50px;
    float: left; }
  .overlay.ice:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f3fafc;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.seablue h2, .overlay.seablue h3, .overlay.seablue h4, .overlay.seablue p, .overlay.seablue div, .overlay.seablue a, .overlay.seablue small {
    color: #fff !important; }
  .overlay.seablue a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.seablue:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0077c8;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.seablue .themebutton {
    background-color: #4587CD;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.seablue .themebutton:hover {
      background-color: #fff;
      color: #0077c8; }
  .overlay.seablue .centertext {
    color: #fff !important; }
  .overlay .seablue.themebutton {
    background-color: #fff;
    color: #0077c8;
    border: 2px solid #0077c8;
    transition: background-color .2s, color .2s; }
    .overlay .seablue.themebutton:hover {
      background-color: #0077c8;
      color: #fff; }
  .overlay.bluesky h2, .overlay.bluesky h3, .overlay.bluesky h4, .overlay.bluesky p, .overlay.bluesky div, .overlay.bluesky a, .overlay.bluesky small {
    color: #fff !important;
    text-shadow: 0 1px 1px transparent; }
  .overlay.bluesky a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.bluesky:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($bluesky, .11);*/
    background: #0033a0;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.bluesky .themebutton {
    background-color: #2F4DAA;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.bluesky .themebutton:hover {
      background-color: #fff;
      color: #0032A0; }
  .overlay.bluesky .centertext {
    color: #fff !important; }
  .overlay .bluesky.themebutton {
    background-color: #fff;
    color: #0032A0;
    border: 2px solid #0032A0;
    transition: background-color .2s, color .2s; }
    .overlay .bluesky.themebutton:hover {
      background-color: #0032A0;
      color: #fff; }
  .overlay.azur h2, .overlay.azur h3, .overlay.azur h4, .overlay.azur p, .overlay.azur div, .overlay.azur a, .overlay.azur small {
    color: #fff !important; }
  .overlay.azur a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.azur:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: transparentize($azur, .11);*/
    background: #00a9ce;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.azur .themebutton {
    background-color: #56B3D3;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.azur .themebutton:hover {
      background-color: #fff;
      color: #00a9ce; }
  .overlay.azur .centertext {
    color: #fff !important; }
  .overlay .azur.themebutton {
    background-color: #fff;
    color: #00a9ce;
    border: 2px solid #00a9ce;
    transition: background-color .2s, color .2s; }
    .overlay .azur.themebutton:hover {
      background-color: #00a9ce;
      color: #fff; }
  .overlay.turkis h2, .overlay.turkis h3, .overlay.turkis h4, .overlay.turkis p, .overlay.turkis div, .overlay.turkis a, .overlay.turkis small {
    color: #fff !important; }
  .overlay.turkis a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.turkis .icon-arrow-right-with-circle {
    background: url("../-/media/Images/DefaultImages/arrow_right_small_white.svg") no-repeat; }
  .overlay.turkis:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #6ad1e3;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.turkis .themebutton {
    background-color: #8CD6E6;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.turkis .themebutton:hover {
      background-color: #fff;
      color: #6ad1e3; }
  .overlay.turkis .centertext {
    color: #fff !important; }
  .overlay .turkis.themebutton {
    background-color: #fff;
    color: #6ad1e3;
    border: 2px solid #6ad1e3;
    transition: background-color .2s, color .2s; }
    .overlay .turkis.themebutton:hover {
      background-color: #6ad1e3;
      color: #fff; }
  .overlay.canola h2, .overlay.canola h3, .overlay.canola h4, .overlay.canola p, .overlay.canola div, .overlay.canola a, .overlay.canola small {
    color: #333 !important; }
  .overlay.canola a .link-underline span {
    background-image: linear-gradient(transparent 96%, #333 100%); }
  .overlay.canola .icon-arrow-right-with-circle {
    background: url("../-/media/Images/DefaultImages/arrow_right_small_white.svg") no-repeat; }
  .overlay.canola .long-icon-arrow-right-img {
    background: url("../-/media/Images/DefaultImages/long_arrow_right_dark_08.png") no-repeat !important;
    display: block;
    width: 180px;
    height: 49px;
    margin-bottom: 50px;
    float: left; }
  .overlay.canola:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d0df00;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.canola .fullstory span {
    color: #333; }
  .overlay.canola .themebutton {
    background-color: #D6E12D;
    color: #333;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay.canola .themebutton:hover {
      background-color: #333;
      color: #d0df00; }
  .overlay.canola .centertext {
    color: #333 !important; }
  .overlay .canola.themebutton {
    background-color: #333;
    color: #d0df00;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay .canola.themebutton:hover {
      background-color: #d0df00;
      color: #333; }
  .overlay.coral h2, .overlay.coral h3, .overlay.coral h4, .overlay.coral p, .overlay.coral div, .overlay.coral a, .overlay.coral small {
    color: #fff !important; }
  .overlay.coral a .link-underline span {
    background-image: linear-gradient(transparent 96%, white 100%); }
  .overlay.coral:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff585d;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.coral .date {
    color: #fff; }
  .overlay.coral .themebutton {
    background-color: #F36B70;
    color: #fff;
    border: 2px solid #fff;
    transition: background-color .2s, color .2s; }
    .overlay.coral .themebutton:hover {
      background-color: #fff;
      color: #ff585d; }
  .overlay.coral .centertext {
    color: #fff !important; }
  .overlay .coral.themebutton {
    background-color: #fff;
    color: #ff585d;
    border: 2px solid #ff585d;
    transition: background-color .2s, color .2s; }
    .overlay .coral.themebutton:hover {
      background-color: #ff585d;
      color: #fff; }
  .overlay.satsuma .icon-arrow-right-with-circle {
    background: url("../-/media/Images/DefaultImages/arrow_right_small.svg") no-repeat; }
  .overlay.satsuma .long-icon-arrow-right-img {
    background: url("../-/media/Images/DefaultImages/long_arrow_right_dark_08.png") no-repeat !important;
    display: block;
    width: 180px;
    height: 49px;
    margin-bottom: 50px;
    float: left; }
  .overlay.satsuma:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffcd00;
    opacity: .89;
    left: 0;
    top: 0; }
  .overlay.satsuma .fullstory span {
    color: #333; }
  .overlay.satsuma a .link-underline span {
    background-image: linear-gradient(transparent 96%, #333 100%); }
  .overlay.satsuma .themebutton {
    background-color: #F9D12E;
    color: #333;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay.satsuma .themebutton:hover {
      background-color: #333;
      color: #ffcd00; }
  .overlay.satsuma .centertext {
    color: #333 !important; }
  .overlay .satsuma.themebutton {
    background-color: #333;
    color: #ffcd00;
    border: 2px solid #333;
    transition: background-color .2s, color .2s; }
    .overlay .satsuma.themebutton:hover {
      background-color: #ffcd00;
      color: #333; }
  .overlay .caption h3, .overlay .caption p, .overlay .caption a {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    color: #333; }
    .overlay .caption h3.txtshadow, .overlay .caption p.txtshadow, .overlay .caption a.txtshadow {
      text-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5); }
  .overlay .caption.txtWhite h3, .overlay .caption.txtWhite p, .overlay .caption.txtWhite a, .overlay .caption.txtWhite span {
    color: #fff !important;
    font-weight: 300; }
  .overlay .caption.txtDark h3, .overlay .caption.txtDark p, .overlay .caption.txtDark a, .overlay .caption.txtDark span {
    color: #333 !important;
    font-weight: 300; }
  .overlay.smaller small {
    color: #fff !important; }

/* =======================================================
*
* 	Generally Style grid that belongs to masonry  
*
* ======================================================= */
/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity; }

.grid-item {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .grid-item {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px; } }

.nordic-grid.text-centered .grid-item-content .application-caption {
  width: 100%; }
  .nordic-grid.text-centered .grid-item-content .application-caption h3 {
    padding-right: 0 !important;
    text-align: center; }

.button-row {
  margin-top: 30px; }
  .button-row .archivebtn {
    max-width: 320px;
    margin: auto; }
    .button-row .archivebtn a {
      font-size: 18px;
      line-height: 24px;
      padding: 13px 24px 12px;
      font-weight: 500; }

.grid-item-content {
  min-height: 237px;
  /*background: $brand-primary;*/
  position: relative;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
  -webkit-transition: opacity 0.95s ease;
  -moz-transition: opacity 0.95s ease;
  -ms-transition: opacity 0.95s ease;
  -o-transition: opacity 0.95s ease;
  transition: opacity 0.95s ease;
  /*Applicationboxes - custom caption*/ }
  @media (max-width: 767px) {
    .grid-item-content {
      min-height: 100px;
      height: auto; } }
  @media (max-width: 992px) {
    .grid-item-content {
      min-height: 160px !important;
      height: auto; } }
  .grid-item-content .langWrapper {
    position: absolute;
    bottom: 25px;
    right: 15px;
    color: inherit;
    z-index: 5; }
    .grid-item-content .langWrapper a {
      color: #fff;
      /*margin-left: 6px;*/
      font-size: 16px;
      position: relative;
      border-right: 1px solid rgba(255, 255, 255, 0.4);
      padding-right: 5px; }
      .grid-item-content .langWrapper a:last-child {
        border-right: none; }
  .grid-item-content .date {
    position: absolute;
    top: 21px;
    left: 32px;
    color: #fff;
    z-index: 1; }
    @media (max-width: 1200px) {
      .grid-item-content .date {
        top: 11px;
        left: 20px; } }
    @media (max-width: 992px) {
      .grid-item-content .date {
        top: 11px; } }
    @media (max-width: 767px) {
      .grid-item-content .date {
        top: 11px; } }
    .grid-item-content .date div {
      font-size: 15px;
      float: left;
      line-height: 17px; }
      @media (max-width: 1200px) {
        .grid-item-content .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 992px) {
        .grid-item-content .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 767px) {
        .grid-item-content .date div {
          font-size: 12px;
          line-height: 12px; } }
      .grid-item-content .date div:nth-child(1) {
        font-size: 43px;
        float: left;
        line-height: 46px; }
        @media (max-width: 1200px) {
          .grid-item-content .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 992px) {
          .grid-item-content .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .grid-item-content .date div:nth-child(1) {
            font-size: 23px;
            line-height: 26px; } }
      .grid-item-content .date div:nth-child(2n+2) {
        margin-top: 4px;
        margin-left: 6px; }
        @media (max-width: 767px) {
          .grid-item-content .date div:nth-child(2n+2) {
            margin-top: 2px; } }
  .grid-item-content .category {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    padding: 8px 16px;
    font-size: 20px;
    z-index: 4; }
    @media (max-width: 1200px) {
      .grid-item-content .category {
        padding: 4px 12px;
        font-size: 14px; } }
    @media (max-width: 767px) {
      .grid-item-content .category {
        font-size: 12px;
        padding: 4px 10px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; } }
    .grid-item-content .category.canola {
      color: #333; }
    .grid-item-content .category span {
      position: relative;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  .grid-item-content .categoryImg {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    /*background: rgba(0,0,0, 0.1);*/
    padding: 8px 16px;
    font-size: 16px;
    max-width: 180px; }
    .grid-item-content .categoryImg img {
      width: 100%; }
  .grid-item-content .caption {
    padding: 0 32px; }
    @media (max-width: 1200px) {
      .grid-item-content .caption {
        padding: 0 22px; } }
    @media (max-width: 992px) {
      .grid-item-content .caption {
        padding: 0 22px; } }
    .grid-item-content .caption h2 {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      line-height: 48px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: left; }
      .grid-item-content .caption h2.thirdW {
        width: 55%; }
      @media (max-width: 992px) {
        .grid-item-content .caption h2 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .grid-item-content .caption h2 {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 1em !important;
          position: relative;
          top: 0;
          transform: translateY(0);
          padding-right: 0;
          padding-top: 43px;
          padding-bottom: 20px;
          line-height: 20px;
          text-shadow: none; } }
    .grid-item-content .caption h3 {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      line-height: 48px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding-right: 10% !important; }
      @media (max-width: 992px) {
        .grid-item-content .caption h3 {
          font-size: 30px;
          padding-right: 8% !important; } }
      @media (max-width: 767px) {
        .grid-item-content .caption h3 {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 1em !important;
          position: relative;
          top: 0;
          transform: translateY(0);
          padding-right: 15%;
          padding-top: 43px;
          padding-bottom: 20px;
          line-height: 20px;
          text-shadow: none; } }
    .grid-item-content .caption p {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 26px;
      /*color: #000000;*/
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding-right: 6%;
      z-index: 1 !important; }
      @media (max-width: 1200px) {
        .grid-item-content .caption p {
          font-size: 14px; } }
      @media (max-width: 992px) {
        .grid-item-content .caption p {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding-top: 0%;
          padding-bottom: 20px;
          line-height: 20px;
          font-size: 18px; } }
      @media (max-width: 767px) {
        .grid-item-content .caption p {
          font-size: 14px;
          line-height: 18px;
          padding-bottom: 0px;
          padding-right: 5%; } }
      .grid-item-content .caption p.inexpEditMode a {
        z-index: 0 !important; }
      .grid-item-content .caption p.inexpEditMode span {
        text-decoration: none;
        /*border-bottom: 1px solid #fff;*/
        color: #fff;
        padding: 0 0 5px 0;
        margin-top: 20px;
        position: relative !important;
        bottom: -12px;
        transform: none !important;
        z-index: 1;
        margin: 0 2px; }
    .grid-item-content .caption a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      font-size: 16px;
      /*&:after {
                content: '';
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 1px;
                border-width: 0 0 1px;
                border-style: solid;
            }

            @include respond-to(small) {
                transform: translateY(0);
                margin-top: 0px;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;

                &:after {
                    content: '';
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 1px;
                    border-width: 0 0 0px;
                    border-style: solid;
                }
            }


            @include respond-to(large) {
                bottom: -19px;
                z-index: 9;
            }

            @include respond-to(smallToMedium) {
                transform: translateY(0%);
                height: 100%;
                width: 100%;
                padding: 0;
                margin-top: 0px;
                margin-left: -22px;
                z-index: 9;

                &:after {
                    content: '';
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 1px;
                    border-width: 0 0 0;
                    border-style: solid;
                }
            }*/ }
      .grid-item-content .caption a.inExpEditAnchor {
        z-index: 0 !important; }
    .grid-item-content .caption span {
      text-decoration: none;
      /*border-bottom: 1px solid #fff;*/
      color: #fff;
      padding: 0 0 5px 0;
      margin-top: 20px;
      position: absolute;
      bottom: -12px;
      transform: translateY(-100%);
      z-index: 1;
      margin: 0 32px; }
      .grid-item-content .caption span:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 1px;
        border-width: 0 0 1px;
        border-style: solid; }
      @media (max-width: 767px) {
        .grid-item-content .caption span {
          transform: translateY(0);
          margin-top: 0px;
          height: 100%;
          width: 100%;
          top: 0;
          left: 0; }
          .grid-item-content .caption span:after {
            content: '';
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 1px;
            border-width: 0 0 0px;
            border-style: solid; } }
      @media (max-width: 1200px) {
        .grid-item-content .caption span {
          bottom: -19px;
          z-index: 9; } }
      @media (min-width: 767px) and (max-width: 991px) {
        .grid-item-content .caption span {
          transform: translateY(0%);
          height: 100%;
          width: 100%;
          padding: 0;
          margin-top: 0px;
          margin-left: -22px;
          z-index: 9; }
          .grid-item-content .caption span:after {
            content: '';
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 1px;
            border-width: 0 0 0;
            border-style: solid; } }
      .grid-item-content .caption span.newsList {
        text-decoration: none;
        /*border-bottom: 1px solid #fff;*/
        color: #fff;
        padding: 0 0 0px 0;
        margin-top: 20px;
        position: relative;
        bottom: 0;
        transform: none;
        z-index: 1;
        margin: 0;
        display: inline-block;
        font-size: 14px; }
        .grid-item-content .caption span.newsList:after {
          content: '';
          /*width: 50%;*/
          position: absolute;
          left: 0;
          bottom: 0;
          border-width: 0 0 1px;
          border-style: solid; }
    .grid-item-content .caption .captImg {
      position: absolute;
      top: 50%;
      right: 140px;
      color: #fff;
      /*background: rgba(0,0,0, 0.1);*/
      padding: 8px 16px;
      font-size: 16px;
      max-width: 380px;
      transform: translateY(-50%);
      float: right; }
      @media (max-width: 1600px) {
        .grid-item-content .caption .captImg {
          right: 40px; } }
      .grid-item-content .caption .captImg img {
        width: 100%; }
  .grid-item-content .application-caption {
    padding: 0 2em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.6s ease;
    transition: all 1.6s ease; }
    @media (max-width: 1200px) {
      .grid-item-content .application-caption {
        /*padding: 0 22px;*/ } }
    @media (max-width: 992px) {
      .grid-item-content .application-caption {
        padding: 0 18px; } }
    .grid-item-content .application-caption h2 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 50px;
      line-height: 48px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
      text-align: left; }
      .grid-item-content .application-caption h2.thirdW {
        width: 55%; }
      @media (max-width: 992px) {
        .grid-item-content .application-caption h2 {
          font-size: 40px; } }
      @media (max-width: 767px) {
        .grid-item-content .application-caption h2 {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 30px !important;
          padding-right: 0;
          padding-top: 43px;
          padding-bottom: 20px;
          line-height: 20px;
          text-shadow: none; } }
    .grid-item-content .application-caption h3 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      line-height: 42px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      padding-right: 6% !important;
      margin-bottom: 0; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .grid-item-content .application-caption h3 {
          font-size: 30px; } }
      @media (max-width: 992px) {
        .grid-item-content .application-caption h3 {
          font-size: 30px;
          padding-right: 8% !important; } }
      @media (max-width: 767px) {
        .grid-item-content .application-caption h3 {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 23px;
          padding-right: 5%;
          padding-top: 3px;
          padding-bottom: 0px;
          line-height: 30px;
          text-shadow: none;
          margin-bottom: 0; } }
    .grid-item-content .application-caption h4 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 22px;
      line-height: 30px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      padding-right: 10% !important; }
      @media (max-width: 992px) {
        .grid-item-content .application-caption h4 {
          line-height: 28px;
          font-size: 22px;
          padding-right: 8% !important; } }
      @media (max-width: 767px) {
        .grid-item-content .application-caption h4 {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 1em !important;
          padding-right: 15%;
          /*padding-top: 43px;*/
          padding-bottom: 20px;
          line-height: 20px;
          text-shadow: none; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .grid-item-content .application-caption p {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 26px;
      color: #000000;
      visibility: hidden;
      display: none;
      opacity: 0; }
      @media (max-width: 1200px) {
        .grid-item-content .application-caption p {
          font-size: 18px; } }
      @media (max-width: 992px) {
        .grid-item-content .application-caption p {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          padding-top: 0%;
          /*padding-bottom: 20px;*/
          line-height: 20px;
          font-size: 18px; } }
      @media (max-width: 767px) {
        .grid-item-content .application-caption p {
          font-size: 14px; } }
      .grid-item-content .application-caption p.border-top {
        border-top: 1px solid #333F48;
        margin-top: 15px;
        padding-top: 25px; }
        @media (max-width: 767px) {
          .grid-item-content .application-caption p.border-top {
            margin-top: 5px;
            padding-top: 5px; } }
    .grid-item-content .application-caption.txtWhite h2, .grid-item-content .application-caption.txtWhite h3, .grid-item-content .application-caption.txtWhite h4, .grid-item-content .application-caption.txtWhite p {
      color: #fff !important;
      text-shadow: 0 1px 1px transparent; }
    .grid-item-content .application-caption.txtWhite .border-top {
      border-top: 1px solid #fff;
      margin-top: 15px;
      padding-top: 25px; }
      @media (max-width: 767px) {
        .grid-item-content .application-caption.txtWhite .border-top {
          margin-top: 5px;
          padding-top: 5px; } }
    .grid-item-content .application-caption.txtDark h2, .grid-item-content .application-caption.txtDark h3, .grid-item-content .application-caption.txtDark h4, .grid-item-content .application-caption.txtDark p {
      color: #333F48 !important;
      text-shadow: 0 1px 1px transparent; }
  .grid-item-content .sharepriceText {
    opacity: 0.7;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    color: #FFFFFF;
    position: relative;
    font-size: 22px;
    line-height: 45px;
    position: absolute;
    top: 15px;
    left: 1.5em; }
    @media (max-width: 767px) {
      .grid-item-content .sharepriceText {
        left: 1em; } }
  .grid-item-content .shareContent .application-caption {
    padding: 0 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.6s ease;
    transition: all 1.6s ease; }
    @media (max-width: 992px) {
      .grid-item-content .shareContent .application-caption {
        padding: 0 18px; } }
    .grid-item-content .shareContent .application-caption h3 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 130px;
      font-weight: 200;
      line-height: 100px;
      /*color: #FFFFFF;*/
      text-shadow: 0 1px 1px transparent;
      padding-right: 6% !important;
      margin-bottom: 0;
      float: left;
      position: relative; }
      @media (max-width: 992px) {
        .grid-item-content .shareContent .application-caption h3 {
          font-size: 110px;
          padding-right: 8% !important; } }
      @media (max-width: 767px) {
        .grid-item-content .shareContent .application-caption h3 {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 70px;
          padding-right: 5%;
          padding-top: 3px;
          padding-bottom: 0px;
          line-height: 30px;
          text-shadow: none;
          margin-bottom: 0; } }
      .grid-item-content .shareContent .application-caption h3 small {
        opacity: 0.58;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        color: #FFFFFF;
        position: relative;
        font-size: 22px;
        line-height: 45px;
        position: absolute;
        bottom: 0;
        right: -50px; }
        @media (max-width: 767px) {
          .grid-item-content .shareContent .application-caption h3 small {
            line-height: 0px; } }
        .grid-item-content .shareContent .application-caption h3 small.percent {
          right: -60px; }
  .grid-item-content:hover .application-caption p {
    visibility: visible;
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; }
  .grid-item-content a.view {
    color: #FFFFFF;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    bottom: 10%;
    left: 34px; }
    @media (min-width: 1200px) and (max-width: 1600px) and (orientation: landscape) {
      .grid-item-content a.view {
        width: 70%; } }
    @media (max-width: 992px) {
      .grid-item-content a.view {
        left: 20px;
        right: 20px; } }
    .grid-item-content a.view span {
      display: inline-block;
      border-bottom: 1px solid #fff;
      padding: 10px 0; }

.grid-item--height2 {
  height: 297px; }
  @media (max-width: 767px) {
    .grid-item--height2.half-height .application-caption h2 {
      padding-top: 20px;
      padding-bottom: 10px; } }
  .grid-item--height2.half-height .application-caption h4 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 24px; }
    @media (max-width: 992px) {
      .grid-item--height2.half-height .application-caption h4 {
        line-height: 24px;
        font-size: 20px; } }
    @media (max-width: 767px) {
      .grid-item--height2.half-height .application-caption h4 {
        padding-bottom: 0; } }

.grid-item--height3, .grid-item--height4 {
  height: 624px; }

.grid-item--height5 {
  height: 750px; }

.grid-item--height5-half {
  height: 360px;
  margin-bottom: 30px; }

@media (min-width: 767px) and (max-width: 991px) {
  .grid-item--height2 {
    min-height: 210px !important;
    height: auto; }
  .grid-item--height3 {
    min-height: 300px !important;
    height: auto; }
  .grid-item--height4 {
    min-height: 340px !important;
    height: auto; }
  .grid-item--height5 {
    min-height: 340px !important;
    height: 340px;
    margin-bottom: 30px; }
  .grid-item--height5-half {
    height: 340px;
    margin-bottom: 30px; }
  .grid-item-width-50, .grid-item--height2.half-height {
    min-height: 280px !important; }
  .grid-item-width-50-2 {
    min-height: 280px !important; }
  .grid-item--height2.half-height h4 {
    margin-bottom: 0; } }

@media (max-width: 767px) {
  .grid-item--height2 {
    min-height: 100px !important;
    height: auto; }
  .grid-item--height3 {
    min-height: 100px !important;
    height: auto; }
  .grid-item--height4 {
    min-height: 340px !important;
    height: auto; }
  .grid-item--height5 {
    min-height: 340px !important;
    height: 340px;
    margin-bottom: 30px; }
  .grid-item-width-50, .grid-item--height2.half-height {
    min-height: 220px !important; }
  .grid-item-width-50-2 {
    min-height: 220px !important;
    max-height: 220px !important; } }

/*Social medai container large*/
.socialmedia-wrapper-large {
  background-color: #FFFFFF;
  margin-top: 0px; }
  @media (max-width: 1600px) {
    .socialmedia-wrapper-large {
      border: none;
      margin-top: 20px; } }
  .socialmedia-wrapper-large ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .socialmedia-wrapper-large ul li {
      width: 20%;
      height: 226px;
      position: relative;
      float: left;
      display: inline-block;
      background-color: #FFFFFF; }
      @media (max-width: 1600px) {
        .socialmedia-wrapper-large ul li {
          width: 33%;
          height: 166px; } }
      @media (max-width: 767px) {
        .socialmedia-wrapper-large ul li {
          width: 50%;
          height: 166px; } }
      .socialmedia-wrapper-large ul li a {
        display: block;
        height: 100%;
        width: 100%; }
        .socialmedia-wrapper-large ul li a span {
          position: absolute;
          font-size: 80px;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%; }
          @media (max-width: 767px) {
            .socialmedia-wrapper-large ul li a span {
              font-size: 60px; } }
          .socialmedia-wrapper-large ul li a span.icon-linkedin {
            color: #0f98be; }
          .socialmedia-wrapper-large ul li a span.icon-facebook {
            color: #6086b7; }
          .socialmedia-wrapper-large ul li a span.icon-twitter {
            color: #12c4ef; }
          .socialmedia-wrapper-large ul li a span.icon-vimeo {
            color: #0ac4ee; }
          .socialmedia-wrapper-large ul li a span.icon-youtube {
            color: #d64d47; }
        .socialmedia-wrapper-large ul li a img {
          position: absolute;
          width: 90%;
          height: auto;
          padding: 30px;
          transform: translate(-50%, -30%);
          top: 20%;
          left: 50%; }
          @media (min-width: 1200px) and (max-width: 1600px) {
            .socialmedia-wrapper-large ul li a img {
              width: 50%; } }
          @media (max-width: 1200px) {
            .socialmedia-wrapper-large ul li a img {
              width: 80%; } }
          @media (max-width: 992px) {
            .socialmedia-wrapper-large ul li a img {
              width: 60%; } }
          @media (min-width: 300px) and (max-width: 460px) {
            .socialmedia-wrapper-large ul li a img {
              width: 90%; } }
        .socialmedia-wrapper-large ul li a small {
          position: absolute;
          font-size: 14px;
          top: 70%;
          left: 50%;
          transform: translateX(-50%);
          color: #99A4AE; }
          @media (max-width: 1600px) {
            .socialmedia-wrapper-large ul li a small {
              /*bottom: 10%;*/
              top: 77%; } }
          @media (max-width: 767px) {
            .socialmedia-wrapper-large ul li a small {
              font-size: 14px;
              word-break: break-all;
              left: 10px;
              right: 10px;
              transform: translateX(0);
              text-align: center;
              bottom: 10px; } }
          .socialmedia-wrapper-large ul li a small span {
            font-size: 14px; }

.pageinfomationBoxes .fullstorypageinfomationBoxes {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .pageinfomationBoxes .fullstorypageinfomationBoxes span.icon-chevron-with-circle-right {
    position: absolute;
    bottom: 30px;
    padding: 0 6%; }
    @media (max-width: 992px) {
      .pageinfomationBoxes .fullstorypageinfomationBoxes span.icon-chevron-with-circle-right {
        right: 30px;
        bottom: 50px; } }
    @media (max-width: 767px) {
      .pageinfomationBoxes .fullstorypageinfomationBoxes span.icon-chevron-with-circle-right {
        bottom: 45px; } }
  .pageinfomationBoxes .fullstorypageinfomationBoxes span span {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    margin-left: 10px; }

@media (max-width: 992px) {
  .pageinfomationBoxes h3 {
    transform: none !important;
    margin-top: 20px; } }

@media (max-width: 767px) {
  .pageinfomationBoxes h3 {
    font-size: 22px;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 30px !important;
    line-height: 26px;
    padding-right: 12%;
    margin: 0 !important; } }

.img-fit-box {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  z-index: 0; }

.input-group .icon-addon .form-control {
  border-radius: 0; }

.form-group {
  margin-bottom: 15px;
  display: block;
  z-index: 1;
  position: relative; }

.icon-addon {
  position: relative;
  color: #fff;
  display: block;
  margin: 50px 0; }
  @media (max-width: 1024px) {
    .icon-addon {
      margin: -50px 0 50px 0; } }
  .icon-addon:after, .icon-addon:before {
    display: table;
    content: " "; }
  .icon-addon:after {
    clear: both; }
  .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: 2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px; }
  .icon-addon.addon-lg .form-control {
    line-height: 1.88;
    height: 50px;
    font-size: 26px;
    padding: 10px 16px 10px 50px;
    color: #fff !important;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    border-radius: 0px;
    font-variant-ligatures: no-contextual; }
  .icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff !important; }
  .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon {
    font-size: 26px;
    margin-left: 0;
    left: 11px;
    top: 0px; }
  .icon-addon.addon-md .form-control, .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.27) !important;
    box-shadow: none; }
  .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px; }
  .icon-addon .form-control:focus + .glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus + .fa, .icon-addon:hover .fa {
    color: #fff; }
  .icon-addon .form-control:focus::-webkit-input-placeholder {
    color: transparent; }
  .icon-addon .form-control:focus:-moz-placeholder {
    color: transparent; }
  .icon-addon .form-control:focus::-moz-placeholder {
    color: transparent; }
  .icon-addon .form-control:focus:-ms-input-placeholder {
    color: transparent; }

.form-control::-webkit-input-placeholder {
  color: white; }

.form-control:-moz-placeholder {
  color: white; }

.form-control::-moz-placeholder {
  color: white; }

.form-control:-ms-input-placeholder {
  color: white; }

.further .icon-addon {
  color: #323E47;
  margin: 0px 0 50px 0%; }
  .further .icon-addon .form-control:focus + .glyphicon, .further .icon-addon:hover .glyphicon, .further .icon-addon .form-control:focus + .fa, .further .icon-addon:hover .fa {
    color: #323E47; }
  .further .icon-addon .form-control {
    line-height: 1.88;
    height: 50px;
    font-size: 26px;
    padding: 10px 16px 10px 50px;
    color: #323E47 !important;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    border-radius: 0px;
    margin-bottom: 50px;
    width: 120%; }
  .further .icon-addon .form-control:focus::-webkit-input-placeholder {
    color: transparent !important; }
  .further .icon-addon .form-control:focus:-moz-placeholder {
    color: transparent !important; }
  .further .icon-addon .form-control:focus::-moz-placeholder {
    color: transparent !important; }
  .further .icon-addon .form-control:focus:-ms-input-placeholder {
    color: transparent !important; }

.further .smaller .icon-addon {
  color: #323E47;
  margin: 0px 0 50px 0%; }
  .further .smaller .icon-addon .form-control {
    line-height: 1.88;
    height: 50px;
    font-size: 26px;
    width: 120%; }
    @media (max-width: 767px) {
      .further .smaller .icon-addon .form-control {
        font-size: 20px; } }

.further.addon-md .form-control, .further .form-control {
  border-bottom: 1px solid rgba(0, 0, 0, 0.27) !important; }

.further .form-control::-webkit-input-placeholder {
  color: #323E47 !important; }

.further .form-control:-moz-placeholder {
  color: #323E47 !important; }

.further .form-control::-moz-placeholder {
  color: #323E47 !important; }

.further .form-control:-ms-input-placeholder {
  color: #323E47 !important; }

/*Top Search*/
/* Search */
.searchbox {
  position: absolute;
  min-width: 50px;
  width: 0%;
  height: 130px;
  float: right;
  overflow: hidden;
  right: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 1px; }
  @media (max-width: 1024px) {
    .searchbox {
      height: 60px; } }

.searchbox-input {
  top: 0px;
  right: 0;
  border: 0;
  outline: 0;
  background: transparent;
  /*background: #00399d;*/
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0px 55px 0px 20px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1024px) and (max-width: 1600px) {
    .searchbox-input {
      top: 0px;
      background: transparent; } }

.searchbox-input::-webkit-input-placeholder {
  color: white; }

.searchbox-input:-moz-placeholder {
  color: white; }

.searchbox-input::-moz-placeholder {
  color: white; }

.searchbox-input:-ms-input-placeholder {
  color: white; }

.searchbox-icon,
.searchbox-submit {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  font-size: 18px;
  right: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: transparent;
  font-size: 18px;
  line-height: 43px; }
  @media (max-width: 1024px) {
    .searchbox-icon,
    .searchbox-submit {
      color: #333;
      font-size: 22px;
      line-height: 54px; } }

@media (max-width: 1024px) {
  .scrolled .searchbox-icon,
  .scrolled .searchbox-submit {
    line-height: 36px !important; } }

@media (max-width: 1024px) {
  .searchbox-input::-webkit-input-placeholder {
    color: #ccc; }
  .searchbox-input:-moz-placeholder {
    color: #ccc; }
  .searchbox-input::-moz-placeholder {
    color: #ccc; }
  .searchbox-input:-ms-input-placeholder {
    color: #ccc; } }

.searchbox-open {
  width: 300px;
  /*border-bottom: 1px solid #fff;*/ }
  @media (max-width: 1024px) {
    .searchbox-open {
      width: 50px; } }
  .searchbox-open .searchbox-input {
    top: 70px;
    right: 0;
    border: 0;
    outline: 0;
    background: rgba(0, 0, 0, 0.8);
    /*background: #00399d;*/
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 18px;
    color: #fff;
    position: absolute; }
    @media (max-width: 1024px) {
      .searchbox-open .searchbox-input {
        background: rgba(255, 255, 255, 0.15);
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        width: 98%;
        left: 1%;
        top: 90px; } }

.form-bg-w::-webkit-input-placeholder {
  color: #d9e1e2 !important; }

.form-bg-w:-moz-placeholder {
  color: #d9e1e2 !important; }

.form-bg-w:-moz-placeholder {
  color: #d9e1e2 !important; }

.form-bg-w::-moz-placeholder {
  color: #d9e1e2 !important; }

.form-bg-w:-ms-input-placeholder {
  color: #d9e1e2 !important; }

.form-bg-w::placeholder {
  color: #d9e1e2 !important; }

.loginContainer {
  position: relative;
  z-index: 2;
  /*border: 2px solid rgba(0, 0, 0, 0.20);*/
  padding: 50px 50px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); }
  .loginContainer .img---holder {
    margin-bottom: 30px; }
    .loginContainer .img---holder img {
      margin: 0 auto; }
  .loginContainer .overlay.skew-percent:after {
    z-index: 0; }
  .loginContainer .form-control {
    line-height: 1.88;
    height: 50px;
    font-size: 20px;
    padding: 15px 16px 10px 30px;
    color: #333 !important;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    border-radius: 0px;
    margin-bottom: 30px;
    border: 0 !important;
    background: #f3f3f3;
    box-shadow: inset 0 1px 1px transparent; }
    .loginContainer .form-control::-webkit-input-placeholder {
      color: #d9e1e2 !important; }
    .loginContainer .form-control:-moz-placeholder {
      color: #d9e1e2 !important; }
    .loginContainer .form-control::-moz-placeholder {
      color: #d9e1e2 !important; }
    .loginContainer .form-control:-ms-input-placeholder {
      color: #d9e1e2 !important; }
    .loginContainer .form-control::placeholder {
      color: #d9e1e2 !important; }
  .loginContainer .see--all .btn-primary {
    z-index: 2;
    position: relative;
    background: none;
    border-radius: 0;
    border: none;
    padding: 20px 0;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
  .loginContainer .see--all .btn-default {
    z-index: 1;
    position: relative;
    background: none;
    border-radius: 0;
    border: none; }
  .loginContainer .btn.btn-link {
    text-align: center;
    font-size: 16px;
    color: #00a9ce;
    display: block;
    padding-top: 20px; }
  .loginContainer .control-label {
    display: none; }

.help-block {
  display: block;
  margin-top: -15px;
  margin-bottom: 10px; }

.alert {
  padding: 15px 30px;
  margin-bottom: 30px;
  border-radius: 0px !important; }

/* =======================================================
*
* 	Generally Style carousel/sliders 
*
* ======================================================= */
/* 
	* below 900px, switch to percentage based responsive height.
	* padding of 33.333% is calculated by using the (-)
	* image ratio 733px/1962px = .333 * 100% = 37.363% 
*/
.further.hasStories .header-information .breadcrumb {
  height: 0px; }
  @media (max-width: 767px) {
    .further.hasStories .header-information .breadcrumb {
      transform: translateY(140px); } }

.further.hasStories .header-information .header-content {
  margin-top: -20px; }
  .further.hasStories .header-information .header-content section.Stories-carousel {
    margin-bottom: 50px; }
    @media (max-width: 1024px) {
      .further.hasStories .header-information .header-content section.Stories-carousel {
        margin-top: 105px; } }

.header-information section.Stories-carousel {
  position: relative;
  margin-top: 0px;
  z-index: 0;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
  margin-bottom: 0px;
  height: 75vh;
  /*@include respond-to(medium) {
                margin-top: 0;
                margin-bottom: 0;
            }*/ }
  .header-information section.Stories-carousel .owl-theme .owl-item .item {
    height: 50vh; }
    @media (max-width: 992px) {
      .header-information section.Stories-carousel .owl-theme .owl-item .item {
        position: relative; } }
    @media screen and (min-width: 1024px) and (max-height: 700px) {
      .header-information section.Stories-carousel .owl-theme .owl-item .item {
        height: 100vh !important; } }
    @media only screen and (min-device-width: 375px) and (max-device-width: 850px) and (orientation: landscape) {
      .header-information section.Stories-carousel .owl-theme .owl-item .item {
        height: calc(100vh - 45px) !important; } }
    .header-information section.Stories-carousel .owl-theme .owl-item .item .background-image-holder {
      position: absolute;
      width: 100%;
      min-height: 100% !important;
      top: 0;
      left: 0;
      z-index: 1;
      background-size: cover !important;
      background-position: 50% 50% !important;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      opacity: 0; }
      .header-information section.Stories-carousel .owl-theme .owl-item .item .background-image-holder.fadeIn {
        opacity: 1; }
  .header-information section.Stories-carousel .owl-theme .owl-item .tag-block {
    position: absolute;
    top: auto !important;
    bottom: 0px !important;
    font-size: 16px;
    z-index: 9;
    padding: 8px 18px;
    font-size: 16px;
    right: 0px !important;
    line-height: 28px; }
    @media (max-width: 992px) {
      .header-information section.Stories-carousel .owl-theme .owl-item .tag-block {
        left: auto !important; } }
    @media (max-width: 767px) {
      .header-information section.Stories-carousel .owl-theme .owl-item .tag-block {
        top: 0 !important;
        bottom: auto !important;
        right: auto !important; } }
  .header-information section.Stories-carousel .owl-theme .nordic-caption-wrapper {
    position: absolute;
    bottom: 0px;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 75vh; }
  .header-information section.Stories-carousel .owl-theme .nordic-caption {
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 992px) {
      .header-information section.Stories-carousel .owl-theme .nordic-caption {
        width: 90%;
        position: absolute;
        top: 50%;
        height: auto;
        transform: translateY(-50%);
        left: 20px;
        bottom: auto; } }
    .header-information section.Stories-carousel .owl-theme .nordic-caption h2 {
      font-size: 66px;
      font-weight: 300;
      line-height: 66px;
      color: #FFFFFF;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
      margin-bottom: 20px; }
      @media (min-width: 992px) and (max-width: 1600px) {
        .header-information section.Stories-carousel .owl-theme .nordic-caption h2 {
          font-size: 46px;
          line-height: 55px;
          margin-bottom: 0px; } }
      @media (max-width: 992px) {
        .header-information section.Stories-carousel .owl-theme .nordic-caption h2 {
          font-size: 46px;
          line-height: 55px;
          margin-bottom: 0px; } }
      @media (max-width: 550px) {
        .header-information section.Stories-carousel .owl-theme .nordic-caption h2 {
          font-size: 26px;
          line-height: 35px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) and (max-height: 700px) {
        .header-information section.Stories-carousel .owl-theme .nordic-caption h2 {
          font-size: 46px;
          line-height: 54px; } }
    .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstory {
      font-size: 22px;
      font-weight: 300;
      text-align: center;
      line-height: 33px;
      color: #FFFFFF; }
      .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstory span {
        display: inline;
        float: left;
        padding: 3px 15px 0 0; }
        .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstory span img {
          width: 22px;
          height: 22px; }
    .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstoryCTA {
      font-size: 22px;
      font-weight: 300;
      text-align: left;
      line-height: 33px;
      color: #000;
      background: #d0df00;
      width: auto;
      z-index: 99;
      text-align: left;
      display: inline-block;
      padding: 20px 20px;
      position: relative;
      overflow: hidden;
      font-size: 18px;
      font-weight: bold;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      margin-top: 25px; }
      .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstoryCTA:after {
        content: '';
        background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
        width: 150%;
        height: 150%;
        position: absolute;
        right: 0;
        top: 40%;
        left: 60%;
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        -ms-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease; }
      @media (max-width: 550px) {
        .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstoryCTA {
          font-size: 16px; } }
      .header-information section.Stories-carousel .owl-theme .nordic-caption .fullstoryCTA span {
        position: relative;
        z-index: 999; }

.info-carousel-image {
  position: relative;
  padding: 0 0 0 30px;
  flex: 1; }
  @media (min-width: 1024px) {
    .info-carousel-image img {
      object-fit: cover;
      max-height: 440px;
      width: 95% !important; } }
  @media (min-width: 1600px) {
    .info-carousel-image img {
      height: 100% !important;
      object-fit: contain;
      max-height: 555px;
      width: 100% !important; } }

@media (min-width: 1024px) {
  .HideCarouselBackground .info-carousel-image img {
    object-fit: contain; } }

.info-carousel {
  position: relative;
  margin-top: 0;
  z-index: 0;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  height: auto;
  margin: 0 auto;
  /*@media (min-width: 768px) {
        max-width: 1920px;
        height: auto;
    }*/ }
  .info-carousel.gray {
    background: #f7f9f9; }
  .info-carousel.white {
    background: white; }
  @media (min-width: 1024px) {
    .info-carousel .backgroundTheme {
      max-width: unset !important;
      width: auto !important;
      margin: 0 10% !important;
      background-size: 620px !important; } }
  @media (min-width: 1600px) {
    .info-carousel .backgroundTheme {
      width: 1440px !important;
      margin: 0 auto !important;
      background-size: 840px !important; } }
  @media (min-width: 1200px) {
    .info-carousel .backgroundTheme #infoslides {
      min-height: 380px; } }
  @media (max-width: 1200px) {
    .info-carousel .owl-theme .owl-nav {
      top: 12%; } }
  .info-carousel .owl-theme .owl-next span,
  .info-carousel .owl-theme .owl-prev span {
    width: unset;
    height: unset; }
    @media (max-width: 1200px) {
      .info-carousel .owl-theme .owl-next span,
      .info-carousel .owl-theme .owl-prev span {
        font-size: 40px !important; } }
  @media (max-width: 1200px) {
    .info-carousel .owl-theme .owl-prev {
      left: -15px !important; } }
  @media (max-width: 1200px) {
    .info-carousel .owl-theme .owl-next {
      right: 0 !important; } }
  @media (min-width: 760px) {
    .info-carousel {
      width: auto;
      height: auto; } }
  @media (min-width: 992px) {
    .info-carousel {
      width: auto;
      height: auto;
      padding-bottom: 0px; } }
  @media (min-width: 1200px) {
    .info-carousel {
      width: 100%;
      min-height: 475px; } }
  @media (min-width: 1700px) {
    .info-carousel {
      width: 100%;
      min-height: 631px; } }
  .info-carousel .backgroundTheme {
    background: url("../-/media/Images/DefaultImages/customer_quotes_bg_front.svg") no-repeat 100%; }
    @media (min-width: 760px) {
      .info-carousel .backgroundTheme {
        width: 750px;
        margin: 0 auto; } }
    @media (min-width: 992px) {
      .info-carousel .backgroundTheme {
        width: 970px; } }
    @media (min-width: 1024px) {
      .info-carousel .backgroundTheme {
        margin: 0 10%; } }
    @media (min-width: 1200px) {
      .info-carousel .backgroundTheme {
        width: 1170px;
        margin: 0 10%; } }
    @media (min-width: 1200px) {
      .info-carousel .backgroundTheme {
        width: 1170px;
        margin: 0 10%; } }
    @media (min-width: 1600px) {
      .info-carousel .backgroundTheme {
        width: 1440px;
        margin: 0 auto; } }
    .info-carousel .backgroundTheme.HideCarouselBackground {
      background: none; }
    @media (max-width: 1200px) {
      .info-carousel .backgroundTheme {
        background: none !important; } }
  .info-carousel__content {
    display: flex;
    flex-direction: column;
    padding: 0 15px; }
    @media (min-width: 1200px) {
      .info-carousel__content {
        flex-direction: row;
        margin-top: 85px; } }
    .info-carousel__content-title {
      width: auto;
      flex-direction: column;
      word-break: break-word;
      margin-top: 21px;
      margin-bottom: 25px;
      padding: 0; }
      @media (min-width: 1200px) {
        .info-carousel__content-title {
          width: 25%;
          margin-bottom: 0;
          margin-top: 0;
          padding: 0 30px 0 0; } }
      @media (min-width: 1700px) {
        .info-carousel__content-title {
          /*                width: 360px;
                margin-bottom: 0;
                margin-top: 0;
                padding: 0 30px 0 0;
*/ } }
      .info-carousel__content-title > h3 {
        color: #00A9CE;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 30px;
        font-weight: 300;
        margin: 0; }
        @media (min-width: 1200px) {
          .info-carousel__content-title > h3 {
            font-size: 36px; } }
    .info-carousel__content-info {
      width: auto;
      flex-direction: column;
      word-break: break-word;
      margin-bottom: 25px; }
      @media (min-width: 1200px) {
        .info-carousel__content-info {
          margin: 0;
          padding-top: 4px;
          width: 421px; } }
      .info-carousel__content-info > h3 {
        margin: 0 0 10px;
        color: #333f48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300; }
        @media (min-width: 1200px) {
          .info-carousel__content-info > h3 {
            font-size: 36px;
            line-height: 33px; } }
      .info-carousel__content-info > h4 {
        margin-bottom: 25px;
        color: #333f48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 25px;
        line-height: 30px;
        font-weight: 300; }
        @media (min-width: 1200px) {
          .info-carousel__content-info > h4 {
            margin-bottom: 30px; } }
      .info-carousel__content-info > p {
        margin-bottom: 25px;
        color: #333f48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: 300; }
        @media (min-width: 1200px) {
          .info-carousel__content-info > p {
            margin-bottom: 30px; } }
      .info-carousel__content-info .infoCarouselLinks {
        margin-bottom: 145px; }
        @media (min-width: 1200px) {
          .info-carousel__content-info .infoCarouselLinks {
            margin-bottom: 0; } }
        .info-carousel__content-info .infoCarouselLinks > a {
          line-height: 22px; }
        .info-carousel__content-info .infoCarouselLinks > a > span {
          color: #333f48;
          font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
          font-size: 18px;
          line-height: 22px;
          font-weight: 300; }
  .info-carousel .owl-theme .owl-nav [class*="owl-"] {
    font-size: 26px !important; }
  .info-carousel .owl-theme .owl-item {
    position: relative; }
    .info-carousel .owl-theme .owl-item .tag-block-quotes {
      position: absolute;
      top: 10px;
      left: 0px;
      background-color: #71D1E2;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      line-height: 18px;
      z-index: 9;
      padding: 5px 21px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 38px;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity 1.8s ease;
      -moz-transition: opacity 1.8s ease;
      -ms-transition: opacity 1.8s ease;
      -o-transition: opacity 1.8s ease;
      transition: opacity 1.8s ease; }
      @media (max-width: 992px) {
        .info-carousel .owl-theme .owl-item .tag-block-quotes {
          right: 0 !important;
          font-size: 13px;
          padding: 6px 10px;
          line-height: 14px;
          z-index: 999; } }
    .info-carousel .owl-theme .owl-item.active .tag-block-quotes {
      opacity: 1; }
  .info-carousel .owl-theme .image-square {
    height: auto;
    overflow: hidden;
    padding: 0; }
    @media (min-width: 1700px) {
      .info-carousel .owl-theme .image-square {
        height: 50vw;
        max-height: 640px; } }
    .info-carousel .owl-theme .image-square .image {
      position: absolute;
      padding-top: 0;
      right: -7%; }
      @media (max-width: 1200px) {
        .info-carousel .owl-theme .image-square .image {
          position: relative;
          padding-top: 15px;
          right: 0;
          padding-bottom: 40px; } }
      .info-carousel .owl-theme .image-square .image .background-image-holder {
        width: auto;
        height: 294px;
        z-index: 1;
        background-size: contain !important;
        background-position: 50% 50% !important;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
        margin: 0 auto;
        background-repeat: no-repeat !important; }
        @media (min-width: 1200px) {
          .info-carousel .owl-theme .image-square .image .background-image-holder {
            width: 415px;
            height: 402px;
            margin-top: 0;
            background-position: left !important; } }
        @media (min-width: 1700px) {
          .info-carousel .owl-theme .image-square .image .background-image-holder {
            width: 738px;
            width: 652px;
            height: 631px;
            margin-top: 0;
            background-position: left !important; } }
        .info-carousel .owl-theme .image-square .image .background-image-holder.fadeIn {
          opacity: 1; }
    .info-carousel .owl-theme .image-square > .content {
      position: absolute;
      left: 0;
      top: 40%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      padding: 21px 0 0 0; }
      @media (min-width: 992px) {
        .info-carousel .owl-theme .image-square > .content {
          padding: 5% 0 0 0; } }
      @media (max-width: 992px) {
        .info-carousel .owl-theme .image-square > .content {
          position: relative;
          left: 0;
          top: 0;
          -ms-transform: translateY(0);
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0); } }
      .info-carousel .owl-theme .image-square > .content h3 {
        color: #00a9ce;
        font-size: 30px;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        line-height: 30px; }
        @media (min-width: 1200px) {
          .info-carousel .owl-theme .image-square > .content h3 {
            font-size: 36px;
            line-height: 33px; } }
        .info-carousel .owl-theme .image-square > .content h3.careername {
          color: #333f48;
          font-weight: 300; }
      .info-carousel .owl-theme .image-square > .content p {
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
        color: #333f48;
        margin: 12px 0 15px 0;
        padding-top: 10px;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
        @media (max-width: 992px) {
          .info-carousel .owl-theme .image-square > .content p {
            margin: 22px 0 27.5px 0; } }
      .info-carousel .owl-theme .image-square > .content h4.careertitle {
        font-size: 25px;
        color: #333f48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        margin-bottom: 30px;
        line-height: 30px; }
      .info-carousel .owl-theme .image-square > .content .read_fullstory {
        font-size: 18px;
        font-weight: 300;
        text-align: center;
        line-height: 21px;
        color: #333f48;
        padding-top: 15px;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
        @media (max-width: 992px) {
          .info-carousel .owl-theme .image-square > .content .read_fullstory {
            font-size: 18px; } }
        .info-carousel .owl-theme .image-square > .content .read_fullstory span {
          display: inline-flex;
          font-weight: 300;
          padding-top: 4px; }
          .info-carousel .owl-theme .image-square > .content .read_fullstory span.long-icon-arrow-small {
            background: url("../-/media/Images/DefaultImages/arrow_right_small.png") no-repeat;
            display: inline-block;
            height: 30px;
            width: 30px; }
          .info-carousel .owl-theme .image-square > .content .read_fullstory span.link-text {
            margin-bottom: 10px; }
    .info-carousel .owl-theme .image-square.right {
      right: 0; }
    @media (min-width: 1200px) {
      .info-carousel .owl-theme .image-square--min-height-desktop {
        min-height: 400px; } }
  .info-carousel .owl-theme .owl-nav {
    /*max-width: 100px;
                position: absolute;
                z-index: 99;
                top: -13px;
                left: 0%;
                display: block;*/
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 0%;
    display: block;
    transform: translateY(-50%); }
    @media (max-width: 1600px) {
      .info-carousel .owl-theme .owl-nav {
        left: 0%; } }
    @media (max-width: 992px) {
      .info-carousel .owl-theme .owl-nav {
        max-width: 100%;
        width: 100%;
        position: absolute;
        z-index: 99;
        left: 0;
        top: 40%; } }
    .info-carousel .owl-theme .owl-nav .fa {
      font-size: 30px; }
  .info-carousel .owl-theme .owl-next, .info-carousel .owl-theme .owl-prev {
    /* display: none;*/
    width: 40px;
    height: 40px;
    background: transparent;
    color: #00a9ce; }
    .info-carousel .owl-theme .owl-next:hover, .info-carousel .owl-theme .owl-prev:hover {
      background: transparent;
      color: #333;
      text-decoration: none; }
    .info-carousel .owl-theme .owl-next span, .info-carousel .owl-theme .owl-prev span {
      font-size: 140px; }
      @media (max-width: 1024px) {
        .info-carousel .owl-theme .owl-next span, .info-carousel .owl-theme .owl-prev span {
          font-size: 80px; } }
      @media (max-width: 992px) {
        .info-carousel .owl-theme .owl-next span, .info-carousel .owl-theme .owl-prev span {
          font-size: 40px; } }
  .info-carousel .owl-theme .owl-prev {
    left: -120px;
    position: absolute; }
  .info-carousel .owl-theme .owl-next {
    right: -20px;
    position: absolute; }
  @media (max-width: 992px) {
    .info-carousel .owl-theme .owl-prev {
      position: absolute;
      left: 0 !important; }
    .info-carousel .owl-theme .owl-next {
      position: absolute;
      right: 15px !important; } }
  .info-carousel .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    top: auto; }
    @media (min-width: 1700px) {
      .info-carousel .owl-dots {
        top: auto; } }
    @media (max-width: 992px) {
      .info-carousel .owl-dots {
        /*left: 90%;
                top: 50%;
                transform: translateY(-50%);*/
        bottom: 66px; } }
    .info-carousel .owl-dots .owl-dot span {
      width: 22px;
      height: 22px;
      margin: 5px 12.4px;
      background: #d6d6d6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity .2s ease;
      border-radius: 30px;
      /*@include respond-to(small) {
                    width: 12px;
                    height: 12px;
                    margin: 5px 8.4px;
                }*/ }
    .info-carousel .owl-dots .owl-dot.active span, .info-carousel .owl-dots .owl-dot:hover span {
      background: #00a9ce; }

section {
  /*Article carousel*/ }
  section.Stories-carousel {
    position: relative;
    margin-top: 100px;
    /*margin-bottom: 50px;*/
    z-index: 0;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 992px) {
      section.Stories-carousel {
        margin-top: 0;
        margin-bottom: 0; } }
    section.Stories-carousel .owl-carousel .item .container {
      position: relative; }
    section.Stories-carousel .owl-theme .owl-item .item {
      height: 600px; }
      @media (max-width: 992px) {
        section.Stories-carousel .owl-theme .owl-item .item {
          position: relative;
          height: 362px; } }
      section.Stories-carousel .owl-theme .owl-item .item .background-image-holder {
        position: absolute;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        z-index: 1;
        background-size: cover !important;
        background-position: 50% 50% !important;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0; }
        section.Stories-carousel .owl-theme .owl-item .item .background-image-holder.fadeIn {
          opacity: 1; }
    section.Stories-carousel .owl-theme .owl-item .tag-block {
      position: absolute;
      top: 0;
      background-color: #00A9CE;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      line-height: 18px;
      z-index: 9;
      padding: 5px 21px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 38px;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity 1.8s ease;
      -moz-transition: opacity 1.8s ease;
      -ms-transition: opacity 1.8s ease;
      -o-transition: opacity 1.8s ease;
      transition: opacity 1.8s ease; }
      @media (max-width: 992px) {
        section.Stories-carousel .owl-theme .owl-item .tag-block {
          left: 0 !important;
          font-size: 13px;
          padding: 6px 10px;
          line-height: 14px; } }
    section.Stories-carousel .owl-theme .owl-item.active .tag-block {
      opacity: 1; }
    section.Stories-carousel .owl-theme .overlay {
      position: absolute;
      top: 0;
      background: linear-gradient(192deg, #71D1E2, transparent);
      opacity: 1;
      z-index: 2;
      width: 100%;
      height: 100%; }
    section.Stories-carousel .owl-theme .nordic-caption {
      width: 840px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 99;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 992px) {
        section.Stories-carousel .owl-theme .nordic-caption {
          width: 80%;
          position: absolute;
          bottom: 10px;
          /*height: 100%;
                    transform: translateY(0);*/
          left: 20px; } }
      section.Stories-carousel .owl-theme .nordic-caption h2 {
        font-size: 66px;
        font-weight: 300;
        line-height: 76px;
        color: #FFFFFF;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
        margin-bottom: 60px; }
        @media (max-width: 992px) {
          section.Stories-carousel .owl-theme .nordic-caption h2 {
            font-size: 36px;
            line-height: 45px;
            margin-bottom: 0px; } }
      section.Stories-carousel .owl-theme .nordic-caption .fullstory {
        font-size: 22px;
        font-weight: 300;
        text-align: center;
        line-height: 33px;
        color: #FFFFFF; }
        section.Stories-carousel .owl-theme .nordic-caption .fullstory span {
          display: inline;
          float: left;
          padding: 6px 15px 0 0; }
          section.Stories-carousel .owl-theme .nordic-caption .fullstory span img {
            width: 22px;
            height: 22px; }
    section.Stories-carousel .owl-theme .owl-next, section.Stories-carousel .owl-theme .owl-prev {
      width: 22px;
      height: 40px;
      margin-top: -20px;
      position: absolute;
      top: 50%; }
    section.Stories-carousel .owl-theme .owl-prev {
      left: 10px; }
    section.Stories-carousel .owl-theme .owl-next {
      right: 10px; }
    section.Stories-carousel .owl-dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 40px;
      width: 100%; }
      @media (max-width: 992px) {
        section.Stories-carousel .owl-dots {
          /*left: 90%;
                top: 50%;
                transform: translateY(-50%);*/
          bottom: 10px; } }
      section.Stories-carousel .owl-dots .owl-dot span {
        width: 22px;
        height: 22px;
        margin: 5px 12.4px;
        background: rgba(255, 255, 255, 0.5);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
        @media (max-width: 767px) {
          section.Stories-carousel .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 5px 8.4px; } }
      section.Stories-carousel .owl-dots .owl-dot.active span, section.Stories-carousel .owl-dots .owl-dot:hover span {
        background: #00a9ce; }
  section.article-carousel {
    position: relative;
    margin-top: 100px;
    /*margin-bottom: 50px;*/
    z-index: 0;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 992px) {
      section.article-carousel {
        margin-top: 0;
        margin-bottom: 0; } }
    section.article-carousel .owl-theme {
      position: relative; }
      section.article-carousel .owl-theme .owl-item .item {
        height: 60vh; }
        @media (max-width: 992px) {
          section.article-carousel .owl-theme .owl-item .item {
            position: relative;
            height: 362px; } }
        section.article-carousel .owl-theme .owl-item .item .background-image-holder {
          position: absolute;
          width: 100%;
          height: 100% !important;
          top: 0;
          left: 0;
          z-index: 1;
          background-size: cover !important;
          background-position: 50% 50% !important;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          opacity: 0; }
          section.article-carousel .owl-theme .owl-item .item .background-image-holder.fadeIn {
            opacity: 1; }
      section.article-carousel .owl-theme .nordic-caption {
        width: 840px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        margin: 0 50px; }
        @media (max-width: 992px) {
          section.article-carousel .owl-theme .nordic-caption {
            width: 80%;
            position: absolute;
            top: 50%;
            /*height: 100%;*/
            transform: translateY(-50%);
            left: 20px !important; } }
        section.article-carousel .owl-theme .nordic-caption h2 {
          font-size: 66px;
          font-weight: 300;
          line-height: 76px;
          color: #FFFFFF;
          text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
          margin-bottom: 60px; }
          @media (max-width: 992px) {
            section.article-carousel .owl-theme .nordic-caption h2 {
              font-size: 36px;
              line-height: 45px;
              margin-bottom: 0px; } }
        section.article-carousel .owl-theme .nordic-caption .fullstory {
          font-size: 22px;
          font-weight: 300;
          text-align: center;
          line-height: 33px;
          color: #FFFFFF; }
          section.article-carousel .owl-theme .nordic-caption .fullstory span {
            display: inline;
            float: left;
            padding: 6px 15px 0 0; }
            section.article-carousel .owl-theme .nordic-caption .fullstory span img {
              width: 22px;
              height: 22px; }
    section.article-carousel .owl-dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 40px; }
      @media (max-width: 992px) {
        section.article-carousel .owl-dots {
          /*left: 90%;
                top: 50%;
                transform: translateY(-50%);*/
          bottom: 10px; } }
      section.article-carousel .owl-dots .owl-dot span {
        width: 22px;
        height: 22px;
        margin: 5px 12.4px;
        background: rgba(255, 255, 255, 0.5);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
        @media (max-width: 767px) {
          section.article-carousel .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 5px 8.4px; } }
      section.article-carousel .owl-dots .owl-dot.active span, section.article-carousel .owl-dots .owl-dot:hover span {
        background: #00a9ce; }
  section.quotes-carousel {
    position: relative;
    margin-top: 0;
    background: #f7f9f9;
    z-index: 0;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    padding: 30px 0 0; }
    @media (max-width: 1200px) {
      section.quotes-carousel {
        padding: 30px 80px 0 80px; } }
    @media (max-width: 992px) {
      section.quotes-carousel {
        padding: 56px 0; } }
    section.quotes-carousel .container {
      background: url("../-/media/Images/DefaultImages/customer_quotes_bg_front.svg") no-repeat 100%; }
      @media (max-width: 992px) {
        section.quotes-carousel .container {
          background: none !important; } }
    section.quotes-carousel .HideCarouselBackground {
      background: none; }
    section.quotes-carousel .owl-theme .owl-nav [class*="owl-"] {
      font-size: 26px !important; }
    section.quotes-carousel .owl-theme .owl-item {
      position: relative; }
      section.quotes-carousel .owl-theme .owl-item .tag-block-quotes {
        position: absolute;
        top: 10px;
        left: 0px;
        background-color: #71D1E2;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        z-index: 9;
        padding: 5px 21px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 38px;
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity 1.8s ease;
        -moz-transition: opacity 1.8s ease;
        -ms-transition: opacity 1.8s ease;
        -o-transition: opacity 1.8s ease;
        transition: opacity 1.8s ease; }
        @media (max-width: 992px) {
          section.quotes-carousel .owl-theme .owl-item .tag-block-quotes {
            right: 0 !important;
            font-size: 13px;
            padding: 6px 10px;
            line-height: 14px;
            z-index: 999; } }
      section.quotes-carousel .owl-theme .owl-item.active .tag-block-quotes {
        opacity: 1; }
    section.quotes-carousel .owl-theme .image-square {
      height: 50vw;
      max-height: 640px;
      overflow: hidden;
      padding: 0; }
      @media (max-width: 992px) {
        section.quotes-carousel .owl-theme .image-square {
          height: auto;
          max-height: 640px;
          overflow: hidden;
          padding: 0; } }
      section.quotes-carousel .owl-theme .image-square .image {
        height: 100%;
        position: absolute;
        right: 0; }
        section.quotes-carousel .owl-theme .image-square .image .background-image-holder {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: 1;
          background-size: cover !important;
          background-position: 50% 50% !important;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          opacity: 0; }
          section.quotes-carousel .owl-theme .image-square .image .background-image-holder.fadeIn {
            opacity: 1; }
      section.quotes-carousel .owl-theme .image-square > .content {
        position: absolute;
        left: 0;
        padding: 5% 7% 0 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%); }
        @media (max-width: 992px) {
          section.quotes-carousel .owl-theme .image-square > .content {
            position: relative;
            left: 0;
            padding: 0 40px;
            top: 0;
            -ms-transform: translateY(0);
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0); } }
        section.quotes-carousel .owl-theme .image-square > .content h3 {
          font-size: 34px;
          font-weight: 300;
          line-height: 48px;
          color: #323E47; }
          @media (max-width: 1200px) {
            section.quotes-carousel .owl-theme .image-square > .content h3 {
              font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
              font-size: 32px;
              line-height: 40px;
              margin-bottom: 10px; } }
          @media (max-width: 992px) {
            section.quotes-carousel .owl-theme .image-square > .content h3 {
              font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
              font-size: 30px; } }
        section.quotes-carousel .owl-theme .image-square > .content p {
          font-size: 18px;
          font-weight: 300;
          line-height: 24px;
          color: #313E47;
          margin: 12px 0 15px 0;
          display: -webkit-box;
          -webkit-line-clamp: 10;
          -webkit-box-orient: vertical;
          overflow: hidden; }
          @media (max-width: 992px) {
            section.quotes-carousel .owl-theme .image-square > .content p {
              margin: 22px 0 27.5px 0; } }
        section.quotes-carousel .owl-theme .image-square > .content .quotename {
          font-size: 18px;
          line-height: 24px;
          color: #00ADD0; }
        section.quotes-carousel .owl-theme .image-square > .content .read_fullstory {
          font-size: 22px;
          font-weight: 300;
          text-align: center;
          line-height: 33px;
          color: #333f48;
          margin-top: -10px;
          position: relative; }
          @media (max-width: 992px) {
            section.quotes-carousel .owl-theme .image-square > .content .read_fullstory {
              font-size: 18px; } }
          section.quotes-carousel .owl-theme .image-square > .content .read_fullstory span {
            display: inline;
            padding: 6px 15px 0 0; }
            section.quotes-carousel .owl-theme .image-square > .content .read_fullstory span:before {
              position: absolute;
              top: 0px;
              right: -14px; }
      section.quotes-carousel .owl-theme .image-square.right {
        right: 0; }
    section.quotes-carousel .owl-theme .owl-nav {
      /*max-width: 100px;
                position: absolute;
                z-index: 99;
                top: -13px;
                left: 0%;
                display: block;*/
      width: 100%;
      position: absolute;
      z-index: 99;
      top: 50%;
      left: 0%;
      display: block;
      transform: translateY(-50%); }
      @media (max-width: 1600px) {
        section.quotes-carousel .owl-theme .owl-nav {
          left: 0%; } }
      @media (max-width: 992px) {
        section.quotes-carousel .owl-theme .owl-nav {
          max-width: 100%;
          width: 100%;
          position: absolute;
          z-index: 99;
          left: 0;
          top: 40%; } }
      section.quotes-carousel .owl-theme .owl-nav .fa {
        font-size: 30px; }
    section.quotes-carousel .owl-theme .owl-next, section.quotes-carousel .owl-theme .owl-prev {
      width: 40px;
      height: 40px;
      background: transparent;
      color: #00a9ce; }
      section.quotes-carousel .owl-theme .owl-next:hover, section.quotes-carousel .owl-theme .owl-prev:hover {
        background: transparent;
        color: #333;
        text-decoration: none; }
      section.quotes-carousel .owl-theme .owl-next span, section.quotes-carousel .owl-theme .owl-prev span {
        font-size: 140px; }
        @media (max-width: 1024px) {
          section.quotes-carousel .owl-theme .owl-next span, section.quotes-carousel .owl-theme .owl-prev span {
            font-size: 80px; } }
        @media (max-width: 992px) {
          section.quotes-carousel .owl-theme .owl-next span, section.quotes-carousel .owl-theme .owl-prev span {
            font-size: 40px; } }
    section.quotes-carousel .owl-theme .owl-prev {
      left: -120px;
      position: absolute; }
    section.quotes-carousel .owl-theme .owl-next {
      right: -20px;
      position: absolute; }
    @media (max-width: 992px) {
      section.quotes-carousel .owl-theme .owl-prev {
        position: absolute;
        left: -15px; }
      section.quotes-carousel .owl-theme .owl-next {
        position: absolute;
        right: -0px; } }
    section.quotes-carousel .owl-dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 20px; }
      @media (max-width: 992px) {
        section.quotes-carousel .owl-dots {
          /*left: 90%;
                top: 50%;
                transform: translateY(-50%);*/
          bottom: -18px; } }
      section.quotes-carousel .owl-dots .owl-dot span {
        width: 22px;
        height: 22px;
        margin: 5px 12.4px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px; }
        @media (max-width: 767px) {
          section.quotes-carousel .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 5px 8.4px; } }
      section.quotes-carousel .owl-dots .owl-dot.active span, section.quotes-carousel .owl-dots .owl-dot:hover span {
        background: #00a9ce; }

/*CHIP CAROUSEL PAGE*/
.captionTextSlide {
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  font-weight: 100;
  font-size: 18px; }
  .captionTextSlide span {
    padding-right: 10px;
    float: left;
    margin: 10px 0;
    font-size: 18px; }
  .captionTextSlide small {
    float: right;
    margin: 10px 0;
    font-size: 16px;
    color: #838383; }

#slider-thumbs {
  margin-bottom: 60px; }

.hide-bullets {
  list-style: none;
  margin-left: -40px;
  margin-top: 20px; }
  .hide-bullets li[class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important; }
  .hide-bullets li a {
    position: relative;
    display: inline-block;
    background: white;
    cursor: pointer; }
    .hide-bullets li a span {
      font-size: 18px;
      font-weight: bold;
      line-height: 23px;
      letter-spacing: 2px;
      color: #393939;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    .hide-bullets li a small {
      font-size: 14px;
      font-weight: normal;
      line-height: 33px;
      letter-spacing: 2px;
      color: #95a0ab;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      position: absolute;
      text-align: center;
      text-decoration: none;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      border-bottom: 1px solid #95a0ab; }
    .hide-bullets li a.selected {
      background: #333f48;
      cursor: default; }
      .hide-bullets li a.selected span {
        font-size: 18px;
        font-weight: bold;
        line-height: 23px;
        letter-spacing: 2px;
        color: #FFFFFF;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      .hide-bullets li a.selected small {
        font-size: 14px;
        font-weight: normal;
        line-height: 33px;
        letter-spacing: 1px;
        color: #95a0ab;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        position: absolute;
        text-align: center;
        text-decoration: none;
        border-bottom: 0px solid #95a0ab; }
    .hide-bullets li a img {
      opacity: .4;
      width: 100%;
      height: auto; }

.carousel-fade {
  background-size: cover;
  margin-top: -80px; }
  @media (max-width: 1200px) {
    .carousel-fade {
      margin-top: -40px;
      margin-left: -40px;
      margin-bottom: 30px; } }
  .carousel-fade.carousel-marg-top {
    margin-top: 0px; }
    @media (max-width: 1024px) {
      .carousel-fade.carousel-marg-top {
        margin-top: 40px; } }
  @media (max-width: 1024px) {
    .carousel-fade {
      margin-top: 0px;
      margin-left: 0px; } }
  .carousel-fade .carousel-inner {
    min-height: 460px; }
    @media (min-width: 1200px) and (max-width: 1600px) {
      .carousel-fade .carousel-inner {
        min-height: 365px; } }
    @media (min-width: 767px) and (max-width: 1200px) {
      .carousel-fade .carousel-inner {
        min-height: 365px; } }
    .carousel-fade .carousel-inner .item {
      transition-property: opacity;
      padding: 80px 0 0 30px; }
      @media (max-width: 1200px) {
        .carousel-fade .carousel-inner .item {
          padding: 80px 0 0 30px; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        .carousel-fade .carousel-inner .item {
          padding: 20px 0 0 30px; } }
      @media (max-width: 1024px) {
        .carousel-fade .carousel-inner .item {
          padding: 0px 0 0 0px; } }
    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      opacity: 0; }
    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1; }
    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-control {
    z-index: 2; }

.carousel-info {
  border: 2px solid #99A4AE;
  /*@include respond-to(large) {
        margin-top: -40px;
        margin-left: -40px;
        margin-bottom: 30px;
    }

    @include respond-to(max1024) {
        margin-top: 0px;
        margin-left: 0px;
    }*/ }
  .carousel-info .carousel-inner .item {
    transition-property: opacity;
    padding: 80px;
    /*padding: 80px 0 0 80px;

            @include respond-to(large) {
                padding: 80px 0 0 80px;
            }*/ }
    @media (max-width: 1024px) {
      .carousel-info .carousel-inner .item {
        padding: 40px; } }
  .carousel-info .carousel-inner .item,
  .carousel-info .carousel-inner .active.left,
  .carousel-info .carousel-inner .active.right {
    opacity: 0; }
  .carousel-info .carousel-inner .active,
  .carousel-info .carousel-inner .next.left,
  .carousel-info .carousel-inner .prev.right {
    opacity: 1; }
  .carousel-info .carousel-inner .next,
  .carousel-info .carousel-inner .prev,
  .carousel-info .carousel-inner .active.left,
  .carousel-info .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0); }
  .carousel-info .carousel-control {
    z-index: 2;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 44px;
    height: 44px;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    padding: 6px 0; }
    .carousel-info .carousel-control.right {
      left: auto;
      right: 0;
      background: #7b8c98; }
    .carousel-info .carousel-control.left {
      right: 46px;
      left: auto;
      background: #7b8c98; }
  .carousel-info .carousel-caption {
    position: absolute;
    left: auto;
    right: 92px;
    top: auto;
    bottom: 0;
    z-index: 10;
    padding: 12px 40px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background: #22a8ca;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF; }

.nordicBlogSlider {
  margin-bottom: 25px;
  padding: 0px 0;
  height: 325px;
  /*overflow: hidden;*/
  position: relative;
  text-align: left;
  margin: 50px 0; }
  @media (max-width: 767px) {
    .nordicBlogSlider {
      height: 330px; } }
  .nordicBlogSlider .owl-carousel {
    position: relative;
    height: 100%; }
    .nordicBlogSlider .owl-carousel .owl-controls {
      margin-top: -40px;
      text-align: center; }
      .nordicBlogSlider .owl-carousel .owl-controls .owl-page span {
        display: block;
        width: 20px;
        height: 20px;
        margin: 5px 7px;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        background: none;
        border: 1px solid rgba(255, 255, 255, 0.5); }
        @media (max-width: 767px) {
          .nordicBlogSlider .owl-carousel .owl-controls .owl-page span {
            width: 10px;
            height: 10px; } }
      .nordicBlogSlider .owl-carousel .owl-controls .owl-page.active span {
        background: #fff;
        opacity: .9; }
    .nordicBlogSlider .owl-carousel .item {
      position: relative;
      margin: 0px 10px !important; }
      .nordicBlogSlider .owl-carousel .item .intro-content {
        position: relative;
        z-index: 99;
        /*bottom: 0%;*/
        /*transform: translateY(50%);*/
        padding-top: 1px;
        margin-top: 1px; }
        @media (max-width: 767px) {
          .nordicBlogSlider .owl-carousel .item .intro-content {
            /*top: 15%;
                    padding-left: 15px;*/
            margin-top: 0px; } }
        .nordicBlogSlider .owl-carousel .item .intro-content .sliderlink {
          padding: 6px 20px;
          color: #fff;
          text-decoration: none;
          position: absolute;
          top: 80%; }
          .nordicBlogSlider .owl-carousel .item .intro-content .sliderlink span {
            border-bottom: 1px solid #fff; }
        .nordicBlogSlider .owl-carousel .item .intro-content .date {
          position: absolute;
          top: 21px;
          left: 20px;
          color: #fff; }
          @media (max-width: 1200px) {
            .nordicBlogSlider .owl-carousel .item .intro-content .date {
              top: 11px;
              left: 20px; } }
          @media (max-width: 992px) {
            .nordicBlogSlider .owl-carousel .item .intro-content .date {
              top: 11px; } }
          @media (max-width: 767px) {
            .nordicBlogSlider .owl-carousel .item .intro-content .date {
              top: 11px; } }
          .nordicBlogSlider .owl-carousel .item .intro-content .date div {
            font-size: 15px;
            float: left;
            line-height: 20px; }
            @media (max-width: 1200px) {
              .nordicBlogSlider .owl-carousel .item .intro-content .date div {
                font-size: 12px;
                line-height: 16px; } }
            @media (max-width: 992px) {
              .nordicBlogSlider .owl-carousel .item .intro-content .date div {
                font-size: 12px;
                line-height: 16px; } }
            @media (max-width: 767px) {
              .nordicBlogSlider .owl-carousel .item .intro-content .date div {
                font-size: 12px;
                line-height: 12px; } }
            .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(1) {
              font-size: 43px;
              float: left;
              line-height: 46px; }
              @media (max-width: 1200px) {
                .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(1) {
                  font-size: 33px;
                  line-height: 36px; } }
              @media (max-width: 992px) {
                .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(1) {
                  font-size: 33px;
                  line-height: 36px; } }
              @media (max-width: 767px) {
                .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(1) {
                  font-size: 23px;
                  line-height: 26px; } }
            .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(2n+2) {
              margin-top: 4px;
              margin-left: 6px; }
              @media (max-width: 767px) {
                .nordicBlogSlider .owl-carousel .item .intro-content .date div:nth-child(2n+2) {
                  margin-top: 2px; } }
        .nordicBlogSlider .owl-carousel .item .intro-content .text {
          font-size: 22px;
          font-weight: 300;
          line-height: 30px;
          line-height: 1.4;
          color: #ffffff;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          height: auto;
          padding: 0 20px; }
          @media (max-width: 1200px) {
            .nordicBlogSlider .owl-carousel .item .intro-content .text {
              font-size: 18px;
              line-height: 1.78; } }
          @media (max-width: 767px) {
            .nordicBlogSlider .owl-carousel .item .intro-content .text {
              font-size: 18px;
              line-height: 1.78; } }
        .nordicBlogSlider .owl-carousel .item .intro-content a.sliderLink {
          padding: 6px 20px;
          color: #fff;
          text-decoration: none;
          position: absolute;
          bottom: 10%; }
          .nordicBlogSlider .owl-carousel .item .intro-content a.sliderLink span {
            border-bottom: 1px solid #fff; }
      .nordicBlogSlider .owl-carousel .item .blog-carousel-img--holder {
        position: relative;
        overflow: hidden; }
        .nordicBlogSlider .owl-carousel .item .blog-carousel-img--holder img {
          min-height: 100%;
          min-width: 100%;
          width: auto;
          /*height: auto;*/
          height: 100%;
          margin: 0;
          padding: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .nordicBlogSlider .owl-carousel .item video {
        display: block;
        width: 100%;
        height: 100%; }
        .nordicBlogSlider .owl-carousel .item video #video {
          width: 100%;
          height: auto; }
  .nordicBlogSlider img {
    position: absolute;
    top: 0;
    left: 0; }
  .nordicBlogSlider .owl-buttons div {
    z-index: 99999;
    background: transparent !important; }
  .nordicBlogSlider .owl-prev {
    /*position: absolute;*/
    left: -10px;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    height: 50px;
    font-size: 140px;
    color: rgba(0, 0, 0, 0.11); }
    @media (max-width: 1600px) {
      .nordicBlogSlider .owl-prev {
        color: rgba(0, 0, 0, 0.31); } }
    @media (max-width: 767px) {
      .nordicBlogSlider .owl-prev {
        color: rgba(0, 0, 0, 0.21); } }
    .nordicBlogSlider .owl-prev span {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -100px; }
      @media (max-width: 1600px) {
        .nordicBlogSlider .owl-prev span {
          left: -20px; } }
      @media (max-width: 767px) {
        .nordicBlogSlider .owl-prev span {
          left: -20px; } }
  .nordicBlogSlider .owl-next {
    /*position: absolute;*/
    right: -10px;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    height: 50px;
    font-size: 140px;
    color: rgba(0, 0, 0, 0.11); }
    @media (max-width: 1600px) {
      .nordicBlogSlider .owl-next {
        color: rgba(0, 0, 0, 0.31); } }
    @media (max-width: 767px) {
      .nordicBlogSlider .owl-next {
        color: rgba(0, 0, 0, 0.21); } }
    .nordicBlogSlider .owl-next span {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -100px; }
      @media (max-width: 1600px) {
        .nordicBlogSlider .owl-next span {
          right: -20px; } }
      @media (max-width: 767px) {
        .nordicBlogSlider .owl-next span {
          right: -20px; } }
  .nordicBlogSlider .owl-carousel div:not(.owl-controls) {
    height: 100%; }

img.Slided {
  opacity: 1; }

.form-group {
  margin-bottom: 15px;
  display: block; }

.icon-img-responsive {
  width: 30px;
  height: 30px;
  margin-right: 10px; }

.chip-description {
  padding: 0 15px; }
  @media (max-width: 767px) {
    .chip-description {
      padding: 0px;
      padding-bottom: 30px; } }
  @media (min-width: 767px) and (max-width: 1200px) {
    .chip-description {
      padding-left: 0px; } }
  .chip-description h1 {
    font-size: 55px;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000000 !important;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 1024px) {
      .chip-description h1 {
        font-size: 35px !important;
        text-align: left !important; } }
    @media (max-width: 767px) {
      .chip-description h1 {
        font-size: 35px !important;
        text-align: left !important;
        margin-top: 40px !important; } }
    .chip-description h1 small {
      font-size: 16px;
      font-weight: 300;
      text-align: left;
      line-height: 22px;
      color: rgba(51, 63, 72, 0.8);
      padding: 10px 0 0;
      display: block;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      .chip-description h1 small.essential {
        color: #FA5A60; }
      @media (max-width: 992px) {
        .chip-description h1 small {
          display: block;
          text-align: left;
          padding-left: 0px;
          padding-top: 0; } }
  .chip-description .ingress {
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    color: #333F48;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    padding: 20px 0 30px 0;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      .chip-description .ingress {
        font-size: 25px !important;
        padding: 10px 0; } }
  .chip-description .bread {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
    color: #000000;
    /*font-family: Helvetica;*/
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 767px) {
      .chip-description .bread {
        font-size: 18px !important;
        line-height: 26px; } }
  .chip-description .download {
    padding: 50px 0; }
    @media (max-width: 992px) {
      .chip-description .download {
        padding: 50px 0 0 !important; } }
    .chip-description .download a {
      font-size: 16px;
      line-height: 8px;
      color: #1C1C1C;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      .chip-description .download a span {
        line-height: 30px;
        display: inline-block;
        /*border-bottom: 1px solid #1c1c1c;*/ }
      .chip-description .download a i {
        padding-right: 15px;
        color: #f0644a;
        font-size: 26px;
        vertical-align: middle; }
      .chip-description .download a.dowload-pdf {
        float: left; }
      .chip-description .download a.subscribe {
        float: right;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        letter-spacing: 1px; }
        @media (max-width: 992px) {
          .chip-description .download a.subscribe {
            float: none;
            margin-top: 60px;
            display: block; } }
        .chip-description .download a.subscribe span {
          line-height: 30px;
          display: inline-block;
          border-bottom: none; }
        .chip-description .download a.subscribe i {
          padding-right: 15px;
          color: #95a0ab;
          font-size: 26px; }
          @media (max-width: 992px) {
            .chip-description .download a.subscribe i {
              padding-right: 12px; } }
        .chip-description .download a.subscribe.subscribeBtn {
          background: #00a9ce;
          padding: 4px 0;
          position: relative;
          color: #fff;
          padding: 10px 20px;
          width: 45%;
          /*&:after {
                        content: "";
                        display: block;
                        position: absolute;
                        width: 90%;
                        height: 15%;
                        border-radius: 50%;
                        background-color: #333F48;
                        opacity: 0.1;
                        bottom: -20px;
                        padding: -20px;
                        left: 5%;
                    }*/ }
          @media (max-width: 1600px) {
            .chip-description .download a.subscribe.subscribeBtn {
              width: 100%;
              text-align: center;
              padding: 20px;
              display: block;
              float: none;
              margin-top: 10px; } }
          .chip-description .download a.subscribe.subscribeBtn i {
            color: #fff; }
      .chip-description .download a.docBtn {
        background: #d0df00;
        position: relative;
        color: #333;
        padding: 10px 20px;
        float: left;
        width: 45%;
        background: #0077c8;
        color: #fff;
        /*&:after {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 90%;
                    height: 15%;
                    border-radius: 50%;
                    background-color: #333F48;
                    opacity: 0.1;
                    bottom: -20px;
                    padding: -20px;
                    left: 5%;
                }*/ }
        @media (max-width: 1600px) {
          .chip-description .download a.docBtn {
            width: 100%;
            text-align: center;
            padding: 20px;
            display: block;
            float: none; } }
        .chip-description .download a.docBtn i {
          color: #fff; }

.archivebtn {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0 10px;
  background: #00a9ce;
  /*display: inline-block;*/
  width: 100%; }
  .archivebtn a {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: block;
    padding: 20px 0;
    position: relative;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
    z-index: 1; }
    .archivebtn a span {
      font-size: 23px;
      margin-right: 10px;
      vertical-align: text-bottom;
      margin-top: 5px;
      cursor: pointer;
      vertical-align: middle;
      font-size: 25px; }
  @media (max-width: 1200px) {
    .archivebtn {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    .archivebtn {
      margin-top: 0px; } }

/*.inexpeditor {
    .archivebtn {
        overflow: hidden;
        margin-bottom: 30px;
        padding: 20px;
        border: 5px solid #95a0ab;
        position: relative;

        &:after {
            position: absolute;
            right: 0;
            bottom: 0;
            content: 'Edit' !important;
            color: #fff;
            z-index: 9;
            font-size: 18px;
            height: 20px !important;
            width: 50px !important;
            transform: none;
            left: 98% !important;
            top: 86% !important;
            background: none !important;
        }

        a {
            padding: 0;
            color:#fff;
        }
    }
}*/
.find-distributor {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0 10px;
  background: #00a9ce;
  /*display: inline-block;*/
  width: 100%; }
  .find-distributor a {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: block;
    padding: 20px 0;
    position: relative;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    letter-spacing: 1px;
    z-index: 1; }
    .find-distributor a span {
      font-size: 23px;
      margin-right: 10px;
      vertical-align: text-bottom;
      margin-top: 5px;
      vertical-align: middle;
      font-size: 25px; }
  @media (max-width: 1200px) {
    .find-distributor {
      /*margin-top: 30px;*/ } }
  @media (max-width: 767px) {
    .find-distributor {
      margin-top: 0px; } }

#infotabs {
  margin-bottom: -50px; }
  #infotabs > .containerFullWidth {
    background: #fff; }

#infotabs-nav {
  background-color: #333f48;
  position: relative; }
  #infotabs-nav .container {
    display: flex;
    flex-wrap: wrap;
    padding: 35px 0 30px;
    padding-left: 5px; }
    #infotabs-nav .container a {
      margin: 5px 12px;
      color: white;
      font-size: 22px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 350px;
      transition: none;
      border-bottom: solid 5px #333f48; }
      #infotabs-nav .container a.active {
        border-bottom: solid 5px #00a9ce;
        font-weight: bold; }
      #infotabs-nav .container a:hover {
        border-bottom: solid 5px #fff;
        font-weight: bold; }
    @media (max-width: 767px) {
      #infotabs-nav .container {
        padding-left: 40px;
        display: flex;
        flex-direction: column; }
        #infotabs-nav .container a {
          margin: 8px 0;
          display: inline-block;
          margin-right: auto;
          line-height: 22px;
          vertical-align: text-bottom;
          max-width: Min(400px, 100%); }
        #infotabs-nav .container a:not(:last-child):after {
          content: "\A";
          height: 0;
          display: block; } }
  #infotabs-nav:after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-color: #333f48;
    transform: translate(-50%) rotate(45deg); }

.nav-center {
  text-align: center;
  margin-top: 10px; }
  @media (max-width: 1024px) {
    .nav-center {
      margin-top: 20px; } }
  .nav-center ul.nav--tabs {
    display: inline-block;
    width: 100%; }
    .nav-center ul.nav--tabs li {
      display: inline-block;
      float: none;
      /*margin-bottom: -6px !important;*/
      margin-left: 5px;
      margin-bottom: -3px; }
      @media (max-width: 992px) {
        .nav-center ul.nav--tabs li {
          display: block;
          margin-left: 0px;
          bottom: -3px; } }
      @media (max-width: 767px) {
        .nav-center ul.nav--tabs li {
          display: block;
          margin-left: 0px;
          bottom: -4px; } }
      .nav-center ul.nav--tabs li a {
        float: left;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 15px;
        color: #000;
        padding: 22px 76px;
        margin-bottom: -5px;
        letter-spacing: 1px; }
        @media (max-width: 992px) {
          .nav-center ul.nav--tabs li a {
            display: block;
            width: 33.33367%;
            padding: 22px 10px;
            font-size: 15px; } }
        @media (max-width: 767px) {
          .nav-center ul.nav--tabs li a {
            height: 65px;
            letter-spacing: 0.5px; } }
      .nav-center ul.nav--tabs li.active {
        margin-bottom: -4px; }

.nav--tabs {
  border-bottom: 1px solid #d3d3d3; }

.nav--tabs > li.active > a,
.nav--tabs > li.active > a:hover,
.nav--tabs > li.active > a:focus {
  color: #000 !important;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-bottom-color: #fff;
  cursor: default;
  font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif; }

.nav--tabs > li > a {
  margin-right: 0;
  line-height: 1.42857;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  background-color: #dbdbdb;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  color: #000; }

.tab--content {
  padding: 0px 5%; }

.tab--content {
  background: white;
  margin-bottom: 100px;
  padding-left: 30px; }
  @media (max-width: 767px) {
    .tab--content {
      padding-left: 15px; } }
  @media (max-width: 992px) {
    .tab--content {
      padding: 20px 5%; } }
  .tab--content .row-intro {
    padding-left: 20px; }
    @media (max-width: 992px) {
      .tab--content .row-intro .see-all {
        margin-left: -20px; } }
  .tab--content .rowed--content {
    background: transparent !important;
    padding-bottom: 70px !important; }
    .tab--content .rowed--content .row-intro p {
      color: #333; }
  .tab--content .tableContent.bg-blue-table .rowed--content {
    padding-bottom: 20px !important; }
  .tab--content .expandTable {
    border: 1px solid #d6f0f7;
    width: 67px !important;
    height: 67px !important; }
    .tab--content .expandTable span {
      color: #a2a2a2;
      font-size: 37px !important;
      z-index: 1;
      margin: 15px;
      line-height: 64px !important; }
  .tab--content .tableContent.bg-blue-table .expandTable {
    margin: 0 auto 0 auto; }
  .tab--content .tableContent,
  .tab--content .RTE-Table {
    overflow: visible !important;
    position: relative;
    margin-bottom: -40px; }
    .tab--content .tableContent .container,
    .tab--content .RTE-Table .container {
      margin: 0; }
    .tab--content .tableContent table.Nordic-default-data th,
    .tab--content .RTE-Table table.Nordic-default-data th {
      text-transform: unset; }
    .tab--content .tableContent .expandTable,
    .tab--content .RTE-Table .expandTable {
      width: 80px;
      height: 60px;
      position: relative;
      z-index: 1;
      bottom: 0;
      background-color: transparent;
      border-radius: 0;
      left: 0;
      transform: none;
      cursor: pointer;
      text-align: center;
      border: none;
      margin: -50px auto 51px auto;
      padding: 0 0 10px 0;
      transition: padding .2s; }
      .tab--content .tableContent .expandTable span,
      .tab--content .RTE-Table .expandTable span {
        color: #333F48;
        font-size: 37px !important;
        z-index: 1;
        line-height: 37px !important;
        transition: color .2s; }
      .tab--content .tableContent .expandTable:hover,
      .tab--content .RTE-Table .expandTable:hover {
        padding: 10px 0 0 0; }
        .tab--content .tableContent .expandTable:hover span,
        .tab--content .RTE-Table .expandTable:hover span {
          color: #00a9ce; }
      .tab--content .tableContent .expandTable.more,
      .tab--content .RTE-Table .expandTable.more {
        padding: 10px 0 0 0; }
        .tab--content .tableContent .expandTable.more:hover,
        .tab--content .RTE-Table .expandTable.more:hover {
          padding: 0 0 10px 0; }
    .tab--content .tableContent .rowed--content,
    .tab--content .RTE-Table .rowed--content {
      padding: 0; }
      .tab--content .tableContent .rowed--content .row-intro,
      .tab--content .RTE-Table .rowed--content .row-intro {
        margin-top: 0px; }
        @media (max-width: 767px) {
          .tab--content .tableContent .rowed--content .row-intro,
          .tab--content .RTE-Table .rowed--content .row-intro {
            padding-left: 20px !important; } }
        @media (min-width: 767px) and (max-width: 991px) {
          .tab--content .tableContent .rowed--content .row-intro,
          .tab--content .RTE-Table .rowed--content .row-intro {
            margin-left: 15px; } }
        @media (min-width: 767px) and (max-width: 991px) {
          .tab--content .tableContent .rowed--content .row-intro .arrow-down-resp,
          .tab--content .RTE-Table .rowed--content .row-intro .arrow-down-resp {
            left: 15px; } }
  .tab--content .RTE-Table .expandTable {
    margin-top: -30px; }
  .tab--content .container {
    width: auto !important;
    padding-left: 0;
    padding-right: 0; }
  .tab--content .nomargin {
    margin-left: 0px;
    margin-right: 0px; }
  .tab--content .applicationsList {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 0; }
    @media (max-width: 767px) {
      .tab--content .applicationsList {
        margin-top: 20px;
        margin-bottom: 20px;
        /*margin-left: -15px;
            margin-right: -15px;*/ }
        .tab--content .applicationsList [class*="col-"] {
          padding-left: 2px;
          padding-right: 2px; } }
  .tab--content .row-intro {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    margin-top: 50px; }
    @media (max-width: 992px) {
      .tab--content .row-intro {
        margin-top: 50px; } }
    @media (max-width: 767px) {
      .tab--content .row-intro {
        /*border-bottom: 1px solid rgba(151, 151, 151, .37);*/ } }
    .tab--content .row-intro h3 {
      font-size: 36px;
      font-weight: 300;
      color: #00a9ce;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .tab--content .row-intro h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .tab--content .row-intro h3 {
          font-size: 30px; } }
    .tab--content .row-intro p {
      font-size: 22px;
      font-weight: 300;
      line-height: 30px;
      color: #333f48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 767px) {
        .tab--content .row-intro p {
          font-size: 20px;
          min-height: 75px; } }
    .tab--content .row-intro span {
      font-size: 50px; }
  .tab--content .rowed--content .row-intro {
    margin-top: 0px; }
  .tab--content .row-item {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    /*&.btn--wrapper {
            position:relative;
            width:140px;
            margin:0 auto;
            left:5%;
        }*/ }
    .tab--content .row-item.marg-t-10 {
      margin-top: 10px; }
    @media (max-width: 992px) {
      .tab--content .row-item {
        padding-bottom: 20px; } }
    .tab--content .row-item:not(.btn--wrapper) {
      /*min-height: 320px;*/ }
      @media (max-width: 767px) {
        .tab--content .row-item:not(.btn--wrapper) {
          min-height: 100px;
          height: auto;
          padding-bottom: 30px;
          margin-top: 20px;
          margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .tab--content .row-item.prod-download {
        min-height: 100px;
        height: auto;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px; } }
    .tab--content .row-item.prod-download .btn-azur {
      overflow: hidden;
      margin-bottom: 50px; }
      .tab--content .row-item.prod-download .btn-azur a {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: black;
        display: block;
        padding: 15px 0;
        position: relative;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        letter-spacing: 1px;
        z-index: 1; }
        .tab--content .row-item.prod-download .btn-azur a span {
          font-size: 24px;
          margin-right: 10px;
          vertical-align: bottom;
          margin-top: 5px; }
      @media (max-width: 1200px) {
        .tab--content .row-item.prod-download .btn-azur {
          margin-top: 60px; } }
    .tab--content .row-item.prod-download small.version {
      color: #00a9ce;
      font-size: 16px; }
    @media (max-width: 767px) {
      .tab--content .row-item.btn--wrapper {
        border-bottom: 1px solid rgba(151, 151, 151, 0.37);
        margin-top: 0px;
        padding-bottom: 50px; } }
    .tab--content .row-item h5 {
      font-size: 20px;
      line-height: 1.3;
      color: #333f48; }
    .tab--content .row-item h4 {
      font-size: 25px;
      font-weight: 300;
      line-height: 30px;
      color: #333f48;
      margin-bottom: 10px;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      /*vertical-align: bottom;
            display: table-cell;*/
      position: relative; }
      @media (max-width: 992px) {
        .tab--content .row-item h4 {
          font-size: 20px; } }
      .tab--content .row-item h4 img {
        margin-right: 3px;
        margin-bottom: 3px;
        /*width: 20%;*/
        float: left;
        vertical-align: bottom;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 50px;
        height: auto; }
      .tab--content .row-item h4 span.head {
        margin-left: 0px; }
        @media (max-width: 992px) {
          .tab--content .row-item h4 span.head {
            margin-left: 60px;
            display: inline-block; } }
        @media (max-width: 767px) {
          .tab--content .row-item h4 span.head {
            display: inline-block; } }
      .tab--content .row-item h4.graphics {
        margin-left: 22%;
        width: 78%; }
        .tab--content .row-item h4.graphics img {
          margin-right: 8px;
          width: 20%;
          float: left; }
    .tab--content .row-item .protocol-box {
      min-height: 102px !important;
      width: 100%;
      display: table;
      margin-bottom: 30px; }
      .tab--content .row-item .protocol-box h4 {
        /*display: table-cell;
                vertical-align: middle;*/
        text-align: left;
        color: #fff;
        position: relative;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        padding: 0 20px;
        height: 100px; }
        .tab--content .row-item .protocol-box h4 strong {
          font-size: 40px;
          line-height: 55px;
          letter-spacing: 1px;
          color: #ffffff; }
          @media (max-width: 1200px) {
            .tab--content .row-item .protocol-box h4 strong {
              font-size: 34px; } }
        .tab--content .row-item .protocol-box h4 small {
          font-size: 25px;
          color: #ffffff;
          display: block; }
    .tab--content .row-item ul {
      margin: 0;
      padding: 0;
      margin-left: 20px; }
    .tab--content .row-item h1 {
      color: #333f48; }
    .tab--content .row-item p,
    .tab--content .row-item .keydata,
    .tab--content .row-item li {
      font-size: 18px;
      font-weight: 300;
      line-height: 22px;
      color: #333f48;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      letter-spacing: 0;
      /*min-height: 160px;*/
      padding-top: 10px; }
      .tab--content .row-item p strong,
      .tab--content .row-item .keydata strong,
      .tab--content .row-item li strong {
        font-size: 16px;
        line-height: 22px; }
    .tab--content .row-item .keydata {
      padding-top: 0px;
      margin-bottom: 20px; }
      .tab--content .row-item .keydata p {
        padding-top: 0;
        margin-bottom: 0; }
    .tab--content .row-item .icons .fa {
      font-size: 90px;
      margin-right: 20px;
      color: #99a4ae; }
    .tab--content .row-item small.tag {
      font-size: 16px;
      font-weight: 300;
      line-height: 22px;
      color: #fa5a60;
      display: block;
      /*height: 27px;*/
      /*margin-top: -8px;*/ }
      .tab--content .row-item small.tag.graphics {
        margin-left: 22%; }
    .tab--content .row-item .read_fullstory,
    .tab--content .row-item .prodListLink {
      font-size: 16px;
      line-height: 8px;
      color: rgba(28, 28, 28, 0.99);
      margin-top: 44px;
      /*position: absolute;*/
      top: 100%;
      bottom: 0; }
      .tab--content .row-item .read_fullstory:hover,
      .tab--content .row-item .prodListLink:hover {
        color: rgba(28, 28, 28, 0.56); }
      @media (max-width: 992px) {
        .tab--content .row-item .read_fullstory,
        .tab--content .row-item .prodListLink {
          position: relative; } }
      .tab--content .row-item .read_fullstory span,
      .tab--content .row-item .prodListLink span {
        border-bottom: 1px solid #1c1c1c;
        padding: 5px 0; }
    .tab--content .row-item .prodListLink {
      border-bottom: 1px solid #1c1c1c;
      padding: 5px 0; }
    .tab--content .row-item .hide {
      display: none;
      opacity: 0;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
    .tab--content .row-item .show {
      display: block;
      opacity: 1;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
    .tab--content .row-item .see--all {
      font-size: 20px;
      font-weight: 300;
      line-height: 40px;
      color: #00a9ce;
      border: 1px solid #23aacc;
      padding: 8px 14px 5px;
      text-align: center;
      display: block;
      /*margin: 5px 70px 0 0;*/
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin-top: 50px;
      /*max-width: 140px;*/ }
      .tab--content .row-item .see--all:hover .icon-plus {
        color: #23aacc; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .tab--content .row-item .see--all {
          margin: 5px 30px 0 0; } }
      @media (max-width: 767px) {
        .tab--content .row-item .see--all {
          margin: 5px 0px 0 0;
          max-width: 100%; } }
      .tab--content .row-item .see--all span {
        color: #ccc;
        margin-left: 10%;
        font-size: 16px; }
    .tab--content .row-item .img-holder {
      max-height: 235px;
      min-height: 150px;
      overflow: hidden;
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        .tab--content .row-item .img-holder {
          height: auto;
          max-height: none; } }
      .tab--content .row-item .img-holder img {
        width: 100%;
        height: auto; }
      .tab--content .row-item .img-holder.non-hundred img {
        width: auto;
        max-width: 100%; }
      .tab--content .row-item .img-holder.objContain {
        height: 205px !important;
        position: relative; }
        .tab--content .row-item .img-holder.objContain img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          position: absolute !important;
          bottom: 0 !important;
          object-position: bottom; }
    .tab--content .row-item.bx {
      position: relative;
      margin-bottom: 15px;
      margin-top: 15px;
      min-height: 295px;
      height: auto; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .tab--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 240px;
          height: auto; } }
      @media (max-width: 1200px) {
        .tab--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 240px;
          height: auto; } }
      @media (max-width: 992px) {
        .tab--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 200px;
          height: auto; } }
      @media (max-width: 767px) {
        .tab--content .row-item.bx {
          margin-bottom: 2px;
          margin-top: 2px;
          min-height: 200px;
          height: auto; } }
      .tab--content .row-item.bx h2 {
        position: absolute;
        top: 50%;
        left: 10%;
        padding-right: 10% !important;
        transform: translateY(-50%);
        font-size: 40px;
        font-weight: 300;
        line-height: 46px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        color: white; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .tab--content .row-item.bx h2 {
            font-size: 30px; } }
        @media (max-width: 1600px) {
          .tab--content .row-item.bx h2 {
            font-size: 30px;
            line-height: 1.1; } }
        @media (max-width: 1200px) {
          .tab--content .row-item.bx h2 {
            font-size: 30px; } }
        @media (max-width: 992px) {
          .tab--content .row-item.bx h2 {
            font-size: 26px;
            font-weight: 300;
            line-height: 28px; } }
        @media (max-width: 767px) {
          .tab--content .row-item.bx h2 {
            font-size: 25px;
            font-weight: 300;
            line-height: 32px; } }
    .tab--content .row-item:last-of-type {
      border: none; }
  .tab--content button {
    background: rgba(34, 168, 202, 0.89); }
    .tab--content button.see--all {
      border: none;
      width: 100%;
      color: #fff;
      color: #fff;
      position: relative;
      text-align: center;
      display: inline-block;
      padding: 14px 40px;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      margin-top: 50px;
      /*margin-top: 50%;*/
      z-index: 2;
      cursor: pointer; }
    .tab--content button.disabled {
      background: rgba(153, 164, 174, 0.91); }
  .tab--content .apply-see--all {
    margin-top: 0px !important; }

.downloadContainer {
  width: 100%;
  height: auto;
  min-height: 400px;
  padding: 60px;
  margin: 40px 0;
  position: relative;
  z-index: 2;
  overflow: hidden; }
  .downloadContainer .child {
    position: absolute;
    height: 100%;
    width: 100%;
    background: red;
    top: 0;
    left: 0;
    background-color: #f3fafc; }
    .downloadContainer .child::before {
      content: "";
      position: absolute;
      bottom: -37px;
      right: -12%;
      background: url(../-/media/Images/DefaultImages/dotted_element_1.svg) no-repeat;
      width: 300px;
      height: 300px;
      z-index: -1; }
  @media (max-width: 992px) {
    .downloadContainer {
      padding: 15px; } }
  .downloadContainer button {
    background: rgba(34, 168, 202, 0.89);
    z-index: 9; }
    .downloadContainer button.see--all {
      border: none;
      width: 100%;
      color: #fff;
      color: #fff;
      position: relative;
      text-align: center;
      display: inline-block;
      padding: 14px 40px;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      margin-top: 40px; }
    .downloadContainer button.disabled {
      background: rgba(153, 164, 174, 0.91); }
  .downloadContainer h2 {
    font-size: 40px;
    font-weight: 300;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    margin-bottom: 40px;
    text-align: center;
    z-index: 9;
    position: relative; }
  .downloadContainer .row-item {
    min-height: 0px !important;
    height: auto !important;
    margin: 0;
    margin-bottom: 10px !important;
    z-index: 9;
    position: relative; }
    .downloadContainer .row-item h4 {
      font-size: 23px;
      font-weight: 300;
      line-height: 30px;
      color: #333f48;
      margin-bottom: 10px;
      white-space: nowrap; }
      @media (max-width: 992px) {
        .downloadContainer .row-item h4 {
          font-size: 20px; } }
      .downloadContainer .row-item h4 .singlelink {
        font-size: 18px;
        color: #00a9ce;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 80%;
        text-align: left; }
      .downloadContainer .row-item h4 img {
        margin-right: 8px; }
    .downloadContainer .row-item p {
      display: none; }
    .downloadContainer .row-item small {
      display: none; }
      .downloadContainer .row-item small.tag {
        display: none; }
    .downloadContainer .row-item .read_fullstory {
      display: none; }
  .downloadContainer .os {
    margin-bottom: 40px;
    z-index: 9;
    position: relative; }
    .downloadContainer .os label {
      font-size: 25px;
      text-align: center;
      display: inline-block;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 992px) {
        .downloadContainer .os label {
          font-size: 20px; } }
    .downloadContainer .os a {
      font-size: 16px;
      font-weight: normal;
      line-height: 33px;
      letter-spacing: 0px;
      color: inherit;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      padding: 2px 0px;
      margin: 0 10px; }
      @media (max-width: 992px) {
        .downloadContainer .os a {
          font-size: 14px; } }
      .downloadContainer .os a.active {
        border-bottom: 1px solid #95a0ab; }
  .downloadContainer .selectedItems {
    margin-top: 40px; }
  .downloadContainer #itemDownloadMessages {
    color: red;
    font-size: 24px;
    font-weight: bold; }

.recomended {
  height: auto;
  padding: 0px;
  margin: 30px 0; }
  .recomended .row-item {
    min-height: 0px !important;
    height: auto !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important; }
    .recomended .row-item img {
      margin-right: 8px; }
  .recomended .latestVersioninfo {
    color: #989898; }
    .recomended .latestVersioninfo small {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      vertical-align: text-bottom;
      padding-left: 8px; }
  .recomended small {
    font-size: 135%;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    color: rgba(51, 63, 72, 0.6); }

.version {
  height: auto;
  padding: 0px;
  margin: 25px 0 0; }
  .version .row-item {
    min-height: 0px !important;
    height: auto !important;
    margin: 0;
    margin-bottom: 20px !important; }
    .version .row-item h4 {
      font-size: 18px;
      font-weight: 300;
      line-height: 30px;
      color: #22a8ca;
      margin-bottom: 10px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 992px) {
        .version .row-item h4 {
          font-size: 18px; } }
      .version .row-item h4 strong {
        visibility: hidden; }
      .version .row-item h4 span {
        border-bottom: 1px solid; }

.older-version {
  border: 1px solid #dfe5e6;
  font-size: 24px;
  line-height: 44px;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  position: relative;
  padding: 0 20px;
  margin-top: -10px; }
  .older-version .version-toggle {
    color: #333f48; }
    .older-version .version-toggle:after {
      font-family: "icomoon" !important;
      content: "\e928";
      position: absolute;
      right: 40px;
      top: 0;
      width: 0;
      color: #00a9ce;
      height: 0; }
    .older-version .version-toggle.toggled:after {
      content: "\e92b"; }

.open-download-information {
  position: absolute;
  right: 20px;
  top: -5px;
  margin-bottom: 20px; }
  .open-download-information a {
    font-size: 25px;
    font-weight: 100;
    line-height: 30px;
    color: #333f48;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    display: block;
    z-index: 999;
    position: relative; }
  .open-download-information.closed {
    display: none; }
  .open-download-information.opened {
    display: block; }

.download-information {
  position: relative;
  padding: 50px 100px;
  text-align: center;
  min-height: 180px;
  height: auto;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
  .download-information.opened {
    background-color: #f3fafc !important;
    border: none; }
  @media (max-width: 1600px) {
    .download-information {
      padding: 50px 5%; } }
  @media (max-width: 1200px) {
    .download-information {
      padding: 50px 5%; } }
  @media (max-width: 992px) {
    .download-information {
      padding: 50px 30px; } }
  @media (max-width: 767px) {
    .download-information {
      padding: 20px 10px; } }
  .download-information .close {
    position: absolute;
    right: 20px;
    top: 15px;
    opacity: 1; }
    .download-information .close a {
      color: #7a8c99;
      font-size: 18px;
      font-weight: 300;
      line-height: 30px;
      /*color: #333F48;*/ }
  .download-information .information {
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    color: #333f48;
    margin-bottom: 10px;
    display: none;
    opacity: 0; }
    @media (max-width: 767px) {
      .download-information .information {
        font-size: 18px; } }
    .download-information .information.open {
      display: block;
      opacity: 1;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .download-information .information.open {
          margin-top: 25px; } }
  .download-information .information-filter {
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    color: #333f48;
    margin-bottom: 10px;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    @media (max-width: 767px) {
      .download-information .information-filter {
        font-size: 16px;
        padding: 40px 10px 20px; } }
    .download-information .information-filter h3 {
      margin: 0px; }
    .download-information .information-filter p {
      padding: 20px 0px 0px; }
    .download-information .information-filter.open {
      display: block;
      opacity: 1; }
      .download-information .information-filter.open img {
        margin: 0 auto; }
    @media (max-width: 1200px) {
      .download-information .information-filter .information-filter-wrapper {
        margin-top: 30px; } }
    .download-information .information-filter .information-filter-wrapper .form-control {
      display: block;
      width: 100% !important;
      height: 100%;
      padding: 14px 18px 10px;
      border-radius: 0;
      font-size: 20px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 992px) {
        .download-information .information-filter .information-filter-wrapper .form-control {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .download-information .information-filter .information-filter-wrapper .form-control {
          font-size: 16px; } }
      .download-information .information-filter .information-filter-wrapper .form-control.bord-y {
        border: 1px solid #ffcd00; }
      .download-information .information-filter .information-filter-wrapper .form-control.bord-r {
        border: 1px solid #ff585d; }
    .download-information .information-filter .information-filter-wrapper button {
      background: rgba(34, 168, 202, 0.89); }
      .download-information .information-filter .information-filter-wrapper button.see--all {
        border: none;
        width: 100%;
        color: #fff;
        color: #fff;
        position: relative;
        text-align: center;
        display: inline-block;
        padding: 9px 70px;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        letter-spacing: 1px; }
        @media (max-width: 992px) {
          .download-information .information-filter .information-filter-wrapper button.see--all {
            font-size: 16px;
            padding: 7px 70px;
            padding: 9px 0px; } }
        @media (max-width: 767px) {
          .download-information .information-filter .information-filter-wrapper button.see--all {
            font-size: 16px;
            padding: 9px 0px; } }

.online-documentation {
  height: auto;
  padding: 0px;
  margin-top: 40px;
  /*margin: 40px 0;*/ }
  .online-documentation .row-item {
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 0 !important;
    padding: 0px 0 10px; }
    .online-documentation .row-item img {
      margin-right: 8px; }
    .online-documentation .row-item .documentation-btn {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      font-size: 30px;
      line-height: 25px;
      color: #000;
      border: 3px solid #70d1e2;
      padding: 30px;
      width: 50%;
      display: block; }
      .online-documentation .row-item .documentation-btn.active {
        background-color: #70d1e2;
        color: #ffffff; }
      .online-documentation .row-item .documentation-btn:hover {
        background-color: #70d1e2;
        color: #ffffff; }
      .online-documentation .row-item .documentation-btn .icon {
        float: right; }
      @media (max-width: 767px) {
        .online-documentation .row-item .documentation-btn {
          float: none; } }
  .online-documentation .borderB {
    /*margin-bottom: 70px !important;*/
    padding-bottom: 50px; }
  .online-documentation .tabs-left {
    margin-top: 3rem; }
  .online-documentation .nav-tabs {
    float: left;
    border-bottom: 0;
    width: 50%; }
    @media (max-width: 1200px) {
      .online-documentation .nav-tabs {
        width: 100%;
        padding-left: 20px; } }
    .online-documentation .nav-tabs li {
      float: none;
      margin: 0 0 20px 0;
      width: 90%; }
      @media (max-width: 767px) {
        .online-documentation .nav-tabs li {
          margin: 0 0 10px 0; } }
      .online-documentation .nav-tabs li a {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        letter-spacing: 0.5px;
        font-size: 24px;
        line-height: 25px;
        color: #000;
        border: 2px solid #70d1e2;
        padding: 25px 30px 25px 20px;
        width: 100%;
        display: block;
        border-radius: 0 !important;
        position: relative; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .online-documentation .nav-tabs li a {
            font-size: 20px; } }
        @media (max-width: 767px) {
          .online-documentation .nav-tabs li a {
            font-size: 16px;
            padding: 15px 30px;
            border: 1px solid #70d1e2; } }
        .online-documentation .nav-tabs li a:hover {
          background-color: #70d1e2;
          color: #ffffff;
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
        .online-documentation .nav-tabs li a span {
          /*float: right;*/
          display: inline-block;
          text-align: right;
          position: absolute;
          right: 20px;
          top: 50%;
          transform: translateY(-50%); }
        .online-documentation .nav-tabs li a:after {
          content: ""; }
      .online-documentation .nav-tabs li.active a {
        background-color: #70d1e2;
        color: #ffffff;
        padding: 25px 20px;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        border: 2px solid #70d1e2 !important; }
  .online-documentation .nav-tabs > li.active > a,
  .online-documentation .nav-tabs > li.active > a:hover,
  .online-documentation .nav-tabs > li.active > a:focus {
    border: 0; }
  .online-documentation .tab-content {
    padding-left: 20px;
    float: left;
    max-width: 50%; }
    @media (max-width: 1200px) {
      .online-documentation .tab-content {
        max-width: 100%; } }
    @media (max-width: 767px) {
      .online-documentation .tab-content {
        padding-left: 30px; } }
    .online-documentation .tab-content h2 {
      color: #00a9ce;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      font-weight: 300;
      line-height: 50px; }
    .online-documentation .tab-content .tab-pane {
      display: none;
      background-color: #fff;
      padding: 0 1.6rem 1.6rem;
      overflow-y: hidden; }
      .online-documentation .tab-content .tab-pane.active {
        display: block;
        font-size: 18px;
        font-weight: 300;
        line-height: 34px;
        color: #333f48; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .online-documentation .tab-content .tab-pane.active {
            font-size: 18px; } }
        @media (max-width: 1200px) {
          .online-documentation .tab-content .tab-pane.active {
            font-size: 22px;
            line-height: 24px; } }
        @media (max-width: 767px) {
          .online-documentation .tab-content .tab-pane.active {
            font-size: 18px;
            line-height: 24px; } }
        .online-documentation .tab-content .tab-pane.active ul > li:not(a) {
          list-style: none;
          position: relative;
          padding-left: 20px; }
          .online-documentation .tab-content .tab-pane.active ul > li:not(a)::before {
            content: ">";
            position: absolute;
            left: 0;
            top: 0; }
          .online-documentation .tab-content .tab-pane.active ul > li:not(a) a {
            position: relative;
            color: #00a9ce !important; }
            .online-documentation .tab-content .tab-pane.active ul > li:not(a) a::before {
              /*content: '>';
                                position: absolute;
                                left: -20px;
                                top: 0;*/
              color: #00a9ce !important; }
  .online-documentation ul {
    margin: 0;
    padding: 0; }
    .online-documentation ul li {
      list-style: none;
      line-height: 30px;
      padding-bottom: 10px; }
      @media (max-width: 1200px) {
        .online-documentation ul li {
          line-height: 24px; } }

.platformchangelog {
  display: none; }
  .platformchangelog.activated {
    display: block !important; }

.rowed--content {
  padding: 10px 0% 20px;
  margin-bottom: 50px;
  margin-top: 0px;
  position: relative;
  /*&.productListContainer {
        .row {
            margin-top:30px;
        }
    }*/ }
  .rowed--content.single {
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.24); }
    @media (max-width: 767px) {
      .rowed--content.single {
        border-bottom: 1px solid rgba(151, 151, 151, 0.24); } }
    @media (max-width: 767px) {
      .rowed--content.single .btn--wrapper {
        border-bottom: none !important;
        margin-top: 0px;
        padding-bottom: 50px; } }
    .rowed--content.single h3 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 25px; }
  @media (max-width: 992px) {
    .rowed--content {
      padding: 20px 5%; } }
  .rowed--content .bg-image-tmpl {
    margin-top: 40px;
    position: relative;
    min-height: 300px; }
    @media (max-width: 992px) {
      .rowed--content .bg-image-tmpl {
        margin-top: 20px; } }
    @media (max-width: 767px) {
      .rowed--content .bg-image-tmpl {
        margin-top: 10px; } }
    .rowed--content .bg-image-tmpl::before {
      background-repeat: no-repeat;
      position: absolute;
      /* z-index: 9999; */
      height: 100%;
      width: 100%;
      display: block;
      margin: 0 0 0 -100px; }
  .rowed--content .row-intro {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    padding-top: 30px; }
    @media (max-width: 992px) {
      .rowed--content .row-intro {
        padding-top: 0px;
        padding-left: 0px; } }
    @media (max-width: 767px) {
      .rowed--content .row-intro {
        padding-left: 15px;
        padding-right: 15px; } }
    .rowed--content .row-intro h3 {
      font-size: 36px;
      font-weight: 300;
      /*color: #4B565E;*/
      color: #00A9CE;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .rowed--content .row-intro h3 {
          font-size: 30px;
          margin-top: 25px; } }
      @media (max-width: 992px) {
        .rowed--content .row-intro h3 {
          margin-top: 25px; } }
      @media (max-width: 767px) {
        .rowed--content .row-intro h3 {
          font-size: 30px;
          margin-top: 25px; } }
      .rowed--content .row-intro h3.brandColor {
        color: #00A9CE; }
    .rowed--content .row-intro p {
      font-size: 22px;
      font-weight: 300;
      line-height: 30px;
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 767px) {
        .rowed--content .row-intro p {
          font-size: 20px;
          /*min-height: 75px;*/
          padding-right: 15px; } }
    .rowed--content .row-intro small {
      font-size: 16px;
      line-height: 20px;
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin-bottom: 20px;
      display: block; }
      @media (max-width: 767px) {
        .rowed--content .row-intro small {
          font-size: 14px;
          min-height: 75px; } }
      .rowed--content .row-intro small a {
        color: #333F48;
        text-decoration: underline; }
      .rowed--content .row-intro small p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0; }
    .rowed--content .row-intro span.icon-arrow-right-img {
      font-size: 50px; }
    .rowed--content .row-intro span.arrow-down-resp {
      font-size: 50px; }
  .rowed--content .row-item {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    padding-top: 30px;
    position: relative;
    /*&.btn--wrapper {
            position:relative;
            width:140px;
            margin:0 auto;
            left:5%;
        }*/ }
    @media (max-width: 992px) {
      .rowed--content .row-item {
        padding-bottom: 20px; } }
    .rowed--content .row-item:not(.btn--wrapper) {
      min-height: 280px; }
      @media (max-width: 767px) {
        .rowed--content .row-item:not(.btn--wrapper) {
          min-height: 100px;
          height: auto;
          margin-top: 20px;
          margin-bottom: 20px;
          padding: 15px 5px 30px 15px; } }
    @media (max-width: 767px) {
      .rowed--content .row-item.prod-download {
        min-height: 100px;
        height: auto;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .rowed--content .row-item.btn--wrapper {
        border-bottom: 1px solid rgba(151, 151, 151, 0.37);
        margin-top: 0px;
        padding-bottom: 50px; } }
    .rowed--content .row-item .promoTruncate {
      min-height: 132px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical; }
    .rowed--content .row-item h4 {
      font-size: 25px;
      font-weight: 300;
      line-height: 30px;
      color: #333F48;
      margin-bottom: 10px;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      position: relative;
      min-height: 60px; }
      @media (max-width: 992px) {
        .rowed--content .row-item h4 {
          font-size: 20px; } }
      .rowed--content .row-item h4 img {
        margin-right: 3px;
        margin-bottom: 3px;
        float: left;
        vertical-align: bottom;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        @media (max-width: 767px) {
          .rowed--content .row-item h4 img {
            max-width: 50px;
            height: auto; } }
      .rowed--content .row-item h4 span.head {
        margin-left: 0px; }
        @media (max-width: 992px) {
          .rowed--content .row-item h4 span.head {
            margin-left: 60px;
            display: inline-block; } }
      .rowed--content .row-item h4.graphics {
        margin-left: 22%;
        width: 78%; }
        .rowed--content .row-item h4.graphics img {
          margin-right: 8px;
          width: 20%;
          float: left; }
    .rowed--content .row-item p, .rowed--content .row-item .keydata {
      font-size: 18px;
      font-weight: 300;
      line-height: 22px;
      color: #333F48;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      letter-spacing: 0; }
      .rowed--content .row-item p strong, .rowed--content .row-item .keydata strong {
        font-size: 18px;
        line-height: 22px; }
    .rowed--content .row-item .keydata {
      padding-top: 0px;
      margin-bottom: 20px; }
      .rowed--content .row-item .keydata p {
        margin-bottom: 0; }
    .rowed--content .row-item .icons .fa {
      font-size: 90px;
      margin-right: 20px;
      color: #99A4AE; }
    .rowed--content .row-item small.tag {
      font-size: 16px;
      font-weight: 300;
      line-height: 22px;
      color: #FA5A60;
      display: block;
      height: 27px;
      /*margin-top: -8px;*/ }
      .rowed--content .row-item small.tag.graphics {
        margin-left: 22%; }
    .rowed--content .row-item .read_fullstory, .rowed--content .row-item .prodListLink {
      font-size: 16px;
      line-height: 8px;
      color: rgba(28, 28, 28, 0.99);
      margin-top: 44px;
      /*position: absolute;
            top: 100%;*/
      bottom: 0; }
      .rowed--content .row-item .read_fullstory:hover, .rowed--content .row-item .prodListLink:hover {
        color: rgba(28, 28, 28, 0.56); }
      @media (max-width: 992px) {
        .rowed--content .row-item .read_fullstory, .rowed--content .row-item .prodListLink {
          position: relative; } }
      .rowed--content .row-item .read_fullstory span, .rowed--content .row-item .prodListLink span {
        border-bottom: 1px solid #1c1c1c;
        padding: 5px 0; }
      .rowed--content .row-item .read_fullstory.txtWhite, .rowed--content .row-item .prodListLink.txtWhite {
        color: #fff !important; }
        .rowed--content .row-item .read_fullstory.txtWhite span, .rowed--content .row-item .prodListLink.txtWhite span {
          border-bottom: 1px solid #fff;
          padding: 5px 0; }
    .rowed--content .row-item .prodListLink {
      border-bottom: 1px solid #1c1c1c;
      padding: 5px 0; }
    .rowed--content .row-item .hide {
      display: none;
      opacity: 0;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
    .rowed--content .row-item .show {
      display: block;
      opacity: 1;
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
    .rowed--content .row-item .see--all {
      font-size: 20px;
      font-weight: 300;
      line-height: 40px;
      color: #00A9CE;
      border: 1px solid #23AACC;
      padding: 8px 14px 5px;
      text-align: center;
      display: block;
      /*margin: 5px 70px 0 0;*/
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin-top: 50px;
      max-width: 100%; }
      .rowed--content .row-item .see--all:hover .icon-plus {
        color: #23AACC; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .rowed--content .row-item .see--all {
          margin: 5px 30px 0 0; } }
      @media (max-width: 767px) {
        .rowed--content .row-item .see--all {
          margin: 5px 0px 0 0; } }
      .rowed--content .row-item .see--all span {
        color: #ccc;
        margin-left: 10%;
        font-size: 16px; }
    .rowed--content .row-item .img-holder {
      max-height: 235px;
      min-height: 150px;
      overflow: hidden;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        .rowed--content .row-item .img-holder {
          height: auto;
          max-height: none; } }
      .rowed--content .row-item .img-holder img {
        width: 100%;
        height: auto; }
      .rowed--content .row-item .img-holder.non-hundred img {
        width: auto;
        max-width: 100%;
        height: auto; }
      .rowed--content .row-item .img-holder.objContain {
        height: 205px !important;
        position: relative; }
        .rowed--content .row-item .img-holder.objContain img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          position: absolute !important;
          bottom: 0 !important;
          object-position: bottom; }
    .rowed--content .row-item.bx {
      position: relative;
      margin-bottom: 15px;
      margin-top: 15px;
      min-height: 295px;
      height: auto; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .rowed--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 240px;
          height: auto; } }
      @media (max-width: 1200px) {
        .rowed--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 240px;
          height: auto; } }
      @media (max-width: 992px) {
        .rowed--content .row-item.bx {
          margin-bottom: 15px;
          margin-top: 15px;
          min-height: 140px;
          height: auto; } }
      @media (max-width: 767px) {
        .rowed--content .row-item.bx {
          margin-bottom: 2px;
          margin-top: 2px;
          min-height: 100px;
          height: auto; } }
      .rowed--content .row-item.bx h2 {
        position: absolute;
        top: 50%;
        left: 10%;
        padding-right: 10% !important;
        transform: translateY(-50%);
        font-size: 40px;
        font-weight: 300;
        line-height: 46px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        color: white; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .rowed--content .row-item.bx h2 {
            font-size: 30px; } }
        @media (max-width: 1200px) {
          .rowed--content .row-item.bx h2 {
            font-size: 30px; } }
        @media (max-width: 992px) {
          .rowed--content .row-item.bx h2 {
            font-size: 26px;
            font-weight: 300;
            line-height: 28px; } }
        @media (max-width: 767px) {
          .rowed--content .row-item.bx h2 {
            font-size: 20px;
            font-weight: 300;
            line-height: 26px; } }
        .rowed--content .row-item.bx h2.txtDark {
          color: #333F48 !important;
          text-shadow: 0 1px 1px transparent; }
    .rowed--content .row-item:last-of-type {
      border: none; }
  .rowed--content .employee-item {
    min-height: 480px; }
    @media (max-width: 767px) {
      .rowed--content .employee-item {
        margin-bottom: 50px; } }
    .rowed--content .employee-item .img-holder {
      margin-bottom: 30px; }
    .rowed--content .employee-item p, .rowed--content .employee-item a {
      font-size: 18px;
      font-weight: 300;
      line-height: 27px;
      color: #333F48;
      margin-bottom: 0px;
      text-align: center; }
      @media (max-width: 992px) {
        .rowed--content .employee-item p, .rowed--content .employee-item a {
          word-wrap: break-word; } }
      .rowed--content .employee-item p.txtDark, .rowed--content .employee-item a.txtDark {
        color: #333F48;
        font-size: 18px;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    .rowed--content .employee-item a {
      display: inline;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      color: #00A9CE; }
      .rowed--content .employee-item a span {
        margin-right: 5px;
        font-size: 18px;
        margin-top: 4px;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        display: inline-block; }
  .rowed--content .employee-item-row {
    min-height: 280px;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .rowed--content .employee-item-row {
        margin-bottom: 50px; } }
    @media (max-width: 767px) {
      .rowed--content .employee-item-row .img-holder img {
        margin: 0 auto;
        margin-bottom: 30px; } }
    .rowed--content .employee-item-row p, .rowed--content .employee-item-row a {
      font-size: 18px;
      font-weight: 300;
      line-height: 27px;
      color: #333F48;
      margin-bottom: 0px;
      text-align: left;
      margin-bottom: 20px; }
      @media (max-width: 992px) {
        .rowed--content .employee-item-row p, .rowed--content .employee-item-row a {
          word-wrap: break-word; } }
      .rowed--content .employee-item-row p.txtDark, .rowed--content .employee-item-row a.txtDark {
        color: #333F48;
        font-size: 18px; }
      .rowed--content .employee-item-row p span, .rowed--content .employee-item-row a span {
        color: #00A9CE;
        font-size: 24px; }
      .rowed--content .employee-item-row p.header, .rowed--content .employee-item-row a.header {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      @media (max-width: 767px) {
        .rowed--content .employee-item-row p, .rowed--content .employee-item-row a {
          text-align: center; } }
    .rowed--content .employee-item-row a {
      display: inline;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      color: #00A9CE; }
      .rowed--content .employee-item-row a span {
        margin-right: 5px;
        font-size: 18px;
        margin-top: 4px;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        display: inline-block; }
  .rowed--content .rowed-caption {
    padding: 10% !important;
    position: relative; }
    .rowed--content .rowed-caption h4 {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 24px;
      font-weight: 500;
      line-height: 50px;
      color: #000; }
      @media (max-width: 992px) {
        .rowed--content .rowed-caption h4 {
          line-height: 28px;
          font-size: 18px;
          padding-right: 8% !important; } }
      @media (max-width: 767px) {
        .rowed--content .rowed-caption h4 {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 1em !important;
          padding-right: 15%;
          /*padding-top: 43px;*/
          padding-bottom: 20px;
          line-height: 20px;
          text-shadow: none; } }
    .rowed--content .rowed-caption p {
      font-size: 18px;
      font-weight: 300;
      line-height: 27px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    .rowed--content .rowed-caption.txtWhite h4, .rowed--content .rowed-caption.txtWhite p {
      color: #fff; }
    .rowed--content .rowed-caption .fullstory {
      color: #fff; }
      .rowed--content .rowed-caption .fullstory span {
        border-bottom: 1px solid #fff;
        padding: 5px 0; }
  .rowed--content.article-content {
    padding: 0px 0%; }
    @media (max-width: 767px) {
      .rowed--content.article-content {
        padding: 0px 5%; } }
    @media (max-width: 992px) {
      .rowed--content.article-content .row-intro {
        margin-top: 0px;
        padding-left: 10px; } }
    .rowed--content.article-content .row-intro h3 {
      font-size: 55px;
      font-weight: 300;
      color: #4B565E; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .rowed--content.article-content .row-intro h3 {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .rowed--content.article-content .row-intro h3 {
          font-size: 30px; } }
  @media (max-width: 992px) {
    .rowed--content {
      padding: 20px 5%; }
      .rowed--content.article {
        padding: 40px 0%; } }
  .rowed--content .applicationsList {
    margin-top: 0px;
    margin-bottom: 50px;
    padding-top: 30px; }
    @media (max-width: 767px) {
      .rowed--content .applicationsList {
        margin-top: 20px;
        margin-bottom: 30px;
        margin-left: -5px;
        margin-right: -5px;
        /*[class*="col-"] {
                padding-left: 2px;
                padding-right: 2px;
            }*/ } }
  .rowed--content.bg-dark h3 {
    color: #00A9CE; }
  .rowed--content.bg-dark h4, .rowed--content.bg-dark p {
    color: #fff; }
  .rowed--content.bg-dark .bg-dark-box {
    min-height: 520px;
    margin-bottom: 0px; }
  .rowed--content.bg-dark .row-item .img-holder {
    height: 210px;
    max-height: 210px;
    min-height: 140px;
    overflow: hidden;
    margin-bottom: 20px; }
    @media (min-width: 992px) {
      .rowed--content.bg-dark .row-item .img-holder {
        height: 140px; } }
    @media (min-width: 1400px) {
      .rowed--content.bg-dark .row-item .img-holder {
        height: 210px; } }
    .rowed--content.bg-dark .row-item .img-holder.non-hundred img {
      height: 200px; }
    .rowed--content.bg-dark .row-item .img-holder.modified-image-holder img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .rowed--content button {
    background: rgba(34, 168, 202, 0.89); }
    .rowed--content button.see--all {
      border: none;
      width: 100%;
      color: #fff;
      color: #fff;
      position: relative;
      text-align: center;
      display: inline-block;
      padding: 14px 40px;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      margin-top: 30px;
      /*margin-top: 50%;*/
      z-index: 2;
      cursor: pointer; }
    .rowed--content button.disabled {
      background: rgba(153, 164, 174, 0.91); }
  .rowed--content.no-padding {
    padding: 20px 0%; }
    @media (max-width: 1024px) {
      .rowed--content.no-padding {
        padding: 20px 5%; } }
  .rowed--content.padding-nill {
    padding: 0px 0%; }
  .rowed--content iframe {
    margin-top: 0px; }

.documentationLinks .links, .textWithIngressLinks .links, .bannerLink .links, .infoCarouselLinks .links, .newsArchiveLinks .links {
  color: #22A8CA;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 50px;
  display: block;
  position: relative;
  padding-left: 60px; }
  .documentationLinks .links:before, .textWithIngressLinks .links:before, .bannerLink .links:before, .infoCarouselLinks .links:before, .newsArchiveLinks .links:before {
    content: '';
    background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat;
    background-size: 40px 14px;
    width: 46px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 15px;
    overflow: hidden; }
  .documentationLinks .links:hover, .textWithIngressLinks .links:hover, .bannerLink .links:hover, .infoCarouselLinks .links:hover, .newsArchiveLinks .links:hover {
    color: #22A8CA;
    padding-left: 70px; }
    .documentationLinks .links:hover:before, .textWithIngressLinks .links:hover:before, .bannerLink .links:hover:before, .infoCarouselLinks .links:hover:before, .newsArchiveLinks .links:hover:before {
      content: '';
      background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat;
      background-size: 50px 14px;
      width: 50px;
      height: 14px;
      position: absolute;
      left: 0;
      overflow: hidden; }
  @media (max-width: 767px) {
    .documentationLinks .links, .textWithIngressLinks .links, .bannerLink .links, .infoCarouselLinks .links, .newsArchiveLinks .links {
      line-height: 32px;
      font-size: 20px;
      margin: 0 0 15px; } }

.textWithIngressLinks .links {
  color: #333f48; }
  .textWithIngressLinks .links:before {
    background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
    background-size: 40px 14px;
    width: 46px; }
  .textWithIngressLinks .links:hover {
    color: inherit; }
    .textWithIngressLinks .links:hover:before {
      transform: scale(1.2, 1);
      background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
      background-size: 50px 14px;
      width: 50px; }

.bannerLink .links {
  color: #333F48; }
  .bannerLink .links:before {
    background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat;
    background-size: 40px 14px;
    width: 46px; }
  .bannerLink .links:hover {
    /*color: #333F48;*/ }
    .bannerLink .links:hover:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/Carbon arrow.svg") no-repeat;
      background-size: 50px 14px;
      width: 50px;
      transform: scale(1.2, 1); }

.infoCarouselLinks .links:before {
  background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
  background-size: 40px 14px;
  width: 46px;
  top: 5px; }

.infoCarouselLinks .links:hover:before {
  transform: scale(1.2, 1);
  background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
  background-size: 50px 14px;
  width: 50px;
  top: 5px; }

.newsArchiveLinks {
  clear: both;
  padding: 10px 15px; }
  .newsArchiveLinks .links {
    font-size: 18px;
    line-height: 30px;
    color: #333F48;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    .newsArchiveLinks .links:before {
      background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
      background-size: 40px 14px;
      width: 46px;
      top: 5px; }
    .newsArchiveLinks .links:hover:before {
      transform: scale(1.2, 1);
      background: url("../-/media/Images/DefaultImages/textcomponents/Blue arrow.svg") no-repeat;
      background-size: 50px 14px;
      width: 50px;
      top: 5px; }

.inlineLink--content {
  margin: 0 0 100px; }
  @media (max-width: 992px) {
    .inlineLink--content {
      margin: 0 0 -40px; } }
  @media (max-width: 767px) {
    .inlineLink--content {
      margin: 0 0 -100px; } }
  .inlineLink--content .owl-carousel .owl-item img {
    display: block;
    width: auto; }
  .inlineLink--content .skew-white-trans {
    padding: 40px;
    right: 50%;
    top: 50px; }
    @media (max-width: 992px) {
      .inlineLink--content .skew-white-trans {
        width: 94%;
        left: 4%;
        top: -100px; } }
    @media (max-width: 767px) {
      .inlineLink--content .skew-white-trans {
        font-size: 20px;
        font-weight: 300;
        line-height: 26px; } }
    @media (max-width: 992px) {
      .inlineLink--content .skew-white-trans {
        padding: 50px 7%; } }
    .inlineLink--content .skew-white-trans h2 {
      font-size: 32px;
      font-weight: 300;
      line-height: 40px;
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin: 0 0 10px 0;
      padding-left: 90px; }
      @media (max-width: 767px) {
        .inlineLink--content .skew-white-trans h2 {
          font-size: 24px;
          font-weight: 300;
          line-height: 24px; } }
    .inlineLink--content .skew-white-trans h3 {
      font-size: 22px;
      font-weight: 300;
      line-height: 28px;
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      padding-left: 90px; }
      @media (max-width: 767px) {
        .inlineLink--content .skew-white-trans h3 {
          font-size: 18px;
          font-weight: 300;
          line-height: 24px; } }
    .inlineLink--content .skew-white-trans.odd {
      left: 50%;
      right: 0;
      top: 50px;
      z-index: 1; }
      .inlineLink--content .skew-white-trans.odd h2 {
        padding-left: 0px; }
        @media (max-width: 767px) {
          .inlineLink--content .skew-white-trans.odd h2 {
            font-size: 24px;
            font-weight: 300;
            line-height: 24px; } }
      .inlineLink--content .skew-white-trans.odd h3 {
        padding-left: 0px; }
        @media (max-width: 767px) {
          .inlineLink--content .skew-white-trans.odd h3 {
            font-size: 18px;
            font-weight: 300;
            line-height: 24px; } }
      @media (max-width: 992px) {
        .inlineLink--content .skew-white-trans.odd {
          width: 90%;
          left: 8%;
          right: 0;
          position: relative;
          top: -100px;
          float: none; } }
    .inlineLink--content .skew-white-trans figure {
      min-height: 190px;
      background-color: #FFFFFF;
      /*box-shadow: 2px 2px 5px 0 rgba(153,164,174,0.55);*/
      padding: 15px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin: 0 0 0px 0; }
      .inlineLink--content .skew-white-trans figure img {
        max-height: 120px;
        margin: 0 auto; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .inlineLink--content .skew-white-trans figure img {
            max-height: 110px; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .inlineLink--content .skew-white-trans figure img {
            max-height: 70px; } }
      .inlineLink--content .skew-white-trans figure figcaption {
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        line-height: 21px;
        color: #333F48;
        margin-top: 20px; }
      .inlineLink--content .skew-white-trans figure:nth-child(2n+0) {
        border-left: 1px solid rgba(153, 164, 174, 0.35); }
      .inlineLink--content .skew-white-trans figure:nth-child(2n+1) {
        /*border-bottom:1px solid rgba(153,164,174,0.55);*/ }
      .inlineLink--content .skew-white-trans figure:nth-of-type(1) {
        border-bottom: 1px solid rgba(153, 164, 174, 0.35); }
      .inlineLink--content .skew-white-trans figure:nth-of-type(2) {
        border-bottom: 1px solid rgba(153, 164, 174, 0.35); }
      .inlineLink--content .skew-white-trans figure:hover {
        box-shadow: 1px 1px 10px rgba(153, 164, 174, 0.65);
        z-index: 9; }
    .inlineLink--content .skew-white-trans .tabBtn {
      position: absolute;
      z-index: 99;
      color: #DAE2E3;
      font-size: 28px;
      width: 30px;
      height: 38px;
      background-color: #FFFFFF;
      border: 1px solid #DAE2E3; }
      @media (max-width: 767px) {
        .inlineLink--content .skew-white-trans .tabBtn {
          padding: 4px; } }
      .inlineLink--content .skew-white-trans .tabBtn.btnNext {
        top: 50%;
        right: 3%;
        margin-top: 28px; }
        @media (min-width: 1200px) and (max-width: 1275px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnNext {
            margin-top: 49px !important; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnNext {
            margin-top: 49px; } }
        @media (max-width: 767px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnNext {
            margin-top: 20px; } }
      .inlineLink--content .skew-white-trans .tabBtn.btnPrevious {
        top: 50%;
        left: 3%;
        margin-top: 28px; }
        @media (min-width: 1200px) and (max-width: 1275px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnPrevious {
            margin-top: 49px; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnPrevious {
            margin-top: 49px; } }
        @media (max-width: 767px) {
          .inlineLink--content .skew-white-trans .tabBtn.btnPrevious {
            margin-top: 20px; } }
  .inlineLink--content .caption {
    width: 75% !important;
    padding: 5% 10% !important;
    margin-left: 5%;
    min-height: 550px;
    height: auto;
    position: relative !important;
    padding: 5% 10% 10% !important; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .inlineLink--content .caption {
        width: 85% !important;
        padding: 5% 10% 20% !important; } }
    @media (max-width: 992px) {
      .inlineLink--content .caption {
        width: 95% !important;
        padding: 5% 10% !important;
        margin-left: 5%;
        margin-bottom: 140px;
        min-height: 0; } }
    @media (max-width: 767px) {
      .inlineLink--content .caption {
        width: 95% !important;
        padding: 10% 5% !important;
        margin-left: 5%;
        margin-bottom: 140px;
        min-height: 0; } }
    .inlineLink--content .caption p {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif !important;
      font-size: 22px;
      line-height: 1.5;
      position: relative !important;
      top: auto !important;
      transform: translateY(0%) !important;
      padding-right: 10% !important; }
      @media (max-width: 992px) {
        .inlineLink--content .caption p {
          font-size: 22px;
          font-weight: 300;
          line-height: 28px; } }
      @media (max-width: 767px) {
        .inlineLink--content .caption p {
          font-size: 18px;
          font-weight: 300;
          line-height: 24px; } }
    .inlineLink--content .caption h3 {
      float: none !important; }
  .inlineLink--content .odd .caption {
    left: 15%; }
    @media (max-width: 992px) {
      .inlineLink--content .odd .caption {
        left: 3%; } }
    @media (max-width: 767px) {
      .inlineLink--content .odd .caption {
        left: 3%; } }
  .inlineLink--content article.explore {
    min-height: 550px !important;
    height: auto; }
    @media (max-width: 767px) {
      .inlineLink--content article.explore {
        min-height: 200px !important;
        height: auto !important; } }
    .inlineLink--content article.explore .fullstory {
      font-size: 22px;
      font-weight: 300;
      text-align: left;
      line-height: 33px;
      color: #FFFFFF;
      position: absolute;
      bottom: 30px;
      width: 70%;
      float: right; }
      @media (min-width: 767px) and (max-width: 991px) {
        .inlineLink--content article.explore .fullstory {
          position: absolute;
          transform: translateY(50%);
          text-align: left;
          left: 70%;
          bottom: 50%; } }
      @media (max-width: 767px) {
        .inlineLink--content article.explore .fullstory {
          position: absolute;
          top: 50% !important;
          transform: translateY(-50%);
          text-align: left;
          left: 90%; } }
      .inlineLink--content article.explore .fullstory span {
        display: inline;
        float: left;
        padding: 6px 15px 0 0;
        line-height: 1.5; }
        .inlineLink--content article.explore .fullstory span img {
          width: 22px;
          height: 22px; }
    .inlineLink--content article.explore .anchorElemLink {
      color: #FFFFFF;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif !important;
      position: absolute !important;
      bottom: 125px;
      width: 70%;
      float: left;
      font-size: 18px; }
      @media (min-width: 767px) and (max-width: 991px) {
        .inlineLink--content article.explore .anchorElemLink {
          bottom: -20px;
          text-decoration: underline;
          width: 100%; } }
      @media (max-width: 767px) {
        .inlineLink--content article.explore .anchorElemLink {
          bottom: -20px;
          text-decoration: underline;
          width: 100%; } }
  .inlineLink--content article.odd .fullstory {
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    line-height: 33px;
    color: #FFFFFF;
    position: absolute;
    bottom: 30px;
    width: 70%;
    float: left; }
    @media (min-width: 767px) and (max-width: 991px) {
      .inlineLink--content article.odd .fullstory {
        position: absolute;
        transform: translateY(50%);
        text-align: left;
        left: 70%;
        bottom: 50%; } }
    @media (max-width: 767px) {
      .inlineLink--content article.odd .fullstory {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%);
        text-align: left;
        left: 90%; } }
    .inlineLink--content article.odd .fullstory span {
      display: inline;
      float: left;
      padding: 6px 15px 0 0;
      line-height: 1.5; }
      .inlineLink--content article.odd .fullstory span img {
        width: 22px;
        height: 22px; }
  .inlineLink--content.full--width {
    margin: 0 0 0px; }
    .inlineLink--content.full--width .long-icon-arrow-right-img, .inlineLink--content.full--width .long-icon-arrow-right-img-dark {
      float: left; }
    .inlineLink--content.full--width .pos-bottom {
      position: absolute;
      bottom: 0;
      width: 25%;
      right: 10%; }
      .inlineLink--content.full--width .pos-bottom.odd {
        right: 20% !important; }
      @media (max-width: 1200px) {
        .inlineLink--content.full--width .pos-bottom {
          width: 35% !important;
          right: 3%; }
          .inlineLink--content.full--width .pos-bottom.odd {
            right: 10% !important; } }
      @media (max-width: 992px) {
        .inlineLink--content.full--width .pos-bottom {
          position: relative !important;
          width: 55% !important;
          left: 5%; }
          .inlineLink--content.full--width .pos-bottom.odd {
            left: 30% !important; } }
      @media (max-width: 767px) {
        .inlineLink--content.full--width .pos-bottom {
          position: relative !important;
          width: 90% !important;
          left: 1%; }
          .inlineLink--content.full--width .pos-bottom.odd {
            left: 10% !important; } }
    .inlineLink--content.full--width .caption {
      width: 75% !important;
      padding: 5% 10% !important;
      margin-left: 5%;
      min-height: 550px;
      height: auto;
      position: relative !important;
      padding: 5% 10% 10% !important; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .inlineLink--content.full--width .caption {
          width: 85% !important;
          padding: 5% 10% 20% !important; } }
      @media (max-width: 992px) {
        .inlineLink--content.full--width .caption {
          width: 95% !important;
          padding: 5% 10% !important;
          margin-left: 5%;
          margin-bottom: 20px;
          min-height: 0; } }
      @media (max-width: 767px) {
        .inlineLink--content.full--width .caption {
          width: 95% !important;
          padding: 10% 5% !important;
          margin-left: 5%;
          margin-bottom: 10px;
          min-height: 0; } }
    .inlineLink--content.full--width .skew-white-trans {
      padding: 40px;
      right: 0%;
      top: 0px;
      min-height: 0 !important;
      height: auto; }
      @media (max-width: 992px) {
        .inlineLink--content.full--width .skew-white-trans {
          width: 94%;
          left: 4%;
          top: 0px; } }
      @media (max-width: 767px) {
        .inlineLink--content.full--width .skew-white-trans {
          font-size: 20px;
          font-weight: 300;
          line-height: 26px; } }
      @media (max-width: 992px) {
        .inlineLink--content.full--width .skew-white-trans {
          padding: 50px 7%; } }
      .inlineLink--content.full--width .skew-white-trans h2 {
        font-size: 30px;
        font-weight: 300;
        line-height: 55px;
        color: #000000 !important;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        margin: 0 0 10px 0; }
        @media (max-width: 767px) {
          .inlineLink--content.full--width .skew-white-trans h2 {
            font-size: 24px;
            font-weight: 300;
            line-height: 24px; } }
      .inlineLink--content.full--width .skew-white-trans h3 {
        font-size: 28px;
        font-weight: 300;
        line-height: 28px;
        color: #333F48;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
        @media (max-width: 767px) {
          .inlineLink--content.full--width .skew-white-trans h3 {
            font-size: 18px;
            font-weight: 300;
            line-height: 24px; } }
      .inlineLink--content.full--width .skew-white-trans p {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 22px;
        color: #333F48 !important;
        padding-top: 25px;
        display: inline-block; }
      .inlineLink--content.full--width .skew-white-trans figure {
        min-height: 190px;
        background-color: #FFFFFF;
        /*box-shadow: 2px 2px 5px 0 rgba(153,164,174,0.55);*/
        padding: 15px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        margin: 0 0 0px 0;
        border: none !important;
        /*&:nth-of-type(-n+2) {
                    border-bottom: 1px solid rgba(153,164,174,0.35) !important;
                }*/
        /* &:nth-child(2n+0) {
                }

                &:nth-child(odd) {
                    border-left: 1px solid red !important;
                }


                &:nth-of-type(1) {
                    border-bottom: 1px solid rgba(153,164,174,0.35);
                }

                &:nth-of-type(2) {
                    border-bottom: 1px solid rgba(153,164,174,0.35);
                }*/
        /*&:nth-child(odd) {
                        border-left: 1px solid red !important;
                    }*/ }
        .inlineLink--content.full--width .skew-white-trans figure img {
          max-height: 120px;
          margin: 0 auto; }
          @media (min-width: 1200px) and (max-width: 1600px) {
            .inlineLink--content.full--width .skew-white-trans figure img {
              max-height: 110px; } }
          @media (min-width: 992px) and (max-width: 1200px) {
            .inlineLink--content.full--width .skew-white-trans figure img {
              max-height: 70px; } }
        .inlineLink--content.full--width .skew-white-trans figure figcaption {
          text-align: center;
          font-size: 18px;
          font-weight: 300;
          line-height: 21px;
          color: #333F48;
          margin-top: 20px; }
        .inlineLink--content.full--width .skew-white-trans figure:nth-child(2n+1) {
          border-right: 1px solid rgba(153, 164, 174, 0.35) !important; }
        .inlineLink--content.full--width .skew-white-trans figure:nth-child(3) {
          border-top: 1px solid rgba(153, 164, 174, 0.35) !important; }
        .inlineLink--content.full--width .skew-white-trans figure:nth-child(4) {
          border-top: 1px solid rgba(153, 164, 174, 0.35) !important; }
        .inlineLink--content.full--width .skew-white-trans figure:nth-child(7) {
          border-top: 1px solid rgba(153, 164, 174, 0.35) !important; }
        .inlineLink--content.full--width .skew-white-trans figure:nth-child(8) {
          border-top: 1px solid rgba(153, 164, 174, 0.35) !important; }
        .inlineLink--content.full--width .skew-white-trans figure:hover {
          box-shadow: 1px 1px 10px rgba(153, 164, 174, 0.65);
          z-index: 9; }
        .inlineLink--content.full--width .skew-white-trans figure .prodListImgs {
          position: relative;
          height: 100%;
          width: 100%;
          display: block; }
      .inlineLink--content.full--width .skew-white-trans .tabBtn {
        position: absolute;
        z-index: 1;
        color: #DAE2E3 !important;
        font-size: 28px;
        width: 30px;
        height: 38px;
        background-color: #FFFFFF;
        border: 1px solid #DAE2E3;
        line-height: 46px !important; }
        @media (max-width: 767px) {
          .inlineLink--content.full--width .skew-white-trans .tabBtn {
            padding: 4px; } }
        .inlineLink--content.full--width .skew-white-trans .tabBtn.btnNext {
          top: 50%;
          right: 2%;
          margin-top: -28px; }
          @media (min-width: 1200px) and (max-width: 1275px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnNext {
              margin-top: 49px !important; } }
          @media (min-width: 992px) and (max-width: 1200px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnNext {
              margin-top: 49px; } }
          @media (max-width: 767px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnNext {
              margin-top: 20px; } }
        .inlineLink--content.full--width .skew-white-trans .tabBtn.btnPrevious {
          top: 50%;
          left: 2%;
          margin-top: -28px; }
          @media (min-width: 1200px) and (max-width: 1275px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnPrevious {
              margin-top: 49px; } }
          @media (min-width: 992px) and (max-width: 1200px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnPrevious {
              margin-top: 49px; } }
          @media (max-width: 767px) {
            .inlineLink--content.full--width .skew-white-trans .tabBtn.btnPrevious {
              margin-top: 20px; } }
  .inlineLink--content.box-width {
    margin: 0 0 0px; }
    .inlineLink--content.box-width .explore {
      min-height: 100px !important; }
    .inlineLink--content.box-width .caption {
      width: 100% !important;
      padding: 5% 10% !important;
      margin-left: 0;
      min-height: 100px;
      height: auto;
      position: relative !important;
      padding: 5% 0% 5% !important; }
      @media (max-width: 1200px) {
        .inlineLink--content.box-width .caption {
          padding: 5% 0% 20% !important; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .inlineLink--content.box-width .caption {
          padding: 5% 0% 0% !important; } }
      @media (max-width: 992px) {
        .inlineLink--content.box-width .caption {
          padding: 5% 10% !important;
          margin-left: 5%;
          margin-bottom: 20px;
          min-height: 0; } }
      @media (max-width: 767px) {
        .inlineLink--content.box-width .caption {
          padding: 10% 5% 3% !important;
          margin-left: 5%;
          margin-bottom: 10px;
          min-height: 0; } }
  .inlineLink--content.full--width-information {
    margin: 0 0 0px; }
    .inlineLink--content.full--width-information .explore {
      min-height: 400px !important; }
      @media (max-width: 767px) {
        .inlineLink--content.full--width-information .explore {
          min-height: 0 !important;
          height: auto; } }
    .inlineLink--content.full--width-information .caption {
      width: 100% !important;
      padding: 0% !important;
      margin-left: 0;
      min-height: 0px;
      height: 100%;
      padding: 0% !important;
      width: 100%;
      height: 100%;
      position: absolute;
      margin-bottom: 0px; }
      @media (min-width: 1600px) {
        .inlineLink--content.full--width-information .caption {
          width: 60% !important;
          margin-left: 20%; } }
      @media (max-width: 1200px) {
        .inlineLink--content.full--width-information .caption {
          padding: 0% !important; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .inlineLink--content.full--width-information .caption {
          padding: 0% !important; } }
      @media (max-width: 992px) {
        .inlineLink--content.full--width-information .caption {
          padding: 10% 0 !important; } }
      @media (max-width: 767px) {
        .inlineLink--content.full--width-information .caption {
          padding: 10% 0 !important; } }
      .inlineLink--content.full--width-information .caption p {
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 22px;
        line-height: 1.5;
        padding-right: 0% !important;
        position: relative;
        top: auto;
        transform: translateY(0%);
        margin: 20px 0 70px; }
        @media (max-width: 992px) {
          .inlineLink--content.full--width-information .caption p {
            padding: 0 5% !important; } }
        @media (max-width: 767px) {
          .inlineLink--content.full--width-information .caption p {
            padding: 0 5% !important; } }
      .inlineLink--content.full--width-information .caption h3 {
        font-size: 55px;
        line-height: normal;
        margin-top: 5%;
        padding-bottom: 24px;
        padding-right: 0;
        /*                @include respond-to(large) {
                    font-size: 60px;
                    line-height: 60px;
                }

                @include respond-to(between-12-14) {
                    font-size: 50px;
                    line-height: 50px;
                }
*/ }
        @media (max-width: 767px) {
          .inlineLink--content.full--width-information .caption h3 {
            font-size: 40px;
            line-height: 40px; } }
      .inlineLink--content.full--width-information .caption .fullstory {
        bottom: 30px;
        color: #ffffff;
        float: none;
        font-size: 16px;
        font-weight: 300;
        line-height: 33px;
        position: relative;
        text-align: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
        left: 0;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        letter-spacing: 1px; }
        @media (max-width: 767px) {
          .inlineLink--content.full--width-information .caption .fullstory {
            top: auto;
            left: auto;
            transform: none; } }
        .inlineLink--content.full--width-information .caption .fullstory span {
          float: none;
          border-bottom: 1px solid;
          padding: 0px 0 5px 0;
          display: inline-block; }
    .inlineLink--content.full--width-information .themebutton {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      padding: 14px 24px 12px 24px;
      font-size: 18px;
      line-height: 24px; }
  .inlineLink--content .canola .promo-copyright {
    color: #333; }
  .inlineLink--content .promo-copyright {
    position: absolute;
    right: 25px;
    bottom: 15px;
    color: #fff;
    text-align: right;
    padding: 50px 0 0;
    min-width: 100px; }

.financial-report-video–infobox article.explore .caption {
  padding: 0; }
  .financial-report-video–infobox article.explore .caption h3 {
    padding: 6%;
    margin-bottom: 0;
    line-height: normal;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  .financial-report-video–infobox article.explore .caption p {
    margin: 0;
    padding-right: 0; }
  .financial-report-video–infobox article.explore .caption a {
    white-space: normal; }
  .financial-report-video–infobox article.explore .caption .centertext {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 0 6% 6% 6%;
    font-size: 20px;
    font-weight: normal;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    width: 100%;
    min-height: 20px; }
  .financial-report-video–infobox article.explore .caption .fullstory {
    text-align: center;
    padding: 0 6% 6% 6%;
    width: 100%;
    font-size: 20px;
    bottom: 0;
    line-height: normal;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    .financial-report-video–infobox article.explore .caption .fullstory.link-underline span {
      background-repeat: repeat-x;
      background-size: 1px 47px;
      line-height: 40px;
      padding: 20px 0; }
    @media (min-width: 767px) and (max-width: 991px) {
      .financial-report-video–infobox article.explore .caption .fullstory {
        position: relative;
        left: auto;
        top: auto !important;
        bottom: auto;
        transform: none; }
        .financial-report-video–infobox article.explore .caption .fullstory span {
          position: relative;
          top: auto;
          transform: none;
          left: auto; } }
    @media (max-width: 767px) {
      .financial-report-video–infobox article.explore .caption .fullstory {
        position: relative;
        left: auto;
        top: auto !important;
        bottom: auto;
        transform: none; }
        .financial-report-video–infobox article.explore .caption .fullstory span {
          position: relative;
          top: auto;
          transform: none;
          left: auto; } }

@media (max-width: 1200px) {
  .financial-report-video–infobox .grid-item--height4 {
    height: auto;
    min-height: 0; }
  .financial-report-video–infobox article.explore .caption {
    position: relative; }
    .financial-report-video–infobox article.explore .caption .centertext {
      position: relative;
      top: auto;
      transform: none; }
    .financial-report-video–infobox article.explore .caption .fullstory {
      position: relative; } }

@media (max-width: 1600px) {
  .financial-report-video–infobox article.explore .caption h3 {
    font-size: 30px; }
  .financial-report-video–infobox article.explore .caption .centertext {
    font-size: 18px; }
  .financial-report-video–infobox article.explore .caption .fullstory {
    font-size: 18px; } }

.row-intro .see-all {
  font-size: 20px;
  font-weight: 300;
  line-height: 23px;
  color: #fff;
  /*padding: 15px 20px;*/
  text-align: center;
  display: block;
  font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
  margin: 15px 0 30px 0;
  /*@include respond-to(small) {
            margin-left: -50px;
        }*/ }
  .row-intro .see-all a {
    color: #fff;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 14px 70px;
    width: 100%;
    letter-spacing: 1px;
    z-index: 2; }

.arrow-explorer {
  margin: 100px 15px 0; }
  .arrow-explorer p {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    line-height: 33px;
    color: #7B8C98; }
  .arrow-explorer img.img-center {
    margin: 0 auto;
    display: block; }

.fullWidthLinkSection {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .fullWidthLinkSection .posAbsol {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%; }
    .fullWidthLinkSection .posAbsol .back--img--holder {
      position: absolute;
      bottom: 0; }
  .fullWidthLinkSection .box-width {
    padding-bottom: 0; }
  .fullWidthLinkSection .col-sm-offset-2 {
    margin-left: 0; }
    @media (max-width: 1024px) {
      .fullWidthLinkSection .col-sm-offset-2 {
        margin-left: 15%; } }
    @media (max-width: 767px) {
      .fullWidthLinkSection .col-sm-offset-2 {
        margin-left: 0%; } }
  .fullWidthLinkSection .archivebtn {
    margin-bottom: 80px; }

.radio, .prod-download {
  margin: 0;
  padding: 0; }

.radio, .prod-download, .radio *, .prod-download * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.radio label, .prod-download label {
  float: left;
  margin: 0 10px 0 0;
  height: 27px;
  width: 27px;
  vertical-align: top;
  line-height: 27px;
  cursor: pointer;
  border: 1px solid #808080;
  border-radius: 100%;
  text-align: center;
  position: relative;
  background: #F3FAFC; }

.radio label:before, .prod-download label:before {
  position: relative;
  top: -1px; }

.radio input[type=radio], .prod-download input[type=checkbox] {
  display: none; }

.radio input[type=radio] + label:before, .prod-download input[type=checkbox] ~ label:before {
  display: block;
  margin-right: 6px;
  color: #bdc3c7;
  font-size: 10px;
  font-family: 'icomoon';
  /*line-height: 23px;*/
  float: left;
  text-align: center;
  padding-left: 8px;
  /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/ }

.radio input[type=radio]:checked + label:before, .prod-download input[type=checkbox]:checked ~ label:before {
  color: #333f48; }

.radio input[type=radio] + label:before {
  content: "\e980"; }

.radio input[type=radio]:checked + label:before {
  content: "\e042"; }

.prod-download input[type=checkbox] ~ label:before {
  content: "\e114";
  color: #00a9ce; }

.prod-download input[type=checkbox]:checked ~ label:before {
  color: #D2DC2F;
  content: "\e116"; }

.prod-download input[type=checkbox]:checked ~ label.disabled:before {
  color: #868686;
  content: "\e117"; }

.prod-download input[type=checkbox]:checked ~ label {
  background: transparent !important; }
  .prod-download input[type=checkbox]:checked ~ label.disabled {
    border: 1px solid #dedede !important;
    background: #f3f3f3 !important; }

.iconized--information {
  position: relative;
  padding: 80px 0 10px;
  line-height: 30px;
  color: #7A8C99;
  font-size: 18px;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
  .iconized--information .iconized-information {
    display: block;
    margin-right: 6px;
    color: #22a8ca;
    font-size: 16px;
    float: left;
    margin: 0 10px 0 0;
    height: 27px;
    width: 27px;
    vertical-align: top;
    line-height: 21px;
    cursor: pointer;
    border: 1.5px solid #808080;
    border-radius: 50%;
    text-align: center;
    position: relative;
    background: #F3FAFC; }
    .iconized--information .iconized-information:before {
      font-family: 'icomoon';
      content: "\e114";
      /*color: $azur;*/
      color: #22a8ca;
      font-size: 10px;
      float: left;
      text-align: center;
      padding-left: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 700; }

.prod-download-radio {
  /*float: left;*/
  margin-top: -2px;
  margin-right: 15px; }
  @media (max-width: 767px) {
    .prod-download-radio {
      margin-top: -5px;
      margin-right: 0; } }

.prod-download-radio [type="radio"]:checked,
.prod-download-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

.prod-download-radio [type="radio"]:checked + label,
.prod-download-radio [type="radio"]:not(:checked) + label {
  float: left;
  margin: 3px 10px 0 0;
  height: 20px;
  width: 20px;
  vertical-align: top;
  line-height: 24px;
  cursor: pointer;
  border: 1px solid #808080;
  border-radius: 100%;
  text-align: center;
  position: relative;
  background: #F3FAFC; }
  @media (max-width: 767px) {
    .prod-download-radio [type="radio"]:checked + label,
    .prod-download-radio [type="radio"]:not(:checked) + label {
      height: 26px;
      width: 26px; } }

.prod-download-radio [type="radio"]:checked + label:before,
.prod-download-radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  /*border: 1px solid #ddd;
    border-radius: 100%;*/
  /*background: #fff;*/ }

.prod-download-radio [type="radio"]:checked + label:after,
.prod-download-radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #D2DC2F;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media (max-width: 767px) {
    .prod-download-radio [type="radio"]:checked + label:after,
    .prod-download-radio [type="radio"]:not(:checked) + label:after {
      top: 7px;
      left: 7px; } }

.prod-download-radio [type="radio"]:checked + label.disabled,
.prod-download-radio [type="radio"]:not(:checked) + label.disabled {
  border: 1px solid #dedede !important;
  background: #f3f3f3;
  cursor: default; }

.prod-download-radio [type="radio"]:checked + label.disabled:after,
.prod-download-radio [type="radio"]:not(:checked) + label.disabled:after {
  font-family: 'icomoon';
  content: "\e117";
  font-size: 11px;
  color: #bbbbbb;
  width: 18px;
  height: 18px;
  background: transparent;
  position: absolute;
  top: -3px;
  left: 0px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media (max-width: 767px) {
    .prod-download-radio [type="radio"]:checked + label.disabled:after,
    .prod-download-radio [type="radio"]:not(:checked) + label.disabled:after {
      top: 0px;
      left: 3px; } }

.prod-download-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.prod-download-radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.accordion {
  width: 100%;
  margin: 0 auto;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  border: 1px solid #dfe5e6;
  padding: 30px;
  margin: 0 0 40px 0;
  /*display: none;
    opacity: 0;*/ }
  .accordion.toggled {
    -webkit-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -ms-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
    display: block;
    opacity: 1; }

.accordion-toggle {
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  margin: 0;
  padding: 15px 0 10px;
  position: relative;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important; }
  .accordion-toggle .prod-download-radio {
    margin-right: 0; }
  .accordion-toggle .prod-download-radio [type="radio"]:checked + label, .accordion-toggle .prod-download-radio [type="radio"]:not(:checked) + label {
    margin: 0px 10px 0 0; }
  .accordion-toggle label {
    position: absolute;
    font-weight: 100; }
  .accordion-toggle span.version {
    /*position: absolute;
            left: 20%;
            top: 16px;
            font-weight: 100;
            margin: 0;*/
    margin-left: 15px;
    display: inline-block;
    margin-top: 0; }
    @media (max-width: 767px) {
      .accordion-toggle span.version {
        /*left: 50%;*/
        display: inline-block;
        margin-left: 50px; } }
  .accordion-toggle #clickdetect {
    position: absolute;
    right: -10px;
    top: 0;
    width: 45px;
    height: 45px;
    z-index: 10; }

.accordion-toggle.active:after {
  font-family: 'icomoon' !important;
  content: "\e92b";
  position: absolute;
  right: 20px;
  top: 12px;
  width: 0;
  height: 0; }

.accordion-toggle:before {
  font-family: 'icomoon' !important;
  content: "\e928";
  position: absolute;
  right: 20px;
  top: 12px;
  width: 0;
  height: 0; }

.accordion-toggle.active:before {
  display: none; }

.accordion-content {
  display: none;
  background-color: #F3FAFC;
  padding: 25px 20% 10px 20%; }

/*Full width accordion*/
.accordion-full-width {
  width: 100%;
  margin: 0 auto;
  border-left: 1px solid #DAE2E3;
  border-right: 1px solid #DAE2E3; }
  .accordion-full-width .accordion-toggle-full-width {
    cursor: pointer;
    margin: 0;
    padding: 20px 50px;
    position: relative;
    color: #FFFFFF;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 55px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 64px; }
    @media (max-width: 767px) {
      .accordion-full-width .accordion-toggle-full-width {
        font-size: 30px;
        padding: 20px 80px 20px 25px;
        line-height: 1.2;
        /*min-height:115px;*/ } }
    @media (max-width: 767px) {
      .accordion-full-width .accordion-toggle-full-width.active {
        padding: 30px 80px 30px 25px; } }
    .accordion-full-width .accordion-toggle-full-width.ice {
      background: #f3fafc; }
    .accordion-full-width .accordion-toggle-full-width.seablue {
      background: #0077c8; }
    .accordion-full-width .accordion-toggle-full-width.bluesky {
      background: #0033a0; }
    .accordion-full-width .accordion-toggle-full-width.azur {
      background: #00a9ce; }
    .accordion-full-width .accordion-toggle-full-width.turkis {
      background: #6ad1e3; }
    .accordion-full-width .accordion-toggle-full-width.active:after {
      content: "";
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 60px;
      background: url("../-/media/Images/DefaultImages/minus-close.svg") no-repeat;
      z-index: 1;
      background-size: 50px; }
      @media (max-width: 767px) {
        .accordion-full-width .accordion-toggle-full-width.active:after {
          right: 30px;
          transform: translateY(-66%);
          height: 60px; } }
    .accordion-full-width .accordion-toggle-full-width:before {
      content: "";
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: url("../-/media/Images/DefaultImages/pluss_expand.svg") no-repeat;
      z-index: 1; }
      @media (max-width: 767px) {
        .accordion-full-width .accordion-toggle-full-width:before {
          right: 30px; } }
    .accordion-full-width .accordion-toggle-full-width.active:before {
      display: none; }
    .accordion-full-width .accordion-toggle-full-width.active {
      color: #117AC4;
      background: #fff; }
  .accordion-full-width .accordion-content-full-width {
    display: none;
    background-color: #FFFFFF;
    padding: 10px 50px 50px; }
    .accordion-full-width .accordion-content-full-width iframe {
      border: 0; }
  .accordion-full-width.vacantPos {
    margin-bottom: 30px;
    border-top: 1px solid #DAE2E3;
    border-bottom: 1px solid #DAE2E3; }

.LinksToContactScheme .LinksToContactScheme-full-width {
  cursor: pointer;
  margin: 0;
  padding: 20px 50px;
  position: relative;
  color: #FFFFFF;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 55px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 64px;
  display: block; }
  @media (max-width: 767px) {
    .LinksToContactScheme .LinksToContactScheme-full-width {
      font-size: 22px;
      padding: 20px 80px 20px 25px;
      line-height: 1.2;
      /*min-height:115px;*/ } }
  .LinksToContactScheme .LinksToContactScheme-full-width.ice {
    background: #f3fafc; }
  .LinksToContactScheme .LinksToContactScheme-full-width.seablue {
    background: #0077c8; }
  .LinksToContactScheme .LinksToContactScheme-full-width.bluesky {
    background: #0033a0; }
  .LinksToContactScheme .LinksToContactScheme-full-width.azur {
    background: #00a9ce; }
  .LinksToContactScheme .LinksToContactScheme-full-width.turkis {
    background: #6ad1e3; }
  .LinksToContactScheme .LinksToContactScheme-full-width:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url("../-/media/Images/DefaultImages/arrow_right_small_white.svg") no-repeat;
    background-size: 40px; }
    @media (max-width: 767px) {
      .LinksToContactScheme .LinksToContactScheme-full-width:before {
        right: 30px; } }

.rte-transition, ul.RTE-Accordion li.firstAll em:before, ul.RTE-Accordion li.firstAll em:after, ul.RTE-Accordion li.firstAll p, ul.RTE-Accordion li.firstAll ul, ul.RTE-Accordion li.firstAll div.rte-wrapper {
  transition: all 0.25s ease-in-out; }

.rte-flipIn, ul.RTE-Accordion li.firstAll {
  animation: flipdown 0.5s ease both; }

.rte-no-select, ul.RTE-Accordion li.firstAll h2, ul.RTE-Accordion li.firstAll h4 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

ul.RTE-Accordion {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  /*background: #fff;*/
  padding: 0px 0px 10px; }
  @media (min-width: 992px) {
    ul.RTE-Accordion {
      margin: 30px 0; } }
  ul.RTE-Accordion h3 {
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 36px;
    line-height: 30px;
    margin-top: 4px;
    color: #00a9ce;
    /*        @media (min-width: 992px) {
            font-size: 25px;
        }
*/ }
  ul.RTE-Accordion p {
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    margin-top: 10px;
    color: #333f48; }
  ul.RTE-Accordion li.firstAll {
    font-size: 18px;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    position: relative;
    padding: 0;
    margin: 0;
    padding: 20px 0 15px;
    border-top: 1px solid #bababa;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }
    ul.RTE-Accordion li.firstAll:first-of-type {
      border-top: none;
      padding-top: 3px; }
    ul.RTE-Accordion li.firstAll:last-of-type {
      padding-bottom: 0; }
    ul.RTE-Accordion li.firstAll em {
      position: absolute;
      transform: translate(-6px, 0);
      margin-top: 12px;
      right: 2px; }
      ul.RTE-Accordion li.firstAll em:before {
        content: "";
        position: absolute;
        background-color: #333f48;
        width: 3px;
        height: 9px; }
      ul.RTE-Accordion li.firstAll em:after {
        content: "";
        position: absolute;
        background-color: #333f48;
        width: 3px;
        height: 9px; }
      ul.RTE-Accordion li.firstAll em:before {
        transform: translate(-2px, 0) rotate(45deg); }
      ul.RTE-Accordion li.firstAll em:after {
        transform: translate(2px, 0) rotate(-45deg); }
    ul.RTE-Accordion li.firstAll input[type=checkbox] {
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0; }
      ul.RTE-Accordion li.firstAll input[type=checkbox]:checked ~ p {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
        margin-bottom: 0px; }
      ul.RTE-Accordion li.firstAll input[type=checkbox]:checked ~ ul {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
        margin-bottom: 0px; }
      ul.RTE-Accordion li.firstAll input[type=checkbox]:checked ~ em:before {
        transform: translate(2px, 0) rotate(45deg); }
      ul.RTE-Accordion li.firstAll input[type=checkbox]:checked ~ em:after {
        transform: translate(-2px, 0) rotate(-45deg); }
      ul.RTE-Accordion li.firstAll input[type=checkbox].pagemode-site {
        height: 100%; }
        ul.RTE-Accordion li.firstAll input[type=checkbox].pagemode-site:checked ~ div.rte-wrapper {
          margin-top: 0;
          max-height: 0;
          opacity: 0;
          transform: translate(0, 50%);
          margin-bottom: 0px; }
    ul.RTE-Accordion li.firstAll h2 {
      color: #00a9ce;
      font-size: 26px;
      line-height: 34px;
      font-weight: 300;
      letter-spacing: 1px;
      display: block;
      margin: 0;
      cursor: pointer;
      line-height: 50px; }
    ul.RTE-Accordion li.firstAll h4 {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      color: #333f48;
      font-size: 22px;
      line-height: 30px;
      font-weight: 300;
      letter-spacing: 0px;
      display: block;
      z-index: 2;
      /*background-color: #fff;*/
      margin: 0;
      cursor: pointer; }
      @media (min-width: 992px) {
        ul.RTE-Accordion li.firstAll h4 {
          font-size: 25px; } }
    ul.RTE-Accordion li.firstAll p {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      color: #333f48;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0px;
      position: relative;
      overflow: hidden;
      max-height: 800px;
      opacity: 1;
      transform: translate(0, 0);
      z-index: 2;
      margin: 0; }
    ul.RTE-Accordion li.firstAll ul {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      /*color: #000;
            font-size: 17px;
            line-height: 26px;
            letter-spacing: 1px;
            
            
            max-height: 800px;*/
      overflow: hidden;
      z-index: 2;
      position: relative;
      opacity: 1;
      transform: translate(0, 0);
      margin-bottom: 0;
      /* 
            margin-top: 14px;
            
            margin: 0;
            */ }
    ul.RTE-Accordion li.firstAll div.rte-wrapper {
      color: #333f48;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0px;
      position: relative;
      overflow: hidden;
      max-height: 800px;
      opacity: 1;
      transform: translate(0, 0);
      margin: 25px 0;
      z-index: 2; }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }

.platformWrapper .accordion .versionfile {
  display: inline-block;
  min-width: 50px; }

.platformWrapper .accordion span.version {
  margin-left: 0px; }

.imagemap {
  overflow: auto; }

.gfx .select-wrapper {
  position: relative;
  margin-top: 10px;
  display: block;
  width: 350px;
  max-width: 350px;
  /*border-width: 1px;
        border-style: solid;
        border-color: #fff;*/
  float: left;
  margin-right: 20px; }
  @media (max-width: 992px) {
    .gfx .select-wrapper {
      width: 230px;
      max-width: 310px; } }
  @media (min-width: 300px) and (max-width: 460px) {
    .gfx .select-wrapper {
      width: 100%;
      max-width: 100%; } }
  .gfx .select-wrapper.country {
    display: none !important; }
    .gfx .select-wrapper.country.open {
      display: block !important; }
  .gfx .select-wrapper.offices {
    display: none !important; }
    .gfx .select-wrapper.offices.open {
      display: none !important; }
      @media (max-width: 992px) {
        .gfx .select-wrapper.offices.open {
          display: block !important; } }
  .gfx .select-wrapper select {
    margin: 0px;
    height: auto;
    border: none;
    width: 100%;
    padding: 15px 15px 12px;
    font-size: 22px;
    color: #fff;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 8;
    background-color: transparent;
    margin-right: 30px;
    border: 1px solid #fff; }
    .gfx .select-wrapper select:focus {
      outline: none; }
    .gfx .select-wrapper select option {
      /*display: block;
                min-height: 1.5em;
                line-height: 50px;*/
      background-color: #fff;
      color: #333f48;
      /*outline: 1px solid #fff;*/ }
    .gfx .select-wrapper select::-ms-expand {
      display: none; }
  .gfx .select-wrapper::after {
    font-family: 'icomoon' !important;
    content: "\e924";
    position: absolute;
    font-size: 40px;
    right: 10px;
    top: 2px;
    transform: translateY(0px);
    color: #fff;
    z-index: 5;
    padding-top: 0; }
  .gfx .select-wrapper.country::after {
    font-family: 'icomoon' !important;
    content: "\e924";
    position: absolute;
    font-size: 40px;
    right: 10px;
    top: 2px;
    transform: translateY(0px);
    color: #fff;
    z-index: 5;
    padding-top: 0; }

.visit--us .find-distributor-map .map-info-wrapper {
  background: linear-gradient(28.5deg, #596872 40%, #54646f calc(60% - 60em)) !important; }

.find-distributor-map {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 5%;
  vertical-align: middle; }
  .find-distributor-map .map-info-wrapper {
    /*display: none;*/
    /*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
    /*min-height: 200px;*/
    height: auto;
    /*background: #fff;*/
    background: linear-gradient(28.5deg, #fff 40%, #f5f5f5 calc(60% - 60em));
    margin: 50px 0;
    position: relative;
    /*@include respond-to(small) {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: auto;
            width: 600px;
        }

        @include respond-to(smallbig) {
            width: 460px;
        }

        @include respond-to(smallest) {
            width: 320px;
        }*/ }
    .find-distributor-map .map-info-wrapper .mapping-list-close {
      position: absolute;
      right: 15px;
      top: 10px;
      cursor: pointer; }
      .find-distributor-map .map-info-wrapper .mapping-list-close span {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
        font-size: 18px;
        font-weight: 300;
        line-height: 15px;
        text-align: center;
        color: #7A8C99; }
    .find-distributor-map .map-info-wrapper .mapping-list-text {
      position: absolute;
      left: 15px;
      top: 10px;
      cursor: pointer; }
      .find-distributor-map .map-info-wrapper .mapping-list-text span {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
        font-size: 18px;
        font-weight: 300;
        line-height: 15px;
        text-align: center;
        color: #7A8C99; }
    .find-distributor-map .map-info-wrapper .selectWrapp {
      z-index: 9;
      position: relative;
      margin-top: 50px;
      margin-bottom: 50px;
      margin-left: 10%;
      width: 80%; }
      .find-distributor-map .map-info-wrapper .selectWrapp .select-hidden {
        display: none;
        visibility: hidden;
        padding-right: 10px; }
      .find-distributor-map .map-info-wrapper .selectWrapp .select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 22px;
        color: #313E47;
        width: 100%;
        height: 56px; }
      .find-distributor-map .map-info-wrapper .selectWrapp .select-styled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding: 8px 15px;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        border: 1px solid #99A4AE; }
        .find-distributor-map .map-info-wrapper .selectWrapp .select-styled:after {
          content: "";
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-color: #313E47 transparent transparent transparent;
          position: absolute;
          top: 16px;
          right: 10px; }
        .find-distributor-map .map-info-wrapper .selectWrapp .select-styled:hover {
          background-color: #fafafa; }
        .find-distributor-map .map-info-wrapper .selectWrapp .select-styled:active, .find-distributor-map .map-info-wrapper .selectWrapp .select-styled.active {
          background-color: #f2f2f2; }
          .find-distributor-map .map-info-wrapper .selectWrapp .select-styled:active:after, .find-distributor-map .map-info-wrapper .selectWrapp .select-styled.active:after {
            top: 9px;
            border-color: transparent transparent #313E47 transparent; }
    .find-distributor-map .map-info-wrapper .selected-distributors {
      display: none;
      position: relative; }
      .find-distributor-map .map-info-wrapper .selected-distributors .country-text {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
        position: absolute;
        top: 0;
        left: 0; }
        .find-distributor-map .map-info-wrapper .selected-distributors .country-text span {
          background: #313E47;
          color: #fff;
          font-size: 16px;
          padding: 9px; }
        .find-distributor-map .map-info-wrapper .selected-distributors .country-text img {
          width: 50%;
          margin-top: 30px;
          margin-left: 10%; }
      .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text {
        columns: 4;
        -webkit-columns: 4;
        -moz-columns: 4;
        -webkit-column-gap: 50px;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 50px;
        /* Firefox */
        column-gap: 50px;
        -webkit-column-rule: 1px outset #DAE2E3;
        -moz-column-rule: 1px outset #DAE2E3;
        column-rule: 1px outset #DAE2E3;
        list-style: none;
        padding: 50px 0 30px; }
        @media (max-width: 1200px) {
          .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text {
            columns: 3; } }
        @media (max-width: 992px) {
          .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text {
            columns: 2; } }
        @media (max-width: 767px) {
          .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text {
            columns: 1; } }
        .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text li {
          color: #333F48;
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
          font-size: 18px;
          line-height: 21px;
          margin: 0 0 30px;
          -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
          break-inside: avoid; }
          .find-distributor-map .map-info-wrapper .selected-distributors .country-list-text li a {
            color: #22A8CA;
            font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important; }
      .find-distributor-map .map-info-wrapper .selected-distributors.active {
        display: block;
        /*padding-top: 80px;*/ }
    .find-distributor-map .map-info-wrapper .selected-visitus {
      display: none;
      position: relative; }
      .find-distributor-map .map-info-wrapper .selected-visitus .country-text {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important;
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
        position: absolute;
        top: 0;
        left: 0; }
        @media (max-width: 992px) {
          .find-distributor-map .map-info-wrapper .selected-visitus .country-text {
            position: relative;
            margin-left: -15px; } }
        .find-distributor-map .map-info-wrapper .selected-visitus .country-text span {
          background: #cad331;
          color: #313E47;
          font-size: 16px;
          padding: 9px; }
        .find-distributor-map .map-info-wrapper .selected-visitus .country-text img {
          width: 50%;
          margin-top: 30px;
          margin-left: 10%; }
      .find-distributor-map .map-info-wrapper .selected-visitus.active {
        display: block;
        /*padding-top: 80px;*/ }
      .find-distributor-map .map-info-wrapper .selected-visitus .town-list {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 60px; }
        @media (max-width: 992px) {
          .find-distributor-map .map-info-wrapper .selected-visitus .town-list {
            margin-top: 10px; } }
        .find-distributor-map .map-info-wrapper .selected-visitus .town-list li {
          border-bottom: 1px solid #fff;
          margin: 10px 0 20px 0;
          opacity: .4; }
          .find-distributor-map .map-info-wrapper .selected-visitus .town-list li a {
            position: relative;
            display: block;
            line-height: 30px;
            font-size: 22px;
            color: #fff;
            padding: 10px 0 10px 0;
            font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important; }
            .find-distributor-map .map-info-wrapper .selected-visitus .town-list li a:after {
              content: ' ';
              background: url("../-/media/Images/DefaultImages/arrow_short_white.svg") no-repeat;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 50px;
              height: 20px; }
          .find-distributor-map .map-info-wrapper .selected-visitus .town-list li.active {
            border-bottom: 1px solid #fff;
            opacity: 1; }
            .find-distributor-map .map-info-wrapper .selected-visitus .town-list li.active a {
              /*color: #cad331;*/
              color: #fff; }
              .find-distributor-map .map-info-wrapper .selected-visitus .town-list li.active a:after {
                content: ' ';
                background: url("../-/media/Images/DefaultImages/arrow_short_white.svg") no-repeat;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 50px;
                height: 20px; }
                @media (max-width: 992px) {
                  .find-distributor-map .map-info-wrapper .selected-visitus .town-list li.active a:after {
                    transform: translateY(-50%) rotate(90deg); } }
      .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo {
        display: none;
        color: #fff;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        margin-top: 60px;
        margin-bottom: 40px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif !important; }
        @media (max-width: 767px) {
          .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo {
            margin-top: 30px; } }
        .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo.active {
          display: block; }
        .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo .map {
          position: relative;
          padding-bottom: 75%;
          height: 0;
          overflow: hidden;
          margin-top: -60px;
          margin-bottom: -40px;
          margin-right: -30px; }
          @media (max-width: 1200px) {
            .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo .map {
              padding-bottom: 100%; } }
          @media (max-width: 992px) {
            .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo .map {
              margin-right: 0px;
              margin-top: 0px;
              padding-bottom: 75%; } }
          @media (max-width: 767px) {
            .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo .map {
              margin-top: 30px;
              margin-bottom: 40px; } }
          .find-distributor-map .map-info-wrapper .selected-visitus .contactinfo .map iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important; }

.stories .page {
  margin-top: -130px !important; }

.stories-top-information {
  background: #fff;
  padding: 65px 45px 25px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: -45px;
  margin-right: -45px; }
  @media (max-width: 767px) {
    .stories-top-information {
      margin-left: 0px;
      margin-right: 0px; } }
  .stories-top-information:after, .stories-top-information:before {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2), transparent);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
    top: -1px;
    bottom: -1px;
    width: 1px; }
  .stories-top-information:before {
    left: -1px; }
  .stories-top-information:after {
    right: -1px; }
  .stories-top-information .tag {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #117AC4;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    padding: 10px 20px;
    color: #fff; }
    .stories-top-information .tag.coral {
      background: #ff585d; }
    .stories-top-information .tag.azur {
      background: #00a9ce; }
    .stories-top-information .tag.canola {
      background: #d0df00;
      color: #333; }
    .stories-top-information .tag.nightsky {
      background: #323e47; }
    .stories-top-information .tag.seablue {
      background: #0077c8; }
    .stories-top-information .tag.bluesky {
      background: #0033a0; }
    .stories-top-information .tag.carbon {
      background: #333f48; }
    .stories-top-information .tag.satsuma {
      background: #ffcd00;
      color: #333; }
    .stories-top-information .tag.turkis {
      background: #6ad1e3;
      color: #333; }
  .stories-top-information h2 {
    color: #323E47;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 50px;
    line-height: 50px; }
    @media (max-width: 767px) {
      .stories-top-information h2 {
        font-size: 30px;
        line-height: 30px; } }
  .stories-top-information h2.ingress {
    color: #3C3C3C;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 35px;
    font-weight: 200;
    line-height: 45px;
    padding: 45px 0; }
    @media (max-width: 767px) {
      .stories-top-information h2.ingress {
        font-size: 20px;
        line-height: 30px;
        padding: 25px 0; } }

.customer-stories:before {
  content: '';
  position: absolute;
  top: 0;
  background: linear-gradient(192deg, #3592a3, transparent);
  opacity: 1;
  z-index: 2;
  width: 100%;
  height: 100%; }

.customer-stories .category:before {
  opacity: 1; }

.customer-stories-box-caption {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  z-index: 2;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  margin: 0 50px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .customer-stories-box-caption {
      width: 80%;
      position: absolute;
      top: 50%;
      /*height: 100%;*/
      transform: translateY(-50%);
      left: 0% !important; } }
  @media (max-width: 767px) {
    .customer-stories-box-caption {
      left: 10%; } }
  .customer-stories-box-caption h3 {
    font-size: 66px;
    font-weight: 300;
    line-height: 76px;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 60px;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
    @media (max-width: 992px) {
      .customer-stories-box-caption h3 {
        font-size: 36px;
        font-size: 26px;
        line-height: 45px;
        margin-bottom: 0px; } }
  .customer-stories-box-caption .fullstory {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    line-height: 33px;
    color: #FFFFFF; }
    .customer-stories-box-caption .fullstory span {
      display: inline;
      float: left;
      padding: 6px 15px 0 0; }
      .customer-stories-box-caption .fullstory span img {
        width: 22px;
        height: 22px; }
  .customer-stories-box-caption.small {
    left: 0%; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .customer-stories-box-caption.small {
        left: 0% !important; } }
    .customer-stories-box-caption.small h3 {
      font-size: 40px;
      font-weight: 300;
      line-height: 48px;
      color: #FFFFFF;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
      margin-bottom: 30px; }
      @media (max-width: 992px) {
        .customer-stories-box-caption.small h3 {
          font-size: 26px;
          line-height: 35px;
          margin-bottom: 0px; } }

.review {
  background-color: transparent;
  /*min-height: 300px;*/
  padding: 50px 0;
  clear: both; }
  @media (max-width: 767px) {
    .review {
      margin-left: 0;
      margin-right: 0; } }
  .review .quote {
    margin-top: 5px; }

.review-text {
  /*color: rgba(51, 63, 72, 1);*/
  color: #323E47;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
  font-size: 22px;
  line-height: 31px;
  z-index: 1;
  /*padding: 20px 88px;*/
  position: relative;
  letter-spacing: 1px;
  /*@include respond-to(max1024) {
        font-size: 18px;
        padding: 40px 22px;
    }*/
  /*@include respond-to(small) {
        padding: 40px 8.33%;
        margin-left: 15px;
        margin-right: 15px;
    }*/
  /*&:before {
        content: '\ea02';
        font-size: 1400%;
        position: absolute;
        left: 0%;
        top: 20%;
        font-family: 'icomoon';
        color: inherit;
        z-index: -1;
        opacity: .7;
        @include respond-to(large) {
            font-size: 1000%;
        }
    }*/ }
  .review-text .info {
    color: #000;
    font-size: 18px;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    margin-top: 20px; }

.costumer-review {
  background-color: #F2F5F5;
  min-height: 300px; }
  @media (max-width: 767px) {
    .costumer-review {
      margin-left: -15px;
      margin-right: -15px; } }

.costumer-review-text {
  /*color: rgba(51, 63, 72, 1);*/
  color: #323E47;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 22px;
  line-height: 31px;
  z-index: 1;
  padding: 20px 88px;
  position: relative;
  letter-spacing: 1px; }
  @media (max-width: 1024px) {
    .costumer-review-text {
      font-size: 18px;
      padding: 40px 22px; } }
  @media (max-width: 767px) {
    .costumer-review-text {
      /*padding: 40px 22px;*/
      padding: 40px 8.33%;
      margin-left: 15px;
      margin-right: 15px; } }
  .costumer-review-text strong {
    color: #000;
    font-size: 20px; }
  .costumer-review-text:before {
    content: '\ea02';
    font-size: 1400%;
    position: absolute;
    left: 0%;
    top: 20%;
    font-family: 'icomoon';
    color: #dfe8e8;
    z-index: -1; }
    @media (max-width: 1200px) {
      .costumer-review-text:before {
        font-size: 1000%; } }

.calendar-item-nodata {
  border: 1px solid #ececec;
  min-height: 250px;
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  overflow: hidden;
  background: #fff; }

@media (max-width: 767px) {
  #nordicevents .row-intro {
    padding-left: 0; } }

.event-Item {
  border: 1px solid #ececec;
  min-height: 280px;
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  background: #fff; }
  .event-Item .event-Item-child {
    overflow: hidden;
    min-height: 240px; }
    @media (max-width: 767px) {
      .event-Item .event-Item-child {
        min-height: 140px; } }
  .event-Item.opacity-5 {
    opacity: .5; }
    .event-Item.opacity-5 .iCal-CTA {
      opacity: .8; }
  @media (max-width: 767px) {
    .event-Item {
      padding: 10px;
      margin-right: -7.5px;
      margin-left: -7.5px;
      margin-bottom: 42px;
      min-height: 160px; } }
  .event-Item .date {
    position: relative;
    color: #333;
    float: left;
    border-right: none;
    padding-right: 10px;
    position: relative;
    font-weight: normal !important; }
    .event-Item .date.same-day {
      padding-left: 0px; }
    .event-Item .date.hide-me {
      display: none; }
    .event-Item .date:nth-child(2) {
      margin-left: 30px; }
      .event-Item .date:nth-child(2):before {
        content: "--";
        position: absolute;
        left: -22px;
        top: 50%;
        transform: translateY(-50%); }
    @media (max-width: 1200px) {
      .event-Item .date {
        top: 11px;
        left: 20px; } }
    @media (max-width: 992px) {
      .event-Item .date {
        top: 11px; } }
    @media (max-width: 767px) {
      .event-Item .date {
        top: 11px;
        left: 0px; } }
    .event-Item .date div {
      font-size: 15px;
      float: left;
      line-height: 17px; }
      @media (max-width: 1600px) {
        .event-Item .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 1200px) {
        .event-Item .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 992px) {
        .event-Item .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 767px) {
        .event-Item .date div {
          font-size: 12px;
          line-height: 12px; } }
      .event-Item .date div:nth-child(1) {
        font-size: 43px;
        float: left;
        line-height: 46px; }
        @media (max-width: 1600px) {
          .event-Item .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 1200px) {
          .event-Item .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 992px) {
          .event-Item .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .event-Item .date div:nth-child(1) {
            font-size: 23px;
            line-height: 26px; } }
      .event-Item .date div:nth-child(2n+2) {
        margin-top: 4px;
        margin-left: 6px; }
        @media (max-width: 1600px) {
          .event-Item .date div:nth-child(2n+2) {
            margin-top: 2px; } }
        @media (max-width: 767px) {
          .event-Item .date div:nth-child(2n+2) {
            margin-top: 2px; } }
  .event-Item .icon {
    position: absolute;
    top: 20px;
    right: 20px; }
    @media (max-width: 767px) {
      .event-Item .icon {
        top: 10px;
        right: 10px; } }
    .event-Item .icon span {
      color: rgba(49, 62, 71, 0.4);
      font-size: 20px;
      position: relative; }
      @media (max-width: 767px) {
        .event-Item .icon span {
          font-size: 30px; } }
      .event-Item .icon span small {
        position: absolute;
        font-size: 20px;
        transform: translate(-50%, -50%);
        top: 55%;
        left: 50%;
        color: #00A9CE; }
        @media (max-width: 767px) {
          .event-Item .icon span small {
            font-size: 16px; } }
  .event-Item h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    color: #313E47;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 767px) {
      .event-Item h4 {
        font-size: 18px;
        margin-top: 65px;
        -webkit-line-clamp: 2; } }
  .event-Item:hover {
    border: 1px solid #00A9CE;
    box-shadow: 0px 0px 2px 2px #00A9CE inset;
    /*.icon {
            display: none;
        }*/ }
    .event-Item:hover .date {
      color: #00A9CE; }
    .event-Item:hover h4 {
      color: #00A9CE; }
    .event-Item:hover .iCal-CTA {
      visibility: visible;
      opacity: 1; }
  .event-Item .img--holder {
    max-height: 50px; }
    @media (max-width: 767px) {
      .event-Item .img--holder {
        display: none; } }
    .event-Item .img--holder img {
      max-height: 50px;
      width: auto; }

@media (max-width: 992px) {
  .boxItem {
    margin-top: 15px; } }

.boxItem .iCal-CTA {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 5px;
  padding: 0 20px;
  line-height: 50px;
  left: 35px;
  right: 35px;
  min-height: 50px;
  background: #00a9ce;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }
  @media (max-width: 992px) {
    .boxItem .iCal-CTA {
      visibility: visible;
      opacity: 1;
      bottom: 5px;
      z-index: 99;
      left: 20px;
      right: 20px; } }
  .boxItem .iCal-CTA:hover {
    display: block; }
  .boxItem .iCal-CTA span {
    margin-left: 20px;
    font-size: 24px;
    position: relative;
    top: 6px; }
    @media (max-width: 992px) {
      .boxItem .iCal-CTA span {
        font-size: 18px;
        display: none; } }

.boxItem:hover .iCal-CTA {
  visibility: visible;
  opacity: 1; }

.calendar-item {
  border: 1px solid #ececec;
  min-height: 250px;
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  overflow: hidden;
  background: #fff; }
  @media (max-width: 767px) {
    .calendar-item {
      padding: 10px;
      margin-right: -7.5px;
      margin-left: -7.5px;
      margin-bottom: 15px;
      min-height: 160px; } }
  .calendar-item .date {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #313E47; }
    .calendar-item .date.same-day {
      padding-left: 0px; }
    .calendar-item .date.hide-me {
      display: none; }
    @media (max-width: 1200px) {
      .calendar-item .date {
        top: 11px;
        left: 20px; } }
    @media (max-width: 992px) {
      .calendar-item .date {
        top: 11px; } }
    @media (max-width: 767px) {
      .calendar-item .date {
        top: 11px; } }
    .calendar-item .date div {
      font-size: 15px;
      float: left;
      line-height: 17px; }
      @media (max-width: 1200px) {
        .calendar-item .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 992px) {
        .calendar-item .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 767px) {
        .calendar-item .date div {
          font-size: 12px;
          line-height: 12px; } }
      .calendar-item .date div:nth-child(1) {
        font-size: 43px;
        float: left;
        line-height: 46px; }
        @media (max-width: 1200px) {
          .calendar-item .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 992px) {
          .calendar-item .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .calendar-item .date div:nth-child(1) {
            font-size: 23px;
            line-height: 26px; } }
      .calendar-item .date div:nth-child(2n+2) {
        margin-top: 4px;
        margin-left: 6px; }
        @media (max-width: 767px) {
          .calendar-item .date div:nth-child(2n+2) {
            margin-top: 2px; } }
  .calendar-item .icon {
    position: absolute;
    top: 20px;
    right: 20px; }
    @media (max-width: 767px) {
      .calendar-item .icon {
        top: 10px;
        right: 10px; } }
    .calendar-item .icon span {
      color: rgba(49, 62, 71, 0.4);
      font-size: 20px;
      position: relative; }
      @media (max-width: 767px) {
        .calendar-item .icon span {
          font-size: 30px; } }
      .calendar-item .icon span small {
        position: absolute;
        font-size: 20px;
        transform: translate(-50%, -50%);
        top: 55%;
        left: 50%;
        color: #00A9CE; }
        @media (max-width: 767px) {
          .calendar-item .icon span small {
            font-size: 16px; } }
  .calendar-item h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    color: #313E47; }
    @media (max-width: 767px) {
      .calendar-item h4 {
        font-size: 18px;
        padding-bottom: 25px;
        margin-top: 55px; } }
  .calendar-item:hover {
    border: 1px solid #00A9CE;
    box-shadow: 0px 0px 2px 2px #00A9CE inset; }
    .calendar-item:hover .date {
      color: #00A9CE; }
    .calendar-item:hover h4 {
      color: #00A9CE; }
  .calendar-item .img--holder {
    max-height: 50px; }
    @media (max-width: 767px) {
      .calendar-item .img--holder {
        display: none; } }
    .calendar-item .img--holder img {
      max-height: 50px;
      width: auto; }

.calendar-item-hidden {
  display: none; }

.select-wrapper-default {
  position: relative;
  margin: 20px auto;
  background: #fff;
  width: 1410px;
  max-width: 100%; }
  .select-wrapper-default select {
    margin: 0px;
    height: auto;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
    font-size: 22px;
    color: #666;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    padding: 15px 50px 12px 15px;
    z-index: 6; }
  .select-wrapper-default::after {
    font-family: 'icomoon' !important;
    content: "\e924";
    position: absolute;
    font-size: 40px;
    right: 10px;
    top: 2px;
    transform: translateY(0px);
    color: #666;
    z-index: 5;
    padding-top: 0; }
  .select-wrapper-default.transparent {
    width: 70%;
    background: transparent; }
    @media (max-width: 767px) {
      .select-wrapper-default.transparent {
        width: 100%; } }
    .select-wrapper-default.transparent select {
      margin: 0px;
      height: auto;
      width: 100%;
      border-width: 1px;
      border-style: solid;
      border-color: #fff;
      font-size: 22px;
      color: #fff;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      padding: 15px 15px 12px;
      z-index: 6; }
      @media (max-width: 767px) {
        .select-wrapper-default.transparent select {
          font-size: 18px; } }
      .select-wrapper-default.transparent select option {
        color: #117AC4; }
    .select-wrapper-default.transparent::after {
      font-family: 'icomoon' !important;
      content: "\e924";
      position: absolute;
      font-size: 40px;
      right: 10px;
      top: 2px;
      transform: translateY(0px);
      color: #fff;
      z-index: 5;
      padding-top: 0; }
  .select-wrapper-default.short {
    width: 300px; }
    @media (max-width: 767px) {
      .select-wrapper-default.short {
        width: 100%; } }

@media (min-width: 768px) {
  .tablecontainer {
    overflow: auto; }
    .tablecontainer::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
      height: 10px; }
    .tablecontainer::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 3px; }
    .tablecontainer::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: #cccccc; } }

table.zebra {
  border-collapse: collapse;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px; }
  table.zebra th, table.zebra td {
    padding: 15px 25px;
    text-align: left; }
    @media (max-width: 767px) {
      table.zebra th, table.zebra td {
        width: 100%;
        display: block; } }
    table.zebra th:nth-child(2), table.zebra td:nth-child(2) {
      font-weight: 700;
      text-transform: uppercase; }
    table.zebra th:last-child, table.zebra td:last-child {
      /*width: 30%;*/ }
      @media (max-width: 767px) {
        table.zebra th:last-child, table.zebra td:last-child {
          width: 100%; } }
  table.zebra tr:nth-child(odd) {
    background: rgba(0, 124, 198, 0.05); }

table.default {
  border-collapse: collapse;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px; }
  table.default th, table.default td {
    padding: 15px 25px;
    text-align: left; }
    @media (max-width: 767px) {
      table.default th, table.default td {
        width: 100%;
        display: block; } }
    table.default th:last-child, table.default td:last-child {
      /*width: 30%;*/ }
      @media (max-width: 767px) {
        table.default th:last-child, table.default td:last-child {
          width: 100%; } }
    table.default th a, table.default td a {
      font-size: 18px;
      color: #333f48;
      position: relative; }
  table.default tr:nth-child(odd) {
    background: rgba(0, 124, 198, 0.05); }
  table.default:first-child {
    margin-top: 0; }

table.vacantPos {
  border-collapse: collapse;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px; }
  table.vacantPos th {
    background: rgba(112, 209, 226, 0.3);
    font-weight: normal; }
  table.vacantPos th, table.vacantPos td {
    padding: 15px 25px;
    text-align: left; }
    @media (max-width: 767px) {
      table.vacantPos th, table.vacantPos td {
        width: 100%;
        display: block; } }
    table.vacantPos th:nth-child(2), table.vacantPos td:nth-child(2) {
      /*font-weight: 700;
                    text-transform: uppercase;*/ }
    table.vacantPos th:last-child, table.vacantPos td:last-child {
      /*width: 15%;*/ }
      @media (max-width: 767px) {
        table.vacantPos th:last-child, table.vacantPos td:last-child {
          width: 100%; } }
  table.vacantPos tr:nth-child(odd) {
    background: rgba(0, 124, 198, 0.05); }
  @media (max-width: 767px) {
    table.vacantPos {
      width: 100%; }
      table.vacantPos thead {
        display: none; }
      table.vacantPos tr:nth-of-type(2n) {
        background-color: inherit; }
      table.vacantPos tbody td {
        display: block;
        text-align: left; }
      table.vacantPos tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center;
        font-weight: bold; } }

table.Nordic-default-data {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }
  @media (max-width: 767px) {
    table.Nordic-default-data {
      min-width: 0 !important; } }
  table.Nordic-default-data caption {
    font-size: 1.5em;
    margin: .5em 0 .75em; }
  table.Nordic-default-data tr {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em; }
    @media (min-width: 991px) {
      table.Nordic-default-data tr > td:first-of-type {
        padding-left: 20px; } }
  table.Nordic-default-data th,
  table.Nordic-default-data td {
    padding: 1rem .625em;
    text-align: left;
    vertical-align: top; }
  table.Nordic-default-data th {
    letter-spacing: .1em;
    text-transform: uppercase; }
    table.Nordic-default-data th a {
      color: #333 !important; }
  @media (max-width: 767px) {
    table.Nordic-default-data {
      border: 0; }
      table.Nordic-default-data thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      table.Nordic-default-data caption {
        font-size: 1.3em; }
      table.Nordic-default-data tr {
        border-bottom: 3px solid #ddd;
        display: block;
        /*margin-bottom: .625em;*/
        /*border-bottom: 3px solid #d6f0f7;*/ }
      table.Nordic-default-data td {
        border-bottom: 1px solid #ddd;
        display: block;
        text-align: left;
        min-height: 60px;
        padding-left: 55%;
        font-size: 16px;
        vertical-align: middle;
        padding-top: 20px; }
      table.Nordic-default-data td:before {
        content: attr(data-label);
        float: left;
        left: 20px;
        position: absolute;
        width: 50%;
        padding-right: 5px; }
      table.Nordic-default-data td:last-child {
        border-bottom: 0; } }

@media (min-width: 991px) {
  .Nordic-default-data tr.is-sticky,
  .Nordic-default-data th.is-sticky {
    position: sticky;
    top: 1rem;
    z-index: 1;
    background: #fff !important;
    transition: all 200ms ease-in-out; } }

@media (min-width: 991px) {
  body.overflow-fix {
    overflow-x: visible; }
    body.overflow-fix .header-information {
      overflow-x: hidden; }
    body.overflow-fix section.content {
      overflow: visible; } }

@media (min-width: 991px) {
  body.has-nav-down .Nordic-default-data tr.is-sticky,
  body.has-nav-down .Nordic-default-data th.is-sticky {
    position: sticky;
    top: 70px; } }

.tableContent, .RTE-Table {
  overflow: visible !important;
  position: relative;
  margin-bottom: -40px; }
  .tableContent .expandTable, .RTE-Table .expandTable {
    width: 67px !important;
    height: 67px !important;
    position: relative;
    z-index: 1;
    bottom: 0;
    background-color: transparent;
    border-radius: 0;
    left: 0;
    transform: none;
    cursor: pointer;
    text-align: center;
    border: none;
    margin: 0 auto 81px auto;
    padding: 0 0 10px 0;
    transition: padding .2s; }
    .tableContent .expandTable span, .RTE-Table .expandTable span {
      color: #a2a2a2;
      font-size: 37px !important;
      z-index: 1;
      margin: 15px;
      line-height: 64px !important; }
    .tableContent .expandTable:hover, .RTE-Table .expandTable:hover {
      padding: 10px 0 0 0; }
      .tableContent .expandTable:hover span, .RTE-Table .expandTable:hover span {
        color: #00a9ce; }
    .tableContent .expandTable.more, .RTE-Table .expandTable.more {
      padding: 10px 0 0 0; }
      .tableContent .expandTable.more:hover, .RTE-Table .expandTable.more:hover {
        padding: 0 0 10px 0; }
  @media (max-width: 767px) {
    .tableContent .row-intro, .RTE-Table .row-intro {
      padding-left: 50px;
      min-height: 120px; } }

.RTE-Table {
  padding: 0 !important;
  overflow: visible !important;
  position: relative;
  margin-bottom: 60px; }

.table-expand-collapse {
  position: relative;
  margin: 20px 0 50px !important; }
  .table-expand-collapse tbody tr.yt td {
    padding-bottom: 5px !important; }
  .table-expand-collapse tbody tr:last-child td {
    padding-bottom: 5px; }

.bg-blue-table .container {
  background: #00A9CE; }

.bg-blue-table .rowed--content {
  background: transparent !important; }
  .bg-blue-table .rowed--content .row-intro h3 {
    color: #fff !important; }
  .bg-blue-table .rowed--content .row-intro p {
    color: #fff; }

.bg-blue-table table.Nordic-default-data {
  border: none; }
  .bg-blue-table table.Nordic-default-data tr {
    border: none;
    padding: .35em;
    background: transparent; }
    .bg-blue-table table.Nordic-default-data tr td, .bg-blue-table table.Nordic-default-data tr th {
      color: #fff; }
      .bg-blue-table table.Nordic-default-data tr td a, .bg-blue-table table.Nordic-default-data tr th a {
        color: #fff !important; }
  .bg-blue-table table.Nordic-default-data thead tr {
    background: rgba(255, 255, 255, 0.1) !important; }
  .bg-blue-table table.Nordic-default-data tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.1) !important; }

.bg-blue-table caption {
  color: #fff; }

.bg-white-table {
  background: #fff; }
  .bg-white-table table.Nordic-default-data {
    border: none; }
    .bg-white-table table.Nordic-default-data tr {
      border: none;
      border-bottom: 1px solid #d6f0f7;
      padding: .35em;
      background: transparent; }
      @media (max-width: 767px) {
        .bg-white-table table.Nordic-default-data tr {
          border-bottom: 3px solid #d6f0f7; } }
      .bg-white-table table.Nordic-default-data tr:last-child {
        border-bottom: 1px solid #d6f0f7; }
      .bg-white-table table.Nordic-default-data tr th {
        background: #d6f0f7; }
      .bg-white-table table.Nordic-default-data tr td, .bg-white-table table.Nordic-default-data tr th {
        color: #333; }
        .bg-white-table table.Nordic-default-data tr td a, .bg-white-table table.Nordic-default-data tr th a {
          color: #000 !important; }
    .bg-white-table table.Nordic-default-data thead tr {
      background: white !important; }
    .bg-white-table table.Nordic-default-data tbody tr:nth-child(even) {
      background: rgba(214, 240, 247, 0.3) !important; }
    .bg-white-table table.Nordic-default-data caption {
      font-size: 1em;
      caption-side: bottom; }

.news-archive-filter-toggle.mobile-show {
  display: none; }
  @media (max-width: 767px) {
    .news-archive-filter-toggle.mobile-show {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      display: block;
      border: 1px solid #333F48;
      padding: 14px 10px 10px 10px;
      font-size: 18px;
      line-height: 27px;
      text-align: center;
      margin: 0 12px 40px 12px; }
      .news-archive-filter-toggle.mobile-show .icon-minus {
        display: none; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .news-archive-filter-toggle.mobile-show.filter-toggle-open {
      margin-bottom: 25px; } }
  @media (max-width: 767px) {
      .news-archive-filter-toggle.mobile-show.filter-toggle-open .icon-plus {
        display: none; }
      .news-archive-filter-toggle.mobile-show.filter-toggle-open .icon-minus {
        display: inline-block; } }

.news-archive-filter-wrapper {
  margin: 0 12px 65px 12px;
  /*    .news-archive-filter-heading {
        display: inline-block;
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 26px;
    }
*/ }
  @media (max-width: 767px) {
    .news-archive-filter-wrapper {
      padding-bottom: 0px; } }
  .news-archive-filter-wrapper .news-archive-filter-btn {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    text-decoration: underline;
    float: right;
    padding-top: 7px; }
    @media (max-width: 767px) {
      .news-archive-filter-wrapper .news-archive-filter-btn {
        margin: 0 auto;
        margin-left: 0px;
        margin-bottom: 25px;
        position: relative;
        float: none;
        text-align: right; } }
    .news-archive-filter-wrapper .news-archive-filter-btn:hover {
      cursor: pointer; }
  .news-archive-filter-wrapper .news-archive-filter {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .news-archive-filter-wrapper .news-archive-filter {
        display: none;
        margin: 0;
        border-bottom: 1px solid #333f48; }
        .news-archive-filter-wrapper .news-archive-filter.show-filter {
          display: block; } }
    .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading {
      border: 1px solid #333F48;
      padding: 14px 1px 10px 17px;
      font-size: 18px;
      line-height: 27px;
      cursor: pointer;
      margin-bottom: 5px; }
      @media (max-width: 767px) {
        .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading {
          border: none;
          margin-bottom: 0; } }
      .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading .news-archive-filter-selected {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        display: inline-block;
        padding: 3px 3px 1px 3px;
        background-color: #323F48;
        color: white;
        line-height: 16px;
        font-size: 16px;
        margin-left: 15px;
        min-width: 19px;
        text-align: center; }
        @media (max-width: 767px) {
          .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading .news-archive-filter-selected {
            position: absolute;
            right: 65px;
            margin-top: 2px; } }
      .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading .icon-chevron-small-down {
        font-size: 30px;
        float: right;
        padding: 0 10px 0 5px;
        line-height: normal;
        margin-top: -2px; }
      .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-heading .icon-chevron-small-up {
        display: none;
        font-size: 30px;
        float: right;
        padding: 0 10px 0 5px;
        line-height: normal;
        margin-top: -2px; }
    .news-archive-filter-wrapper .news-archive-filter .news-archive-filter-results {
      display: none; }
    .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-heading {
      border: 2px solid #00A2C6;
      padding: 13px 0 9px 16px; }
      @media (max-width: 767px) {
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-heading {
          border: none;
          padding: 14px 1px 10px 17px; } }
      .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-heading .icon-chevron-small-down {
        display: none; }
      .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-heading .icon-chevron-small-up {
        display: block; }
    .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results {
      display: block;
      position: absolute;
      background-color: white;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
      z-index: 7; }
      @media (max-width: 767px) {
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results {
          position: relative;
          box-shadow: none; } }
      .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result {
        padding: 11px 15px 8px 15px;
        margin-top: 2px;
        background-color: white;
        transition: background-color .4s;
        cursor: pointer;
        min-width: 250px; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result .new-archive-filter-result-checkbox {
          width: 18px;
          height: 18px;
          border: 1px solid #333f48;
          display: inline-block;
          margin-bottom: -2px;
          margin-right: 15px;
          position: relative;
          background-color: white;
          transition: background-color .4s; }
          .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result .new-archive-filter-result-checkbox .icon-check {
            display: none; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result:first-child {
          margin-top: 0; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result:hover {
          background-color: #E5F6F9; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result .new-archive-filter-result-checkbox {
          display: inline-block; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result .new-archive-filter-result-name {
          display: inline-block;
          margin-right: 10px; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result .new-archive-filter-result-hits {
          display: inline-block;
          float: right; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-selected {
          font-weight: bold; }
          .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-selected .new-archive-filter-result-checkbox {
            background-color: #0077c8;
            border: 1px solid #0077c8; }
            .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-selected .new-archive-filter-result-checkbox .icon-check {
              display: block;
              position: absolute;
              top: 2px;
              left: 2px;
              color: #fff;
              font-size: 12px;
              font-weight: bold; }
        .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-inactive {
          color: #768692;
          cursor: default; }
          .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-inactive:hover {
            background-color: transparent; }
          .news-archive-filter-wrapper .news-archive-filter.filter-open .news-archive-filter-results .news-archive-filter-result.facet-inactive .new-archive-filter-result-checkbox {
            border: 1px solid #768692; }
    @media (min-width: 780px) {
      .news-archive-filter-wrapper .news-archive-filter:nth-child(2) .news-archive-filter-results.three-columns {
        column-count: 2; } }
    @media (min-width: 1080px) {
      .news-archive-filter-wrapper .news-archive-filter:nth-child(2) .news-archive-filter-results.three-columns {
        column-count: 3; }
      .news-archive-filter-wrapper .news-archive-filter:nth-child(3) .news-archive-filter-results.two-columns {
        column-count: 2; } }
  .news-archive-filter-wrapper .news-archive-selected-filters {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 27px;
    min-height: 33px;
    float: left;
    margin-bottom: -53px; }
    @media (max-width: 767px) {
      .news-archive-filter-wrapper .news-archive-selected-filters {
        float: none;
        padding-top: 15px;
        margin-bottom: 0; } }
    .news-archive-filter-wrapper .news-archive-selected-filters .news-archive-selected-heading {
      display: inline-block;
      color: #333F48;
      padding: 5px 20px 1px 0; }
      @media (max-width: 767px) {
        .news-archive-filter-wrapper .news-archive-selected-filters .news-archive-selected-heading {
          display: none; } }
    .news-archive-filter-wrapper .news-archive-selected-filters .news-archive-selected-filter {
      display: inline-block;
      background-color: #323F48;
      color: white;
      padding: 5px 8px 1px 12px;
      margin-right: 25px;
      margin-bottom: 20px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .news-archive-filter-wrapper .news-archive-selected-filters .news-archive-selected-filter {
          margin: 10px 10px 0 0; } }
      .news-archive-filter-wrapper .news-archive-selected-filters .news-archive-selected-filter .icon-cross {
        font-size: 14px;
        margin-left: 5px; }
  .news-archive-filter-wrapper .clear {
    clear: both; }

.news-archive-wrapper {
  padding: 0;
  /*    @include respond-to(small) {
        padding: 0 15px;
    }
*/ }
  .news-archive-wrapper h3.brand {
    color: #00a9ce; }
  .news-archive-wrapper .news-archive-item {
    /*        border: 1px solid #dae2e3;
        min-height: 480px;
*/
    margin-bottom: 49px;
    /*background: #fff;*/
    /*        &:hover {
            .text-wrap {
                p {
                    text-decoration: underline;
                }
            }
        }
*/ }
    .news-archive-wrapper .news-archive-item .location-name-lang {
      font-family: 'GT-Eesti-Light', Arial, sans-serif;
      /*Don't change this to a var - It's done to prevent large fontfiles from loading when not needet*/
      display: inline-block; }
    .news-archive-wrapper .news-archive-item .img-wrap img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .news-archive-wrapper .news-archive-item.img-contain .img-wrap img {
      height: 100%;
      width: 100%;
      object-fit: contain; }
    .news-archive-wrapper .news-archive-item.img-align-left .img-wrap img {
      object-position: 0 center; }
    .news-archive-wrapper .news-archive-item.img-align-right .img-wrap img {
      object-position: 100% center; }
  .news-archive-wrapper .grid-item {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px; }
  @media (max-width: 767px) {
    .news-archive-wrapper .news-archive-box .news-archive-item {
      min-height: 0; }
      .news-archive-wrapper .news-archive-box .news-archive-item .img-wrap {
        display: inline-block;
        width: 50%;
        float: none;
        vertical-align: top;
        margin-right: -5px;
        height: 230px; }
      .news-archive-wrapper .news-archive-box .news-archive-item .text-wrap {
        display: inline-block;
        width: calc(50% - 1px);
        min-height: 0;
        margin: 15px 0 15px 0;
        padding: 0 25px;
        border-top: none;
        float: none;
        vertical-align: top; }
        .news-archive-wrapper .news-archive-box .news-archive-item .text-wrap p {
          font-size: 18px;
          -webkit-line-clamp: 4; }
        .news-archive-wrapper .news-archive-box .news-archive-item .text-wrap .langWrapper {
          right: 25px;
          bottom: 0; } }

@media (max-width: 767px) and (max-width: 519px) {
  .news-archive-wrapper .news-archive-box .news-archive-item .text-wrap p {
    margin-top: 18px; } }
  .news-archive-wrapper.first-result-page {
    /*        .news-archive-box {
            padding-left: 12px;
            padding-right: 12px;

            .grid-item--height2 {
                height: auto;
            }

            @media (max-width: 767px) {

                &:first-child {
                    .news-archive-item {
                        min-height: 490px;

                        .img-wrap {
                            display: block;
                            width: 100%;
                        }

                        .text-wrap {
                            display: block;
                            width: calc(100% - 50px);
                            min-height: 208px !important;
                            height: auto;
                            border-left: none;
                            border-top: 1px solid #DAE1E2;
                            padding: 15px 0 25px 0;
                            margin: 0 25px;

                            p {
                                font-size: 20px;
                                line-height: 26px;
                                -webkit-line-clamp: 4;
                            }
                        }
                    }
                }

                &:nth-child(2), &:nth-child(3) {
                    .news-archive-item {
                        min-height: 400px;

                        .img-wrap {
                            display: block;
                            width: 100%;
                        }

                        .text-wrap {
                            display: block;
                            width: calc(100% - 50px);
                            min-height: 138px !important;
                            height: auto;
                            border-left: none;
                            border-top: 1px solid #DAE1E2;
                            padding: 15px 0 25px 0;
                            margin: 0 25px;

                            p {
                                font-size: 18px;
                                line-height: 26px;
                                -webkit-line-clamp: 2;
                            }

                            .langWrapper {
                                right: 0;
                            }
                        }
                    }
                }

                @media (max-width: 519px) {
                    &:first-child, &:nth-child(2), &:nth-child(3) {
                        .news-archive-item .text-wrap .date {
                            float: right;
                        }
                    }
                }
            }

            @media (min-width: 768px) {

                &:first-child {
                    width: 50%;

                    .news-archive-item {
                        min-height: 534px;

                        .img-wrap {
                            height: 273px;
                        }

                        .text-wrap {
                            height: 259px;
                            min-height: 0;

                            p {
                                -webkit-line-clamp: 3;
                            }

                            .tag {
                                font-size: 18px;
                            }
                        }
                    }
                }

                &:nth-child(2), &:nth-child(3) {
                    width: 50%;

                    .news-archive-item {
                        min-height: 255px;

                        .img-wrap {
                            height: 253px;
                            display: inline-block;
                            width: 50%;
                        }

                        .text-wrap {
                            height: 223px;
                            min-height: 0;
                            display: inline-block;
                            width: calc(50% - 1px);
                            margin: 15px 0 15px 0;
                            padding: 0 25px;
                            border-top: none;
                            border-left: 1px solid #DAE1E2;

                            @media (min-width:768px) and (max-width:1199px) {
                                .langWrapper {
                                    right: 25px;
                                    bottom: 0;
                                }
                            }

                            p {
                                margin-top: 35px;

                                @media (min-width:768px) and (max-width:992px) {
                                    margin-top: 20px;
                                }

                                font-size: 20px;
                                line-height: 24px;
                                display: -webkit-box;
                                -webkit-line-clamp: 4;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }
                        }
                    }
                }
            }

            @media (min-width: 1200px) {

                &:first-child {
                    width: 50%;

                    .news-archive-item {
                        min-height: 708px;

                        .img-wrap {
                            height: 402px;
                        }

                        .text-wrap {
                            height: 304px;
                            min-height: 0;

                            p {
                                font-size: 30px;
                                line-height: 38px;
                                display: -webkit-box;
                                -webkit-line-clamp: 3;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }
                        }
                    }
                }

                &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) {
                    width: 25%;

                    .news-archive-item {
                        min-height: 342px;

                        .img-wrap {
                            height: 184px;
                            display: block;
                            width: 100%;
                        }

                        .text-wrap {
                            height: 156px;
                            min-height: 0;
                            display: block;
                            width: calc(100% - 50px);
                            border-top: 1px solid #DAE1E2;
                            border-left: none;
                            padding: 15px 0 25px 0;
                            margin: 0 25px;

                            p {
                                margin-top: 17px;
                                font-size: 20px;
                                line-height: 24px;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }
                        }
                    }
                }
            }

            @media (min-width:768px) and (max-width:992px) {
                &:nth-child(2), &:nth-child(3) {
                    .news-archive-item .text-wrap .tag .date {
                        float: none;
                    }
                }
            }

            @media (max-width:512px) {
                .news-archive-item .text-wrap .tag .date {
                    float: none;
                }

                &:first-child, &:nth-child(2), &:nth-child(3) {
                    .news-archive-item .text-wrap .tag .date {
                        float: right;
                    }
                }
            }
        }
*/ }
    .news-archive-wrapper.first-result-page .news-archive-box {
      padding-left: 15px;
      padding-right: 15px; }
  .news-archive-wrapper .news-archive-item {
    /*        border: 1px solid #dae2e3;
        min-height: 480px;
*/
    margin-bottom: 49px;
    /*        background: #fff;
*/
    position: relative;
    /*        .top-story {
            position: absolute;
            background-color: #00A2C6;
            font-size: 16px;
            line-height: 35px;
            color: white;
            top: 0;
            left: 0;
            z-index: 1;
            padding: 3px 20px;
        }
*/ }
    .news-archive-wrapper .news-archive-item .img-wrap {
      width: 100%;
      overflow: hidden;
      position: relative;
      /*            img {
                width: 100%;
                height: 100%;
            }
*/
      /*            &.modified-img-wrap {
                img {
                    min-height: auto;
                    min-width: auto;
                    top: auto;
                    left: auto;
                    height: 100%;
                    width: 100%;
                    transform: none;
                    object-fit: cover;
                }
            }
*/
      /*            .date {
                position: absolute;
                color: #fff;
                top: 10px;
                right: 20px;
                border-left: 1px solid #fff;
                padding: 0 0 0 10px;
            }
*/ }
      .news-archive-wrapper .news-archive-item .img-wrap .tag {
        position: absolute;
        bottom: 0;
        color: #ffffff;
        background-color: #333F48;
        padding: 7px 12px 4px 12px; }
        .news-archive-wrapper .news-archive-item .img-wrap .tag small {
          position: relative;
          color: #fff;
          font-size: 16px;
          line-height: 30px;
          display: block;
          margin-bottom: 6px; }
        .news-archive-wrapper .news-archive-item .img-wrap .tag .date {
          position: absolute;
          color: #fff;
          top: 9px;
          right: 20px;
          border-left: 1px solid #fff;
          padding: 0px 0 0px 15px;
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
        .news-archive-wrapper .news-archive-item .img-wrap .tag.canola small {
          color: #333; }
        .news-archive-wrapper .news-archive-item .img-wrap .tag.canola .date {
          color: #333;
          border-left: 1px solid #333; }
    .news-archive-wrapper .news-archive-item .text-wrap {
      position: relative;
      padding: 15px 0 25px 0;
      margin: 0 25px;
      min-height: 200px;
      color: #24313b; }
      .news-archive-wrapper .news-archive-item .text-wrap a {
        color: #24313b; }
        .news-archive-wrapper .news-archive-item .text-wrap a.readmore {
          display: none; }
      .news-archive-wrapper .news-archive-item .text-wrap .tag {
        font-size: 16px; }
      .news-archive-wrapper .news-archive-item .text-wrap .date {
        float: right; }
        @media (max-width: 512px) {
          .news-archive-wrapper .news-archive-item .text-wrap .date {
            float: none; } }
      .news-archive-wrapper .news-archive-item .text-wrap p {
        margin-top: 30px;
        font-size: 25px;
        line-height: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial,sans-serif; }
        @media (max-width: 767px) {
          .news-archive-wrapper .news-archive-item .text-wrap p {
            font-size: 18px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .news-archive-wrapper .news-archive-item .text-wrap p {
            margin-top: 20px; } }
        .news-archive-wrapper .news-archive-item .text-wrap p strong {
          padding-bottom: 10px;
          display: block; }
      .news-archive-wrapper .news-archive-item .text-wrap span {
        position: absolute;
        bottom: 10px;
        left: 25px;
        padding: 5px 0;
        border-bottom: 1px solid rgba(128, 128, 128, 0.81); }
      .news-archive-wrapper .news-archive-item .text-wrap .langWrapper {
        position: absolute;
        bottom: 10px;
        right: 0;
        padding: 5px 0; }
        @media (min-width: 992px) and (max-width: 1200px) {
          .news-archive-wrapper .news-archive-item .text-wrap .langWrapper {
            bottom: 10px;
            right: 0; } }
        .news-archive-wrapper .news-archive-item .text-wrap .langWrapper a {
          margin-left: 10px;
          color: #24313b; }
    .news-archive-wrapper .news-archive-item.latest-News {
      min-height: 0;
      border: none; }
      .news-archive-wrapper .news-archive-item.latest-News .news-link .img-wrap {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden;
        position: relative;
        border: 1px solid #EAEBEC; }
        .news-archive-wrapper .news-archive-item.latest-News .news-link .img-wrap:before {
          content: "";
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%;
          background: linear-gradient(0deg, rgba(51, 63, 72, 0.1) 0%, rgba(51, 63, 72, 0) 100%); }
        .news-archive-wrapper .news-archive-item.latest-News .news-link .img-wrap img {
          width: 100%;
          aspect-ratio: 464 / 416;
          transform: scale(1);
          transition: transform .25s ease-in-out; }
      .news-archive-wrapper .news-archive-item.latest-News .news-link .text-wrap {
        position: relative;
        width: 100%;
        float: none;
        padding: 20px 0 0 0;
        margin: 0;
        min-height: 0;
        color: #24313b;
        border-top: none;
        border-left: none;
        height: auto;
        min-height: 115px; }
        .news-archive-wrapper .news-archive-item.latest-News .news-link .text-wrap p {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial,sans-serif;
          margin-top: 0;
          font-size: 22px;
          line-height: 29px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          min-height: 48px; }
          @media (max-width: 767px) {
            .news-archive-wrapper .news-archive-item.latest-News .news-link .text-wrap p {
              font-size: 20px;
              line-height: 26px; } }
        .news-archive-wrapper .news-archive-item.latest-News .news-link .text-wrap span {
          bottom: 18px;
          left: 15px; }
        .news-archive-wrapper .news-archive-item.latest-News .news-link .text-wrap .date {
          float: none;
          padding-bottom: 12px;
          font-size: 16px;
          font-weight: 300;
          color: #6F787E; }
      .news-archive-wrapper .news-archive-item.latest-News .news-link:hover .img-wrap img {
        transform: scale(1.1); }
      .news-archive-wrapper .news-archive-item.latest-News .news-link:hover .text-wrap p {
        text-decoration: underline; }
      .news-archive-wrapper .news-archive-item.latest-News .langWrapper {
        min-height: 23px; }
        .news-archive-wrapper .news-archive-item.latest-News .langWrapper .location-name-lang a {
          margin-right: 20px;
          color: #6F787E; }
          .news-archive-wrapper .news-archive-item.latest-News .langWrapper .location-name-lang a:hover {
            text-decoration: underline; }
    .news-archive-wrapper .news-archive-item.top-news-item {
      padding: 0 0 70px 0; }
      @media (max-width: 767px) {
        .news-archive-wrapper .news-archive-item.top-news-item {
          padding: 0 0 50px 0; } }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link .img-wrap {
        float: left;
        width: 66%;
        border: 1px solid #eaebec; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .img-wrap:before {
          content: "";
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%;
          background: linear-gradient(0deg, rgba(51, 63, 72, 0.1) 0%, rgba(51, 63, 72, 0) 100%); }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .img-wrap img {
          width: 100%;
          aspect-ratio: 928 / 416;
          transform: scale(1);
          transition: transform .25s ease-in-out; }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap {
        float: left;
        width: 33%;
        vertical-align: top;
        position: relative;
        padding: 0 0 25px 24px;
        margin: 0;
        min-height: 0; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap .date {
          float: none;
          padding-bottom: 12px;
          color: #6F787E; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap p {
          margin: 0;
          -webkit-line-clamp: 3;
          margin-bottom: 12px;
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 26px;
          line-height: 32px; }
          @media (max-width: 767px) {
            .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap p {
              font-size: 25px;
              line-height: 31px; } }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap .promo {
          font-size: 22px;
          font-weight: 300; }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link .langWrapper {
        float: right;
        width: 33%;
        padding-left: 12px; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .langWrapper .location-name-lang {
          margin-right: 20px; }
          .news-archive-wrapper .news-archive-item.top-news-item .news-link .langWrapper .location-name-lang a {
            color: #6F787E;
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
            font-weight: normal; }
            .news-archive-wrapper .news-archive-item.top-news-item .news-link .langWrapper .location-name-lang a:hover {
              text-decoration: underline; }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link:hover .img-wrap img {
        transform: scale(1.1); }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link:hover .text-wrap p {
        text-decoration: underline; }
      .news-archive-wrapper .news-archive-item.top-news-item .news-link .clear {
        clear: both; }
      @media (max-width: 1024px) {
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .img-wrap {
          margin-bottom: 20px;
          display: block;
          float: none;
          width: 100%; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap {
          padding: 0 0 20px 0;
          display: block;
          float: none;
          width: auto; }
          .news-archive-wrapper .news-archive-item.top-news-item .news-link .text-wrap .promo {
            font-size: 20px; }
        .news-archive-wrapper .news-archive-item.top-news-item .news-link .langWrapper {
          padding: 0;
          display: block;
          float: none;
          width: auto; } }
    .news-archive-wrapper .news-archive-item .sdg-tag-wrapper {
      max-height: 5.3rem;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      position: absolute;
      bottom: 2px;
      right: 2px; }
      .news-archive-wrapper .news-archive-item .sdg-tag-wrapper .sdg-tag-single:last-child {
        margin-left: 4px; }
      .news-archive-wrapper .news-archive-item .sdg-tag-wrapper .sdg-tag-single img {
        height: 5.0rem;
        width: 5.0rem; }
        @media (min-width: 1200px) {
          .news-archive-wrapper .news-archive-item .sdg-tag-wrapper .sdg-tag-single img {
            height: 5.3rem;
            width: 5.3rem; } }
  .news-archive-wrapper .filtering .tags .box {
    padding: 8px 13px;
    text-align: center;
    background-color: #333F48;
    color: #fff;
    display: inline-block;
    margin: 10px 0;
    margin-right: 10px;
    cursor: pointer; }
    .news-archive-wrapper .filtering .tags .box.active {
      border: 3px solid red; }

.latest-news-container {
  padding: 0; }
  @media (min-width: 768px) {
    .latest-news-container {
      padding: 0 10px; } }
  @media (min-width: 1024px) {
    .latest-news-container {
      padding: 0 15px;
      margin-left: -15px;
      margin-right: -15px; } }
  .latest-news-container .latest-news-headline {
    padding-left: 0; }
    .latest-news-container .latest-news-headline h3 {
      font-size: 36px;
      font-weight: 300;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      line-height: 42px;
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .latest-news-container .latest-news-headline h3 {
          font-size: 30px;
          line-height: 38px;
          margin: 0 0 75px 0; } }
  @media (max-width: 1199px) {
    .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage {
      margin-left: -40px; } }
  .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item {
    display: inline-block;
    vertical-align: top; }
    .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext {
      position: absolute;
      width: 100%;
      height: 100%;
      padding: 40px;
      color: white;
      font-size: 22px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-weight: normal;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 0;
      z-index: 1; }
      @media (min-width: 1024px) {
        .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext {
          font-size: 26px; } }
      @media (max-width: 1500px) {
        .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext {
          padding: 20px; } }
      .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext span {
        text-align: left; }
        .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext span svg {
          fill: white;
          width: 21px;
          margin-left: 10px;
          margin-right: 15px;
          margin-bottom: -1px;
          transition: margin .25s ease-in-out; }
      .latest-news-container .latest-news-carousel .owl-stage-outer .owl-stage .owl-item .newsArchiveLinkBox .overlaytext:hover span svg {
        margin-left: 25px;
        margin-right: 0; }
  .latest-news-container .latest-news-carousel .owl-nav {
    position: absolute;
    top: -85px;
    right: -10px; }
    @media (max-width: 767px) {
      .latest-news-container .latest-news-carousel .owl-nav {
        font-size: 30px;
        top: -70px; } }
    .latest-news-container .latest-news-carousel .owl-nav.disabled {
      display: none; }
    .latest-news-container .latest-news-carousel .owl-nav .owl-prev, .latest-news-container .latest-news-carousel .owl-nav .owl-next {
      display: inline-block;
      cursor: pointer;
      margin: 0 0 0 25px;
      padding: 11px 13px;
      width: 40px;
      height: 40px;
      box-sizing: border-box;
      vertical-align: middle; }
    .latest-news-container .latest-news-carousel .owl-nav img {
      height: 18px;
      width: 13px; }
    .latest-news-container .latest-news-carousel .owl-nav .owl-prev img {
      transform: rotate(180deg);
      margin: 0 25px 0 0; }
    .latest-news-container .latest-news-carousel .owl-nav .disabled {
      opacity: .25; }

.latestNews-section .container .rowed--content.no-padding {
  padding: 0; }

.news-archive-filtering {
  position: relative; }
  @media (max-width: 767px) {
    .news-archive-filtering {
      margin-bottom: 30px; } }
  .news-archive-filtering a {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    color: rgba(128, 128, 128, 0.81);
    float: left;
    margin-right: 50px;
    margin-top: 10px; }
    .news-archive-filtering a small {
      font-size: 22px;
      padding: 10px 0; }
    .news-archive-filtering a.active, .news-archive-filtering a:hover {
      color: #00A9CE; }
      .news-archive-filtering a.active small, .news-archive-filtering a:hover small {
        font-size: 22px;
        padding: 10px 0;
        border-bottom: 2px solid #00A9CE; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .news-archive-filtering a {
        /*small {
                font-size: 16px;
                padding: 10px 0;
            }

            &.active, &:hover {
                small {
                    font-size: 16px;
                }
            }*/ } }
    @media (max-width: 1200px) {
      .news-archive-filtering a {
        margin-bottom: 50px; } }
    @media (max-width: 767px) {
      .news-archive-filtering a {
        margin-right: 20px;
        margin-bottom: 15px; }
        .news-archive-filtering a small {
          font-size: 16px;
          padding: 10px 0; }
        .news-archive-filtering a.active small, .news-archive-filtering a:hover small {
          font-size: 16px; } }

.pagination {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  margin-top: 20px; }
  .pagination li {
    display: inline-block;
    float: none;
    text-align: center; }
    .pagination li a {
      background-color: #fff !important;
      border: 1px solid transparent !important;
      color: rgba(128, 128, 128, 0.81);
      float: left;
      line-height: 1.42857;
      margin-left: -1px;
      padding: 10px 10px;
      position: relative;
      text-decoration: none;
      font-size: 22px; }
      .pagination li a:hover {
        background-color: #fff;
        border: 1px solid transparent;
        color: #00A9CE; }
    .pagination li > span {
      background-color: #fff;
      border: 1px solid transparent;
      color: rgba(128, 128, 128, 0.81);
      float: left;
      line-height: 1.42857;
      margin-left: -1px;
      padding: 10px 20px;
      position: relative;
      text-decoration: none; }
    .pagination li span:before {
      position: relative;
      top: 3px; }
    .pagination li.active a {
      background-color: #fff;
      border: 1px solid transparent;
      color: #00A9CE;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      .pagination li.active a:hover {
        color: #00A9CE; }

.newsArchiveLinks {
  clear: both; }

.row-intro.no-padding {
  padding: 0; }

.page section:last-of-type.subscribe--block {
  margin-bottom: -30px; }

.news-page .news-top-information {
  border-bottom: 1px solid #DAE2E3;
  padding-bottom: 10px; }
  .news-page .news-top-information.event .date {
    position: relative;
    color: #22A8CA;
    float: left;
    border-right: none;
    padding-right: 10px;
    position: relative; }
    .news-page .news-top-information.event .date.same-day {
      padding-left: 0px; }
    .news-page .news-top-information.event .date.hide-me {
      display: none; }
    .news-page .news-top-information.event .date:nth-child(2) {
      margin-left: 30px;
      border-right: 1px solid #DAE2E3; }
      .news-page .news-top-information.event .date:nth-child(2):before {
        content: "--";
        position: absolute;
        left: -22px;
        top: 50%;
        transform: translateY(-50%); }
    @media (max-width: 767px) {
      .news-page .news-top-information.event .date {
        padding-bottom: 8px; } }
    .news-page .news-top-information.event .date div {
      font-size: 15px;
      float: left;
      line-height: 20px; }
      @media (max-width: 1200px) {
        .news-page .news-top-information.event .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 992px) {
        .news-page .news-top-information.event .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 767px) {
        .news-page .news-top-information.event .date div {
          font-size: 12px;
          line-height: 12px; } }
      .news-page .news-top-information.event .date div:nth-child(1) {
        font-size: 43px;
        float: left;
        line-height: 46px; }
        @media (max-width: 1200px) {
          .news-page .news-top-information.event .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 992px) {
          .news-page .news-top-information.event .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .news-page .news-top-information.event .date div:nth-child(1) {
            font-size: 27px;
            line-height: 30px; } }
      .news-page .news-top-information.event .date div:nth-child(2n+2) {
        margin-top: 4px;
        margin-left: 6px; }
        @media (max-width: 767px) {
          .news-page .news-top-information.event .date div:nth-child(2n+2) {
            margin-top: 2px; } }
  .news-page .news-top-information .language-chooser {
    font-family: 'GT-Eesti-Light', Arial, sans-serif;
    /*Don't change this to a var - It's done to prevent large fontfiles from loading when not needet*/
    padding: 14px 0 0px; }
  .news-page .news-top-information .date {
    position: relative;
    color: #22A8CA;
    float: left;
    border-right: 1px solid #DAE2E3;
    padding-right: 10px; }
    @media (max-width: 767px) {
      .news-page .news-top-information .date {
        padding-bottom: 8px; } }
    .news-page .news-top-information .date div {
      font-size: 15px;
      float: left;
      line-height: 20px; }
      @media (max-width: 1200px) {
        .news-page .news-top-information .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 992px) {
        .news-page .news-top-information .date div {
          font-size: 12px;
          line-height: 16px; } }
      @media (max-width: 767px) {
        .news-page .news-top-information .date div {
          font-size: 12px;
          line-height: 12px; } }
      .news-page .news-top-information .date div:nth-child(1) {
        font-size: 43px;
        float: left;
        line-height: 46px; }
        @media (max-width: 1200px) {
          .news-page .news-top-information .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 992px) {
          .news-page .news-top-information .date div:nth-child(1) {
            font-size: 33px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .news-page .news-top-information .date div:nth-child(1) {
            font-size: 27px;
            line-height: 30px; } }
      .news-page .news-top-information .date div:nth-child(2n+2) {
        margin-top: 4px;
        margin-left: 6px; }
        @media (max-width: 767px) {
          .news-page .news-top-information .date div:nth-child(2n+2) {
            margin-top: 2px; } }
  .news-page .news-top-information .location {
    color: #22A8CA;
    float: left;
    border-right: 1px solid #DAE2E3;
    font-size: 22px;
    padding: 10px 10px 5px; }
    @media (max-width: 767px) {
      .news-page .news-top-information .location {
        font-size: 16px; } }
  .news-page .news-top-information .location-name-lang {
    float: right;
    font-size: 14px;
    padding: 10px 5px 5px;
    margin-top: 10px; }
    .news-page .news-top-information .location-name-lang a {
      color: #333; }
    @media (max-width: 767px) {
      .news-page .news-top-information .location-name-lang {
        font-size: 16px; } }
  .news-page .news-top-information .editor {
    color: #808080;
    float: left;
    padding: 15px 10px 5px;
    font-size: 16px; }
    @media (max-width: 767px) {
      .news-page .news-top-information .editor {
        font-size: 14px; } }

.news-page .news-top-tags .box {
  padding: 8px 13px;
  text-align: center;
  background-color: #333F48;
  color: #fff;
  display: inline-block;
  margin: 10px 0;
  margin-right: 10px;
  text-decoration: underline; }

.news-page .news-top-sdgtags .news-sdgtags-wrapper {
  text-align: left;
  border-bottom: 1px solid #DAE2E3;
  width: 100%; }
  @media (min-width: 768px) {
    .news-page .news-top-sdgtags .news-sdgtags-wrapper {
      text-align: right;
      border-bottom: transparent; } }

.news-page .news-top-sdgtags .box {
  display: inline-block;
  margin: 31px 10px 10px 0px; }
  @media (min-width: 768px) {
    .news-page .news-top-sdgtags .box {
      margin: 10px 0 10px 10px; } }

.news-page .SdgTextItem {
  background-color: #E7EAEB; }

.news-page.canola-news .colored {
  background: #d0df00;
  color: #333F48; }

.news-page.canola-news .quote path {
  fill: #d0df00; }

.news-page.canola-news .quote polyline {
  fill: #d0df00;
  stroke: #d0df00; }

.news-page.canola-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $canola;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.azur-news .colored {
  background: #00a9ce; }

.news-page.azur-news .quote path {
  fill: #00a9ce; }

.news-page.azur-news .quote polyline {
  fill: #00a9ce;
  stroke: #00a9ce; }

.news-page.azur-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $azur;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.bluesky-news .colored {
  background: #0033a0; }

.news-page.bluesky-news .quote path {
  fill: #0033a0; }

.news-page.bluesky-news .quote polyline {
  fill: #0033a0;
  stroke: #0033a0; }

.news-page.bluesky-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $bluesky;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.carbon-news .colored {
  background: #333f48; }

.news-page.carbon-news .quote path {
  fill: #333f48; }

.news-page.carbon-news .quote polyline {
  fill: #333f48;
  stroke: #333f48; }

.news-page.carbon-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $carbon;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.coral-news .colored {
  background: #ff585d; }

.news-page.coral-news .quote path {
  fill: #ff585d; }

.news-page.coral-news .quote polyline {
  fill: #ff585d;
  stroke: #ff585d; }

.news-page.coral-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $coral;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.satsuma-news .colored {
  background: #ffcd00; }

.news-page.satsuma-news .quote path {
  fill: #ffcd00; }

.news-page.satsuma-news .quote polyline {
  fill: #ffcd00;
  stroke: #ffcd00; }

.news-page.satsuma-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $satsuma;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.seablue-news .colored {
  background: #0077c8; }

.news-page.seablue-news .quote path {
  fill: #0077c8; }

.news-page.seablue-news .quote polyline {
  fill: #0077c8;
  stroke: #0077c8; }

.news-page.seablue-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $seablue;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.turkis-news .colored {
  background: #6ad1e3; }

.news-page.turkis-news .quote path {
  fill: #6ad1e3; }

.news-page.turkis-news .quote polyline {
  fill: #6ad1e3;
  stroke: #6ad1e3; }

.news-page.turkis-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: $turkis;
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page.nightsky-news .colored {
  background: #323e47; }

.news-page.nightsky-news .quote path {
  fill: #323e47; }

.news-page.nightsky-news .quote polyline {
  fill: #323e47;
  stroke: #323e47; }

.news-page.nightsky-news .review-text {
  /*&:before {
                content: '\ea02';
                position: absolute;
                left: 0%;
                top: 20%;
                font-family: 'icomoon';
                color: rgba(50, 62, 71, 0.10);
                z-index: -1;

                @include respond-to(large) {
                    font-size: 1000%;
                }
            }*/ }

.news-page h2.ingress {
  color: #333F48;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 27px;
  font-weight: 200;
  line-height: 34px;
  padding: 35px 0 15px; }
  @media (max-width: 767px) {
    .news-page h2.ingress {
      margin-right: 0%;
      min-height: 100px;
      margin-top: 75px;
      margin-bottom: 10px; } }

.news-page .bread-text {
  margin-top: 20px; }
  .news-page .bread-text .video-container {
    margin-top: 20px; }
  .news-page .bread-text .ButtonLink {
    display: inline-block; }
    .news-page .bread-text .ButtonLink div {
      width: 100%;
      font-size: 20px;
      font-weight: 300;
      line-height: 23px;
      color: #fff;
      margin: 0 0 20px !important;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      letter-spacing: 1px;
      float: left;
      position: relative;
      overflow: hidden;
      -webkit-transition: all .35s ease;
      -moz-transition: all .35s ease;
      -ms-transition: all .35s ease;
      -o-transition: all .35s ease;
      transition: all .35s ease; }
      @media (min-width: 992px) {
        .news-page .bread-text .ButtonLink div {
          width: initial; } }
      .news-page .bread-text .ButtonLink div a, .news-page .bread-text .ButtonLink div span {
        width: 100%;
        font-family: inherit;
        line-height: inherit;
        color: #fff;
        position: relative;
        text-align: center;
        display: inline-block !important;
        padding: 15px 30px 15px;
        z-index: 1;
        margin: 0;
        line-height: 18px; }
        @media (min-width: 992px) {
          .news-page .bread-text .ButtonLink div a, .news-page .bread-text .ButtonLink div span {
            width: initial;
            padding: 14px 70px 14px; } }
        .news-page .bread-text .ButtonLink div a span, .news-page .bread-text .ButtonLink div span span {
          font-size: 20px; }
        .news-page .bread-text .ButtonLink div a.links:before, .news-page .bread-text .ButtonLink div span.links:before {
          background: none !important;
          background-size: initial;
          width: initial; }
      .news-page .bread-text .ButtonLink div:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #00a9ce;
        opacity: .89;
        left: 0;
        top: 0; }
      .news-page .bread-text .ButtonLink div:after {
        content: '';
        background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
        width: 150%;
        height: 150%;
        position: absolute;
        right: 0;
        top: 30%;
        left: 70%;
        transform: translate(-50%, -50%);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease; }
      .news-page .bread-text .ButtonLink div:hover:after {
        content: '';
        background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
        width: 200%;
        height: 200%;
        position: absolute;
        right: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }

.news-page .azur {
  background: #00a9ce !important; }

.news-page .canola {
  background: #d0df00 !important; }

.news-page .nightsky {
  background: #323e47 !important; }

.news-page .seablue {
  background: #0077c8 !important; }

.news-page .bluesky {
  background: #0033a0 !important; }

.news-page .carbon {
  background: #333f48 !important; }

.news-page .coral {
  background: #ff585d !important; }

.news-page .satsuma {
  background: #ffcd00 !important; }

.news-page .turkis {
  background: #6ad1e3 !important; }

.img-holder-newsarticle {
  position: relative;
  margin-bottom: 60px;
  margin-right: -15px; }
  @media (max-width: 1200px) {
    .img-holder-newsarticle {
      margin-right: 0%;
      min-height: 130px;
      margin-top: 85px;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .img-holder-newsarticle {
      margin-right: 0%;
      min-height: 100px;
      margin-top: 75px;
      margin-bottom: 10px; } }
  .img-holder-newsarticle .img-caption {
    position: relative;
    top: -70px;
    width: 90%;
    left: -10%;
    color: #fff; }
    @media (max-width: 992px) {
      .img-holder-newsarticle .img-caption {
        left: -3%;
        width: 100%; } }
    @media (max-width: 767px) {
      .img-holder-newsarticle .img-caption {
        left: -3%;
        width: 100%; } }
    .img-holder-newsarticle .img-caption p {
      padding: 40px 60px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      line-height: 49px;
      margin-bottom: 0; }
      @media (max-width: 992px) {
        .img-holder-newsarticle .img-caption p {
          font-size: 28px;
          line-height: 35px; } }
      @media (max-width: 767px) {
        .img-holder-newsarticle .img-caption p {
          font-size: 18px;
          line-height: 20px;
          padding: 30px 30px; } }
    .img-holder-newsarticle .img-caption.no-image {
      top: -70px; }
      @media (max-width: 1200px) {
        .img-holder-newsarticle .img-caption.no-image {
          top: -20px; } }

.canola-news .img-holder-newsarticle .img-caption, .ashgrey-news .img-holder-newsarticle .img-caption, .greysky-news .img-holder-newsarticle .img-caption {
  color: #333F48 !important; }

.news-bottom-sdg-tags {
  color: #333F48;
  font-family: 'GT-Eesti Display';
  font-size: 40px; }
  .news-bottom-sdg-tags .sdg-splitter {
    height: 1px;
    width: 100%;
    background-color: #dae2e3;
    margin-bottom: 5.0rem; }
    @media (min-width: 992px) {
      .news-bottom-sdg-tags .sdg-splitter {
        margin-bottom: 6.0rem; } }
    @media (min-width: 1400px) {
      .news-bottom-sdg-tags .sdg-splitter {
        margin-bottom: 8.0rem; } }
  .news-bottom-sdg-tags p {
    font-size: 22px; }
  .news-bottom-sdg-tags .sdg-holder {
    padding: 0 0 0 15px; }
    .news-bottom-sdg-tags .sdg-holder .sdg-container {
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media (min-width: 1400px) {
        .news-bottom-sdg-tags .sdg-holder .sdg-container {
          flex-direction: row; } }
    .news-bottom-sdg-tags .sdg-holder .sdg-info {
      width: 100%; }
      @media (min-width: 1400px) {
        .news-bottom-sdg-tags .sdg-holder .sdg-info {
          width: 89.6rem;
          padding-right: 7.4rem; } }
      .news-bottom-sdg-tags .sdg-holder .sdg-info .sdg-info-inner {
        width: 100%;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        margin-bottom: 5.0rem;
        line-height: 1.42857; }
        @media (min-width: 992px) {
          .news-bottom-sdg-tags .sdg-holder .sdg-info .sdg-info-inner {
            margin-bottom: 6.0rem; } }
        @media (min-width: 1400px) {
          .news-bottom-sdg-tags .sdg-holder .sdg-info .sdg-info-inner {
            max-width: 81.7rem;
            margin-bottom: 8.0rem; } }
        .news-bottom-sdg-tags .sdg-holder .sdg-info .sdg-info-inner h4 {
          font-size: 3.0rem;
          line-height: 4.6rem;
          /*                    @media (min-width: 992px) {
                        font-size: 3.2rem;
                    }
                    @media (min-width: 1400px) {
                        font-size: 4.0rem;
                    }
*/ }
        .news-bottom-sdg-tags .sdg-holder .sdg-info .sdg-info-inner p {
          font-size: 18px;
          color: #333f48 !important;
          letter-spacing: 1px;
          /*                    @media (min-width: 992px) {
                        font-size: 2.0rem;
                        line-height: 3.2rem;
                    }
                    @media (min-width: 1400px) {
                        font-size: 2.2rem;
                        line-height: 3.8rem;
                    }
*/ }
    .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper {
      width: 100%; }
      @media (min-width: 1400px) {
        .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper {
          width: 52.9rem; } }
      .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 5.0rem; }
        @media (min-width: 992px) {
          .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder {
            margin-bottom: 6.0rem; } }
        @media (min-width: 1400px) {
          .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder {
            margin-bottom: 8.0rem; } }
        .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:first-child {
          width: 100px; }
          @media (min-width: 1400px) {
            .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:first-child {
              width: 14.5rem; } }
        .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:last-child {
          position: relative;
          width: 25.0rem; }
          @media (min-width: 1400px) {
            .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:last-child {
              width: 38.2rem; } }
          .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:last-child img {
            width: 16.8rem;
            margin-left: auto; }
            @media (min-width: 1400px) {
              .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:last-child img {
                width: unset; } }
          .news-bottom-sdg-tags .sdg-holder .sdg-def-wrapper .sdg-def-holder .sdg-def-image:last-child:before {
            position: absolute;
            content: '';
            height: 100%;
            width: 41px;
            border-right: 1px solid #dae2e3; }

.key-app-area {
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
  padding: 60px 40px 30px;
  position: relative; }
  .key-app-area.posAbs {
    position: absolute;
    top: 10%;
    width: 70%;
    right: 5%; }
    @media (max-width: 1200px) {
      .key-app-area.posAbs {
        width: 90%; } }
    @media (max-width: 992px) {
      .key-app-area.posAbs {
        position: relative;
        width: 100%;
        margin-top: 30px; } }
    @media (max-width: 767px) {
      .key-app-area.posAbs {
        position: relative;
        width: 100%;
        margin-top: 30px;
        right: 0%; } }
  @media (min-width: 1200px) and (max-width: 1600px) {
    .key-app-area {
      padding: 60px 40px 30px; } }
  .key-app-area .back--img--holder {
    z-index: 1; }
    .key-app-area .back--img--holder img {
      position: absolute;
      top: -50%;
      left: -10%;
      z-index: -1; }
      @media (min-width: 1400px) and (max-width: 1600px) {
        .key-app-area .back--img--holder img {
          top: -50%; } }
      @media (min-width: 1200px) and (max-width: 1400px) {
        .key-app-area .back--img--holder img {
          top: -35%; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .key-app-area .back--img--holder img {
          top: -20%; } }
      @media (min-width: 460px) and (max-width: 767px) {
        .key-app-area .back--img--holder img {
          top: -60%; } }
      @media (min-width: 300px) and (max-width: 460px) {
        .key-app-area .back--img--holder img {
          top: -30%; } }
  .key-app-area .back--img--holder-2 {
    z-index: 1; }
    .key-app-area .back--img--holder-2 img {
      position: absolute;
      top: -30%;
      right: -20%;
      z-index: -3; }
  .key-app-area .heading {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: black; }
  .key-app-area .description {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #333F48;
    padding: 15px 0 20px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
    color: #333F48 !important; }
  .key-app-area .desc-list {
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    color: #333F48;
    padding: 15px 0 20px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: #333F48 !important; }
    .key-app-area .desc-list p {
      color: #333F48 !important;
      font-size: 20px; }
      .key-app-area .desc-list p a {
        color: #333F48 !important; }
        .key-app-area .desc-list p a:hover {
          color: #527793 !important; }

.header-content .key-app-area {
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
  padding: 60px 40px 30px;
  position: relative;
  margin-top: 50%; }
  @media (min-width: 1200px) and (max-width: 1600px) {
    .header-content .key-app-area {
      padding: 60px 40px 30px; } }
  @media (max-width: 992px) {
    .header-content .key-app-area {
      margin-top: 20%; } }
  @media (max-width: 767px) {
    .header-content .key-app-area {
      margin-top: 10%; } }
  .header-content .key-app-area .back--img--holder {
    z-index: 1;
    position: absolute;
    bottom: 100%;
    /*left: 50%;*/
    transform: translateX(50%);
    right: 50%; }
    .header-content .key-app-area .back--img--holder img {
      position: relative;
      top: auto;
      left: auto;
      z-index: -1;
      /*@include respond-to(between-14-16) {
                    top: -50%;
                }

                @include respond-to(between-12-14) {
                    top: -35%;
                }

                @include respond-to(mediumToLarge) {
                    top: -20%;
                }

                @include respond-to(smallbig) {
                    top: -60%;
                }

                @include respond-to(smallest) {
                    top: -30%;
                }*/ }
  .header-content .key-app-area .back--img--holder-2 {
    z-index: 1; }
    .header-content .key-app-area .back--img--holder-2 img {
      position: absolute;
      top: -30%;
      right: -20%;
      z-index: -3; }
  .header-content .key-app-area .heading {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: black; }
  .header-content .key-app-area .description {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #333F48;
    padding: 15px 0 20px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    color: #333F48 !important; }
  .header-content .key-app-area .desc-list {
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    color: #333F48;
    padding: 15px 0 20px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: #333F48; }
    .header-content .key-app-area .desc-list p {
      color: #333F48 !important; }
  .header-content .key-app-area p {
    line-height: 26px;
    font-size: 20px; }
  .header-content .key-app-area a {
    line-height: 26px;
    font-size: 20px; }

.key-feature {
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
  padding: 30px 40px;
  margin-bottom: 30px; }
  @media (min-width: 1200px) and (max-width: 1600px) {
    .key-feature {
      padding: 30px 30px; } }
  .key-feature .heading {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 25px;
    color: black; }
  .key-feature .key-feature-box {
    margin-bottom: 7px;
    margin-left: -11.5px;
    margin-right: -11.5px;
    min-height: 80px; }
    @media (min-width: 1200px) and (max-width: 1600px) {
      .key-feature .key-feature-box {
        min-height: 60px; } }
    .key-feature .key-feature-box .text {
      padding: 12px;
      margin: 0; }
      .key-feature .key-feature-box .text .small {
        font-size: 14px;
        color: white;
        position: relative;
        text-align: center;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      .key-feature .key-feature-box .text .large {
        font-size: 22px;
        line-height: 26px;
        color: white;
        position: relative;
        text-align: center;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        padding: 8px 0 0; }
        @media (min-width: 1200px) and (max-width: 1600px) {
          .key-feature .key-feature-box .text .large {
            font-size: 22px; } }
        @media (min-width: 767px) and (max-width: 991px) {
          .key-feature .key-feature-box .text .large {
            font-size: 22px; } }
  .key-feature .description {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #333F48;
    padding: 15px 0 20px;
    margin-left: -12.5px;
    margin-right: -12.5px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  .key-feature .see--all {
    margin-left: -12.5px;
    margin-right: -12.5px;
    overflow: hidden;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    .key-feature .see--all a {
      font-size: 18px;
      text-align: center;
      color: #FFFFFF;
      display: block;
      padding: 20px 0;
      position: relative;
      z-index: 1; }
  .key-feature.download {
    padding: 50px 30px;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .key-feature.download {
        /*margin-top: 40px;*/ } }
    .key-feature.download .img-center {
      margin: 0 auto; }
    .key-feature.download .download-text {
      text-align: center !important;
      display: block;
      padding: 62px 0; }
      .key-feature.download .download-text strong {
        font-size: 25px;
        text-align: center;
        line-height: 34px;
        color: #000000;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-weight: 100; }
      .key-feature.download .download-text small {
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        line-height: 22px;
        color: #000000;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        display: block; }
    .key-feature.download .github a {
      color: #fff; }
      .key-feature.download .github a span:nth-of-type(1) {
        text-align: right;
        font-size: 16px;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        line-height: 15px;
        color: #FFFFFF;
        position: relative;
        display: inline;
        letter-spacing: 1px;
        padding: 0 10%; }
    .key-feature.download p {
      text-align: center;
      margin: 30px 0 0;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
  .key-feature.download-latest {
    padding: 50px 30px; }
    @media (max-width: 1200px) {
      .key-feature.download-latest {
        margin-top: 40px; } }
    .key-feature.download-latest .img-center {
      margin: 0 auto; }
    .key-feature.download-latest .download-text {
      text-align: center !important;
      display: block;
      padding: 0px 0; }
      .key-feature.download-latest .download-text strong {
        font-size: 25px;
        text-align: center;
        line-height: 34px;
        color: #000000;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-weight: 100; }
      .key-feature.download-latest .download-text small {
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        line-height: 22px;
        color: #000000;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        display: block; }
    .key-feature.download-latest .github a {
      color: #fff; }
      .key-feature.download-latest .github a span:nth-of-type(1) {
        text-align: right;
        font-size: 16px;
        font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
        line-height: 15px;
        color: #FFFFFF;
        position: relative;
        display: inline;
        letter-spacing: 1px;
        padding: 0 10%; }
    .key-feature.download-latest p {
      text-align: center;
      margin: 0px 0 0;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }

.download-latest-opacity {
  opacity: 0.2; }

.expand-box {
  display: block;
  position: relative;
  width: 100%;
  margin: 20px 0 30px; }
  .expand-box img {
    width: 100%; }

.expand-button-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 39px;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(255, 255, 255, 0.7);
  padding: 18px;
  border-radius: 50%;
  text-align: center;
  height: 75px;
  width: 75px; }

.product-RTE-Component {
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
  padding: 30px 40px;
  margin-bottom: 30px; }
  @media (min-width: 1200px) and (max-width: 1600px) {
    .product-RTE-Component {
      padding: 30px 30px; } }
  .product-RTE-Component .heading {
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    /*margin-bottom: 5px;*/
    color: black;
    position: relative; }
    @media (max-width: 1200px) {
      .product-RTE-Component .heading.triangle-down:after {
        content: '';
        /*border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-top: 15px solid #2f2f2f;
                    height: 0;
                    width: 0;
                    top: 10px;
                    margin-left: 9px;*/
        position: relative;
        float: right;
        margin-left: 9px;
        display: inline-block;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        width: 16px;
        height: 16px;
        transform: rotate(45deg); }
      .product-RTE-Component .heading.triangle-up:after {
        content: '';
        /*border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-bottom: 15px solid #2f2f2f;
                    height: 0;
                    width: 0;
                    float: right;
                    position: relative;
                    margin-left: 9px;*/
        position: relative;
        top: 10px;
        float: right;
        margin-left: 9px;
        display: inline-block;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        width: 16px;
        height: 16px;
        transform: rotate(-135deg); } }
  .product-RTE-Component .description {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    color: #333F48;
    padding: 15px 0 20px;
    margin-left: -12.5px;
    margin-right: -12.5px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    .product-RTE-Component .description ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .product-RTE-Component .description ul li {
        margin: 0 0 15px 0; }
  .product-RTE-Component .see--all {
    margin-left: -12.5px;
    margin-right: -12.5px;
    overflow: hidden;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
    .product-RTE-Component .see--all a {
      font-size: 18px;
      text-align: center;
      color: #FFFFFF;
      display: block;
      padding: 20px 0;
      position: relative;
      z-index: 1; }
  @media (max-width: 1200px) {
    .product-RTE-Component .mobileCollapse {
      display: none; }
      .product-RTE-Component .mobileCollapse.open {
        display: block; } }

.orderingCodesBtn {
  color: #00a9ce;
  text-align: right;
  padding: 0px 0;
  margin-top: -20px; }
  .orderingCodesBtn a {
    display: block;
    font-size: 20px;
    padding: 0px 0;
    display: block;
    padding: 20px 0 30px;
    position: relative;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    letter-spacing: 1px;
    cursor: pointer; }
    @media (max-width: 767px) {
      .orderingCodesBtn a {
        padding: 30px 0 30px; } }

.leftCol .orderingCodesBtn {
  text-align: right; }

.rightCol .orderingCodesBtn {
  text-align: left; }

.Col-right-News-bottom-xs .rightCol {
  margin-bottom: 30px; }

.pushdown {
  margin-bottom: 30px; }

.agent-box {
  height: 584px;
  margin-bottom: 30px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .agent-box {
      width: 50%;
      float: left;
      padding: 0 15px; } }
  @media (max-width: 550px) {
    .agent-box {
      width: 100%;
      float: left; } }
  @media (max-width: 767px) {
    .agent-box.article {
      width: 100%;
      float: left;
      padding: 0 15px; } }
  @media (max-width: 550px) {
    .agent-box.article {
      width: 100%;
      float: left; } }
  .agent-box .inner {
    position: relative;
    height: 100%; }
    .agent-box .inner img {
      position: absolute;
      top: 0; }
    .agent-box .inner .information {
      position: relative;
      height: 100%;
      width: 100%;
      top: 0px;
      /*background: rgba(0, 0, 0, 0) linear-gradient(28.5deg, #f5f5f5 50%, #f5f5f5 10em, #f5f5f5 calc(100% - 10em), transparent calc(100% - 10em)) repeat scroll 0 0;
            background: #DAE2E3;
            z-index:9;*/ }
      .agent-box .inner .information:after {
        content: '';
        /* background: #DAE2E3; */
        background-image: linear-gradient(28.5deg, #dae2e3, #dae2e3 50%, transparent 0%);
        /*background-image: -moz-linear-gradient(58.5deg, #dae2e3, #dae2e3 50%, transparent 50%);*/
        position: absolute;
        top: 15%;
        bottom: 0;
        width: 100%;
        height: 100%;
        left: 0; }
        @media (max-width: 992px) {
          .agent-box .inner .information:after {
            top: 20%; } }
      .agent-box .inner .information .text {
        position: absolute;
        bottom: 0;
        height: 160px;
        width: 100%;
        display: block;
        z-index: 1;
        padding: 32px; }
        @media (max-width: 767px) {
          .agent-box .inner .information .text {
            /*padding: 22px;
                    height: 110px;*/ } }
        .agent-box .inner .information .text p {
          color: #333F48;
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 20px;
          line-height: 23px; }
        .agent-box .inner .information .text a {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 20px;
          line-height: 23px;
          display: block;
          margin-top: 20px;
          position: absolute;
          bottom: 15px; }
        @media (max-width: 767px) {
          .agent-box .inner .information .text p {
            font-size: 20px;
            line-height: 25px; }
          .agent-box .inner .information .text a {
            font-size: 20px;
            line-height: 24px;
            display: block;
            margin-top: 10px; } }

.contact-box {
  background-color: #C8E9F1;
  min-height: 150px;
  margin-bottom: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .contact-box {
      margin-top: 30px; } }
  .contact-box .dropdown-config-heading {
    color: white;
    margin-bottom: 0; }
  .contact-box .dropdown-config-settings {
    color: white; }
    .contact-box .dropdown-config-settings span {
      color: white; }
  .contact-box.dark, .contact-box.nightsky, .contact-box.azur, .contact-box.bluesky, .contact-box.coral, .contact-box.seablue, .contact-box.carbon, .contact-box.ashgrey {
    color: #fff; }
    .contact-box.dark .caption, .contact-box.nightsky .caption, .contact-box.azur .caption, .contact-box.bluesky .caption, .contact-box.coral .caption, .contact-box.seablue .caption, .contact-box.carbon .caption, .contact-box.ashgrey .caption {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .contact-box.dark .caption:after, .contact-box.nightsky .caption:after, .contact-box.azur .caption:after, .contact-box.bluesky .caption:after, .contact-box.coral .caption:after, .contact-box.seablue .caption:after, .contact-box.carbon .caption:after, .contact-box.ashgrey .caption:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-30%);
        background: url("../-/media/Images/DefaultImages/long_arrow_right_08.png") no-repeat;
        background-size: 80% 60%;
        display: block;
        width: 40%;
        height: 42px;
        right: 0; }
      .contact-box.dark .caption p, .contact-box.nightsky .caption p, .contact-box.azur .caption p, .contact-box.bluesky .caption p, .contact-box.coral .caption p, .contact-box.seablue .caption p, .contact-box.carbon .caption p, .contact-box.ashgrey .caption p {
        color: #fff;
        margin: 0 !important; }
  .contact-box .caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 10%; }
    .contact-box .caption:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateY(-30%);
      background: url("../-/media/Images/DefaultImages/long_arrow_right_dark_08.png") no-repeat;
      background-size: 80% 60%;
      display: block;
      width: 40%;
      height: 42px;
      right: 0; }
    .contact-box .caption p {
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 40px;
      font-weight: 300;
      line-height: 50px;
      width: 50%;
      float: left;
      margin: 0 !important; }
      @media (min-width: 1200px) and (max-width: 1600px) {
        .contact-box .caption p {
          font-size: 28px;
          line-height: 30px; } }
      @media (max-width: 1200px) {
        .contact-box .caption p {
          font-size: 28px;
          line-height: 30px; } }
      @media (max-width: 992px) {
        .contact-box .caption p {
          line-height: 40px; } }
      @media (max-width: 767px) {
        .contact-box .caption p {
          line-height: 40px; } }
  .contact-box.full-text {
    background: #fff;
    border: 1px solid #DAE2E3;
    padding: 40px 10%;
    min-height: 0; }
    .contact-box.full-text .caption {
      position: relative;
      top: 0;
      transform: none;
      width: 100%;
      left: 0; }
      .contact-box.full-text .caption:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-30%);
        background: none;
        background-size: 80% 60%;
        display: block;
        width: 40%;
        height: 42px;
        right: 0; }
      .contact-box.full-text .caption h3 {
        color: #3F5059;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 25px;
        line-height: 26px; }
      .contact-box.full-text .caption p {
        color: #616161;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 22px;
        font-weight: 300;
        line-height: 30px;
        width: 100%; }
    .contact-box.full-text .see-all {
      font-size: 20px;
      font-weight: 300;
      line-height: 23px;
      color: #fff;
      /*padding: 15px 20px;*/
      text-align: center;
      display: block;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
      margin: 30px 0 0px 0; }
      @media (max-width: 767px) {
        .contact-box.full-text .see-all {
          /*margin-left: -20px;*/ } }
      .contact-box.full-text .see-all a {
        color: #fff;
        position: relative;
        text-align: center;
        display: inline-block;
        padding: 14px 70px;
        width: 100%;
        letter-spacing: 1px;
        z-index: 1; }
  .contact-box.cv {
    background: initial;
    padding: 30px;
    min-height: 300px; }
    @media (max-width: 767px) {
      .contact-box.cv {
        min-height: auto; } }
    .contact-box.cv .textBlock {
      padding: 20px 0 0; }
      .contact-box.cv .textBlock h3 {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        color: #FFFFFF;
        font-size: 56px;
        font-weight: 300;
        line-height: 65px; }
        @media (max-width: 767px) {
          .contact-box.cv .textBlock h3 {
            font-size: 36px;
            font-weight: 300;
            line-height: 45px; } }

h2.agents {
  color: #333F48;
  line-height: 45px;
  margin-bottom: 50px;
  /*margin: 50px 0;*/
  margin-top: 30px;
  font-size: 40px;
  font-weight: 300;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
  @media (max-width: 767px) {
    h2.agents {
      margin-left: 15px; } }

.ambassadeours {
  margin: 30px 0; }

.Personal-letter {
  margin: 30px 0; }
  .Personal-letter .content {
    background-color: rgba(218, 226, 227, 0.5);
    padding: 43px 60px 48px; }
    .Personal-letter .content .ingressHolder {
      height: 150px;
      position: relative;
      margin-bottom: 30px; }
      @media (max-width: 550px) {
        .Personal-letter .content .ingressHolder {
          height: auto; } }
      .Personal-letter .content .ingressHolder .ingress {
        position: absolute;
        top: 50%;
        left: 200px;
        transform: translateY(-50%); }
        @media (max-width: 550px) {
          .Personal-letter .content .ingressHolder .ingress {
            position: relative;
            top: 0;
            left: 0;
            transform: translateY(0);
            margin-top: 20px;
            font-weight: 600; } }
      .Personal-letter .content .ingressHolder img {
        height: 150px;
        width: auto;
        float: left; }
        @media (max-width: 550px) {
          .Personal-letter .content .ingressHolder img {
            height: 150px;
            width: auto;
            float: none;
            margin: 0 auto; } }
    .Personal-letter .content h3 {
      color: #333F48;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-size: 35px;
      font-weight: 300;
      line-height: 45px;
      margin-bottom: 50px; }
    .Personal-letter .content p {
      color: #333F48;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 27px; }

.modal-lg {
  width: 100%; }
  @media (min-width: 1600px) {
    .modal-lg {
      width: auto; } }
  @media (max-width: 992px) {
    .modal-lg {
      width: 100%; } }
  @media (max-width: 767px) {
    .modal-lg {
      width: 90%; } }

.modal-dialog-wide {
  width: 100%;
  /* your width */ }

@media (min-width: 1025px) {
  .modal-dialog-wide {
    width: 970px;
    /* your width */ } }

.modal-backdrop {
  display: none; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal {
  width: 98%;
  margin-left: 1%; }
  .modal .modal-content {
    padding: 0 20px 20px; }
  .modal ul:not(.inputs-list) {
    margin: 0;
    padding: 0;
    list-style: none;
    direction: ltr;
    list-style: outside none; }
    @media (max-width: 992px) {
      .modal ul:not(.inputs-list) {
        margin-bottom: 30px; } }
    .modal ul:not(.inputs-list) li {
      /*margin-bottom: 10px;*/
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 22px;
      min-width: 16px;
      min-height: 16px;
      position: relative;
      padding: 0px 10px 10px 25px;
      margin-top: 5px; }
      .modal ul:not(.inputs-list) li::before {
        content: '';
        /*margin-right: 5px;*/
        /*margin-bottom: 5px;*/
        width: 16px;
        height: 16px;
        background-color: rgba(34, 168, 202, 0.4);
        /*padding: 0 8px;*/
        font-size: 14px;
        font-weight: bold;
        line-height: 36px;
        color: #FFFFFF;
        /*display: table-cell;*/
        float: left;
        margin-left: -25px;
        margin-top: 3px; }
      .modal ul:not(.inputs-list) li a {
        display: table-cell;
        color: black;
        text-decoration: none; }
      .modal ul:not(.inputs-list) li ul {
        list-style: outside none;
        margin: 10px 0 0;
        padding: 0; }
        .modal ul:not(.inputs-list) li ul li {
          margin-top: 0px;
          margin-bottom: 0; }
          .modal ul:not(.inputs-list) li ul li::before {
            content: '-';
            /*margin-right: 5px;*/
            /*margin-bottom: 5px;*/
            width: 16px;
            height: 16px;
            background-color: rgba(34, 168, 202, 0);
            /*padding: 0 8px;*/
            font-size: 20px;
            font-weight: bold;
            line-height: 26px;
            color: #222;
            padding: 0px 10px 0px 20px;
            float: left;
            margin-left: -30px;
            margin-top: -5px; }
    .modal ul:not(.inputs-list).twocol {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
      column-gap: 40px;
      -webkit-column-gap: 40px;
      -moz-column-gap: 40px; }
      .modal ul:not(.inputs-list).twocol li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid; }
      @media (max-width: 767px) {
        .modal ul:not(.inputs-list).twocol {
          columns: 1;
          -webkit-columns: 1;
          -moz-columns: 1; } }

.modal-header {
  height: 50px; }
  .modal-header .close {
    float: right;
    font-size: 31px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    /*margin-top: 8px;*/
    filter: alpha(opacity=50);
    background: transparent; }

.modal-key-img {
  top: 0%;
  padding-top: 10%;
  background: rgba(255, 255, 255, 0.88);
  width: 100%;
  margin-left: 0; }
  .modal-key-img .modal-dialog {
    display: inline-block;
    margin: 0 auto;
    margin-left: auto;
    margin-left: 50%;
    transform: translateX(-50%) !important;
    width: auto; }
    @media (max-width: 767px) {
      .modal-key-img .modal-dialog {
        margin-left: 0%;
        transform: none !important; } }
    @media (min-width: 767px) {
      .modal-key-img .modal-dialog {
        max-width: max-content;
        width: 100%; } }
  .modal-key-img .modal-content {
    padding: 0 40px 40px;
    position: relative;
    background: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
    outline: 0; }
    .modal-key-img .modal-content .modalImg {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      display: block; }
  .modal-key-img .modal-header {
    border: none; }
    .modal-key-img .modal-header .close {
      float: right;
      font-size: 43px;
      font-weight: bold;
      line-height: 1;
      color: #717171;
      text-shadow: 0 1px 0 #fff;
      opacity: 1;
      margin-top: 8px;
      filter: alpha(opacity=50);
      background: #fff;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      margin-bottom: 0px;
      margin-right: -20px; }

.hs-form-booleancheckbox span {
  display: inline !important; }

.hs-fieldtype-select label span {
  display: inline !important;
  color: #717171 !important; }

#searchResultWrapper {
  background: #fff;
  border: 1px solid #dddedf;
  /*background: linear-gradient(to left, #f3f4f5 0%, #f3f4f5 25%, #f3f4f5 25%, white 25%, white 100%);*/
  /* W3C */
  margin-top: 35px;
  /*.cross {
        position: absolute;
        top: 65px;
        right: 30px;
        color: #000;
        font-size: 22px;
        z-index: 9;
    }*/ }
  @media (max-width: 992px) {
    #searchResultWrapper {
      margin-top: 50px; } }
  @media (max-width: 767px) {
    #searchResultWrapper {
      margin-top: 0px;
      margin-left: 15px;
      margin-right: 15px; } }
  #searchResultWrapper a.active {
    font-weight: bold; }
  #searchResultWrapper .CTABannerLink {
    position: relative;
    color: #fff;
    padding: 20px 50px;
    transition: all .5s;
    color: #fff;
    text-align: center;
    display: block;
    z-index: 0;
    /*&:after {
            content: "";
            display: block;
            position: absolute;
            width: 90%;
            height: 15%;
            border-radius: 50%;
            background-color: #333F48;
            opacity: 0.1;
            bottom: -20px;
            padding: -20px;
            left: 5%;
            transition: all .5s;
        }

        &:hover {

            &:after {
                opacity: 0.1;
                bottom: -15px;

            }
        }*/ }
    #searchResultWrapper .CTABannerLink p {
      color: #fff !important;
      position: relative;
      font-size: 25px;
      margin-bottom: 5px;
      font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif; }
    #searchResultWrapper .CTABannerLink span {
      color: #fff !important;
      position: relative;
      font-weight: 100;
      font-size: 18px;
      position: relative;
      z-index: 9;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      text-decoration: underline; }
    #searchResultWrapper .CTABannerLink.overlay.skew-percent::after {
      content: '';
      background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
      width: 150%;
      height: 150%;
      position: absolute;
      right: 0;
      top: 30%;
      left: 83%;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -ms-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease; }
    #searchResultWrapper .CTABannerLink.overlay.carbon:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(51, 63, 72, 0.89);
      background: #333f48;
      opacity: 1;
      left: 0;
      top: 0; }
  #searchResultWrapper .content {
    padding: 50px 30px;
    background: #fff; }
    #searchResultWrapper .content h1 {
      font-size: 44px;
      margin-bottom: 30px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      position: relative; }
      @media (max-width: 767px) {
        #searchResultWrapper .content h1 {
          font-size: 34px; } }
      #searchResultWrapper .content h1:after {
        content: '';
        position: absolute;
        background: url("../-/media/Images/defaultimages/ArrowLongGrey.svg") no-repeat;
        width: 100px;
        height: 30px;
        top: 10px;
        right: 0; }
        @media (max-width: 1200px) {
          #searchResultWrapper .content h1:after {
            background: none; } }
    #searchResultWrapper .content .search {
      position: relative;
      color: #aaa;
      font-size: 26px; }
      #searchResultWrapper .content .search .icon-search {
        position: absolute;
        top: 15px;
        left: 10px;
        font-size: 32px; }
    #searchResultWrapper .content .search input {
      width: 100%;
      height: 62px;
      background: #fff;
      border: 1px solid #dde6e7;
      outline: none; }
      #searchResultWrapper .content .search input:focus {
        outline: none; }
    #searchResultWrapper .content .search input {
      text-indent: 52px;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    #searchResultWrapper .content .infoText {
      margin: 30px 0;
      /*margin-left: -15px;*/
      font-size: 18px;
      color: #3e3e3e;
      padding: 0px 0 20px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      border-bottom: 1px solid rgba(154, 154, 154, 0.5);
      margin-bottom: 30px;
      display: block; }
      #searchResultWrapper .content .infoText p {
        margin-bottom: 0px;
        color: #3e3e3e; }
      #searchResultWrapper .content .infoText span {
        /*display: block;*/
        /*font-family: $font-thin;*/
        font-size: 20.9px;
        font-weight: 100;
        line-height: 1.25;
        text-align: left;
        /*color: #000000;*/ }
        #searchResultWrapper .content .infoText span.valueOfSearch {
          color: #42a2c2; }
        #searchResultWrapper .content .infoText span.ResultCountUpdate {
          color: #3e3e3e; }
      #searchResultWrapper .content .infoText p {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-size: 20.9px;
        line-height: 1.25;
        text-align: left;
        /*color: #42a7c9;*/
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          #searchResultWrapper .content .infoText p.pull-right {
            float: none !important;
            text-align: left;
            margin-top: 30px; } }
        #searchResultWrapper .content .infoText p.hasNotResult {
          color: #ccc;
          cursor: default !important; }
    #searchResultWrapper .content hr {
      border-top: 1px solid rgba(140, 139, 139, 0.37);
      margin-bottom: 50px;
      /*margin-left: -30px;
            margin-right: -60px;*/ }
    #searchResultWrapper .content .results h2 {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 36px;
      font-weight: 500;
      line-height: 0.64;
      color: #454545;
      margin: 30px 0 40px; }
    #searchResultWrapper .content .results .resultItem {
      margin: 0 0 30px 0; }
      #searchResultWrapper .content .results .resultItem h3 {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-size: 22px;
        font-weight: 300;
        line-height: 1.27;
        text-align: left;
        color: #42a7c9;
        margin: 0 0 5px 0; }
        @media (max-width: 767px) {
          #searchResultWrapper .content .results .resultItem h3 {
            line-height: 1.2; } }
      #searchResultWrapper .content .results .resultItem p {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      #searchResultWrapper .content .results .resultItem .crumbs {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 16px; }
        #searchResultWrapper .content .results .resultItem .crumbs a {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 16px;
          font-weight: 300;
          font-style: italic;
          line-height: 1.25;
          text-align: left;
          color: #454545;
          font-style: italic; }
      #searchResultWrapper .content .results .resultItem p {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.28;
        text-align: left;
        color: #454545;
        margin: 10px 0; }
        #searchResultWrapper .content .results .resultItem p.whereFrom {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 19px;
          font-weight: 500;
          line-height: 1;
          color: #454545;
          margin: 0 0;
          text-align: right; }
          @media (max-width: 767px) {
            #searchResultWrapper .content .results .resultItem p.whereFrom {
              text-align: left;
              margin: 10px 0 0 -15px;
              float: left; } }
        #searchResultWrapper .content .results .resultItem p.date {
          font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
          font-size: 14px;
          margin: 6px 0 0;
          text-align: right; }
          @media (max-width: 767px) {
            #searchResultWrapper .content .results .resultItem p.date {
              text-align: left;
              float: right;
              margin: 10px 0 0; } }
      #searchResultWrapper .content .results .resultItem .headerLink {
        color: #454545; }
        #searchResultWrapper .content .results .resultItem .headerLink span {
          margin-right: 15px;
          font-size: 18px; }
          #searchResultWrapper .content .results .resultItem .headerLink span.tags {
            font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
            font-weight: 100;
            line-height: 1.25;
            text-align: left;
            color: #00a9ce;
            margin-left: 6px; }
    #searchResultWrapper .content .results .show-hide {
      font-size: 20px;
      font-weight: 300;
      line-height: 40px;
      color: #00A9CE;
      border: 1px solid #23AACC;
      padding: 8px 14px 5px;
      text-align: center;
      display: inline-block;
      /* margin: 5px 70px 0 0; */
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      margin-top: 50px;
      max-width: 100%;
      margin-left: 50%;
      margin-bottom: 50px; }
  #searchResultWrapper .cross {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 18px;
    z-index: 9;
    background: #bfbfbf;
    padding: 6px 10px; }
    @media (max-width: 767px) {
      #searchResultWrapper .cross {
        right: 15px; } }
  #searchResultWrapper .filtering {
    background: #f3f4f5 !important;
    padding: 50px 30px;
    border-right: 1px solid #dddedf; }
    @media (max-width: 767px) {
      #searchResultWrapper .filtering {
        padding: 30px 30px; } }
    @media (max-width: 1200px) {
      #searchResultWrapper .filtering {
        border-left: none;
        border-bottom: 1px solid #dddedf; } }
    #searchResultWrapper .filtering h3 {
      font-size: 22px;
      margin: 10px 0 -5px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      #searchResultWrapper .filtering h3.mainHead {
        margin: 0 0 30px;
        font-size: 27px;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
        #searchResultWrapper .filtering h3.mainHead i {
          color: #c4c4c4;
          margin-right: 8px; }
    @media (max-width: 1024px) {
      #searchResultWrapper .filtering {
        border-right: none; } }
    #searchResultWrapper .filtering .select-wrapper-default select {
      border-color: #cfcfcf !important; }
      @media (max-width: 1600px) {
        #searchResultWrapper .filtering .select-wrapper-default select.facetselector {
          font-size: 18px; } }
    #searchResultWrapper .filtering p.input {
      margin-bottom: 10px; }
      #searchResultWrapper .filtering p.input:first-of-type {
        margin-top: 20px; }
  #searchResultWrapper .searchWrapph--match-cols {
    overflow: hidden;
    padding: 0px 0 0px; }
    #searchResultWrapper .searchWrapph--match-cols .eq {
      margin-bottom: -99999px;
      padding-bottom: 99999px; }
      @media (max-width: 1200px) {
        #searchResultWrapper .searchWrapph--match-cols .eq {
          margin-bottom: 0;
          padding-bottom: 100px; } }
      @media (max-width: 767px) {
        #searchResultWrapper .searchWrapph--match-cols .eq {
          margin-bottom: 0;
          padding-bottom: 0px; } }

.FacettWrapp {
  border-bottom: 1px solid rgba(154, 154, 154, 0.5);
  padding-bottom: 22px;
  margin-bottom: 25px;
  background: #f3f4f5; }
  .FacettWrapp:last-of-type {
    border-bottom: none; }
  .FacettWrapp ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .FacettWrapp ul li {
      background: #f3f4f5 !important; }
    .FacettWrapp ul.childWrapp {
      display: none; }
      .FacettWrapp ul.childWrapp.expanded {
        display: block; }
    .FacettWrapp ul ul {
      margin-left: 20px; }
  .FacettWrapp h4 {
    font-size: 24px;
    margin: 10px 0 25px;
    font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
    color: #181f27; }
  .FacettWrapp a.ref {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #181f27; }
    .FacettWrapp a.ref span {
      padding: 0 10px; }
    .FacettWrapp a.ref.disabled {
      color: rgba(24, 31, 39, 0.3); }
  .FacettWrapp [type="checkbox"]:checked,
  .FacettWrapp [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .FacettWrapp [type="checkbox"]:checked + label,
  .FacettWrapp [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #181f27;
    /*font-family: $font-thin !important;*/
    font-size: 16px;
    font-weight: normal; }
  .FacettWrapp [type="checkbox"]:checked + label:before,
  .FacettWrapp [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddedf;
    border-radius: 0%;
    background: #fff; }
  .FacettWrapp [type="checkbox"]:checked + label:after,
  .FacettWrapp [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #cdd800;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 0%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .FacettWrapp [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .FacettWrapp [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .FacettWrapp [type="checkbox"]:disabled + label {
    color: rgba(24, 31, 39, 0.3); }
  .FacettWrapp [type="checkbox"]:disabled + label:before {
    background: #ddd;
    cursor: not-allowed; }

@media (max-width: 1200px) {
  .slide-wrapp {
    position: fixed;
    right: 0%;
    top: 160px;
    margin-top: 100px;
    width: 100%;
    height: calc(100vh - 150px);
    transform: translateX(100%);
    transition: all 0.1s ease-in-out;
    z-index: -1;
    overflow-y: auto; }
    .slide-wrapp.view {
      transform: translateX(0);
      right: 0%;
      z-index: 9; }
      .slide-wrapp.view .filtering {
        border-left: 1px solid #dddedf; } }

@media (max-width: 992px) {
  .slide-wrapp {
    margin-top: 20px; } }

@media (max-width: 767px) {
  .slide-wrapp {
    margin-top: 30px; } }

.slide-wrapp .cross-close {
  position: absolute;
  top: 0px;
  right: 30px;
  color: #000;
  font-size: 26px;
  z-index: 9;
  float: right;
  font-size: 31px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .8;
  margin-top: 8px;
  filter: alpha(opacity=50);
  background: transparent; }

.searchWrapper {
  background: #fff; }
  .searchWrapper a.active {
    font-weight: bold; }
  .searchWrapper .search {
    position: relative;
    color: #aaa;
    font-size: 26px; }
    .searchWrapper .search .icon-search {
      position: absolute;
      top: 18px;
      left: 20px;
      font-size: 32px; }
      @media (max-width: 1024px) {
        .searchWrapper .search .icon-search {
          font-size: 22px;
          left: 10px; } }
  .searchWrapper .search input {
    width: 100%;
    height: 70px;
    background: #fff;
    border: 1px solid #dde6e7;
    outline: none;
    padding: 8px 0px 5px;
    font-size: 22px;
    text-indent: 72px !important; }
    @media (max-width: 1024px) {
      .searchWrapper .search input {
        font-size: 18px;
        height: 60px;
        text-indent: 40px !important; } }
    .searchWrapper .search input::-webkit-input-placeholder {
      color: #666 !important; }
    .searchWrapper .search input:-moz-placeholder {
      opacity: 1;
      color: #666 !important; }
    .searchWrapper .search input::-moz-placeholder {
      opacity: 1;
      color: #666 !important; }
    .searchWrapper .search input:-ms-input-placeholder {
      color: #666 !important; }
    .searchWrapper .search input::placeholder {
      color: #666 !important; }
    .searchWrapper .search input:focus {
      outline: none; }
  .searchWrapper .search input {
    text-indent: 72px;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }

.infoText {
  font-size: 18px;
  color: #3e3e3e;
  padding: 20px 0;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
  border-bottom: 1px solid rgba(154, 154, 154, 0.5);
  margin-bottom: 30px;
  display: block; }
  .infoText p {
    margin-bottom: 0px; }
  .infoText span.valueOfSearch {
    color: #42a2c2; }
  .infoText span.ResultCountUpdate {
    color: #3e3e3e; }

body.noScroll {
  overflow: hidden; }

.showResultsOnSearch {
  cursor: pointer;
  position: fixed;
  font-size: 20px;
  z-index: 10;
  left: 15px;
  padding: 8px 20px;
  background: #bfbfbf;
  color: #fff;
  transition: all .5s ease-in-out;
  opacity: 0;
  bottom: 0;
  display: block;
  width: calc(100% - 30px);
  /*width: 100%;*/
  /*@include respond-to(large) {
        top: 160px;
    }

    @include respond-to(medium) {
        top: 107px;
    }

    @include respond-to(small) {
        top: 60px;
    }*/ }
  .showResultsOnSearch a {
    float: right;
    color: #fff; }
    .showResultsOnSearch a.reset {
      float: left;
      padding-right: 15px; }
    .showResultsOnSearch a:hover {
      color: #000; }
    .showResultsOnSearch a span {
      margin: 6px 0 0 10px;
      top: 2px;
      position: relative; }
  .showResultsOnSearch.on {
    opacity: 0; }
    @media (max-width: 1200px) {
      .showResultsOnSearch.on {
        display: block;
        opacity: 1; } }

.groupResultItems ul, .groupResultItems ol {
  list-style: none;
  padding: 0;
  margin: 0; }
  .groupResultItems ul.groupparent li, .groupResultItems ol.groupparent li {
    margin-top: 15px;
    padding-top: 15px; }
    .groupResultItems ul.groupparent li:first-of-type, .groupResultItems ol.groupparent li:first-of-type {
      border-top: none;
      margin-top: 0px;
      padding-top: 0px; }
    .groupResultItems ul.groupparent li.seeRest a, .groupResultItems ol.groupparent li.seeRest a {
      font-size: 20px;
      font-weight: 300;
      color: #00A9CE;
      border: 1px solid #23AACC;
      padding: 8px 8px 8px 10px;
      text-align: center;
      display: table;
      margin: 0 auto;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
      .groupResultItems ul.groupparent li.seeRest a:hover, .groupResultItems ol.groupparent li.seeRest a:hover {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
      .groupResultItems ul.groupparent li.seeRest a span, .groupResultItems ol.groupparent li.seeRest a span {
        top: 3px;
        position: relative; }
  .groupResultItems ul.groupparent .headerLink, .groupResultItems ol.groupparent .headerLink {
    color: #454545; }
    .groupResultItems ul.groupparent .headerLink h3, .groupResultItems ol.groupparent .headerLink h3 {
      font-size: 32px !important;
      padding: 10px 0 6px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif !important;
      color: #353f48 !important;
      margin: 0 !important; }
      .groupResultItems ul.groupparent .headerLink h3 span.hits, .groupResultItems ol.groupparent .headerLink h3 span.hits {
        font-size: 22px !important;
        color: #42a7c9; }
        .groupResultItems ul.groupparent .headerLink h3 span.hits.pdf img, .groupResultItems ol.groupparent .headerLink h3 span.hits.pdf img {
          width: 33px;
          margin: -10px 5px 0 0; }
      .groupResultItems ul.groupparent .headerLink h3 > span, .groupResultItems ol.groupparent .headerLink h3 > span {
        font-size: 32px !important;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif !important;
        color: #5d6872 !important; }
    .groupResultItems ul.groupparent .headerLink span, .groupResultItems ol.groupparent .headerLink span {
      margin-right: 0px !important;
      font-size: 18px; }
      .groupResultItems ul.groupparent .headerLink span.tags, .groupResultItems ol.groupparent .headerLink span.tags {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-weight: 100;
        line-height: 1.25;
        text-align: left;
        color: #353f48 !important;
        margin-left: 6px; }
  .groupResultItems ul.childs, .groupResultItems ol.childs {
    list-style: none;
    margin-left: 0px; }
    .groupResultItems ul.childs li, .groupResultItems ol.childs li {
      display: list-item;
      border-top: 1px solid #f2f2f2;
      padding-top: 18px; }
      .groupResultItems ul.childs li a, .groupResultItems ol.childs li a {
        display: inline-block; }
      .groupResultItems ul.childs li:first-of-type, .groupResultItems ol.childs li:first-of-type {
        border-top: none; }
    .groupResultItems ul.childs h4, .groupResultItems ol.childs h4 {
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-size: 22px;
      color: #42a7c9;
      margin: 0 0 5px 0 !important; }
      .groupResultItems ul.childs h4 > span, .groupResultItems ol.childs h4 > span {
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif !important;
        color: #72b0c4; }
    .groupResultItems ul.childs p, .groupResultItems ol.childs p {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-size: 16px;
      margin: 0 0 5px !important; }
      .groupResultItems ul.childs p > span, .groupResultItems ol.childs p > span {
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif !important;
        color: #2a3137 !important; }
    .groupResultItems ul.childs:first-of-type, .groupResultItems ol.childs:first-of-type {
      margin-top: 20px; }

section.urlSuggestion .resultItem {
  margin-bottom: 80px; }
  section.urlSuggestion .resultItem .result-wrap {
    display: flex; }
    @media (min-width: 768px) {
      section.urlSuggestion .resultItem .result-wrap {
        display: block; } }
    section.urlSuggestion .resultItem .result-wrap .result-picture {
      width: 20%; }
    section.urlSuggestion .resultItem .result-wrap .result-content {
      width: 80%; }

section.urlSuggestion h2 {
  font-size: 32px;
  margin-bottom: 45px; }

section.urlSuggestion .resultItem .title {
  font-size: 18px;
  margin-bottom: 10px;
  display: block; }

section.urlSuggestion .resultItem .desc {
  margin-bottom: 10px;
  font-size: 16px; }

section.urlSuggestion .crumbs {
  margin-bottom: 10px;
  font-size: 14px; }

.urlSuggestionSearch {
  margin-bottom: 0px; }
  .urlSuggestionSearch .icon-addon .form-control {
    line-height: 1.88;
    height: 50px;
    font-size: 26px;
    padding: 10px 16px 10px 25px;
    color: #323E47 !important;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    border-radius: 10px;
    margin-bottom: 40px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.27) !important; }
  .urlSuggestionSearch .icon-addon.addon-lg {
    margin: 0; }
    .urlSuggestionSearch .icon-addon.addon-lg .glyphicon {
      font-size: 26px;
      margin-left: 0;
      padding-right: 30px;
      padding-left: 5px;
      left: auto !important;
      right: 15px !important;
      top: 2px;
      border: 0;
      background: white; }

#QuarterlyResultWrapper {
  background: #fff; }
  @media (max-width: 992px) {
    #QuarterlyResultWrapper {
      margin-top: 100px; } }
  #QuarterlyResultWrapper .content {
    padding: 80px 30px;
    margin-bottom: 50px;
    background: #fff; }
    @media (max-width: 767px) {
      #QuarterlyResultWrapper .content {
        padding: 50px 30px; } }
    #QuarterlyResultWrapper .content h1 {
      font-size: 44px;
      margin-bottom: 24px;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      position: relative; }
      @media (max-width: 767px) {
        #QuarterlyResultWrapper .content h1 {
          font-size: 34px; } }
    #QuarterlyResultWrapper .content p {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 25px;
      font-weight: 300;
      line-height: 34px;
      color: #4B4B4B; }
    #QuarterlyResultWrapper .content .infoText {
      margin: 30px 0;
      margin-left: -15px; }
      #QuarterlyResultWrapper .content .infoText span {
        display: block;
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 16px;
        font-weight: 100;
        line-height: 1.25;
        text-align: left;
        color: #000000; }
    #QuarterlyResultWrapper .content .quarters {
      margin-top: 50px; }
      #QuarterlyResultWrapper .content .quarters h4 {
        color: #333F48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 25px;
        font-weight: 300;
        line-height: 30px; }
      #QuarterlyResultWrapper .content .quarters a {
        color: #333F48;
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 44px;
        display: block;
        padding-left: 40px;
        position: relative;
        content: ''; }
        #QuarterlyResultWrapper .content .quarters a:before {
          content: '';
          background: url("../-/media/Images/DefaultImages/long_arrow.png") no-repeat;
          background-size: 28px 9px;
          width: 30px;
          height: 10px;
          position: absolute;
          left: 0;
          top: 15px;
          overflow: hidden; }
        #QuarterlyResultWrapper .content .quarters a:hover {
          color: #22A8CA; }
  #QuarterlyResultWrapper .filtering {
    background: #f3f4f5;
    padding: 80px 30px; }
    @media (max-width: 767px) {
      #QuarterlyResultWrapper .filtering {
        padding: 50px 30px; } }
    #QuarterlyResultWrapper .filtering h3 {
      font-size: 25px;
      margin-bottom: 10px;
      line-height: 30px;
      color: #7e8e9a;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif; }
    #QuarterlyResultWrapper .filtering a {
      color: #23AACC;
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 25px;
      line-height: 30px;
      display: inline-block;
      margin-bottom: 10px;
      text-decoration: underline; }
  #QuarterlyResultWrapper .reportsWrapph--match-cols {
    overflow: hidden;
    padding: 0px 0 0px; }
    #QuarterlyResultWrapper .reportsWrapph--match-cols .eq {
      margin-bottom: -99999px;
      padding-bottom: 99999px; }
      @media (max-width: 992px) {
        #QuarterlyResultWrapper .reportsWrapph--match-cols .eq {
          margin-bottom: 0;
          padding-bottom: 50px; } }

.responsivetable {
  z-index: 1;
  background-color: white; }
  .responsivetable h1 {
    font-family: "GT-Eesti-light", "Noto Sans", Arial, sans-serif;
    font-weight: 350;
    max-width: 1092px; }
  .responsivetable .subhead {
    font-size: 18px;
    font-weight: 300;
    max-width: 1092px; }
  .responsivetable h3 {
    font-family: "GT-Eesti-Light", "Noto Sans", Arial,sans-serif;
    font-size: 18px;
    font-weight: 350;
    padding-top: 20px;
    margin: 0; }
  .responsivetable p {
    margin: 0;
    letter-spacing: normal; }
  .responsivetable .tablenav-placeholder {
    height: 58px;
    position: relative; }
    .responsivetable .tablenav-placeholder .tablenav {
      text-align: right;
      user-select: none;
      background-color: white;
      height: 98px; }
      .responsivetable .tablenav-placeholder .tablenav > div {
        display: inline-block;
        pointer-events: none; }
        .responsivetable .tablenav-placeholder .tablenav > div svg {
          fill: #ACB6BD; }
        .responsivetable .tablenav-placeholder .tablenav > div.back svg {
          transform: scaleX(-1); }
        .responsivetable .tablenav-placeholder .tablenav > div.active {
          pointer-events: auto;
          cursor: pointer; }
          .responsivetable .tablenav-placeholder .tablenav > div.active svg {
            fill: #333F48; }
      .responsivetable .tablenav-placeholder .tablenav.fixed {
        position: fixed !important;
        top: 40px !important;
        text-align: right;
        z-index: 1;
        padding-top: 42px; }
  .responsivetable .responsivetable-container {
    overflow: auto;
    position: relative; }
    .responsivetable .responsivetable-container .subhead {
      font-size: 18px; }
    .responsivetable .responsivetable-container table {
      min-width: 0;
      transition: margin .2s;
      table-layout: fixed; }
      .responsivetable .responsivetable-container table thead {
        border: 0px solid transparent; }
        .responsivetable .responsivetable-container table thead .headerimages th > div, .responsivetable .responsivetable-container table thead .headerimages th > a {
          padding-bottom: 12px; }
        .responsivetable .responsivetable-container table thead .headerimages th img {
          padding: 0 20px;
          object-fit: contain; }
        .responsivetable .responsivetable-container table thead .headerlabels {
          position: sticky;
          background-color: white; }
          .responsivetable .responsivetable-container table thead .headerlabels th {
            border: 1px solid tranparent;
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial,sans-serif;
            font-weight: 400; }
            .responsivetable .responsivetable-container table thead .headerlabels th > div, .responsivetable .responsivetable-container table thead .headerlabels th > a {
              padding-top: 10px; }
          .responsivetable .responsivetable-container table thead .headerlabels.fixed {
            position: fixed !important;
            top: 130px !important;
            overflow: hidden; }
          .responsivetable .responsivetable-container table thead .headerlabels.absolute {
            position: absolute;
            bottom: 20px;
            padding-top: 100px;
            top: auto !important;
            z-index: 1; }
        .responsivetable .responsivetable-container table thead tr th {
          background-color: white;
          vertical-align: top;
          font-size: 16px;
          color: #333F48; }
          .responsivetable .responsivetable-container table thead tr th a {
            font-size: 16px;
            color: #333F48;
            text-decoration: underline; }
          .responsivetable .responsivetable-container table thead tr th img {
            max-height: 52px;
            max-width: 100%;
            width: auto;
            display: block; }
      .responsivetable .responsivetable-container table tbody tr {
        /*                    td:first-child {
                        a {
                            &.external-link {
                                &:after {
                                    margin-right: -16px;
                                }
                            }
                        }
                    }
*/ }
        @media (min-width: 1600px) {
          .responsivetable .responsivetable-container table tbody tr.fullwidth-label {
            display: none !important; } }
        .responsivetable .responsivetable-container table tbody tr.fullwidth-label td {
          border-bottom: none;
          padding-bottom: 0; }
          .responsivetable .responsivetable-container table tbody tr.fullwidth-label td:first-child {
            display: table-cell;
            font-weight: bold;
            position: -webkit-sticky;
            position: sticky;
            left: 0;
            overflow: visible;
            white-space: nowrap;
            max-width: 1px;
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial,sans-serif;
            font-weight: 400; }
        .responsivetable .responsivetable-container table tbody tr.fullwidth-label.hide-label {
          visibility: hidden; }
        .responsivetable .responsivetable-container table tbody tr td {
          border-bottom: 1px solid #D9E1E2;
          vertical-align: top;
          padding: 20px; }
          .responsivetable .responsivetable-container table tbody tr td a {
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial,sans-serif;
            font-weight: 400;
            text-decoration: underline;
            color: #0077C8;
            display: inline-block; }
            .responsivetable .responsivetable-container table tbody tr td a.external-link:after {
              content: url(../images/linkicon.svg);
              width: 16px;
              height: 16px;
              padding: 2px 8px 0 4px;
              vertical-align: top;
              line-height: 16px;
              display: inline-block;
              margin-right: 10px; }
          .responsivetable .responsivetable-container table tbody tr td .show-checkmark:after {
            content: url(../images/tablecheckmark.svg);
            width: 12px;
            height: 10px;
            line-height: 16px;
            display: inline-block; }
          .responsivetable .responsivetable-container table tbody tr td .show-emptymark:after {
            content: url(../images/tablecellempty.svg);
            width: 12px;
            height: 2px;
            line-height: 16px;
            display: inline-block;
            vertical-align: top; }
          .responsivetable .responsivetable-container table tbody tr td.hide-label {
            visibility: hidden; }
  .responsivetable .show-full-table-toggle {
    text-align: center;
    display: block;
    height: 110px; }
    .responsivetable .show-full-table-toggle .all {
      display: inline-block;
      padding: 10px 20px 30px 20px;
      transition: padding .2s; }
      .responsivetable .show-full-table-toggle .all svg {
        display: none; }
    .responsivetable .show-full-table-toggle .less {
      display: inline-block;
      padding: 10px 20px 10px 20px;
      transition: padding .2s; }
      .responsivetable .show-full-table-toggle .less svg {
        display: none; }
  .responsivetable.foldarrow .show-full-table-toggle {
    cursor: pointer; }
    .responsivetable.foldarrow .show-full-table-toggle .all svg {
      display: inline-block;
      transform: rotate(90deg); }
    .responsivetable.foldarrow .show-full-table-toggle .less svg {
      display: inline-block;
      transform: rotate(-90deg); }
  .responsivetable .show-full-table-toggle .less {
    display: none; }
  .responsivetable .show-full-table-toggle .all {
    display: none; }
  .responsivetable .showFullTable {
    display: none; }
    .responsivetable .showFullTable:checked ~ .show-full-table-toggle .all {
      display: none !important; }
    .responsivetable .showFullTable:checked ~ .show-full-table-toggle .less {
      display: block; }
  .responsivetable.producttable.foldarrow tbody tr:not(:nth-child(-n+12)) {
    display: none; }
  .responsivetable.producttable thead tr th:not(:first-child) {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
  .responsivetable.producttable thead tr th:first-child {
    display: none; }
    @media (min-width: 1600px) {
      .responsivetable.producttable thead tr th:first-child {
        display: table-cell;
        position: sticky;
        background-color: white;
        left: 0;
        font-weight: bold;
        z-index: 1; } }
  .responsivetable.producttable thead tr th > div, .responsivetable.producttable thead tr th > a {
    padding: 20px;
    display: block; }
  .responsivetable.producttable tbody tr td {
    font-size: 14px; }
    .responsivetable.producttable tbody tr td:first-child {
      display: none;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      font-weight: 400; }
      @media (min-width: 1600px) {
        .responsivetable.producttable tbody tr td:first-child {
          display: table-cell;
          position: -webkit-sticky;
          position: sticky;
          background-color: white;
          left: 0; } }
  .responsivetable.producttable .showFullTable:checked ~ .responsivetable-container table tr:not(:nth-child(-n+12)) {
    display: table-row; }
  .responsivetable.simpletable.foldarrow tr:not(:nth-child(-n+6)) {
    display: none; }
  .responsivetable.simpletable th {
    padding: 20px; }
  .responsivetable.simpletable tr td {
    font-size: 16px; }
  .responsivetable.simpletable .showFullTable:checked ~ .responsivetable-container table tr:not(:nth-child(-n+6)) {
    display: table-row; }

.eventdetails {
  width: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 0 15px; }
  @media (min-width: 768px) {
    .eventdetails {
      width: 750px; } }
  @media (min-width: 992px) {
    .eventdetails {
      width: 970px; } }
  @media (min-width: 1024px) {
    .eventdetails {
      width: auto;
      margin: 0 10%; } }
  @media (min-width: 1200px) {
    .eventdetails {
      flex-direction: row; } }
  @media (min-width: 1600px) {
    .eventdetails {
      width: 1400px;
      margin: 0 auto;
      padding: 0; } }
  .eventdetails #date-details-right {
    display: none; }
    @media (min-width: 1200px) {
      .eventdetails #date-details-right {
        display: block; } }
  .eventdetails__leftcolumn {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 0 auto; }
    .eventdetails__leftcolumn .content .container {
      margin: 0; }
      .eventdetails__leftcolumn .content .container > .row [class*="col-"] {
        padding-left: 0;
        padding-right: 0; }
    @media (min-width: 1200px) {
      .eventdetails__leftcolumn {
        margin-right: 82px;
        width: 100%; } }
    .eventdetails__leftcolumn-image {
      width: 100%;
      height: auto;
      margin-bottom: 30.4px; }
      @media (min-width: 1200px) {
        .eventdetails__leftcolumn-image {
          height: auto;
          margin-bottom: 50.14px; } }
    .eventdetails__leftcolumn-textwrapper {
      margin-bottom: 50px; }
      @media (min-width: 1200px) {
        .eventdetails__leftcolumn-textwrapper {
          max-width: 666px;
          margin-left: auto;
          margin-right: 0;
          margin-bottom: 0; } }
    .eventdetails__leftcolumn-ingress {
      font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
      font-size: 25px;
      color: #304b58;
      font-weight: 300;
      line-height: 30px;
      margin-bottom: 30px; }
      @media (min-width: 1200px) {
        .eventdetails__leftcolumn-ingress {
          font-size: 27px;
          line-height: 34px;
          font-weight: 400;
          margin-bottom: 32px; } }
    .eventdetails__leftcolumn-text p {
      font-size: 20px;
      line-height: 23px; }
  .eventdetails__rightcolumn {
    display: flex;
    flex-direction: column;
    max-width: 875px; }
    @media (min-width: 925px) {
      .eventdetails__rightcolumn {
        width: 875px;
        margin: 0 auto; } }
    @media (min-width: 1200px) {
      .eventdetails__rightcolumn {
        max-width: 413px;
        margin: 0; } }
    .eventdetails__rightcolumn-eventinfo {
      display: flex;
      flex-direction: column; }
      .eventdetails__rightcolumn-eventinfo-date, .eventdetails__rightcolumn-eventinfo-logos {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap; }
        .eventdetails__rightcolumn-eventinfo-date time,
        .eventdetails__rightcolumn-eventinfo-date p, .eventdetails__rightcolumn-eventinfo-logos time,
        .eventdetails__rightcolumn-eventinfo-logos p {
          font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
          font-size: 20px;
          color: #333f48;
          margin: 0;
          padding: 0;
          line-height: 30px; }
          @media (min-width: 1200px) {
            .eventdetails__rightcolumn-eventinfo-date time,
            .eventdetails__rightcolumn-eventinfo-date p, .eventdetails__rightcolumn-eventinfo-logos time,
            .eventdetails__rightcolumn-eventinfo-logos p {
              font-size: 25px;
              line-height: 35px; } }
          .eventdetails__rightcolumn-eventinfo-date time > b,
          .eventdetails__rightcolumn-eventinfo-date time strong,
          .eventdetails__rightcolumn-eventinfo-date p > b,
          .eventdetails__rightcolumn-eventinfo-date p strong, .eventdetails__rightcolumn-eventinfo-logos time > b,
          .eventdetails__rightcolumn-eventinfo-logos time strong,
          .eventdetails__rightcolumn-eventinfo-logos p > b,
          .eventdetails__rightcolumn-eventinfo-logos p strong {
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
            font-weight: 400; }
      .eventdetails__rightcolumn-eventinfo-logos {
        padding-bottom: 30.2px;
        border-bottom: 1px solid #c3c3c3;
        margin-bottom: 20px; }
        @media (min-width: 1200px) {
          .eventdetails__rightcolumn-eventinfo-logos {
            margin-bottom: 30px; } }
        .eventdetails__rightcolumn-eventinfo-logos > img {
          max-width: 413px;
          max-height: 50px;
          margin-bottom: 16.84px; }
      .eventdetails__rightcolumn-eventinfo-buttons .EventRegisterLink {
        font-size: 21px; }
    .eventdetails__rightcolumn-speakers {
      border-bottom: 1px solid #c3c3c3;
      margin-bottom: 20px;
      padding-bottom: 20px; }
      @media (min-width: 1200px) {
        .eventdetails__rightcolumn-speakers {
          margin-bottom: 30px;
          padding-bottom: 30px; } }
      .eventdetails__rightcolumn-speakers > p {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-size: 20px;
        color: #304b58;
        line-height: 27px;
        margin-bottom: 22px; }
        @media (min-width: 1200px) {
          .eventdetails__rightcolumn-speakers > p {
            line-height: 23px; } }
      .eventdetails__rightcolumn-speakers-wrapper {
        display: flex;
        margin-bottom: 38px; }
        @media (min-width: 1200px) {
          .eventdetails__rightcolumn-speakers-wrapper {
            margin-bottom: 22px; } }
        .eventdetails__rightcolumn-speakers-wrapper:last-child {
          margin-bottom: 0; }
        .eventdetails__rightcolumn-speakers-wrapper-img {
          margin-right: 28px; }
          .eventdetails__rightcolumn-speakers-wrapper-img > img {
            border-radius: 50%; }
        .eventdetails__rightcolumn-speakers-wrapper-bio {
          display: flex;
          flex-direction: column; }
          .eventdetails__rightcolumn-speakers-wrapper-bio > p {
            font-family: "GT-Eesti-Bold", "Noto Sans", Arial, sans-serif;
            font-size: 20px;
            color: #304b58;
            line-height: 27px;
            margin-bottom: 5px; }
            @media (min-width: 1200px) {
              .eventdetails__rightcolumn-speakers-wrapper-bio > p {
                line-height: 23px; } }
          .eventdetails__rightcolumn-speakers-wrapper-bio > i {
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
            font-size: 20px;
            color: #304b58;
            line-height: 27px;
            margin-bottom: 5px;
            font-style: italic;
            font-weight: 400; }
            @media (min-width: 1200px) {
              .eventdetails__rightcolumn-speakers-wrapper-bio > i {
                line-height: 23px; } }
          .eventdetails__rightcolumn-speakers-wrapper-bio > a {
            font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
            font-size: 20px;
            color: #00a9ce;
            line-height: 23px;
            margin-bottom: 5px;
            text-decoration: underline; }
            @media (min-width: 1200px) {
              .eventdetails__rightcolumn-speakers-wrapper-bio > a {
                line-height: 27px; } }
    .eventdetails__rightcolumn-downloads {
      padding-bottom: 20px;
      border-bottom: 1px solid #c3c3c3;
      display: flex;
      flex-direction: column;
      margin-bottom: 48px; }
      @media (min-width: 1200px) {
        .eventdetails__rightcolumn-downloads {
          margin-bottom: 0;
          padding-bottom: 30px; } }
      .eventdetails__rightcolumn-downloads > p {
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
        font-size: 20px;
        color: #304b58;
        line-height: 35px; }
      .eventdetails__rightcolumn-downloads > a {
        font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
        font-size: 20px;
        color: #062db0;
        line-height: 35px;
        text-decoration: underline; }

.page > .fullbanner-hack .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.page .event-wrapper:first-of-type {
  max-width: 950px; }
  @media (min-width: 1200px) {
    .page .event-wrapper:first-of-type {
      max-width: 1440px; } }

.event-wrapper .select-wrapper-default {
  display: flex;
  align-items: center;
  margin-top: 4.0rem;
  margin-bottom: 3.2rem;
  margin-left: 0;
  max-width: 340px; }
  .event-wrapper .select-wrapper-default label {
    width: 50%;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 2.8rem;
    color: #1f2b38;
    font-weight: normal; }
  .event-wrapper .select-wrapper-default select {
    color: #1f2b38;
    width: 50%;
    border: 2px solid #D9E1E2;
    padding: 1rem 2.8rem 0.5rem 2.8rem;
    font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 2.8rem; }
  .event-wrapper .select-wrapper-default::after {
    top: -4px; }

.eventcalendar {
  max-width: 100%;
  height: auto;
  display: block;
  border: 1px solid #DAE2E3;
  margin: 0 auto 3.0rem auto;
  background: white; }
  @media (min-width: 768px) {
    .eventcalendar {
      margin: 0 auto 2.4rem auto; } }
  @media (min-width: 1200px) {
    .eventcalendar {
      max-width: 100%;
      margin-bottom: 5rem;
      width: 100%;
      max-height: 270px;
      display: flex; } }
  .eventcalendar.eventcalendar-unselected {
    display: none; }
  .eventcalendar a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; }
    @media (min-width: 1200px) {
      .eventcalendar a {
        flex-direction: row; } }
  .eventcalendar__logos {
    margin-top: 3rem; }
    .eventcalendar__logos img {
      margin-right: 3rem; }
      .eventcalendar__logos img:last-of-type {
        margin-right: 0; }
    @media (min-width: 1200px) {
      .eventcalendar__logos {
        margin-top: 4rem; } }
  .eventcalendar__mobile-img-wrapper {
    background: #0033a0;
    width: 100%;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .eventcalendar__mobile-img-wrapper img {
      position: relative; }
    .eventcalendar__mobile-img-wrapper:empty {
      display: none; }
    @media (min-width: 1200px) {
      .eventcalendar__mobile-img-wrapper {
        display: none; } }
  .eventcalendar__image {
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background: #d9e1e2;
    position: relative;
    /*.event-promo-overlay {
            background-color: $secondary-dark;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 47px;
            display: flex;
            justify-content: center;
            @media (min-width: 1200px) {
                width: 140px !important;
                 height: 100%;
            }
            img {
                height: 100%;
                position: unset;
                @media (min-width: 1200px) {
                    height: 100%;
                    width: 100%;
                }
            }
        }
        */ }
    .eventcalendar__image.promo-added {
      display: flex;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .eventcalendar__image.promo-added {
          flex-direction: row; } }
      .eventcalendar__image.promo-added .event-promo-overlay {
        position: relative;
        background-color: #0033a0;
        display: flex;
        justify-content: center;
        width: 14.0rem; }
        .eventcalendar__image.promo-added .event-promo-overlay img {
          object-fit: fill;
          height: 100%;
          display: block; }
      @media (min-width: 1200px) {
        .eventcalendar__image.promo-added .eventcalendar-main-image {
          width: 47.0rem; } }
    @media (min-width: 1200px) {
      .eventcalendar__image {
        flex-direction: column;
        width: 610px;
        overflow: hidden; } }
    .eventcalendar__image--promo {
      position: absolute;
      display: block; }
    .eventcalendar__image--mobile {
      position: absolute;
      display: block;
      height: 37px;
      object-fit: fill; }
      @media (min-width: 768px) {
        .eventcalendar__image--mobile {
          object-fit: cover; } }
      @media (min-width: 1200px) {
        .eventcalendar__image--mobile {
          display: none; } }
    .eventcalendar__image--document {
      width: 100%;
      object-fit: cover; }
    .eventcalendar__image img {
      max-width: 100%; }
  .eventcalendar__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    height: auto;
    order: 1;
    padding: 3.0rem; }
    @media (min-width: 1200px) {
      .eventcalendar__text {
        width: 636px;
        order: 0;
        justify-content: center;
        padding: 5.8rem 7.2rem 5.8rem 7.2rem; } }
    .eventcalendar__text h2 {
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-weight: 300;
      font-size: 2.0rem;
      line-height: 3rem;
      color: #1f2b38;
      margin: 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-width: 60.0rem;
      -webkit-line-clamp: 2; }
      @media (min-width: 650px) {
        .eventcalendar__text h2 {
          max-width: 108.4rem;
          -webkit-line-clamp: 3; } }
      @media (min-width: 1200px) {
        .eventcalendar__text h2 {
          max-width: 49.0rem;
          -webkit-line-clamp: 2;
          font-size: 3.2rem;
          line-height: 3.7rem; } }
  .eventcalendar__date {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: auto;
    background-color: #333f48;
    color: #fff;
    order: 0;
    padding: 11.1px 0 7.1px 35px; }
    @media (min-width: 1200px) {
      .eventcalendar__date {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 162px;
        order: 1;
        padding: 0; } }
    .eventcalendar__date > p,
    .eventcalendar__date .divider {
      margin: 0;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      color: #fff; }
      .eventcalendar__date > p:after,
      .eventcalendar__date .divider:after {
        content: '\00a0'; }
        @media (min-width: 1200px) {
          .eventcalendar__date > p:after,
          .eventcalendar__date .divider:after {
            content: none; } }
    .eventcalendar__date .ShowEndDate {
      font-size: 1.8rem;
      line-height: 2.4rem; }
      @media (min-width: 1200px) {
        .eventcalendar__date .ShowEndDate {
          font-size: 2.5rem;
          line-height: 3.3rem; } }
    .eventcalendar__date .ShowOnlyStartDate {
      font-size: 1.8rem;
      line-height: 2.4rem;
      font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
      font-weight: 300;
      font-weight: normal; }
      @media (min-width: 1200px) {
        .eventcalendar__date .ShowOnlyStartDate {
          font-size: 2.5rem;
          line-height: 2.8rem; } }
      .eventcalendar__date .ShowOnlyStartDate:first-child {
        font-size: 1.8rem;
        line-height: 2.4rem;
        font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }
        @media (min-width: 1200px) {
          .eventcalendar__date .ShowOnlyStartDate:first-child {
            font-size: 6rem;
            line-height: 6rem; } }
      .eventcalendar__date .ShowOnlyStartDate::not:first-child {
        background-color: #900; }

.eventcalendar-image-icon {
  max-width: 100%;
  height: auto; }

.UpcomingEvents.frontPage .upcoming-events-header h2 {
  color: #00a9ce;
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 2.5rem; }

@media (min-width: 1200px) {
  .UpcomingEvents.frontPage .eventcalendar {
    max-height: 200px;
    margin-bottom: 3.0rem; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__image {
  overflow: hidden;
  max-height: 19.2rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__image {
      max-height: 100%; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__text {
  padding: 3.0rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__text {
      padding: 3.5rem 7.2rem 3.0rem 7.2rem; } }
  .UpcomingEvents.frontPage .eventcalendar .eventcalendar__text h2 {
    font-size: 1.8rem;
    line-height: 3.0rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 60.0rem;
    -webkit-line-clamp: 2; }
    @media (min-width: 650px) {
      .UpcomingEvents.frontPage .eventcalendar .eventcalendar__text h2 {
        max-width: 108.4rem;
        -webkit-line-clamp: 3; } }
    @media (min-width: 1200px) {
      .UpcomingEvents.frontPage .eventcalendar .eventcalendar__text h2 {
        max-width: 49.0rem;
        -webkit-line-clamp: 2;
        font-size: 2.4rem;
        line-height: 3.7rem; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__logos {
  margin-top: 2.4rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__logos {
      margin-top: 2.9rem; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowOnlyStartDate {
  font-size: 1.6rem;
  line-height: 2.1rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowOnlyStartDate {
      font-size: 2.0rem;
      line-height: 2.3rem; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowEndDate {
  font-size: 1.6rem;
  line-height: 2.1rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowEndDate {
      font-size: 2.2rem;
      line-height: 2.6rem; } }

.UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowOnlyStartDate:first-child {
  font-size: 1.6rem;
  line-height: 2.1rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .eventcalendar .eventcalendar__date .ShowOnlyStartDate:first-child {
      font-size: 5.0rem;
      line-height: 5.0rem; } }

.UpcomingEvents.frontPage .find-distributor {
  margin-top: 4.0rem; }
  @media (min-width: 1200px) {
    .UpcomingEvents.frontPage .find-distributor {
      margin-top: 4.0rem; } }
  .UpcomingEvents.frontPage .find-distributor a {
    padding: 1.4rem 4.7rem 1.3rem 4.7rem;
    font-size: 2.0rem;
    line-height: 2.3rem; }

section.content.subscribe--block {
  background-color: #0077c8;
  color: white;
  padding: 0; }
  section.content.subscribe--block .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 879px) {
      section.content.subscribe--block .container {
        display: block; } }
    section.content.subscribe--block .container:before, section.content.subscribe--block .container:after {
      display: none; }
    section.content.subscribe--block .container .textside {
      max-width: 1074px;
      font-size: 18px;
      line-height: 21px;
      font-weight: 300;
      font-family: "GT-Eesti-light", "Noto Sans", Arial, sans-serif;
      padding: 36px 60px 36px 0; }
      @media (max-width: 879px) {
        section.content.subscribe--block .container .textside {
          padding: 36px 0 28px 0; } }
      section.content.subscribe--block .container .textside h4 {
        font-size: 26px;
        line-height: 32px;
        color: white;
        font-weight: 300;
        font-family: "GT-Eesti-light", "Noto Sans", Arial, sans-serif;
        margin-bottom: 12px; }
    @media (max-width: 879px) {
      section.content.subscribe--block .container .buttonside .ctabutton {
        padding-bottom: 36px; } }
    section.content.subscribe--block .container .buttonside .ctabutton a {
      font-size: 18px;
      line-height: 24px;
      font-weight: 300;
      border: 2px solid white;
      color: white;
      display: block;
      padding: 14px 24px;
      white-space: nowrap;
      font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif;
      text-align: center; }
      section.content.subscribe--block .container .buttonside .ctabutton a:hover {
        background-color: white;
        color: #0077c8; }
  section.content.subscribe--block.bluesky {
    background-color: #0033a0; }
    section.content.subscribe--block.bluesky .buttonside .ctabutton a:hover {
      color: #0033a0; }
  section.content.subscribe--block.carbon {
    background-color: #333f48; }
    section.content.subscribe--block.carbon .buttonside .ctabutton a:hover {
      color: #333f48; }
  section.content.subscribe--block.grass {
    background-color: #cedd50;
    color: #333f48; }
    section.content.subscribe--block.grass .buttonside .ctabutton a {
      border: 2px solid #333f48;
      color: #333f48; }
      section.content.subscribe--block.grass .buttonside .ctabutton a:hover {
        color: #cedd50;
        background-color: #333f48; }
    section.content.subscribe--block.grass .textside h4 {
      color: #333f48; }
  section.content.subscribe--block.greysky {
    background-color: #d9e1e2;
    color: #333f48; }
    section.content.subscribe--block.greysky .buttonside .ctabutton a {
      border: 2px solid #333f48;
      color: #333f48; }
      section.content.subscribe--block.greysky .buttonside .ctabutton a:hover {
        color: #d9e1e2;
        background-color: #333f48; }
    section.content.subscribe--block.greysky .textside h4 {
      color: #333f48; }

section#hubspotdialog {
  background-color: #0077C8;
  width: 100%; }
  section#hubspotdialog .hubspotdialog-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 30px 26px;
    max-width: 100%;
    align-items: center;
    margin-bottom: 5.0rem; }
    @media (min-width: 768px) {
      section#hubspotdialog .hubspotdialog-wrapper {
        width: 750px;
        padding: 60px 26px; } }
    @media (min-width: 992px) {
      section#hubspotdialog .hubspotdialog-wrapper {
        width: 100%; } }
    @media (min-width: 1200px) {
      section#hubspotdialog .hubspotdialog-wrapper {
        max-width: 1430px;
        width: 100%;
        flex-direction: row;
        padding: 89px 1.5rem; } }
    section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 0 21px; }
      @media (min-width: 1200px) {
        section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper {
          width: 54%;
          display: initial;
          margin: 0; } }
      section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper h4 {
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        color: #fff;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.9px;
        margin: 0 0 25px; }
        @media (min-width: 1200px) {
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper h4 {
            font-size: 50px;
            line-height: 60px;
            letter-spacing: 1.5px; } }
        section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper h4 p {
          font-family: inherit;
          color: inherit;
          font-size: inherit;
          line-height: inherit;
          letter-spacing: inherit;
          margin: 0; }
      section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-text-wrapper p {
        font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif;
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
        margin: 0; }
    section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%; }
      @media (min-width: 1200px) {
        section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper {
          width: 46%;
          justify-content: flex-end; } }
      section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm {
        display: inline;
        margin: 0;
        width: 300px; }
        @media (min-width: 768px) {
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm {
            width: 30%; } }
        @media (min-width: 1200px) {
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm {
            width: 74.77%;
            justify-content: flex-end; } }
        section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div {
          width: 100%;
          float: left;
          position: relative;
          overflow: hidden;
          -webkit-transition: all .35s ease;
          -moz-transition: all .35s ease;
          -ms-transition: all .35s ease;
          -o-transition: all .35s ease;
          transition: all .35s ease; }
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1;
            cursor: pointer;
            height: 48px; }
            @media (min-width: 992px) {
              section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a {
                height: 60px; } }
            @media (min-width: 1200px) {
              section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a {
                height: 90px; } }
            section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a span {
              font-size: 22px;
              color: #fff;
              letter-spacing: 0.7px; }
              @media (min-width: 1200px) {
                section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a span {
                  font-size: 35px; } }
            section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div a.links:before {
              background: none !important;
              background-size: initial;
              width: initial; }
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #00a9ce;
            opacity: .89;
            left: 0;
            top: 0; }
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div:after {
            content: '';
            background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
            width: 150%;
            height: 150%;
            position: absolute;
            right: 0;
            top: 30%;
            left: 70%;
            transform: translate(-50%, -50%);
            -webkit-transition: all .35s ease;
            -moz-transition: all .35s ease;
            -ms-transition: all .35s ease;
            -o-transition: all .35s ease;
            transition: all .35s ease; }
          section#hubspotdialog .hubspotdialog-wrapper .hubspotdialog-button-wrapper .hubspotForm.ButtonLink div:hover:after {
            content: '';
            background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
            width: 200%;
            height: 200%;
            position: absolute;
            right: 0;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }

/*.ButtonLink {

    div {
        width: 100%;
        font-size: 20px;
        font-weight: 300;
        line-height: 23px;
        color: #fff;
        margin: 0 0 40px !important;
        font-family: $font-bold;
        letter-spacing: 1px;
        float: left;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;

        @media (min-width: 992px) {
            width: initial;
        }


        a {
            width: 100%;
            font-family: inherit;
            line-height: inherit;
            color: #fff;
            position: relative;
            text-align: center;
            display: inline-block !important;
            padding: 15px 30px 15px;
            z-index: 1;
            margin: 0;
            line-height: 18px;

            @media (min-width: 992px) {
                width: initial;
                padding: 14px 70px 14px;
            }

            span {
                font-size: 20px;
                //color: #fff !important;
            }

            &.links {
                &:before {
                    background: none !important;
                    background-size: initial;
                    width: initial;
                }
            }
        }

        &:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #00a9ce;
            opacity: .89;
            left: 0;
            top: 0;
        }

        &:after {
            content: '';
            background: linear-gradient( 29.5deg,transparent 50%,rgba(255,255,255,.2) 50%);
            width: 150%;
            height: 150%;
            position: absolute;
            right: 0;
            top: 30%;
            left: 70%;
            transform: translate(-50%,-50%);
            -webkit-transition: all .35s ease;
            -moz-transition: all .35s ease;
            -ms-transition: all .35s ease;
            -o-transition: all .35s ease;
            transition: all .35s ease;
        }

        &:hover {
            &:after {
                content: '';
                background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
                width: 200%;
                height: 200%;
                position: absolute;
                right: 0;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
}*/
.hubspotForm {
  margin: 30px 0; }
  .hubspotForm button, .hubspotForm .hubspot-button {
    color: white;
    background-color: #22a8ca;
    line-height: 55px;
    border-radius: 7px;
    border: 0;
    padding: 0 20px;
    font-size: 24px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; }

.img-holder-newsarticle .hubspotForm {
  margin: 50px 0; }
  .img-holder-newsarticle .hubspotForm button, .img-holder-newsarticle .hubspotForm .hubspot-button {
    width: 400px; }

.hubspotFormDialog {
  height: 0; }
  .hubspotFormDialog.in {
    height: auto; }

.event-wrapper {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem; }

.portfolio-block {
  padding: 0;
  margin: 0 15px 40px 15px;
  border-bottom: 0.5px solid #323F48; }
  @media (min-width: 768px) {
    .portfolio-block {
      padding: 0 15px;
      margin: 0 0 40px 0;
      border-bottom: none; }
      .portfolio-block:nth-child(2n+1) {
        clear: left; } }
  .portfolio-block .portfolio-block-header img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
  .portfolio-block .portfolio-block-header h3 {
    font-size: 22px;
    margin-bottom: 12px;
    letter-spacing: 0.36px;
    padding-right: 30px; }
    .portfolio-block .portfolio-block-header h3 a {
      position: relative;
      display: inline-block;
      color: #333f48; }
      .portfolio-block .portfolio-block-header h3 a:after {
        display: block;
        content: '';
        height: 1px;
        width: 0;
        background-color: #333f48;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.3s ease-in-out; }
      .portfolio-block .portfolio-block-header h3 a:hover:after {
        width: 100%; }
  .portfolio-block .portfolio-block-header p {
    margin-bottom: 0;
    letter-spacing: 0.36px;
    color: #5d707e;
    line-height: 20px;
    font-weight: normal; }
  .portfolio-block .mobile-fold-trigger {
    font-size: 16px;
    padding: 0 0 12px 0;
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: normal; }
    .portfolio-block .mobile-fold-trigger .nav-icon {
      right: 0;
      transform: rotate(90deg);
      z-index: 1001;
      width: 12px;
      height: 12px;
      display: flex;
      justify-content: center;
      position: absolute;
      top: 5px;
      pointer-events: none; }
      .portfolio-block .mobile-fold-trigger .nav-icon svg {
        fill: #6F787E; }
    @media (min-width: 768px) {
      .portfolio-block .mobile-fold-trigger .trigger {
        display: none; } }
  .portfolio-block .mobile-fold-trigger-checkbox {
    display: none; }
  .portfolio-block .link-groups {
    line-height: 26px;
    max-height: 0;
    transition: max-height .25s ease-out;
    overflow: hidden; }
    .portfolio-block .link-groups .link-group {
      break-inside: avoid-column; }
    @media (min-width: 768px) {
      .portfolio-block .link-groups {
        display: block;
        max-height: none;
        columns: 2;
        padding-top: 0; } }
    .portfolio-block .link-groups .main-link {
      margin-bottom: 13px;
      font-family: 'GT-Eesti-Regular'; }
      @media (min-width: 768px) {
        .portfolio-block .link-groups .main-link {
          margin-bottom: 15px; } }
      .portfolio-block .link-groups .main-link a {
        font-size: 18px;
        color: #333F48;
        position: relative;
        cursor: pointer; }
        .portfolio-block .link-groups .main-link a:after {
          display: block;
          content: '';
          height: 1px;
          width: 0;
          background-color: #333f48;
          position: absolute;
          left: 0;
          bottom: 0;
          transition: all 0.3s ease-in-out; }
        .portfolio-block .link-groups .main-link a:hover:after {
          width: 100%; }
      .portfolio-block .link-groups .main-link span {
        font-size: 18px;
        color: #333F48;
        position: relative; }
    .portfolio-block .link-groups ul {
      list-style: none;
      padding: 0;
      break-inside: avoid;
      margin-top: -6px;
      margin-bottom: 8px; }
      @media (min-width: 768px) {
        .portfolio-block .link-groups ul {
          margin-bottom: 5px; } }
      .portfolio-block .link-groups ul li {
        line-height: 32px; }
        @media (min-width: 768px) {
          .portfolio-block .link-groups ul li {
            line-height: 28px; } }
        .portfolio-block .link-groups ul li a {
          font-size: 16px;
          color: #333F48;
          padding-left: 0;
          transition: padding-left 0.3s ease-in-out;
          cursor: pointer; }
          .portfolio-block .link-groups ul li a:hover {
            padding-left: 10px; }
        .portfolio-block .link-groups ul li span {
          font-size: 16px;
          color: #333F48;
          padding-left: 0; }
  .portfolio-block .mobile-fold-trigger-checkbox:checked ~ .link-groups {
    max-height: 1500px;
    transition: max-height 0.5s ease-in;
    margin-bottom: 12px; }
  .portfolio-block .mobile-fold-trigger-checkbox:checked ~ .mobile-fold-trigger .nav-icon {
    transform: rotate(270deg); }

.pdf-archive h3 {
  font-size: 36px;
  font-weight: 300;
  color: #00a9ce;
  font-family: "GT-Eesti-Light", "Noto Sans", Arial, sans-serif; }
  @media (max-width: 992px) {
    .pdf-archive h3 {
      font-size: 30px; } }

.pdf-archive .pdfs {
  margin: 0 -10px; }
  .pdf-archive .pdfs h4 {
    padding: 10px;
    margin: 0; }
  .pdf-archive .pdfs .pdfitem {
    display: inline-block;
    margin-right: -5px;
    width: 25%;
    padding: 0 10px 20px 10px; }
    @media (max-width: 992px) {
      .pdf-archive .pdfs .pdfitem {
        width: 50%;
        padding: 0 10px 20px 10px; } }
    .pdf-archive .pdfs .pdfitem img {
      width: 100%; }

/* =======================================================
*
* 	Generally Style
    Fonts
    Paragraphs
    Anchors
    Selection 
*
* ======================================================= */
/*content that belongs stop header*/
@media (max-width: 767px) {
  .bg-white .header-content .products {
    margin: 0px 0 0px 0 !important; } }

.header-content h1 {
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 170px;
  font-weight: 200;
  line-height: 1;
  color: #FFFFFF;
  position: relative;
  z-index: 1; }
  .header-content h1.products {
    font-size: 75px;
    line-height: 80px; }
    @media (max-width: 1200px) {
      .header-content h1.products {
        font-size: 65px;
        line-height: 70px; } }
    @media (max-width: 1024px) {
      .header-content h1.products {
        text-align: left;
        font-size: 55px;
        line-height: 60px;
        margin: 40px 0 0px 0; } }
    @media (max-width: 767px) {
      .header-content h1.products {
        /*text-align: center;*/
        font-size: 40px !important;
        font-weight: 200;
        line-height: 50px !important;
        margin: 40px 0 20px 0 !important; } }

.header-content .ingress {
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 36px; }

.header-content .text {
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 1px;
  color: #333F48;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .header-content .text {
      font-size: 18px;
      line-height: 22px; } }

.header-content img.back {
  z-index: -1; }

.header-content.map {
  margin-top: 200px !important; }
  .header-content.map h1 {
    font-size: 105px;
    font-weight: 200;
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    line-height: 120px;
    text-align: left; }
  .header-content.map .ingress {
    font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    color: #fff; }
    .header-content.map .ingress span.icon {
      color: #bbdb4d;
      padding-top: 3px; }

.header-content.centered h1 {
  color: #FFFFFF;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 105px;
  font-weight: 700;
  line-height: 120px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
  @media (max-width: 1200px) {
    .header-content.centered h1 {
      font-size: 95px;
      font-weight: 700;
      line-height: 100px; } }
  @media (max-width: 992px) {
    .header-content.centered h1 {
      font-size: 85px;
      font-weight: 700;
      line-height: 100px; } }
  @media (max-width: 767px) {
    .header-content.centered h1 {
      font-size: 60px !important;
      font-weight: 700;
      line-height: 70px !important; } }

.header-content.centered .ingress {
  color: #FFFFFF;
  font-family: "GT-Eesti-Thin", "Noto Sans", Arial, sans-serif;
  font-size: 35px;
  font-weight: 200;
  line-height: 45px;
  text-align: center; }
  @media (max-width: 767px) {
    .header-content.centered .ingress {
      font-size: 25px;
      font-weight: 200;
      line-height: 35px; } }

.chip-description h1 {
  font-size: 55px;
  line-height: 55px;
  font-family: "GT-Eesti-Regular", "Noto Sans", Arial, sans-serif; }

.chip-description .ingress {
  font-size: 30px;
  line-height: 40px;
  padding: 0px 0 30px 0;
  margin-bottom: 0; }

.chip-description .bread {
  font-size: 18px;
  line-height: 25px; }

.bread-text {
  font-size: 18px; }
  .bread-text.twocolumns {
    columns: 2;
    -webkit-column-gap: 5em;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 5em;
    /* Firefox */
    column-gap: 5em;
    -webkit-column-rule: 1px outset rgba(149, 160, 171, 0.13);
    -moz-column-rule: 1px outset rgba(149, 160, 171, 0.13);
    column-rule: 1px outset rgba(149, 160, 171, 0.13); }
    @media (max-width: 767px) {
      .bread-text.twocolumns {
        columns: 1; } }
    .bread-text.twocolumns .ingress {
      color: #22A8CA;
      margin-bottom: 30px;
      font-size: 20px; }
    .bread-text.twocolumns a {
      color: #22A8CA; }
  .bread-text.rowed {
    font-size: 18px; }

.recode-404-wrap {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding: 0 20px;
  flex-direction: column;
  margin: 0 auto;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    .recode-404-wrap {
      padding: 0 40px; } }
  @media (min-width: 992px) {
    .recode-404-wrap {
      flex-direction: row; } }
  @media (min-width: 1400px) {
    .recode-404-wrap {
      padding: 0 0;
      max-width: 66.66%; } }
  .recode-404-wrap .recode-404-image {
    display: none; }
    @media (min-width: 992px) {
      .recode-404-wrap .recode-404-image {
        display: block;
        width: 30%;
        padding-right: 20px; } }
  .recode-404-wrap .recode-404-title {
    width: 100%; }
    @media (min-width: 992px) {
      .recode-404-wrap .recode-404-title {
        width: 70%; } }
    .recode-404-wrap .recode-404-title.full {
      width: 100%; }

section.revisionFinder-component {
  margin: 0 auto; }
  section.revisionFinder-component .revisionFinder-wrap {
    background: #f2fafc;
    display: flex;
    padding: 30px 35px; }
    section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content {
      width: 100%;
      color: #0d0e12; }
      @media (min-width: 992px) {
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content {
          width: 80%; } }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .sub-head {
        margin-bottom: 20px;
        font-size: 18px;
        width: 100%; }
        @media (min-width: 768px) {
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .sub-head {
            font-size: 25px; } }
        @media (min-width: 1100px) {
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .sub-head {
            width: 80%; } }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .sub-head p {
          font-weight: normal; }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .error {
        display: none; }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .error.show {
          display: block; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-header .error.show p {
            color: orangered;
            font-weight: bold; }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap {
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media (min-width: 992px) {
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap {
            flex-direction: row; } }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-type, section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-build {
          width: 100%; }
          @media (min-width: 992px) {
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-type, section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-build {
              width: 40%; } }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-type .revisionFinder-type-head,
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-type .revisionFinder-build-head, section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-build .revisionFinder-type-head,
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-build .revisionFinder-build-head {
            font-weight: bold; }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select {
          position: relative;
          display: flex;
          width: 100%;
          min-height: 55px;
          overflow: hidden;
          margin-bottom: 20px; }
          @media (min-width: 992px) {
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select {
              width: 90%; } }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select select {
            border: 1px solid #8f9092;
            background: #ffffff;
            background-image: none;
            width: 100%;
            padding: 10px 15px;
            color: #616161;
            cursor: pointer;
            font-size: 20px !important;
            outline: none; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select select:hover {
              background: #fff; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select select:focus {
              border: 1px solid #224177;
              color: #224177; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select select::-ms-expand {
            display: none; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select select:disabled {
            background: #f4f4f4;
            cursor: default; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select::after {
            content: url("/images/dropDownArrow.png");
            position: absolute;
            top: 2px;
            right: 2px;
            padding: 14px 20px;
            background: #ffffff;
            cursor: pointer;
            pointer-events: none;
            color: #000; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select:hover::after {
            background: #fff;
            color: #000; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .dowpdown-select.disabled::after {
            background: #f4f4f4 !important; }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit {
          width: 100%;
          margin-bottom: 20px; }
          @media (min-width: 992px) {
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit {
              width: 20%;
              margin-bottom: 0; } }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button {
            background: none;
            background: rgba(34, 168, 202, 0.89);
            border: none;
            text-align: center;
            color: #fff;
            letter-spacing: 1px;
            width: 100%;
            padding: 16px 30px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            margin-top: 6px; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button:after {
              content: '';
              background: linear-gradient(29.5deg, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
              width: 150%;
              height: 150%;
              position: absolute;
              right: 0;
              top: 30%;
              left: 70%;
              transform: translate(-50%, -50%);
              transition: all .35s ease; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button:hover:after {
              width: 200%;
              height: 200%;
              top: 50%;
              left: 50%; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button:focus {
              outline: none; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button.disabled {
              cursor: default;
              background: #f4f4f4 !important;
              color: #616161; }
              section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button.disabled:after {
                background: transparent !important; }
              section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button.disabled:focus, section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revisionFinder-dropdown-wrap .revisionFinder-submit button.disabled:hover {
                cursor: default;
                border: none;
                outline: none; }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revissionFinder-result {
        width: 100%;
        font-size: 22px;
        color: #00a9ce; }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revissionFinder-result .result {
          display: none; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revissionFinder-result .result.show {
            display: block; }
          section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revissionFinder-result .result a.reset {
            padding: 0 10px;
            color: #333f48;
            text-decoration: underline;
            font-size: 22px; }
            section.revisionFinder-component .revisionFinder-wrap .revisionFinder-content .revissionFinder-result .result a.reset:before {
              content: '|';
              display: inline-block;
              padding: 0 15px 0px 0px; }
    section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent {
      display: none;
      padding-left: 20px;
      width: 40%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent {
          display: block; } }
      @media (min-width: 992px) {
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent {
          width: 20%; } }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent .revisionFinder-image {
        padding: 20px;
        margin: 0 auto; }
        section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent .revisionFinder-image img {
          margin: 0 auto;
          text-align: center;
          display: block;
          width: 100%;
          height: 100%;
          max-width: 148px;
          max-height: 148px; }
      section.revisionFinder-component .revisionFinder-wrap .revisionFinder-imageContent .revisionFinder-caption {
        margin: 0 auto;
        max-width: 200px;
        text-align: center; }

.loading-items {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding: 50px 0; }
  .loading-items .loader {
    margin: 0 auto;
    text-align: center;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #00a9ce;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    margin-bottom: 10px; }
  .loading-items .text {
    font-size: 22px; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ps-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }
  .ps-overlay .ps-overlay-content {
    background: white;
    border-radius: 8px;
    padding: 20px;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
    .ps-overlay .ps-overlay-content .ps-overlay-tools-link {
      appearance: none;
      color: #0066cc;
      text-decoration: none;
      cursor: pointer;
      font-size: 14px;
      background-color: transparent;
      border: none;
      padding: 0;
      margin: 0 20px 0 0; }
      .ps-overlay .ps-overlay-content .ps-overlay-tools-link:hover {
        text-decoration: underline; }
    .ps-overlay .ps-overlay-content .ps-btn {
      border: none;
      padding: 6px 20px 4px 20px; }

.ps-header {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 15px 0 15px;
  background: white;
  border-bottom: 1px solid #ccc;
  height: 51px; }
  @media (max-width: 991px) {
    .ps-header {
      margin-bottom: 30px; } }
  @media (max-width: 680px) {
    .ps-header {
      margin-bottom: 60px; } }
  .ps-header .ps-product-count {
    font-size: 16px; }
    @media (max-width: 991px) {
      .ps-header .ps-product-count {
        position: absolute;
        top: 55px;
        right: 16px; } }
    .ps-header .ps-product-count span {
      font-family: 'GT-Eesti-Bold';
      color: #666;
      margin-left: 5px; }
  .ps-header .filterbutton {
    border: none;
    background-color: transparent;
    padding-top: 6px; }
    @media (max-width: 991px) {
      .ps-header .filterbutton {
        position: absolute;
        top: 55px;
        z-index: 1;
        padding-top: 0; } }
    .ps-header .filterbutton svg {
      width: 12px;
      height: 12px;
      margin-bottom: -1px;
      transition: transform .2s; }
    .ps-header .filterbutton.ps-filters-shown svg {
      transform: rotate(90deg); }
  @media (max-width: 680px) {
    .ps-header .ps-tools-links {
      position: absolute;
      right: 11px;
      top: 80px; } }
  .ps-header .ps-tools-links .ps-tools-link {
    appearance: none;
    color: #0066cc;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 20px 0 0; }
    .ps-header .ps-tools-links .ps-tools-link:hover {
      text-decoration: underline; }
    @media (max-width: 991px) {
      .ps-header .ps-tools-links .ps-tools-link {
        margin: 0 5px; } }
  .ps-header .ps-header-actions {
    float: right;
    display: flex;
    align-items: center;
    height: 36px; }
    .ps-header .ps-header-actions .ps-tabs {
      margin-left: 20px; }
      .ps-header .ps-header-actions .ps-tabs .ps-btn {
        appearance: none;
        cursor: pointer;
        padding: 8px 16px 3px 16px;
        background-color: #f8f8f8;
        border: 1px solid #ccc;
        border-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        transition: all 0.2s; }
        .ps-header .ps-header-actions .ps-tabs .ps-btn.ps-active {
          background-color: white;
          color: #333F48;
          font-weight: bold;
          position: relative;
          border-bottom-color: white; }
          .ps-header .ps-header-actions .ps-tabs .ps-btn.ps-active:after {
            content: "";
            position: absolute;
            width: calc(100% + 2px);
            height: 1px;
            background-color: white;
            left: -1px;
            bottom: -1px; }

.ps-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px; }

.ps-btn-primary {
  background: #00a9ce;
  color: white;
  border-color: #00a9ce; }
  .ps-btn-primary:hover {
    background: #0090b0; }

.ps-btn-export {
  background: #e0e0e0;
  color: #666;
  transition: all 0.2s; }

.ps-btn-export:disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.ps-btn-export:not(:disabled):hover {
  background: #d0d0d0; }

.ps-main-content {
  display: flex; }
  .ps-main-content label {
    display: block; }
  .ps-main-content .ps-expand-link {
    appearance: none;
    color: #0066cc;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 20px 0 0; }
    .ps-main-content .ps-expand-link:hover {
      text-decoration: underline; }

.ps-sidebar {
  width: 250px;
  flex-shrink: 0;
  transition: all 0.3s ease;
  margin-right: 15px; }

.ps-sidebar.ps-filter-hidden {
  display: none; }

.ps-sidebar.ps-filter-shown {
  display: block; }

.ps-filter-section {
  background: #f8f8f8;
  padding: 15px 15px 0 15px;
  border-radius: 4px;
  transition: all 0.2s ease, opacity 0.2s ease, max-height 0.2s ease; }
  .ps-filter-section:last-child {
    padding-bottom: 15px; }

.ps-filter-section[style*="display: none"] {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden; }

.ps-filter-section h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  padding: 5px 0; }

.ps-filter-collapse-icon {
  transition: transform 0.2s ease;
  font-size: 12px;
  color: #666; }
  .ps-filter-collapse-icon svg {
    width: 12px;
    height: 12px;
    margin-bottom: -3px;
    transition: transform .2s;
    rotate: 90deg; }

.ps-filter-section.collapsed .ps-filter-collapse-icon {
  transform: rotate(-90deg); }

.ps-filter-section-content {
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 1; }

.ps-filter-section.collapsed .ps-filter-section-content {
  max-height: 0;
  opacity: 0; }

.ps-filter-group label {
  display: flex;
  align-items: center;
  padding: 5px 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal; }

.ps-filter-group input[type="checkbox"] {
  margin-top: -4px;
  margin-right: 5px;
  cursor: pointer; }

.ps-filter-count {
  color: #888;
  font-size: 12px;
  margin-left: 2px; }

.ps-filter-select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px; }

.ps-range-slider {
  width: 100%;
  margin: 10px 0; }

.ps-range-values {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #666;
  margin-top: 5px; }

.ps-filter-actions {
  display: flex;
  gap: 10px;
  margin-top: 10px; }

div .ps-link-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  color: #0077c8;
  text-decoration: underline;
  font-family: 'GT-Eesti-Regular';
  font-weight: 400; }

.ps-link-btn:hover {
  text-decoration: underline; }

.ps-content-area {
  flex: 1;
  min-width: 0; }

.ps-compare-view {
  background: white;
  border-radius: 4px;
  overflow-x: auto; }

.ps-compare-table {
  width: 100%;
  border-collapse: collapse; }

.ps-compare-table th {
  padding: 12px 10px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px; }

.ps-compare-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  min-width: 150px; }

.ps-product-header {
  display: flex;
  align-items: center;
  gap: 10px; }

.ps-product-name {
  font-weight: 600;
  font-size: 15px; }

div .ps-remove-product {
  background-color: transparent;
  border: none;
  font-size: 18px;
  color: #999;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none; }

.ps-remove-product:hover {
  color: #666; }

.ps-compare-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
  font-size: 14px; }

.ps-compare-table td:first-child {
  position: sticky;
  left: 0;
  background: white;
  font-weight: 500;
  z-index: 9;
  border-right: 1px solid #eee; }

.ps-compare-table tbody tr:nth-child(even) td:first-child {
  background: #fafafa; }

.ps-compare-table tbody tr:nth-child(even) {
  background: #fafafa; }

.ps-grid-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px; }

.ps-product-card {
  background: white;
  border-radius: 4px;
  padding: 0;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column; }

.ps-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #e8e8e8;
  border-bottom: 1px solid #ddd; }

.ps-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0; }

.ps-card-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer; }

.ps-card-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 15px 20px; }

.ps-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
  gap: 15px; }

.ps-spec-row:last-child {
  border-bottom: none; }

.ps-spec-label {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  white-space: nowrap;
  flex-shrink: 0; }

.ps-spec-value {
  font-size: 13px;
  color: #333;
  text-align: right;
  font-weight: 500;
  word-break: break-word; }

.ps-spec-value-multiline {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px; }

.ps-card-footer {
  margin-top: auto;
  padding: 15px 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.ps-product-link {
  color: #0066cc;
  text-decoration: none;
  font-size: 13px; }

.ps-product-link:hover {
  text-decoration: underline; }

.ps-status-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
  background: #f5f5f5;
  color: #666; }

.ps-status-active {
  background: #f5f5f5;
  color: #666; }

.ps-status-limited {
  background: #f5f5f5;
  color: #666; }

.ps-status-production {
  background: #f5f5f5;
  color: #666; }

.ps-status-engineering {
  background: #f5f5f5;
  color: #666; }

.ps-table-view {
  background: white;
  border-radius: 4px;
  overflow-x: auto; }

.ps-data-table {
  width: 100%;
  border-collapse: collapse; }

.ps-data-table th {
  padding: 12px 10px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
  text-transform: capitalize; }
  .ps-data-table th:first-child {
    padding-right: 0;
    position: sticky;
    left: 0;
    background-color: white; }
  .ps-data-table th:nth-child(2) {
    position: sticky;
    left: 23px;
    background-color: white;
    border-right: 1px solid #f8f8f8; }

.ps-data-table td {
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-size: 14px; }
  .ps-data-table td:first-child {
    padding-right: 0;
    position: sticky;
    left: 0;
    background-color: white; }
  .ps-data-table td:nth-child(2) {
    position: sticky;
    left: 23px;
    background-color: white;
    border-right: 1px solid #f8f8f8; }
  .ps-data-table td a {
    color: #0077c8;
    text-decoration: underline; }

.ps-data-table tbody tr:hover td {
  background: #f9f9f9; }

.ps-data-table .ps-product-name-cell a {
  font-family: 'GT-Eesti-Regular';
  font-weight: 400; }

.ps-hidden {
  display: none; }

.ps-no-results {
  text-align: center;
  padding: 40px;
  color: #666;
  background: white;
  border-radius: 4px; }

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  .ps-main-content {
    flex-direction: column; }
  .ps-sidebar {
    width: 100%;
    margin-bottom: 20px; }
  /*    .ps-header {
        flex-direction: column;
        gap: 15px;
    }
*/
  /*    .ps-header-actions {
        width: 100%;
        justify-content: space-between;
    }
*/
  /*    .ps-btn {
        padding: 6px 12px;
        font-size: 13px;
    }
*/
  /* Hide additional filters by default on mobile */
  .ps-additional-filters {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; }
  .ps-additional-filters.ps-expanded {
    max-height: 2000px; }
  .ps-toggle-filters-btn {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.2s; }
  .ps-toggle-filters-btn:hover {
    background: #e8e8e8; }
  .ps-toggle-filters-btn .ps-arrow {
    transition: transform 0.3s ease; }
  .ps-toggle-filters-btn.ps-active .ps-arrow {
    transform: rotate(180deg); } }

/* Hide toggle button on larger screens */
@media (min-width: 769px) {
  .ps-toggle-filters-btn {
    display: none !important; }
  .ps-additional-filters {
    max-height: none !important; } }

.u-mb-30 {
  margin-bottom: 30px; }