@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  line-height: 1.5;
  color: #333;
  min-width: 320px;
  font-family: "Roboto", Verdana, Arial, Helvetica, Serif;
  font-size: 16px;
}

body:after {
  display: none;
  content: "mobile";
}

@media (min-width: 820px) {
  body:after {
    content: "tablet";
  }
}

@media (min-width: 980px) {
  body:after {
    content: "desktop";
  }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
****************************************************************************************
* Module: Elements
****************************************************************************************
*/
/* HTML5 elements.
---------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Headings.
---------------------------------------- */
h1 {
  padding: 0;
  margin: 0 0 1em 0;
  font-size: 48px;
  font-weight: normal;
  line-height: 1.2;
  color: #3aa2df;
  text-align: center;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media (min-width: 820px) {
  h1 {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}

body.front h1 {
  font-size: 32px;
  font-weight: bold;
}

h2 {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
}

h3 {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

h4 {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
}

h5 {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}

h6 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
}

@media (min-width: 980px) {
  h1 {
    margin: 0 0 1.3em 0;
  }
}

/* Lists.
---------------------------------------- */
ul,
ol {
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0 0 0 1.5em;
}

ul li,
ol li {
  margin-bottom: 0;
}

li ul,
li ol {
  margin: 0.5em 0.5em 0.5em 0;
}

ul li[class^="icon-"] {
  display: block;
  position: relative;
  list-style: none;
  margin-left: -1.5em;
  padding-left: 20px;
}

ul li[class^="icon-"]:before {
  position: absolute;
  content: '';
  top: 6px;
  left: 0px;
}

ul li.icon-phone:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -556px -529px;
  width: 13px;
  height: 13px;
}

ul li.icon-mail:before {
  top: 8px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -535px -515px;
  width: 13px;
  height: 8px;
}

ul li.icon-mobile-phone:before {
  left: 2px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -129px;
  width: 9px;
  height: 15px;
}

ul li.icon-person:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -570px -529px;
  width: 13px;
  height: 12px;
}

ul li.icon-checkmarker {
  padding-left: 30px;
}

ul li.icon-checkmarker:before {
  top: 4px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -87px -550px;
  width: 16px;
  height: 17px;
}

/* Links.
---------------------------------------- */
a {
  color: #eb6e08;
  text-decoration: none;
}

a:hover, a:focus {
  color: #eb6e08;
  text-decoration: underline;
}

/* Paragraphs.
---------------------------------------- */
p {
  margin: 0 0 20px 0;
}

p:last-child {
  margin-bottom: 0;
}

.rtecenter {
  text-align: center;
}

blockquote {
  margin: 10px 0 30px 0;
  padding: 0;
  font-weight: 300;
  color: #999;
}

blockquote h2 {
  font-size: 32px !important;
  font-style: italic;
  color: #3aa2df !important;
}

blockquote p {
  font-weight: inherit;
  color: inherit;
}

/* Objects and Images.
---------------------------------------- */
img {
  border: none;
  max-width: 100%;
  height: auto;
}

video {
  max-width: 100%;
  height: auto;
  border: 0;
}

figure {
  margin: 0 0 1em 0;
}

figcaption {
  color: #999;
  margin-bottom: 1em;
}

.media_embed {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  /* 16:9 */
}

.media_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.type-field_collection_item.bundle-field_fc_rows.field-field_texts {
  max-width: 964px;
  padding-right: 2px;
  border-right: dashed 2px #ccc;
}

.section-rows .field-name-field-texts img[align],
body.type-field_collection_item.bundle-field_fc_rows.field-field_texts img[align] {
  width: 40%;
  height: auto;
  margin-bottom: 2em;
}

.section-rows .field-name-field-texts img[align="left"],
body.type-field_collection_item.bundle-field_fc_rows.field-field_texts img[align="left"] {
  margin-right: 10%;
}

.section-rows .field-name-field-texts img[align="right"],
body.type-field_collection_item.bundle-field_fc_rows.field-field_texts img[align="right"] {
  margin-left: 10%;
}

/* Tables.
---------------------------------------- */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
}

table caption {
  text-align: left;
  margin-bottom: 1em;
}

table th {
  background-color: #F0F0F0;
  font-weight: bold;
  padding: 0.25em 0.75em;
  text-align: left;
}

table th a {
  color: inherit;
}

table th a:hover, table th a:focus {
  color: #eb6e08;
}

table th a:after {
  position: absolute;
  content: '';
  margin: 0.1em 0.1em 0.1em 0.5em;
  height: 1.1em;
  width: 0.9em;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -112px;
  width: 9px;
  height: 16px;
}

table th .ajax-progress {
  position: absolute;
  display: inline-block;
  margin: 0.2em 0 0 2em;
}

table th th.sorted-asc a:after {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -78px;
  width: 9px;
  height: 16px;
}

table th th.sorted-desc a:after {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -95px;
  width: 9px;
  height: 16px;
}

table th img {
  display: none;
}

table tr th {
  border: 1px solid #F0F0F0;
  border-bottom: 1px solid white;
}

table tr:last-child th {
  border-bottom: 1px solid #F0F0F0;
}

table thead th {
  border: 1px solid #F0F0F0;
  border-right: 1px solid white;
}

table thead th:last-child {
  border-right: 1px solid #F0F0F0;
}

table td {
  padding: 0.2em 0.75em;
  border: 1px solid #F0F0F0;
}

/* Buttons.
---------------------------------------- */
.orange-button, .white-button, .node-conversion-page-full .field-name-jmp-btn-to-marketo a, .node-type-product .button {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 1em;
  border-radius: 3px;
}

.orange-button + a, .white-button + a, .node-conversion-page-full .field-name-jmp-btn-to-marketo a + a, .node-type-product .button + a {
  display: inline-block;
  margin-left: .5em;
}

.orange-button, .node-conversion-page-full .field-name-jmp-btn-to-marketo a, .node-type-product .button {
  color: white;
  text-decoration: none;
  text-shadow: none;
  background-color: #eb6e08;
  border: solid 1px #eb6e08;
}

.orange-button:focus, .node-conversion-page-full .field-name-jmp-btn-to-marketo a:focus, .node-type-product .button:focus, .orange-button:hover, .node-conversion-page-full .field-name-jmp-btn-to-marketo a:hover, .node-type-product .button:hover {
  color: white;
  text-decoration: none;
  border-color: #a24e03;
  background-color: #a24e03;
}

.orange-button {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.white-button {
  background-color: transparent;
  color: inherit;
  border: solid 1px white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.white-button:hover, .white-button:focus {
  color: inherit;
  text-decoration: underline;
}

.download-link {
  display: block;
  position: relative;
  padding: 5px 8px 5px 30px;
  margin-bottom: 1em;
  background-color: #eee;
  font-weight: bold;
}

.download-link:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -335px;
  width: 17px;
  height: 20px;
}

.block-company-video {
  max-width: 100%;
}

.block-company-video h2 {
  text-align: center;
  color: #3aa2df;
  margin: 0 0 1.3em 0;
}

@media (min-width: 980px) {
  .block-company-video {
    max-width: 980px;
    margin: 0 auto;
  }
}

.anchor {
  position: relative;
  top: -50px;
}

.anchor-point {
  margin-top: -50px;
  padding-top: 50px;
}

/*
****************************************************************************************
* Module: Layout MOBILE first
****************************************************************************************
*/
.l-wrapper-main {
  margin: 0 auto;
}

.top-container {
  width: 100%;
}

.top-container > .inner {
  margin: 0 auto;
  max-width: 960px;
}

.r-top-navigation > .inner {
  margin: 0 auto;
  max-width: 960px;
  background-color: #00545d;
}

body.not-front .r-header > .inner {
  margin: 0 auto;
  max-width: 960px;
}

.r-content-top > .inner {
  padding: 0 10px;
}

.page-search .r-content-top {
  padding-top: 30px;
  background-color: #F0F0F0;
}

.page-search .r-content-top > .inner {
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.l-page {
  padding-bottom: 60px;
}

.page-user-profile .l-page {
  padding-top: 40px;
}

.node-type-service-page .l-page,
.node-type-customer-case .l-page,
.node-type-wiki .l-page,
.page-taxonomy-term .l-page,
.page-blog .l-page,
.page-faq .l-page,
.page-downloads .l-page,
.page-events .l-page,
.page-user-profile .l-page,
.page-our-people .l-page,
.page-search .l-page,
.press-view .l-page,
.page-press .l-page,
.page-case-studies .l-page,
.node-type-job-vacancy .l-page {
  background-color: #F0F0F0;
}

.l-page > .inner {
  padding: 0 10px;
  margin: 0 auto;
  max-width: 960px;
}

.page-companysearch .l-page > .inner {
  padding: 0;
}

.front .l-page > .inner {
  padding: 0;
  max-width: none;
}

.front .l-page > .inner .l-system {
  margin: 0 auto;
  max-width: 960px;
}

html.mobile-menu-active .l-page {
  display: none;
}

.node-type-job-vacancy .l-page {
  padding-bottom: 30px;
  color: #FFF;
}

.r-header + .l-page > .inner {
  margin-top: 0;
}

.front .r-above-title {
  margin-bottom: 20px;
}

@media (min-width: 820px) {
  .front .r-above-title {
    margin-bottom: 60px;
  }
}

@media (min-width: 980px) {
  .front .r-above-title {
    margin-bottom: 80px;
  }
}

/* Content + sidebar left.
---------------------------------------- */
.r-sidebar-left + .r-content {
  background-color: white;
  padding: 40px;
}

.l-messages {
  padding-top: 20px;
}

/* Content.
---------------------------------------- */
.r-content {
  position: relative;
  padding-top: 20px;
}

.page-solutions .r-content {
  padding-top: 30px;
}

/* Sidebar right.
---------------------------------------- */
.r-sidebar-right {
  padding-top: 40px;
}

.node-type-customer-case .r-content-bottom,
.node-type-wiki .r-content-bottom,
.r-content-bottom .job-vacancies-home-block {
  background-color: #F0F0F0;
}

.page-faq .r-content-bottom {
  background-color: #F0F0F0;
}

.page-faq .r-content-bottom > .inner {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}

.r-content-bottom .job-vacancies-home-block > .content,
.r-content-bottom .job-vacancies-block > .content {
  max-width: 620px;
  margin: 0 auto;
}

.r-footer {
  width: 100%;
}

.r-footer .r-footer-top {
  padding: 70px 0 50px;
  background-color: #178fa7;
}

.r-footer .r-footer-top .inner {
  margin: 0 auto;
  max-width: 960px;
}

.r-footer .r-footer-top h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
}

.r-footer .r-footer-bottom {
  background-color: #00545d;
}

.r-footer .r-footer-bottom .inner {
  margin: 0 auto;
  max-width: 960px;
}

html.mobile-menu-active .r-footer {
  display: none;
}

@media (min-width: 820px) {
  .l-wrapper-main {
    max-width: 100%;
  }
  .top-container {
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  }
  .top-container:after {
    position: absolute;
    content: '';
    height: 40px;
    top: 0;
    right: 0;
    width: calc((100% - 960px) /2);
    background-color: #00545d;
    z-index: -1;
  }
  .with-hidden-regions .top-container:after {
    display: none;
  }
  .page-solutions .top-container:after {
    display: none;
  }
  .r-top-navigation > .inner {
    height: 40px;
    padding: 8px 20px 0px;
    float: right;
  }
  .r-navigation {
    float: left;
  }
  .r-top {
    float: right;
  }
  .page-search .r-content-top {
    padding-top: 60px;
  }
  .page-search .r-content-top > .inner {
    max-width: 620px;
  }
  .page-user-profile .l-page,
  .node-type-blog .l-page,
  .download-page .l-page,
  .node-type-press-item .l-page {
    padding-top: 60px;
    background-color: #F0F0F0;
  }
  .page-search .l-page {
    background-color: #F0F0F0;
  }
  .page-search .l-page > .inner {
    max-width: 620px;
    margin: 0 auto;
  }
  .page-companysearch .l-page > .inner {
    max-width: none;
  }
  .r-content {
    padding-top: 40px;
  }
  .page-solutions .r-content {
    padding-top: 60px;
  }
  .node-type-customer-case .r-content,
  .node-type-wiki .r-content {
    padding-top: 20px;
  }
  .front .r-content {
    padding-top: 60px;
  }
  /* Content + sidebar right.
  ---------------------------------------- */
  .with-sidebar-right .r-content {
    width: 58%;
    float: left;
  }
  .r-sidebar-right {
    width: 42%;
    float: right;
    padding-left: 20px;
  }
  .node-type-blog .r-content-bottom,
  .download-page .r-content-bottom,
  .node-type-press-item .r-content-bottom {
    background-color: #F0F0F0;
  }
}

@media (min-width: 980px) {
  .l-wrapper-main {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-page {
    position: relative;
    z-index: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  body.download-page .l-page {
    -ms-flex: none;
    flex: none;
  }
  /* Content + sidebar right.
  ---------------------------------------- */
  .r-sidebar-left {
    float: left;
    width: calc(100% - 620px);
  }
  .r-sidebar-left + .r-content {
    float: left;
    width: 620px;
    background-color: white;
  }
  /* Content.
  ---------------------------------------- */
  .front .r-content {
    padding-top: 80px;
  }
  body.download-page .r-content-bottom {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  /* Content + sidebar right.
  ---------------------------------------- */
  .with-sidebar-right .r-content {
    max-width: 540px;
  }
  .r-sidebar-right {
    max-width: 360px;
    padding-left: 0;
  }
  html.ie9 .l-wrapper-main {
    height: 100vmin;
  }
  html.no-flexbox .l-page {
    min-height: 500px;
  }
}

@media all and (-ms-high-contrast: none) {
  /* IE10+ */
  .l-wrapper-main {
    display: block;
    height: 100%;
    min-height: 0;
  }
  html .l-page {
    min-height: 500px;
  }
  html .node-type-advanced-page .l-page {
    min-height: 0;
  }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
****************************************************************************************
* Module: FORMS.
****************************************************************************************
*/
fieldset {
  position: relative;
  padding: 50px 0 8px 0;
  margin-bottom: 1em;
  border: 1px solid #bebebe;
}

fieldset legend {
  float: left;
  font-size: 26px;
  font-weight: 600;
  color: #333;
  line-height: 1;
}

fieldset legend .fieldset-legend {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
}

fieldset legend a {
  text-decoration: none;
  color: inherit;
}

fieldset legend a:focus, fieldset legend a:hover {
  color: #999;
}

fieldset .fieldset-wrapper {
  padding: 15px;
}

fieldset.filter-wrapper .fieldset-wrapper {
  padding: 0;
}

fieldset.collapsible legend a:after {
  position: absolute;
  top: 6px;
  right: 4px;
  content: "";
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -460px -515px;
  width: 21px;
  height: 12px;
}

fieldset.collapsible.collapsed legend a:after {
  top: 4px;
  right: 0px;
  height: 21px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px 0px;
  width: 12px;
  height: 21px;
}

fieldset fieldset {
  margin-bottom: 1em;
}

fieldset .fieldset-description {
  color: #999;
}

html.js fieldset.collapsed {
  height: auto;
  border: 1px solid #bebebe;
}

.form-item {
  margin-bottom: 1em;
}

.form-item label:first-child {
  display: block;
  margin: 0 0 0.5em 0;
  font-size: 16px;
  color: #333;
}

.form-item .form-required {
  color: #FF0000;
}

.form-item .description {
  margin-top: 0.4em;
  font-size: 12px;
  color: #999;
}

.form-select {
  display: block;
  padding: 8px;
  margin: 0;
  width: auto;
}

.form-file {
  display: block;
  padding: 8px;
  margin: 0;
  width: 100%;
}

.form-text,
.form-textarea,
.form-password,
.form-password-confirm {
  display: block;
  padding: 9px 20px;
  margin: 0;
  width: 100%;
}

input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]),
textarea,
select {
  color: #333;
  vertical-align: middle;
  font-family: "Roboto", Arial, Helvetica, Verdana, Serif;
  font-size: 16px;
  background-color: white;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 3px;
}

input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 3px #90d1e0;
  border-color: #90d1e0;
}

input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]).error,
textarea.error,
select.error {
  color: #FF0000;
  border-color: #FF0000;
  background-color: tint(#FF0000, 98%);
}

input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="reset"]):not([type="radio"]):not([type="checkbox"]).error:focus,
textarea.error:focus,
select.error:focus {
  box-shadow: 0 0 3px #FF0000;
}

input {
  font-size: 16px;
}

textarea {
  font-family: "Roboto", Arial, Helvetica, Verdana, Serif;
  font-size: 16px;
}

textarea + .grippie {
  display: none;
}

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  margin: 0;
  line-height: 1;
}

.form-type-radio,
.form-type-checkbox {
  display: block;
  margin: 0 20px 4px 0;
}

.form-type-radio label,
.form-type-checkbox label {
  display: inline;
  cursor: pointer;
}

.form-type-radio .error,
.form-type-checkbox .error {
  box-shadow: 0 0 3px #FF0000;
}

.form-type-radio input[type="radio"] {
  display: none;
}

.form-type-radio label {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
}

.form-type-radio label:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  border-radius: 50%;
  width: 18px;
  height: 18px;
  border: 1px solid #CCC;
}

.form-type-radio input:checked + label:after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: "";
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #3aa2df;
}

.form-type-checkbox input[type="checkbox"] {
  display: none;
}

.form-type-checkbox label {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
}

.form-type-checkbox label:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  border-radius: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #CCC;
}

.form-type-checkbox input:checked + label:after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: "";
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -64px;
  width: 12px;
  height: 13px;
}

input[type="submit"],
input[type="button"] {
  display: inline-block;
  padding: 17px 40px 18px;
  margin: 0 1em 0 0;
  width: auto;
  font-family: "Roboto", Arial, Helvetica, Verdana, Serif;
  font-size: 16px;
  color: white;
  line-height: 1;
  background-color: #eb6e08;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  box-shadow: 0 0 3px black;
  background-color: #a24e03;
}

input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #a24e03;
}

.form-managed-file input {
  display: inline-block;
}

.form-managed-file .form-file {
  margin-right: 10px;
  width: calc(100% - 138px);
}

.form-managed-file .form-submit {
  width: 128px;
}

.form-managed-file .description {
  clear: both;
}

.form-item-date .container-inline input,
.form-item-date .container-inline select {
  display: inline-block;
}

.form-type-password {
  position: relative;
}

.form-type-password div.password-confirm {
  float: right;
  width: 30%;
  text-align: right;
  font-size: 16px;
  visibility: hidden;
}

.form-type-password div.password-confirm span {
  display: inline-block;
  padding: 3px 5px;
}

.form-type-password div.password-confirm .ok {
  color: white;
  background-color: #468847;
}

.form-type-password-confirm {
  position: relative;
}

.form-type-password-confirm .description {
  margin-bottom: 2em;
}

.password-strength {
  float: right;
  width: 30%;
}

.password-strength .password-strength-title {
  float: left;
}

.password-strength .password-strength-title,
.password-strength .password-strength-text {
  display: inline-block;
  padding-right: 5px;
}

.password-strength .password-indicator {
  display: inline-block;
  margin: 5px 0 8px 0;
  width: 100%;
  background-color: #CCC;
}

.password-strength .password-indicator .indicator {
  float: left;
  height: 0.2em;
  background-color: #468847;
}

html.js input.form-autocomplete {
  background-position: 99% 0.5em;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.breadcrumb {
  margin-bottom: .4em;
  font-size: 14px;
  color: #333;
  line-height: 1.25;
}

.breadcrumb a {
  color: #eb6e08;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.r-header .breadcrumb {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.r-header .breadcrumb a {
  color: white;
}

.node-type-wiki .breadcrumb {
  margin-bottom: 20px;
}

@media (min-width: 820px) {
  .node-type-blog .l-breadcrumbs,
  .node-type-press-item .l-breadcrumbs {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .node-type-blog .breadcrumb,
  .node-type-press-item .breadcrumb {
    font-size: 12px;
    color: white;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
  }
  .node-type-blog .breadcrumb a,
  .node-type-press-item .breadcrumb a {
    color: inherit;
  }
  .node-type-customer-case .breadcrumb,
  .node-type-wiki .breadcrumb {
    margin-bottom: 40px;
  }
}

div.tabs {
  padding-bottom: 20px;
}

div.tabs ul.primary {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  box-shadow: inset 0px -1px 0px 0px #999;
  font-size: 0;
}

div.tabs ul.primary li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: bottom;
}

div.tabs ul.primary li + li a {
  border-left: 0;
}

div.tabs ul.primary a {
  display: block;
  padding: .3em .5em;
  font-family: "Roboto", Verdana, Arial, Helvetica, Serif;
  font-size: 18px;
  text-decoration: none;
  color: #178fa7;
  background-color: #F0F0F0;
  border: 1px solid #999;
}

div.tabs ul.primary a:hover {
  background-color: #CCC;
  color: #00545d;
}

div.tabs ul.primary a.active {
  position: relative;
  padding: .5em .7em;
  text-decoration: none;
  background-color: white;
  border: 1px solid #999;
  border-bottom: 0;
}

div.tabs ul.primary a.active:after {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: 0;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -584px -477px;
  width: 17px;
  height: 4px;
}

@media (min-width: 820px) {
  div.tabs ul.primary a {
    padding: .3em 1.5em;
    font-size: 16;
  }
  div.tabs ul.primary a.active {
    padding: .5em 1.5em;
  }
}

.messages {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 50px 15px 15px;
  min-height: 50px;
  font-size: 16px;
  word-break: break-word;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  background-color: #F3F3F3;
}

.messages a {
  text-decoration: underline;
}

.messages a:hover {
  text-decoration: none;
}

.messages.status {
  color: #333;
  background-color: #D7ECBB;
  border-color: #b4db7f;
}

.messages.status:after {
  position: absolute;
  content: '';
  right: 15px;
  top: 15px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -584px -452px;
  width: 24px;
  height: 24px;
}

.messages.warning {
  color: #333;
  background-color: #EFCF7A;
  border-color: #e7b636;
}

.messages.warning:after {
  position: absolute;
  content: '';
  right: 15px;
  top: 15px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -559px -452px;
  width: 24px;
  height: 29px;
}

.messages.error {
  color: white;
  background-color: #C02D34;
  border-color: #821e23;
}

.messages.error:after {
  position: absolute;
  content: '';
  right: 15px;
  top: 15px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -69px -529px;
  width: 24px;
  height: 20px;
}

.messages.error a {
  color: white;
  text-decoration: underline;
}

.messages.error a:hover {
  color: white;
  text-decoration: none;
}

.messages ul {
  margin: 0;
  padding: 0;
}

.messages ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0;
  list-style: none;
}

.messages ul li:before {
  content: '»';
  position: absolute;
  left: 0;
}

.messages ul li pre:after {
  content: '';
}

.progress {
  margin-bottom: 1em;
}

.progress .bar,
.progress .filled {
  height: 1.5em;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.progress .bar {
  overflow: hidden;
  border: 0;
  background: #F0F0F0;
}

.progress .filled {
  background-color: #eb6e08;
  background-image: linear-gradient(45deg, #d26207 25%, transparent 25%, transparent 50%, #d26207 50%, #d26207 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  animation: progress-bar-stripes 1s linear infinite;
}

.pager {
  margin: 0;
  padding: 40px 0 0 0;
  width: 100%;
  display: block;
  text-align: center;
}

.pager li {
  display: inline-block;
  position: relative;
  margin: 0 0 5px 0;
  padding: 0;
  height: 40px;
  min-width: 40px;
  line-height: 38px;
  border-radius: 3px;
  border: 1px solid #eb6e08;
}

.pager li a {
  display: block;
  padding: 0 7px;
  height: 100%;
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.pager li.pager-previous, .pager li.pager-next {
  display: none;
}

.pager li.pager-ellipsis {
  border: 1px solid transparent;
}

.pager li.pager-ellipsis:hover, .pager li.pager-ellipsis:focus {
  border: 1px solid transparent;
}

.pager li.pager-current {
  text-align: center;
  color: white;
  border: 1px solid #178fa7;
  background-color: #178fa7;
}

.pager li.disabled {
  border: 1px solid #CCC !important;
  color: #CCC;
}

.pager li:hover, .pager li:focus {
  border-color: #178fa7;
}

.pager li:hover a, .pager li:focus a {
  color: #178fa7;
}

.pager .ajax-progress-throbber {
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: -20px;
}

.field-collection-view-links {
  padding: 5px 0 0 0;
  margin: 0;
}

.field-collection-view-links li {
  display: inline-block;
  margin-right: 10px;
  list-style-type: none;
}

.field-collection-view-links li a:hover {
  text-decoration: underline !important;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.menu-solutions .content ul, .menu-footer .content ul, .menu-services .content ul {
  display: block;
  padding: 0;
  margin: 0;
}

.menu-solutions .content li, .menu-footer .content li, .menu-services .content li {
  display: inline-block;
  padding: 0;
  list-style-type: none;
}

.menu-solutions .content li:before, .menu-footer .content li:before, .menu-services .content li:before {
  content: '|';
  margin-left: 0.25em;
  margin-right: 0.5em;
}

.menu-solutions .content li.first:before, .menu-footer .content li.first:before, .menu-services .content li.first:before {
  display: none;
}

.menu-solutions .content a, .menu-footer .content a, .menu-services .content a {
  display: inline-block;
  color: inherit;
}

.menu-solutions .content a:hover, .menu-footer .content a:hover, .menu-services .content a:hover {
  text-decoration: underline;
}

/*
****************************************************************************************
* Module: MAIN MENU
****************************************************************************************
*/
.toggle-nav {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  z-index: 170;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px -411px;
  width: 40px;
  height: 40px;
}

html.mobile-menu-active .toggle-nav {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -328px -488px;
  width: 40px;
  height: 40px;
}

.menu-main.contextual-links-region {
  position: initial;
}

.menu-wrapper.visible .menu {
  display: block;
}

@media (max-width: 820px) {
  .nav-up .top-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
  }
  .nav-up .top-container:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    z-index: 5;
    background-color: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  html.mobile-menu-active {
    overflow: hidden;
    height: 100vh;
  }
  html:not(.mobile-menu-active) .r-top-navigation,
  html:not(.mobile-menu-active) .r-navigation {
    display: none;
  }
  .r-header,
  .l-page,
  .r-content-top {
    margin-top: 80px;
  }
  .r-header + .l-page,
  .r-content-top + .l-page {
    margin-top: 0;
  }
  html.mobile-menu-active .top-container {
    background-color: #178fa7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    overflow-y: scroll;
  }
  html.mobile-menu-active .top-container:before {
    display: none !important;
  }
  .r-top-navigation {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 130;
    line-height: 40px;
  }
  html.mobile-menu-active .r-top-navigation {
    border-top: solid 1px white;
  }
  .r-top-navigation .menu-top {
    margin-right: 0;
    width: 50%;
    text-align: center;
  }
  .r-top-navigation .menu-top:not(.language) {
    border-right: solid 1px white;
  }
  .r-top-navigation .menu-top:not(.language) li {
    margin: 0;
  }
  .r-top-navigation .menu-top:not(.language) li:not(.phone) {
    display: none;
  }
  body .site-logo {
    padding: 0;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
  }
  body .site-logo a {
    padding: 27.5px 27.5px 27.5px 10px;
  }
  html.mobile-menu-active body .site-logo a {
    background: transparent url(../logo-white.svg) no-repeat 10px center;
  }
  html.mobile-menu-active body .site-logo a img {
    visibility: hidden;
  }
  .menu-main {
    color: white;
    text-align: center;
    font-size: 120%;
  }
  .menu-main ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background-color: #178fa7;
  }
  .menu-main ul.level-1 {
    padding-top: 122px;
  }
  .menu-main ul:not(.level-1):not(.visible) {
    display: none;
  }
  .menu-main ul ul {
    z-index: 140;
  }
  .menu-main ul ul li:first-child {
    font-size: 120%;
  }
  .menu-main ul ul li:first-child > span {
    display: block;
  }
  .menu-main ul ul li:first-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -287px -488px;
    width: 40px;
    height: 40px;
  }
  .menu-main ul.level-2 {
    z-index: 150;
    min-height: calc(100% + 122px);
  }
  .menu-main ul.level-3 {
    z-index: 160;
    min-height: calc(100% + 122px);
  }
  .menu-main li {
    display: block;
    list-style: none;
    line-height: 80px;
    border-top: solid 1px white;
  }
  .menu-main li.expanded > a {
    position: relative;
  }
  .menu-main li.expanded > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -164px -488px;
    width: 40px;
    height: 40px;
  }
  .menu-main a {
    display: block;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
  }
  .menu-main a.active {
    font-weight: bold;
  }
}

@media (min-width: 820px) {
  .toggle-nav {
    display: none;
  }
  .menu-main .content {
    padding-top: 10px;
  }
  .menu-main .content ul,
  .menu-main .content li {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .menu-main .level-1 .expanded > .menu-wrapper {
    display: none;
  }
  .menu-main .level-1 > li {
    display: inline-block;
  }
  .menu-main .level-1 > li > a {
    display: block;
    padding: 13px 4px 20px;
    font-weight: bold;
    font-size: 18px;
    color: #00545d;
    border: 1px solid transparent;
    border-bottom: 0;
  }
  .menu-main .level-1 > li > a.active-trail {
    color: #178fa7;
  }
  .menu-main .level-1 > li.hide-expanded .menu-wrapper {
    display: none;
  }
  .menu-main .level-1 > li.expanded:not(.hide-expanded):not(.dropdown) a.active-trail,
  .menu-main .level-1 > li.expanded.hide-expanded a.active {
    color: #FFF;
    background-color: #178fa7;
    text-decoration: none;
  }
  .menu-main .level-1 > li.active-trail {
    color: #FFF;
  }
  .menu-main .level-1 > li.expanded.active-trail:not(.hide-expanded):not(.dropdown) > a {
    padding-bottom: 20px;
    margin-bottom: 70px;
  }
  .menu-main .level-1 > li.expanded.has-expanded-children > .menu-wrapper {
    top: calc(100% - 100px);
    height: 100px;
  }
  .menu-main .level-1 > li.expanded.has-expanded-children:not(.hide-expanded):not(.dropdown) > a {
    margin-bottom: 100px;
  }
  .menu-main .level-1 > li.active-trail.has-expanded-children .not-active-trail {
    display: none;
  }
  .menu-main .level-1 > .expanded.dropdown {
    position: relative;
    z-index: 9;
  }
  .menu-main .level-1 > .expanded.dropdown > a:after {
    display: inline-block;
    margin-left: 15px;
    content: '';
    transform: rotate(0);
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -615px -145px;
    width: 5px;
    height: 10px;
  }
  .menu-main .level-1 > .expanded.dropdown:focus > a, .menu-main .level-1 > .expanded.dropdown:hover > a {
    color: #eb6e08;
  }
  .menu-main .level-1 > .expanded.dropdown:focus > a:after, .menu-main .level-1 > .expanded.dropdown:hover > a:after {
    transform: rotate(90deg);
  }
  .menu-main .level-1 > .expanded.dropdown:focus .menu-wrapper, .menu-main .level-1 > .expanded.dropdown:hover .menu-wrapper {
    display: block;
    overflow: hidden;
  }
  .menu-main .level-1 > .expanded.dropdown .menu-wrapper {
    position: absolute;
    padding: 0 20px 20px;
    margin-left: -20px;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  .menu-main .level-1 > .expanded.dropdown .menu-wrapper .level-2 {
    padding: 2px 20px;
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  .menu-main .level-1 > .expanded.dropdown .menu-wrapper .level-2 li {
    display: block;
    padding: 0;
  }
  .menu-main .level-1 > .expanded.dropdown .menu-wrapper .level-2 a {
    display: block;
    padding: 8px 0;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    color: #00545d;
  }
  .menu-main .level-1 > .active-trail:not(.dropdown) > .menu-wrapper {
    display: block;
    position: absolute;
    top: calc(100% - 70px);
    left: 0;
    right: 0;
    height: 70px;
    padding: 5px 15px;
    font-size: 18px;
    color: #00545d;
    z-index: 1;
    background-color: #178fa7;
    transform-style: preserve-3d;
  }
  .menu-main li:not(.dropdown) .level-2 {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .menu-main li:not(.dropdown) .level-2 li {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
  }
  .menu-main li:not(.dropdown) .level-2 a {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    color: #FFF;
    text-decoration: none;
    vertical-align: top;
  }
  .menu-main li:not(.dropdown) .level-2 a:focus, .menu-main li:not(.dropdown) .level-2 a:hover {
    text-decoration: underline;
  }
  .menu-main li:not(.dropdown) .level-2 a:before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -609px -145px;
    width: 5px;
    height: 10px;
  }
  .menu-main li:not(.dropdown) .level-2 a.active {
    font-weight: bold;
    text-decoration: underline;
  }
  .menu-main li:not(.dropdown) .level-2 > li {
    width: 32%;
    padding-right: 10px;
  }
  .menu-main li:not(.dropdown) .level-2 > li.expanded.active-trail {
    width: 100%;
    padding-right: 0;
  }
  .menu-main li:not(.dropdown) .level-2 > li.expanded.active-trail > a {
    width: 25%;
    font-weight: bold;
  }
  .menu-main li:not(.dropdown) .level-2 > li.expanded.active-trail .menu-wrapper {
    display: inline-block;
  }
  .menu-main li:not(.dropdown) .level-2 .menu-wrapper {
    width: 75%;
  }
  .menu-main .parent-item,
  .menu-main .parent-item-hidden {
    display: none !important;
  }
  .menu-main .level-3 {
    font-size: 0;
  }
  .menu-main .level-3 li {
    display: inline-block;
    width: auto;
    width: 32%;
    padding-right: 15px;
  }
  .menu-main .level-3 li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (min-width: 820px) and (max-width: 979px) {
  .menu-main .level-1 > li:not(.has-expanded-children):not(.dropdown) .level-2 > li {
    width: 50%;
  }
}

@media (min-width: 980px) {
  .menu-main .level-1 > li > a {
    padding: 13px 10px 20px;
  }
  .menu-main .level-1 .expanded.active-trail:not(.hide-expanded):not(.dropdown) > .menu-wrapper {
    margin: auto;
    padding: 0.5em calc(((100% - 960px) / 2) + 10px);
  }
  .menu-main .level-1 > li:not(.dropdown) .level-2 > li {
    width: 25%;
  }
  .menu-main .level-1 > li:not(.dropdown) .level-2 > li.expanded.active-trail {
    width: 100%;
  }
  .menu-main .level-1 > li:not(.dropdown) .level-2 > li.expanded.active-trail > a {
    width: 25%;
  }
  .menu-main .level-1 > li:not(.dropdown) .level-2 .menu-wrapper {
    width: 75%;
  }
  .menu-main .level-3 li {
    width: 30%;
    margin-right: 1%;
  }
}

/*
**************************************************************************************
* Module: Solutions menu overlay page
**************************************************************************************
*/
.solutions-menu-overlay-page {
  background-color: #178fa7;
}

.solutions-menu-overlay-page .top-container {
  border-bottom: 1px solid white;
}

.solutions-menu-overlay-page .menu-main li a {
  color: white;
}

.solutions-menu-overlay-page .menu-main li a.active {
  background-color: #178fa7;
  border-color: white;
}

.solutions-menu-overlay-page .menu-main .level-1 a {
  color: #FFF;
}

.solutions-menu-overlay-page .menu-main .level-1 > li.active-trail > a {
  position: relative;
  margin-bottom: 0;
  min-height: 70px;
  color: #FFF;
}

.solutions-menu-overlay-page .menu-main .level-1 > li.active-trail > a:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-color: #178fa7;
  z-index: 10;
}

.solutions-menu-overlay-page .menu-main .level-1 > li.active-trail .menu-wrapper {
  display: none;
}

.solutions-menu-overlay-page .close-link {
  position: absolute;
  top: 20px;
  right: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -69px -550px;
  width: 17px;
  height: 18px;
  text-indent: -999px;
  overflow: hidden;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content .row {
  margin-bottom: 30px;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content h2 {
  font-size: 18px;
  color: white;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content h2 a {
  color: inherit;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content .field-name-field-short-description {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
  color: white;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content .field-name-field-products a {
  position: relative;
  display: block;
  padding-left: 15px;
  margin-bottom: .4em;
  line-height: 1.2;
  color: white;
}

.solutions-menu-overlay-page .solutions-overlay > .view-content .field-name-field-products a:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -145px;
  width: 5px;
  height: 10px;
}

.solutions-menu-overlay-page .solutions-menu-footer {
  margin-top: 30px;
  padding-top: 30px;
  font-size: 18px;
  color: white;
  text-align: center;
  border-top: 1px solid white;
}

.solutions-menu-overlay-page .solutions-menu-footer .orange-button,
.solutions-menu-overlay-page .solutions-menu-footer .white-button {
  box-shadow: none;
}

@media (min-width: 820px) {
  .solutions-menu-overlay-page .r-top-navigation {
    visibility: hidden;
  }
  .solutions-menu-overlay-page .solutions-overlay > .view-content .row {
    float: left;
    margin-bottom: 20px;
    padding-right: 20px;
    min-height: 140px;
    width: 50%;
  }
  .solutions-menu-overlay-page .solutions-overlay > .view-content .row:nth-child(3) {
    clear: left;
  }
  .solutions-menu-overlay-page .solutions-overlay > .view-content .field-name-field-short-description {
    margin-bottom: 40px;
    font-size: 14px;
  }
}

@media (min-width: 980px) {
  .solutions-menu-overlay-page .solutions-overlay > .view-content .row {
    min-height: 340px;
    width: 25%;
  }
  .solutions-menu-overlay-page .solutions-overlay > .view-content .row:nth-child(3) {
    clear: none;
  }
}

/*
****************************************************************************************
* Module: TOP MENU
****************************************************************************************
*/
.menu-top {
  float: left;
  margin-right: 30px;
}

.menu-top:last-child {
  margin-right: 0;
}

.menu-top .content ul {
  display: block;
  padding: 0;
  margin: 0;
}

.menu-top .content li {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  color: white;
  list-style-type: none;
}

.menu-top .content li:last-child a {
  margin-right: 0;
}

.menu-top .content li.phone {
  margin-right: 30px;
}

.menu-top .content li.phone > * {
  position: relative;
  padding-left: 18px;
}

.menu-top .content li.phone > *:before {
  position: absolute;
  top: -25%;
  left: -5px;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -258px;
  width: 15px;
  height: 25px;
}

.menu-top .content a {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  color: inherit;
}

.menu-top .content a:hover, .menu-top .content a:focus {
  text-decoration: underline;
}

.menu-top .content a.active {
  font-weight: bold;
}

.menu-top.language .content li a {
  padding-right: 10px;
  text-transform: uppercase;
}

.menu-top.language .content li a:after {
  position: absolute;
  right: 0;
  content: '|';
}

.menu-top.language .content li:last-child a {
  margin-right: 0;
  padding-right: 0;
}

.menu-top.language .content li:last-child a:after {
  display: none;
}

/*
****************************************************************************************
* Module: SOLUTIONS MENU
****************************************************************************************
*/
.menu-solutions {
  clear: both;
}

.menu-solutions .content {
  padding: 0 10px 40px;
}

.menu-solutions .content ul {
  text-align: center;
}

.menu-solutions .content li {
  font-size: 20px;
  color: white;
}

.menu-solutions .content li:before {
  margin-left: 0.75em;
  margin-right: 1em;
}

/*
****************************************************************************************
* Module: FOOTER MENU
****************************************************************************************
*/
.menu-footer .content {
  padding: 0 10px 20px;
}

.menu-footer .content ul {
  text-align: center;
}

.menu-footer .content li {
  font-size: 16px;
  color: white;
}

.menu-footer .content li:before {
  margin-left: 0.75em;
  margin-right: 1em;
}

/*
****************************************************************************************
* Module: SERVICES MENU
****************************************************************************************
*/
.menu-services .content {
  padding: 25px 10px;
}

.menu-services .content li {
  font-size: 14px;
  color: white;
}

.menu-services .content .last.copyright {
  display: block;
  margin-top: 0.5em;
}

.menu-services .content .last.copyright:before {
  display: none;
}

@media (min-width: 980px) {
  .menu-services .content .last.copyright {
    margin-top: 0;
    float: right;
  }
}

/*
****************************************************************************************
* Module: SOCIAL MENU
****************************************************************************************
*/
.menu-social {
  text-align: center;
  margin-bottom: 50px;
}

.menu-social .content ul,
.menu-social .content li {
  padding: 0;
  margin: 0;
}

.menu-social .content li {
  list-style-type: none;
  display: inline-block;
  margin-right: 8px;
}

.menu-social .content li:last-child {
  margin-right: 0;
}

.menu-social .content a {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  text-indent: -999px;
}

.menu-social .content .youtube {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px -360px;
  width: 50px;
  height: 50px;
}

.menu-social .content .linkedin {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -539px -360px;
  width: 50px;
  height: 50px;
}

.menu-social .content .twitter {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px -258px;
  width: 50px;
  height: 50px;
}

.menu-social .content .facebook {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -539px -309px;
  width: 50px;
  height: 50px;
}

.menu-social .content .instagram {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -539px -258px;
  width: 50px;
  height: 50px;
}

.menu-social .content .rss {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -547px -189px;
  width: 50px;
  height: 50px;
}

@media (min-width: 820px) {
  .menu-social {
    width: 50%;
    float: right;
  }
  .menu-social .content li {
    margin-right: 18px;
  }
}

/*
****************************************************************************************
* Module: LOGO
****************************************************************************************
*/
.site-logo {
  position: relative;
  z-index: 120;
  float: left;
  padding-top: 25px;
  padding-right: 10px;
  padding-left: 20px;
}

.site-logo a,
.site-logo img {
  display: block;
}

@media (min-width: 820px) {
  .site-logo img {
    max-width: 140px;
  }
}

@media (min-width: 980px) {
  .site-logo {
    padding-right: 25px;
  }
  .site-logo img {
    max-width: none;
  }
}

/*
**************************************************************************************
* Module: Frontpage (small tweaks)
**************************************************************************************
*/
/*
**************************************************************************************
* Module: USER pages (LOGIN/PASSWORD)
**************************************************************************************
*/
.page-user:not(.page-user-blog) h1 {
  margin-bottom: 10px;
  text-align: left;
  font-size: 32px;
  font-weight: 700;
}

.page-user:not(.page-user-blog) .r-content form {
  max-width: 540px;
}

/*
**************************************************************************************
* Module: NODE header
**************************************************************************************
*/
.page-node .r-header {
  position: relative;
  padding: 10px 0 20px;
  text-align: center;
  background-color: #178fa7;
  background-size: cover;
}

.page-node .r-header > .inner {
  position: relative;
  padding: 0 10px;
}

.page-node .r-header .breadcrumb {
  color: white;
  text-align: left;
}

.page-node .r-header h1 {
  margin: .2em 0 .2em 0;
  font-size: 32px;
  color: #FFF;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  word-wrap: break-word;
}

.page-node .r-header h2 {
  font-size: 24px;
  font-weight: normal;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}

.page-node .r-header .content {
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.page-node .r-header .field-name-field-link {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  padding: 15px 25px;
  border: solid 1px #FFF;
  font-size: 16px;
  line-height: 1;
  border-radius: 3px;
}

.page-node .r-header .field-name-field-link a {
  display: block;
  position: relative;
  padding-left: 25px;
  color: white;
}

.page-node .r-header .field-name-field-link a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  content: '';
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #FFF;
}

.page-node .r-content {
  background: transparent none center top no-repeat;
  background-size: contain;
}

@media (min-width: 820px) {
  .page-node .r-header {
    padding-bottom: 50px;
  }
  .page-node .r-header h1 {
    margin: .8em 0 .2em 0;
    font-size: 48px;
  }
  .page-node .r-header .products-header {
    margin-top: 30px;
  }
  .page-node .r-header a.orange-button[data-text] {
    position: relative;
    margin-bottom: 50px;
  }
  .page-node .r-header a.orange-button[data-text]:before {
    position: absolute;
    display: block;
    right: 60%;
    bottom: 0;
    content: attr(data-text);
    transform: translateY(200%);
    font-size: 16px;
    color: #FFF;
    text-shadow: 0 0 6px #000;
    line-height: 1;
    white-space: nowrap;
  }
  .page-node .r-header a.orange-button[data-text]:after {
    position: absolute;
    display: block;
    content: '';
    right: 40%;
    bottom: 0;
    transform: translateY(125%);
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -570px -411px;
    width: 37px;
    height: 37px;
  }
  .node-type-service-page .r-header h1,
  .node-type-service-page .r-header .block-fieldblock {
    text-align: left;
    width: 50%;
  }
}

@media (min-width: 980px) {
  .page-node .r-header {
    min-height: 370px;
  }
  .page-node.is-event .r-header {
    min-height: 400px;
  }
  .node-type-service-page .r-header h1,
  .node-type-service-page .r-header .block-fieldblock {
    width: 40%;
  }
}

/*
 *******************************************************************************
 * Module: Node default
 *******************************************************************************
 */
.node-simple-teaser .field {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: .4em;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  line-height: 1.1;
  border-right: 1px solid #F0F0F0;
}

.node-simple-teaser .field:last-of-type {
  margin-right: 0;
  border-right: none;
}

.field-type-text-with-summary,
.field-type-text-long {
  word-break: break-word;
}

/*
**************************************************************************************
* Module: SOLUTION page
**************************************************************************************
*/
.node-type-solution .field-name-field-subtitle {
  margin-bottom: 20px;
  color: #3aa2df;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.node-type-solution .field-name-field-products > .field-items > .field-item {
  position: relative;
  margin-bottom: 40px;
}

.node-type-solution .field-name-field-products > .field-items > .field-item:last-child {
  padding: 20px 20px;
  max-width: 340px;
  margin: 0 auto;
  border: 1px solid #3aa2df;
}

.node-type-solution .field-name-field-products .field-name-field-products-cta {
  text-align: center;
  font-size: 18px;
  color: #3aa2df;
}

.node-type-solution .field-name-field-products .field-name-field-products-cta p {
  font-weight: 300;
}

.node-type-solution .field-name-field-products .field-name-field-products-cta .phone {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}

.node-type-solution .field-name-field-products .field-name-field-products-cta .phone:before {
  position: absolute;
  content: '';
  top: -5px;
  left: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -529px;
  width: 24px;
  height: 40px;
}

@media (min-width: 820px) {
  .node-type-solution .field-name-field-products > .field-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item {
    display: -ms-flexbox;
    display: flex;
  }
  .flexboxtweener .node-type-solution .field-name-field-products > .field-items > .field-item,
  .no-flexbox .node-type-solution .field-name-field-products > .field-items > .field-item {
    float: left;
    min-height: 420px;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item:last-child {
    max-width: none;
    margin: 0;
    height: 300px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 820px) and (max-width: 979px) {
  .node-type-solution .field-name-field-subtitle {
    margin-bottom: 40px;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item {
    position: relative;
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 60px;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 980px) {
  .node-type-solution .field-name-field-subtitle {
    margin-bottom: 70px;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item {
    width: calc(33% - 20px);
    margin-right: 30px;
    margin-bottom: 80px;
  }
  .node-type-solution .field-name-field-products > .field-items > .field-item:nth-child(3n+3) {
    margin-right: 0;
  }
}

/* Teaser.
---------------------------------------- */
.node-solution-teaser {
  padding: 30px 0;
}

.node-solution-teaser img {
  display: block;
}

.node-solution-teaser h2 {
  color: #333;
  font-size: 24px;
}

.node-solution-teaser h2 a {
  color: inherit;
}

.node-solution-teaser .field {
  margin-bottom: 1.5em;
}

.node-solution-teaser .field:last-child {
  margin-bottom: 0;
}

.node-solution-teaser .field-name-read-more {
  display: inline-block;
  margin-right: 1.2em;
  margin-bottom: 0;
}

.node-solution-teaser .field-name-read-more + .field-name-field-additional-link {
  display: inline-block;
  margin-top: .5em;
}

.node-solution-teaser .field-name-field-products .field-item {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: .15em;
}

.node-solution-teaser .field-name-field-products .field-item:before {
  position: absolute;
  display: block;
  content: '';
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #000;
}

.node-solution-teaser .field-name-field-products a {
  color: #000;
}

.node-solution-teaser a.read-more {
  font-style: 16px;
}

@media (min-width: 480px) and (max-width: 819px) {
  .node-solution-teaser .field-name-field-image {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 820px) {
  .node-solution-teaser {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .node-solution-teaser .content {
    float: right;
    width: 70%;
  }
  .node-solution-teaser .field-name-field-image {
    float: left;
    width: 30%;
    padding-right: 5%;
    margin-bottom: 0;
  }
  .node-solution-teaser .field-name-field-products .field-items {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .node-solution-teaser .field-name-field-products .field-item {
    display: inline-block;
    width: 100%;
  }
}

@media (min-width: 980px) {
  .node-solution-teaser {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (min-width: 980px) and (max-width: 1279px) {
  .node-solution-teaser .content {
    max-width: 70%;
  }
}

@media (min-width: 1280px) {
  .node-solution-teaser {
    padding-left: 10px;
    padding-right: 10px;
  }
  .node-solution-teaser .content {
    padding-right: 11%;
  }
}

/*
**************************************************************************************
* Module: Node type download & landing page full.
**************************************************************************************
*/
.node-download-teaser.teaser-image--preview .field-name-field-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: #90d1e0;
}

.view-promoted-to-frontpage .node-download-teaser.teaser-image--preview .field-name-field-image {
  background-color: #EEE;
}

.node-download-teaser.teaser-image--preview .field-name-field-image .field-items {
  height: 100%;
  width: 100%;
  text-align: center;
}

.node-download-teaser.teaser-image--preview .field-name-field-image .field-item {
  display: inline-block;
  width: 70%;
  height: 88%;
  margin-top: 12%;
}

.node-download-teaser.teaser-image--preview .field-name-field-image img {
  min-width: 75%;
}

.view-downloads-must-read .node-download-teaser.teaser-image--preview .field-name-field-image .field-item img {
  min-width: 100%;
}

.node-download-teaser .field-name-date {
  display: none;
  color: #999;
  font-weight: 300;
  font-style: italic;
}

.node-download-teaser .field-name-date:after {
  content: ' - ';
}

.node-download-teaser .field-name-date * {
  display: inline;
}

.node-download-teaser .field-name-field-short-description {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 300;
  color: #333;
  display: none;
}

.node-download-teaser .field-name-field-short-description * {
  display: inline;
}

.node-download-teaser .field-name-field-category {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 40px;
  padding: 0 20px;
  line-height: 2.4;
  color: #FFF;
  background-color: #00545d;
  z-index: 2;
}

.node-download-teaser .content:before {
  position: absolute;
  right: 9px;
  top: 10px;
  content: '';
  z-index: 5;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -570px -488px;
  width: 25px;
  height: 20px;
}

.node-download-teaser .content:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  content: '';
  background-color: #3aa2df;
  z-index: 1;
}

.node-download-teaser .field-name-field-num-downloads {
  display: inline-block;
  margin-right: 5px;
  color: #CCC;
}

.node-download-teaser .field-name-read-more {
  display: none;
}

.download-type-tools .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -143px -529px;
  width: 23px;
  height: 20px;
}

.download-type-whitepaper .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -284px;
  width: 18px;
  height: 20px;
}

.download-type-branchresearch .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -236px -529px;
  width: 21px;
  height: 20px;
}

.download-type-cheatsheet .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -447px -529px;
  width: 19px;
  height: 20px;
}

.download-type-cuecard .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -17px -570px;
  width: 16px;
  height: 20px;
}

.download-type-quartermonitor .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -94px -529px;
  width: 24px;
  height: 20px;
}

.download-type-ebook .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -570px -488px;
  width: 25px;
  height: 20px;
}

.download-type-epaper .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -386px;
  width: 17px;
  height: 20px;
}

.download-type-elearning .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -119px -529px;
  width: 23px;
  height: 20px;
}

.download-type-report .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -213px -529px;
  width: 22px;
  height: 20px;
}

.download-type-guide .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -258px -529px;
  width: 21px;
  height: 20px;
}

.download-type-infographic .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -570px;
  width: 16px;
  height: 20px;
}

.download-type-slideshare .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -427px -529px;
  width: 19px;
  height: 20px;
}

@media (min-width: 820px) {
  .view-downloads-must-read .node-download-teaser {
    width: 620px;
    height: 305px;
  }
  .view-downloads-must-read .node-download-teaser.teaser-image--preview .field-name-field-image .field-item {
    margin-top: 1%;
  }
  .view-downloads-must-read .node-download-teaser.teaser-image--teaser-medium .field-name-field-image .field-item img {
    width: 100%;
  }
  .node-download-teaser:focus, .node-download-teaser:hover {
    cursor: pointer;
  }
  .node-download-teaser:focus h2, .node-download-teaser:hover h2 {
    margin-bottom: 10px;
  }
  .node-download-teaser:focus h2 a, .node-download-teaser:hover h2 a {
    text-decoration: underline;
  }
  .node-download-teaser:focus .field-name-read-more, .node-download-teaser:hover .field-name-read-more {
    display: block;
  }
  .node-download-teaser:focus .field-name-date,
  .node-download-teaser:focus .field-name-field-short-description, .node-download-teaser:hover .field-name-date,
  .node-download-teaser:hover .field-name-field-short-description {
    display: inline;
  }
}

@media (min-width: 980px) {
  .view-downloads-must-read .node-download-teaser {
    width: 460px;
    height: 375px;
  }
  .view-downloads-must-read .node-download-teaser.teaser-image--preview .field-name-field-image .field-item {
    margin-top: 12%;
  }
}

.node-landing-page-full h1,
.node-download-full h1 {
  margin-bottom: 2px;
  font-size: 32px;
  font-weight: 700;
  color: #178fa7;
  text-align: left;
}

.node-landing-page-full .field-name-field-subtitle,
.node-landing-page-full .field-name-date-and-category,
.node-landing-page-full .field-name-breadcrumbs,
.node-download-full .field-name-field-subtitle,
.node-download-full .field-name-date-and-category,
.node-download-full .field-name-breadcrumbs {
  font-weight: 300;
  color: #999;
}

.node-landing-page-full .field-name-field-subtitle,
.node-download-full .field-name-field-subtitle {
  margin-bottom: 20px;
  font-size: 20px;
}

.node-landing-page-full .field-name-breadcrumbs,
.node-landing-page-full .field-name-date-and-category,
.node-download-full .field-name-breadcrumbs,
.node-download-full .field-name-date-and-category {
  margin-bottom: 3px;
  font-size: 14px;
}

.node-landing-page-full .group-downloads-rating,
.node-download-full .group-downloads-rating {
  margin-bottom: 20px;
}

.node-landing-page-full .field-name-nx-downloaded,
.node-download-full .field-name-nx-downloaded {
  display: inline-block;
  margin-right: 20px;
}

.node-landing-page-full .field-name-nx-downloaded .field-item,
.node-download-full .field-name-nx-downloaded .field-item {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  color: #999;
  font-weight: 300;
}

.node-landing-page-full .field-name-nx-downloaded .field-item:before,
.node-download-full .field-name-nx-downloaded .field-item:before {
  position: absolute;
  content: '';
  left: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -595px -240px;
  width: 13px;
  height: 15px;
}

.node-landing-page-full .field-name-field-intro-text,
.node-download-full .field-name-field-intro-text {
  font-weight: 700;
  margin-bottom: 30px;
}

.node-landing-page-full .field-name-field-intro-text ul, .node-landing-page-full .field-name-field-intro-text ol,
.node-download-full .field-name-field-intro-text ul,
.node-download-full .field-name-field-intro-text ol {
  display: table;
}

.node-landing-page-full .field-name-body,
.node-download-full .field-name-body {
  clear: left;
  margin-bottom: 40px;
}

.node-landing-page-full .group-left,
.node-download-full .group-left {
  float: left;
  padding-top: 4px;
  margin-right: 20px;
  max-width: 80px;
}

.node-landing-page-full .field-name-field-preview-pdf,
.node-download-full .field-name-field-preview-pdf {
  font-size: 14px;
}

@media (min-width: 820px) {
  .node-landing-page-full .group-left,
  .node-download-full .group-left {
    max-width: none;
  }
}

/*
**************************************************************************************
* Module: Node service page.
**************************************************************************************
*/
.node-service-page-full {
  margin-bottom: 40px;
}

.node-service-page-full .field-name-field-title h2 {
  color: #178fa7;
}

.node-service-page-full .field-name-field-text-wysiwyg {
  margin-bottom: 20px;
}

.node-service-page-full .field-name-category-main {
  display: none;
}

.node-service-page-full .field-name-field-video-block a:focus,
.node-service-page-full .field-name-field-video-block a:hover {
  text-decoration: none;
}

.node-service-page-full .field-name-field-video-block a:focus .field-name-field-video-author,
.node-service-page-full .field-name-field-video-block a:hover .field-name-field-video-author {
  text-decoration: underline;
}

.node-service-page-full .field-name-field-video-block a:focus .video-title,
.node-service-page-full .field-name-field-video-block a:hover .video-title {
  text-decoration: underline;
}

.node-service-page-full .field-name-field-video-block a:focus .field-name-field-video-image:before,
.node-service-page-full .field-name-field-video-block a:hover .field-name-field-video-image:before {
  opacity: .6;
}

.node-service-page-full .field-name-field-video-block > .field-items > .field-item {
  margin: 0 auto 20px;
  width: 300px;
}

.node-service-page-full .field-name-field-video-block > .field-items .field-name-field-video-author {
  color: #999;
  font-size: 14px;
  line-height: 1;
}

.node-service-page-full .field-name-field-video-block > .field-items .video-title {
  font-size: 24px;
  font-weight: bold;
}

.node-service-page-full .field-name-field-video-block > .field-items .field-name-field-video-image {
  position: relative;
  margin-bottom: 20px;
}

.node-service-page-full .field-name-field-video-block > .field-items .field-name-field-video-image:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px 0px;
  width: 124px;
  height: 124px;
}

.node-service-page-full .field-name-field-video-block > .field-items .field-name-field-video-image img {
  display: block;
}

.node-service-page-full .field-name-field-youtube-channel {
  text-align: center;
}

.node-service-page-full .field-name-field-youtube-channel a {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 3px;
  border: 1px solid #eb6e08;
}

@media (min-width: 820px) {
  .node-service-page-full {
    margin-bottom: 60px;
  }
  .node-service-page-full .field-name-field-title {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
  }
  .node-service-page-full .field-name-field-text-wysiwyg {
    max-width: 620px;
    margin: 0 auto 40px;
    text-align: center;
  }
}

@media (min-width: 980px) {
  .node-service-page-full {
    margin-bottom: 60px;
  }
  .node-service-page-full .field-name-field-video-block > .field-items > .field-item {
    float: left;
    margin: 0 0 40px 0;
  }
  .node-service-page-full .field-name-field-video-block > .field-items > .field-item:nth-child(2) {
    margin: 0 20px;
  }
}

/*
**************************************************************************************
* Module: Node FAQ.
**************************************************************************************
*/
.page-faq h1 {
  font-size: 32px;
  font-weight: bold;
  color: #178fa7;
  text-align: left;
}

.page-faq .view-faq-full-content .views-row,
.page-faq .r-content > .inner {
  padding: 40px 20px;
  background-color: #FFF;
}

.page-faq .view-faq-full-content .views-row {
  margin-bottom: 20px;
}

@media (min-width: 820px) {
  .page-faq .view-faq-full-content .views-row,
  .page-faq .r-content > .inner {
    padding: 40px 60px;
  }
  .page-faq .view-faq-full-content .views-row {
    margin-bottom: 40px;
  }
}

@media (min-width: 980px) {
  .page-faq .view-faq-full-content .views-row,
  .page-faq .r-content > .inner {
    padding: 40px 120px;
  }
  .page-faq .view-faq-full-content .views-row {
    margin-bottom: 60px;
  }
}

.view-faq-page .views-row a {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.view-faq-page .views-row a:before {
  position: absolute;
  content: '';
  left: 0;
  top: 7px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -615px -145px;
  width: 5px;
  height: 10px;
}

.view-faq-full-content .views-row .views-field-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #178fa7;
}

.faq-block {
  padding: 20px;
  background-color: #FFF;
}

.faq-block h2 {
  color: #178fa7;
}

.view-faq-block .view-header {
  margin-bottom: 2em;
  font-weight: bold;
}

.view-faq-block .view-content {
  padding-bottom: 2em;
}

.view-faq-block .more-link {
  text-align: center;
}

.view-faq-block .more-link a {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 3px;
  border: 1px solid #eb6e08;
}

.view-faq-block .views-row {
  display: block;
  padding-bottom: 5px;
}

.view-faq-block .views-row a {
  display: block;
  position: relative;
  padding-left: 15px;
}

.view-faq-block .views-row a:before {
  position: absolute;
  content: '';
  left: 0;
  top: 7px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -615px -145px;
  width: 5px;
  height: 10px;
}

@media (min-width: 820px) {
  .faq-block {
    padding: 40px;
  }
  .faq-block h2 {
    color: #178fa7;
  }
  .view-faq-block .view-content {
    -moz-column-count: 2;
    column-count: 2;
  }
  .view-faq-block .views-row {
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
  }
}

/*
**************************************************************************************
* Module: Node package.
**************************************************************************************
*/
.node-package {
  text-align: center;
}

.node-package h2 {
  margin-bottom: 0;
  font-size: 24px;
}

.node-package .field:not(:last-child):not(.field-name-field-et-label) {
  margin-bottom: 10px;
}

.node-package .field-name-field-et-label {
  color: #FFF;
  line-height: 2.9;
  background-color: #3aa2df;
}

.node-package .field-name-field-package-icon {
  font-size: 48px;
  font-weight: bold;
  color: #178fa7;
  line-height: 1;
}

.node-package .field-type-link-field a {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid #eb6e08;
}

@media (min-width: 820px) {
  .node-package .field:not(:last-child):not(.field-name-field-et-label) {
    margin-bottom: 20px;
  }
}

/*
 *******************************************************************************
 * Module: Conversion page
 *******************************************************************************
 */
.node-type-conversion-page:not(.download-page) .l-page {
  padding-bottom: 80px;
}

.node-type-conversion-page:not(.download-page) .r-content {
  padding-top: 20px;
}

.node-type-conversion-page:not(.download-page) .breadcrumb {
  font-size: 12px;
  color: #999;
}

.node-type-conversion-page:not(.download-page) .breadcrumb a {
  color: #999;
}

.node-type-conversion-page:not(.download-page) .breadcrumb a:hover {
  color: #999;
  text-decoration: underline;
}

.node-conversion-page-full .content {
  max-width: 620px;
  margin: 0 auto;
  padding-top: 50px;
}

.node-conversion-page-full h1 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 32px;
}

.node-conversion-page-full .field-name-jmp-btn-to-marketo {
  width: auto;
}

.node-conversion-page-full .field-name-field-subtitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: lighter;
  color: #999;
}

.node-conversion-page-full.node-compact h1 {
  margin-bottom: 10px;
}

.node-conversion-page-full.node-compact .field-name-field-intro-text {
  text-align: center;
}

.node-conversion-page-full.node-extensive h1 {
  text-align: left;
}

.node-conversion-page-full.node-extensive .field-name-field-intro-text {
  font-weight: bold;
  margin-bottom: 1em;
}

.node-conversion-page-full .marketo-wrapper {
  margin-top: 30px;
  width: 100%;
}

@media (min-width: 820px) {
  .node-conversion-page-full h1 {
    margin-right: 160px;
  }
  .node-conversion-page-full .field-name-jmp-btn-to-marketo {
    position: absolute;
    right: 0;
    padding-top: 4px;
  }
  .node-conversion-page-full .field-name-jmp-btn-to-marketo a {
    display: block;
    max-width: 160px;
  }
  .node-conversion-page-full .marketo-wrapper {
    margin-top: 50px;
  }
}

@media (min-width: 980px) {
  .node-conversion-page-full h1 {
    margin-right: 0;
  }
}

/*
**************************************************************************************
* Module: DOWNLOAD PAGE
**************************************************************************************
*/
body.download-page h1 {
  margin-bottom: .5em;
  font-size: 32px;
  font-weight: 700;
  color: #178fa7;
}

body.download-page .region-content {
  text-align: center;
}

body.download-page .download-button {
  margin-top: 30px;
  margin-bottom: 50px;
}

@media (min-width: 820px) {
  body.download-page .r-content {
    background-color: #FFF;
  }
  body.download-page .region-content {
    padding: 0 40px 40px 40px;
  }
  body.download-page .region-content p {
    font-weight: 300;
  }
  body.download-page .download-button {
    margin-bottom: 20px;
  }
}

/*
**************************************************************************************
* Module: IFRAME
**************************************************************************************
*/
.node-iframe .field-type-text-with-summary {
  margin-bottom: 40px;
}

/*
**************************************************************************************
* Module: Campaign bar.
**************************************************************************************
*/
.campaign-wrapper {
  color: #FFF;
  background-color: #00545d;
}

.campaign-wrapper h2,
.campaign-wrapper h3,
.campaign-wrapper h4 {
  color: #FFF;
}

.campaign-wrapper a {
  color: inherit;
  text-decoration: underline;
}

.campaign-wrapper a[class] {
  text-decoration: inherit;
}

.campaign-wrapper .content {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 980px;
}

@media (min-width: 820px) {
  .campaign-wrapper .content {
    padding: 40px 30px;
  }
}

/*
**************************************************************************************
* Module: Prospect bar.
**************************************************************************************
*/
.prospect-wrapper {
  background-color: #178fa7;
  text-align: center;
}

.prospect-wrapper p,
.prospect-wrapper h2,
.prospect-wrapper h3,
.prospect-wrapper h4 {
  color: #FFF;
  margin: 0;
}

.prospect-wrapper a {
  display: inline-block;
  margin: 10px 10px 0;
  color: inherit;
  text-decoration: underline;
}

.prospect-wrapper a[class] {
  text-decoration: inherit;
}

.prospect-wrapper .content {
  margin: 0 auto;
  padding: 20px 10px;
  max-width: 980px;
}

@media (min-width: 820px) {
  .prospect-wrapper .content {
    padding: 40px 30px;
  }
  .prospect-wrapper .content p,
  .prospect-wrapper .content h2,
  .prospect-wrapper .content h3,
  .prospect-wrapper .content h4 {
    display: inline-block;
  }
  .prospect-wrapper .content a {
    margin: 0 0 0 20px;
  }
}

/*
**************************************************************************************
* Module: COMPANY SEARCH
**************************************************************************************
*/
#block-graydonmod-company-search {
  text-align: center;
}

#block-graydonmod-company-search .search-form .ac-container {
  width: 100%;
  max-width: 600px;
  min-height: 60px;
  margin: 0 auto;
  position: relative;
  text-shadow: none;
}

#block-graydonmod-company-search .search-form .ac-container2 {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
}

#block-graydonmod-company-search .search-form .ac-input {
  position: relative;
}

#block-graydonmod-company-search .search-form .ac-input:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 10px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -369px -488px;
  width: 40px;
  height: 40px;
}

#block-graydonmod-company-search .search-form #company-search-query {
  display: block;
  padding: 0 80px 0 0;
  width: 100%;
  outline: none;
  border-radius: 5px;
  font-size: 18px;
  line-height: 20px;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form #company-search-query:focus {
  outline: none;
}

#block-graydonmod-company-search .search-form #company-search-query::-webkit-input-placeholder {
  color: #aaa;
  font-style: italic;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form #company-search-query:-moz-placeholder {
  color: #aaa;
  opacity: 1;
  font-style: italic;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form #company-search-query::-moz-placeholder {
  color: #aaa;
  opacity: 1;
  font-style: italic;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form #company-search-query:-ms-input-placeholder {
  color: #aaa;
  font-style: italic;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form #company-search-query::-ms-clear {
  display: none;
}

#block-graydonmod-company-search .search-form .ac-results {
  margin-top: -2px;
}

#block-graydonmod-company-search .search-form ul {
  display: block;
  padding: 0;
  margin: 0;
}

#block-graydonmod-company-search .search-form li {
  display: block;
  text-align: left;
  background-color: #FFF;
}

#block-graydonmod-company-search .search-form li:nth-child(odd) {
  background-color: #eee;
}

#block-graydonmod-company-search .search-form li:last-child,
#block-graydonmod-company-search .search-form li:last-child > a {
  border-radius: 0 0 5px 5px;
}

#block-graydonmod-company-search .search-form a {
  display: block;
  padding: 4px 10px;
  color: #000;
  text-decoration: none;
  line-height: 1.4;
}

#block-graydonmod-company-search .search-form a > span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#block-graydonmod-company-search .search-form a:hover, #block-graydonmod-company-search .search-form a:focus {
  background-color: #ccc;
}

#block-graydonmod-company-search .search-form .no-result {
  display: block;
  padding: 8px 10px;
  color: #aaa;
}

#block-graydonmod-company-search .search-form .company-city {
  color: #888;
}

#block-graydonmod-company-search:not(.company-searched) .content .ac-results {
  display: none;
}

#block-graydonmod-company-search.company-searched .content #company-search-query {
  border-radius: 5px 5px 0 0;
}

/* Frontpage block. */
.front #block-graydonmod-company-search {
  padding: 15px 20px 20px;
  background-color: #90d1e0;
  color: #FFF;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.front #block-graydonmod-company-search h2 {
  color: #FFF;
  font-size: 28px;
  font-weight: normal;
  margin: 0;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}

.front #block-graydonmod-company-search h2 ~ .content {
  margin-top: 20px;
}

.front #block-graydonmod-company-search .search-form .ac-container2 {
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.front #block-graydonmod-company-search .search-form #company-search-query {
  border: solid 20px #FFF;
}

.front #block-graydonmod-company-search .search-form #company-search-query,
.front #block-graydonmod-company-search .search-form #company-search-query.throbbing {
  background-position: right 50px center;
}

/* Company detail page block. */
.page-companysearch #block-graydonmod-company-search {
  padding: 0 0 20px 0;
}

.page-companysearch #block-graydonmod-company-search h2 {
  display: none;
}

.page-companysearch #block-graydonmod-company-search .search-form #company-search-query {
  padding: 20px 100px 20px 20px;
}

.page-companysearch #block-graydonmod-company-search .search-form #company-search-query,
.page-companysearch #block-graydonmod-company-search .search-form #company-search-query.throbbing {
  background-position: right 60px center;
}

@media (min-width: 820px) {
  .front #block-graydonmod-company-search {
    padding: 110px 20px 130px 20px;
    background: #178fa7 url(../images/header-company-search.jpg) center center no-repeat;
    background-size: cover;
  }
  .front #block-graydonmod-company-search h2 {
    font-size: 48px;
  }
  .front #block-graydonmod-company-search h2 ~ .content {
    margin-top: 50px;
  }
  .page-companysearch #block-graydonmod-company-search {
    padding: 55px 0;
  }
}

/*
**************************************************************************************
* Module: Blog or Press item.
**************************************************************************************
*/
/* Node blog and press item page.
---------------------------------------- */
.node-type-blog h1,
.node-type-press-item h1 {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 700;
  color: #178fa7;
  text-align: left;
}

.node-type-blog .block-nodeblock,
.node-type-press-item .block-nodeblock {
  padding-bottom: 20px;
}

/* Content publication full view mode.
---------------------------------------- */
.content-publication {
  position: relative;
}

.content-publication .field-name-field-blog-type {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.content-publication .field-name-field-blog-type .field-item {
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 40px;
  text-align: left;
  color: #FFF;
  line-height: 1;
  background-color: #3aa2df;
}

.content-publication .field-name-field-blog-type .field-item:before {
  position: absolute;
  left: 2px;
  top: -2px;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -529px -411px;
  width: 40px;
  height: 40px;
}

.content-publication.blog-type-video .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -82px -488px;
  width: 40px;
  height: 40px;
}

.content-publication.blog-type-press .field-name-field-blog-type .field-item:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -41px -488px;
  width: 40px;
  height: 40px;
}

.content-publication.blog-type-podcast .field-name-field-blog-type .field-item:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -488px;
  width: 40px;
  height: 40px;
}

.content-publication.blog-type-webinar .field-name-field-blog-type .field-item:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -123px -488px;
  width: 40px;
  height: 40px;
}

.content-publication .field-name-author {
  text-align: left;
  font-size: 14px;
  font-weight: 300;
}

.content-publication .field-name-author .field-name-field-image {
  display: none;
  height: 80px;
  width: 80px;
  margin: 0 auto 10px;
  border-radius: 50%;
  overflow: hidden;
}

.content-publication .field-name-date-formatted {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
}

.content-publication .field-name-statistics {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
}

.content-publication .field-name-statistics .field-item {
  position: relative;
  padding-left: 28px;
}

.content-publication .field-name-statistics .field-item:before {
  position: absolute;
  content: '';
  top: 4px;
  left: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -482px -515px;
  width: 20px;
  height: 11px;
}

.content-publication .field-name-body {
  margin-bottom: 20px;
}

.content-publication .field-name-body h2 {
  color: #178fa7;
  font-size: 20px;
}

@media (min-width: 820px) {
  .node-type-blog .r-content,
  .node-type-press-item .r-content {
    padding-top: 32%;
    background-color: #FFF;
  }
  .node-type-blog .region-content,
  .node-type-press-item .region-content {
    position: relative;
    margin-right: 17%;
    background-color: #FFF;
  }
  .node-type-blog .block-nodeblock,
  .node-type-press-item .block-nodeblock {
    max-width: calc(100% - 17%);
    padding-left: calc((100% - 17%) / 4);
    padding-right: 40px;
    padding-bottom: 40px;
  }
  .content-publication {
    padding: 40px 40px 40px 25%;
    min-height: 230px;
  }
  .content-publication .field-name-body {
    margin-bottom: 0;
  }
  .content-publication .field-name-field-blog-type {
    position: absolute;
    float: none;
    display: inherit;
    margin: calc(-1em - 20px) 0 0 0;
    top: 0;
    right: 0;
  }
  .content-publication .field-name-date-formatted {
    margin-bottom: 13px;
  }
  .content-publication .field-name-author {
    position: absolute;
    text-align: center;
    left: 10px;
    max-width: 125px;
  }
  .content-publication .field-name-author .field-name-field-image {
    display: block;
  }
  .content-publication .field-name-author a,
  .content-publication .field-name-author span {
    display: block;
  }
  .content-publication .field-name-statistics {
    margin-bottom: 15px;
  }
  .content-publication .field-name-body .download-link,
  .content-publication .field-name-body blockquote,
  .content-publication .field-name-body figure.video,
  .content-publication .field-name-body img {
    margin-left: -40px;
    width: calc(100% + 80px);
    max-width: none;
  }
}

@media (min-width: 980px) {
  .node-type-blog .r-content, .node-type-press-item .r-content {
    padding-top: 300px;
  }
  .node-type-blog .region-content, .node-type-press-item .region-content {
    margin-right: 160px;
  }
  .node-type-blog .block-nodeblock, .node-type-press-item .block-nodeblock {
    max-width: calc(100% - 160px);
    padding-left: calc((100% - 160px) / 4);
    padding-bottom: 60px;
  }
  .content-publication {
    padding-left: 200px;
  }
  .content-publication .field-name-author {
    left: 40px;
    max-width: 145px;
  }
}

/* Teaser.
---------------------------------------- */
.node-blog-teaser .field-name-field-image,
.node-press-item-teaser .field-name-field-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.node-blog-teaser .field-name-field-image img,
.node-press-item-teaser .field-name-field-image img {
  width: 100%;
  height: auto;
}

.node-blog-teaser .field-name-category-sub,
.node-blog-teaser .field-name-category-main,
.node-press-item-teaser .field-name-category-sub,
.node-press-item-teaser .field-name-category-main {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 40px;
  padding: 0 10px;
  line-height: 2.4;
  color: #FFF;
  background-color: #00545d;
  z-index: 2;
}

.node-blog-teaser .content:before,
.node-press-item-teaser .content:before {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  background-color: #3aa2df;
  z-index: 2;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -529px -411px;
  width: 40px;
  height: 40px;
}

.node-blog-teaser.blog-type-video .content:before,
.node-press-item-teaser.blog-type-video .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -82px -488px;
  width: 40px;
  height: 40px;
}

.node-blog-teaser.blog-type-press .content:before,
.node-press-item-teaser.blog-type-press .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -41px -488px;
  width: 40px;
  height: 40px;
}

.node-blog-teaser.blog-type-podcast .content:before,
.node-press-item-teaser.blog-type-podcast .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -488px;
  width: 40px;
  height: 40px;
}

.node-blog-teaser.blog-type-webinar .content:before,
.node-press-item-teaser.blog-type-webinar .content:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -123px -488px;
  width: 40px;
  height: 40px;
}

.node-blog-teaser .field-name-by-author,
.node-press-item-teaser .field-name-by-author {
  position: relative;
  padding: 0;
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #999;
}

.node-blog-teaser .field-name-date,
.node-press-item-teaser .field-name-date {
  display: none;
  color: #999;
  font-weight: 300;
  font-style: italic;
}

.node-blog-teaser .field-name-date:after,
.node-press-item-teaser .field-name-date:after {
  content: ' - ';
}

.node-blog-teaser .field-name-date *,
.node-press-item-teaser .field-name-date * {
  display: inline;
}

.node-blog-teaser .field-name-field-short-description,
.node-press-item-teaser .field-name-field-short-description {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 300;
  color: #333;
  display: none;
}

.node-blog-teaser .field-name-field-short-description *,
.node-press-item-teaser .field-name-field-short-description * {
  display: inline;
}

.node-blog-teaser .field-name-read-more,
.node-press-item-teaser .field-name-read-more {
  display: none;
}

@media (min-width: 820px) {
  .node-blog-teaser:focus, .node-blog-teaser:hover,
  .node-press-item-teaser:focus,
  .node-press-item-teaser:hover {
    cursor: pointer;
  }
  .node-blog-teaser:focus h2, .node-blog-teaser:hover h2,
  .node-press-item-teaser:focus h2,
  .node-press-item-teaser:hover h2 {
    margin-bottom: 10px;
  }
  .node-blog-teaser:focus h2 a, .node-blog-teaser:hover h2 a,
  .node-press-item-teaser:focus h2 a,
  .node-press-item-teaser:hover h2 a {
    text-decoration: underline;
  }
  .node-blog-teaser:focus .field-name-by-author, .node-blog-teaser:hover .field-name-by-author,
  .node-press-item-teaser:focus .field-name-by-author,
  .node-press-item-teaser:hover .field-name-by-author {
    font-size: 0;
  }
  .node-blog-teaser:focus .field-name-read-more, .node-blog-teaser:hover .field-name-read-more,
  .node-press-item-teaser:focus .field-name-read-more,
  .node-press-item-teaser:hover .field-name-read-more {
    display: block;
  }
  .node-blog-teaser:focus .field-name-date,
  .node-blog-teaser:focus .field-name-field-short-description, .node-blog-teaser:hover .field-name-date,
  .node-blog-teaser:hover .field-name-field-short-description,
  .node-press-item-teaser:focus .field-name-date,
  .node-press-item-teaser:focus .field-name-field-short-description,
  .node-press-item-teaser:hover .field-name-date,
  .node-press-item-teaser:hover .field-name-field-short-description {
    display: inline;
  }
}

/* FRONTPAGE, SOLUTIONS blogs in CONTENT BOTTOM REGION.
---------------------------------------- */
.view-blogs-service-page.blog-default-grid,
.view-other-blogs.blog-default-grid,
.view-promoted-to-frontpage.blog-default-grid {
  padding: 80px 0;
  background-color: #90d1e0;
}

.view-blogs-service-page.blog-default-grid .view-content,
.view-other-blogs.blog-default-grid .view-content,
.view-promoted-to-frontpage.blog-default-grid .view-content {
  margin: 0 auto;
  max-width: 960px;
}

.view-blogs-service-page.blog-default-grid .view-footer,
.view-other-blogs.blog-default-grid .view-footer,
.view-promoted-to-frontpage.blog-default-grid .view-footer {
  padding-top: 40px;
  text-align: center;
}

.view-blogs-service-page.blog-default-grid .view-footer a,
.view-other-blogs.blog-default-grid .view-footer a,
.view-promoted-to-frontpage.blog-default-grid .view-footer a {
  margin: 0;
}

@media (min-width: 980px) {
  .view-blogs-service-page.blog-default-grid .views-row,
  .view-other-blogs.blog-default-grid .views-row,
  .view-promoted-to-frontpage.blog-default-grid .views-row {
    margin-bottom: 0;
  }
}

/* Blog FRONTPAGE & SERVICE PAGE.
---------------------------------------- */
.view-blogs-service-page.blog-default-grid .field-name-by-author,
.view-promoted-to-frontpage.blog-default-grid .field-name-by-author {
  font-size: 0;
}

.view-blogs-service-page.blog-default-grid .field-name-category-main,
.view-promoted-to-frontpage.blog-default-grid .field-name-category-main {
  display: none;
}

.view-blogs-service-page.blog-default-grid .views-row,
.view-promoted-to-frontpage.blog-default-grid .views-row {
  margin-right: 0;
  margin-bottom: 20px;
}

@media (min-width: 0) and (max-width: 979px) {
  .view-blogs-service-page.blog-default-grid .view-content,
  .view-promoted-to-frontpage.blog-default-grid .view-content {
    width: 300px;
  }
  .view-blogs-service-page.blog-default-grid .views-row,
  .view-promoted-to-frontpage.blog-default-grid .views-row {
    float: none;
  }
}

@media (min-width: 980px) {
  .view-blogs-service-page.blog-default-grid .view-content,
  .view-promoted-to-frontpage.blog-default-grid .view-content {
    padding: 0 10px;
  }
  .view-blogs-service-page.blog-default-grid .views-row,
  .view-promoted-to-frontpage.blog-default-grid .views-row {
    margin-bottom: 0;
  }
  .view-blogs-service-page.blog-default-grid .views-row:nth-child(2),
  .view-promoted-to-frontpage.blog-default-grid .views-row:nth-child(2) {
    margin: 0 20px;
  }
}

/* Blog OTHER BLOGS.
---------------------------------------- */
.view-other-blogs.blog-default-grid .views-row {
  margin-right: 0;
  margin-bottom: 20px;
}

@media (min-width: 0) and (max-width: 979px) {
  .view-other-blogs.blog-default-grid .view-content {
    width: 300px;
  }
  .view-other-blogs.blog-default-grid .views-row {
    float: none;
  }
}

@media (min-width: 980px) {
  .view-other-blogs.blog-default-grid .views-row {
    margin-bottom: 0;
  }
  .view-other-blogs.blog-default-grid .views-row:nth-child(2) {
    margin: 0 20px;
  }
}

/* Blogs by CATEGORY.
---------------------------------------- */
.view-blogs-categories .field-name-category-main {
  display: none;
}

.view-blogs-categories .field-name-category-sub {
  display: block;
}

/* Blogs by USER.
---------------------------------------- */
.blogs-user {
  padding: 20px 0 80px;
  background-color: #F0F0F0;
}

.blogs-user .view-blogs-by-user .view-content {
  margin: 0 auto;
  max-width: 960px;
}

.blogs-user > h2 {
  color: #3aa2df;
  text-align: center;
  margin-bottom: 60px;
}

.blogs-user .more-link {
  display: block;
  text-align: center;
}

@media (min-width: 820px) {
  .blogs-user .view-blogs-by-user .view-content {
    padding: 0 10px;
  }
}

/* Solution CTA.
---------------------------------------- */
.solution-cta {
  padding: 40px 40px 20px 40px;
  color: #FFF;
}

.solution-cta h2 {
  font-size: 24px;
}

.solution-cta a:not([class]) {
  color: #FFF;
  text-decoration: underline;
}

.solution-cta.has-content {
  background-color: #00545d;
}

/* Blog RELATED on MENU OVERLAY.
---------------------------------------- */
.solutions-overlay-attachment .row {
  margin-bottom: 20px;
  width: 100%;
}

.solutions-overlay-attachment .row .node,
.solutions-overlay-attachment .row .graydonmod-custom-block {
  width: 100%;
  height: 205px;
}

.solutions-overlay-attachment .row .node-teaser h2 {
  font-size: 18px;
  margin-bottom: 0;
}

.solutions-overlay-attachment .row .node-teaser:hover h2 {
  text-decoration: underline;
}

.solutions-overlay-attachment .row .field-content {
  width: 100%;
}

.solutions-overlay-attachment .row .field-content .field-name-field-short-description {
  display: none !important;
}

.solutions-overlay-attachment .row .field-content .field-name-by-author {
  font-size: 0;
}

.solutions-overlay-attachment .row .field-content .field-name-category-sub,
.solutions-overlay-attachment .row .field-content .field-name-category-main {
  display: none;
}

.solutions-overlay-attachment .row .field-content .field-name-read-more {
  display: none !important;
}

.solutions-overlay-attachment .row .field-content .field-name-date,
.solutions-overlay-attachment .row .field-content .field-name-field-short-description {
  display: none !important;
}

@media (min-width: 820px) {
  .solutions-overlay-attachment .row {
    float: left;
    width: 50%;
  }
  .solutions-overlay-attachment .row .field-content {
    padding-right: 20px;
    height: 205px;
  }
  .solutions-overlay-attachment .row .node,
  .solutions-overlay-attachment .row .graydonmod-custom-block {
    height: 100%;
  }
}

@media (min-width: 980px) {
  .solutions-overlay-attachment .row {
    width: 25%;
  }
  .solutions-overlay-attachment .solution-cta {
    padding: 30px 30px 15px 30px;
  }
}

.solutions-frontpage .row {
  padding-left: 10px;
  padding-right: 10px;
}

.solutions-frontpage .row:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}

.solutions-frontpage .node {
  margin: 0 auto;
  max-width: 1280px;
}

@media (min-width: 820px) {
  .solutions-frontpage .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .solutions-frontpage .row:nth-child(even) .node .field-name-field-image {
    float: right;
    padding-right: 0;
    padding-left: 5%;
  }
  .solutions-frontpage .row:nth-child(even) .node .content {
    float: left;
  }
}

@media (min-width: 980px) {
  .solutions-frontpage .row {
    padding-left: 30px;
    padding-right: 30px;
  }
  .solutions-frontpage .row:nth-child(even) .node .content {
    padding-right: 0;
    padding-left: 11%;
  }
}

@media (min-width: 1280px) {
  .solutions-frontpage .row {
    padding-left: 0;
    padding-right: 0;
  }
}

/* FEATURED (blog, customer cases and press items).
---------------------------------------- */
.featured {
  margin-bottom: 20px;
}

.featured .view-content {
  width: 300px;
  margin: 0 auto;
}

.featured .views-row {
  float: left;
  margin-bottom: 20px;
}

.featured .views-row:first-child .node,
.featured .views-row:first-child ~ .views-row .node, .featured .views-row.newsletter {
  width: 300px;
  height: 305px;
}

.featured .field-name-category-sub {
  display: none;
}

@media (min-width: 820px) {
  .featured {
    margin-bottom: 0;
  }
  .featured .view-content {
    width: 620px;
  }
  .featured .views-row:first-child {
    margin-bottom: 20px;
  }
  .featured .views-row:first-child .node {
    width: 620px;
    height: 305px;
  }
  .featured .views-row:last-child {
    margin-left: 20px;
    margin-right: 0;
  }
  .view-press-center.featured .views-row:nth-child(2n+3) {
    margin-left: 20px;
  }
}

@media (min-width: 980px) {
  .featured .view-content {
    width: 100%;
  }
  .view-customer-cases.featured,
  .view-blogs-home.featured {
    margin-bottom: 50px;
  }
  .view-customer-cases.featured .view-content,
  .view-blogs-home.featured .view-content {
    width: 100%;
    margin: 0;
  }
  .view-customer-cases.featured .view-content .views-row:first-child,
  .view-blogs-home.featured .view-content .views-row:first-child {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .view-customer-cases.featured .view-content .views-row:first-child .node,
  .view-blogs-home.featured .view-content .views-row:first-child .node {
    height: 660px;
  }
  .view-customer-cases.featured .view-content .views-row:first-child ~ .views-row,
  .view-blogs-home.featured .view-content .views-row:first-child ~ .views-row {
    margin-bottom: 50px;
    margin-right: 0;
  }
  .view-customer-cases.featured .view-content .views-row:last-child,
  .view-blogs-home.featured .view-content .views-row:last-child {
    margin-bottom: 0 !important;
    margin-left: 0;
  }
  .view-press-center.featured .views-row:nth-child(-n+2) {
    margin-bottom: 50px;
  }
  .view-press-center.featured .views-row:nth-child(2n+2), .view-press-center.featured .views-row:last-child {
    margin-left: 20px;
  }
  .view-press-center.featured .views-row:nth-child(3n) {
    margin-left: 0;
  }
}

/* Default grid (all thirds)
---------------------------------------- */
.default-grid .view-content {
  width: 300px;
  margin: 0 auto;
}

.default-grid .views-row {
  margin-bottom: 30px;
}

.default-grid .custom-block {
  width: 300px;
  height: 305px;
}

@media (min-width: 820px) and (max-width: 979px) {
  .default-grid .view-content {
    width: 620px;
  }
  .default-grid .views-row:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 820px) {
  .default-grid .views-row {
    float: left;
    margin-right: 20px;
    margin-bottom: 50px;
  }
}

@media (min-width: 980px) {
  .default-grid .view-content {
    width: 100%;
    margin: 0;
  }
  .default-grid .views-row:nth-child(3n+3) {
    margin-right: 0;
  }
}

/* Default blog grid (all thirds)
---------------------------------------- */
.blog-default-grid .view-content {
  width: 300px;
  margin: 0 auto;
}

.blog-default-grid .views-row {
  margin-bottom: 50px;
}

.blog-default-grid .custom-block {
  width: 300px;
  height: 305px;
}

.blog-default-grid .field-name-category-sub {
  display: none;
}

@media (min-width: 820px) and (max-width: 979px) {
  .blog-default-grid .view-content {
    width: 620px;
  }
  .blog-default-grid .views-row:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 820px) {
  .blog-default-grid .views-row {
    float: left;
    margin-right: 20px;
  }
  .blog-default-grid .user-profile-teaser {
    padding-top: 2em;
  }
}

@media (min-width: 980px) {
  .blog-default-grid .view-content {
    width: 100%;
    margin: 0;
  }
  .blog-default-grid .views-row:nth-child(3n+3) {
    margin-right: 0;
  }
}

/* Extended grid (different sizes).
---------------------------------------- */
.blog-extended-grid > .view-content {
  width: 300px;
  margin: 0 auto;
}

.blog-extended-grid > .view-content .views-row {
  float: left;
  margin-bottom: 20px;
}

.blog-extended-grid .custom-block {
  width: 300px;
  height: 305px;
}

.blog-extended-grid .field-name-category-sub {
  display: none;
}

@media (min-width: 820px) and (max-width: 979px) {
  .blog-extended-grid > .view-content {
    width: 620px;
  }
  .blog-extended-grid > .view-content .views-row:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 820px) {
  .blog-extended-grid > .view-content .views-row {
    margin-right: 20px;
  }
  .blog-extended-grid .user-profile-teaser {
    padding-top: 2em;
  }
}

@media (min-width: 980px) {
  .blog-extended-grid > .view-content {
    width: 100%;
    margin: 0;
  }
  .blog-extended-grid > .view-content .views-row {
    margin-bottom: 50px;
  }
  .blog-extended-grid > .view-content .views-row.half .node {
    width: 460px;
  }
  .blog-extended-grid > .view-content .views-row.twothirds .node {
    width: 620px;
  }
  .blog-extended-grid > .view-content .views-row.quote.half {
    width: 460px;
  }
  .blog-extended-grid > .view-content .views-row.custom-block.half {
    width: 460px;
  }
  .blog-extended-grid > .view-content .views-row.custom-block.twothirds {
    width: 620px;
  }
  .blog-extended-grid > .view-content .views-row.twothirds + .third {
    margin-right: 0;
  }
  .blog-extended-grid > .view-content .views-row.half + .half {
    margin-right: 0;
  }
  .blog-extended-grid > .view-content .views-row.third + .third + .third {
    margin-right: 0;
  }
}

/* Blogs homepage.
---------------------------------------- */
@media (min-width: 820px) {
  .blog-homepage h1 {
    color: #FFF;
    text-shadow: 0 0 15px #000;
  }
  .blog-homepage .l-page {
    background-image: url(../images/header-blog.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

/* Press view
---------------------------------------- */
.press-view .news-block {
  background-color: #00545d;
}

.press-view .news-block > h2 {
  color: #FFF;
}

.press-view .publications-block,
.press-view .financial-block {
  background-color: #F0F0F0;
}

@media (min-width: 820px) {
  .press-view .r-content .inner > h1 {
    color: #FFF;
    text-shadow: 0 0 15px #000;
  }
  .press-view .l-page {
    background-image: url(../images/header-press.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

.press-type-block .content {
  padding: 0 10px;
}

.press-type-block > h2 {
  padding: 20px 0 10px 10px;
  text-align: center;
}

.press-type-block .more-link {
  text-align: center;
  padding-bottom: 40px;
}

@media (min-width: 980px) {
  .press-type-block .content {
    width: 960px;
    margin: 0 auto;
  }
  .press-type-block .views-row {
    margin-bottom: 20px;
  }
  .press-type-block > h2 {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0 20px 10px;
    text-align: left;
  }
  .press-type-block .more-link {
    text-align: left;
  }
}

/* Node teaser event
---------------------------------------- */
.node-teaser-event {
  position: relative;
  width: 300px;
  height: 305px;
  overflow: hidden;
  background-color: #3aa2df;
}

.node-teaser-event a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.node-teaser-event a:focus,
.node-teaser-event a:hover {
  color: #FFF;
  text-decoration: none;
}

.node-teaser-event .content {
  position: relative;
  height: 100%;
  width: 100%;
}

.node-teaser-event .day,
.node-teaser-event .month {
  display: block;
  line-height: 1;
  color: #FFF;
}

.node-teaser-event .day {
  padding-top: 10px;
  font-size: 90px;
  font-weight: bold;
}

.node-teaser-event .month {
  font-size: 32px;
  font-weight: 300;
  text-transform: uppercase;
}

.node-teaser-event h3 {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #FFF;
}

.node-teaser-event .field-name-field-short-description,
.node-teaser-event .field-name-read-more {
  display: none;
}

.node-teaser-event:hover .day,
.node-teaser-event:hover .month, .node-teaser-event:focus .day,
.node-teaser-event:focus .month {
  display: none;
}

.node-teaser-event:hover h3, .node-teaser-event:focus h3 {
  position: relative;
}

.node-teaser-event:hover .field-name-field-short-description, .node-teaser-event:focus .field-name-field-short-description {
  display: block;
  max-height: 10.5em;
  overflow: hidden;
}

.node-teaser-event:hover .field-name-read-more, .node-teaser-event:focus .field-name-read-more {
  padding: 10px 20px !important;
  margin-top: 20px;
}

/* Node teaser event
---------------------------------------- */
.page-events h1 {
  margin-bottom: 20px;
}

.page-events .tabs ul.tabs {
  margin-bottom: 20px;
  box-shadow: none;
  text-align: center;
}

.page-events .tabs ul.tabs a {
  margin: 5px;
  border: 1px solid #00545d;
  border-radius: 5px;
  color: #00545d;
}

.page-events .tabs ul.tabs a:focus, .page-events .tabs ul.tabs a:hover {
  color: #000;
}

.page-events .tabs ul.tabs a.active {
  padding: .3em 1.5em;
  cursor: default;
  text-decoration: none;
  border: 1px solid #00545d;
  background-color: #00545d;
  color: white;
}

.page-events .tabs ul.tabs a.active:after {
  display: none;
}

.view-events.default-grid .view-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.view-events.default-grid .views-row {
  position: relative;
  background-color: white;
}

.view-events.default-grid .views-row:focus, .view-events.default-grid .views-row:hover {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.node-advanced-page-event {
  width: 300px;
}

.node-advanced-page-event a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  transition: opacity .05s;
}

.node-advanced-page-event a:focus,
.node-advanced-page-event a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.node-advanced-page-event .imgwrap {
  background-color: #00545d;
  height: 244px;
}

.node-advanced-page-event .wrapped {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 48px;
}

.node-advanced-page-event .field-name-field-datetime,
.node-advanced-page-event .field-name-field-city {
  display: block;
  padding-left: 17px;
  line-height: 1.2;
  color: #2e82b2;
}

.node-advanced-page-event h2 {
  font-size: 1.4em;
}

.node-advanced-page-event .icon-agenda-small:before {
  content: '';
  position: absolute;
  margin-top: 2px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -528px -529px;
  width: 13px;
  height: 13px;
}

.node-advanced-page-event .icon-location-small:before {
  content: '';
  position: absolute;
  margin-top: 2px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -542px -529px;
  width: 13px;
  height: 13px;
}

.node-advanced-page-event .field-name-field-city {
  margin-bottom: 5px;
}

.node-advanced-page-event .field-name-field-short-description {
  display: block;
  overflow: hidden;
  line-height: 1.3;
}

.node-advanced-page-event .read-more {
  position: absolute;
  bottom: 15px;
  color: #eb6e08;
}

.node-advanced-page-event:hover .read-more, .node-advanced-page-event:focus .read-more {
  text-decoration: underline;
}

/* Job vacancies home block.
---------------------------------------- */
.job-vacancies-home-block {
  padding-bottom: 40px;
}

.job-vacancies-home-block > h2 {
  padding: 20px 0;
  text-align: center;
  color: #3aa2df;
}

.job-vacancies-home-block .field-name-search-labels {
  display: none;
}

@media (min-width: 820px) {
  .job-vacancies-home-block {
    padding-bottom: 60px;
  }
  .job-vacancies-home-block > h2 {
    padding: 30px 0;
  }
}

@media (min-width: 980px) {
  .job-vacancies-home-block {
    padding-bottom: 80px;
  }
  .job-vacancies-home-block > h2 {
    padding: 40px 0;
  }
}

/* Job vacancies block.
---------------------------------------- */
.job-vacancies-block {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  color: #FFF;
  background-color: #178fa7;
}

.job-vacancies-block > h2 {
  text-align: center;
  padding-top: 30px;
}

.job-vacancies-block .view-content {
  padding: 20px 0;
}

.job-vacancies-block .views-row {
  border: 1px solid #FFF;
  margin: 12px 0;
}

.job-vacancies-block .views-row a {
  display: block;
  position: relative;
  padding: 10px 20px;
  padding-left: 65px;
  color: #FFF;
  font-size: 18px;
}

.job-vacancies-block .views-row a:hover, .job-vacancies-block .views-row a:focus {
  background-color: #00545d;
}

.job-vacancies-block .views-row a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  margin-left: 20px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -517px -488px;
  width: 25px;
  height: 22px;
}

.job-vacancies-block .more-link {
  text-align: center;
}

@media (min-width: 820px) {
  .job-vacancies-block {
    padding-bottom: 70px;
    padding-top: 20px;
  }
}

.related-content-wrapper {
  width: 100%;
}

.related-content-wrapper > h2 {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.related-content-grid .view-content {
  border-bottom: 1px solid #F0F0F0;
}

.related-content-grid .views-row {
  padding: 10px 0;
  border-top: 1px solid #F0F0F0;
}

.related-content-grid .views-row h2 {
  width: 100%;
  margin-bottom: 0;
  font-size: 24px;
}

@media (min-width: 820px) {
  .related-content-grid .view-content {
    border-top: 1px solid #F0F0F0;
    border-bottom: none;
  }
  .related-content-grid .views-row {
    float: left;
    width: 50%;
    padding: 30px 40px;
    border-top: none;
  }
  .related-content-grid .views-row:last-child {
    border-left: 1px solid #F0F0F0;
  }
}

/*
**************************************************************************************
* Module: BLOGGER detail page
**************************************************************************************
*/
.page-user-profile .block-fieldblock {
  margin-bottom: 20px;
  text-align: center;
}

.page-user-profile .block-fieldblock .field-name-field-image img {
  width: 200px;
  height: 200px;
  margin: 0 0 20px 0;
  border-radius: 50%;
  border: 3px solid #FFF;
}

.page-user-profile h1 {
  margin-bottom: 0;
  color: #178fa7;
  text-align: left;
  font-size: 32px;
  font-weight: 700;
}

.page-user-profile .field-name-field-job-title {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
  color: #999;
}

.page-user-profile .field-name-field-description {
  margin-bottom: 20px;
}

.page-user-profile .field-name-view-bloggers {
  margin-bottom: 30px;
}

.page-user-profile .field-name-social-media-full .field-label {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #178fa7;
}

.page-user-profile .social-media-links {
  padding: 0;
  margin: 0;
}

.page-user-profile .social-media-links li {
  display: inline-block;
  padding: 0;
  margin: 0 8px 0 0;
  list-style-type: none;
}

.page-user-profile .social-media-links li a {
  position: relative;
  height: 40px;
  width: 40px;
  padding: 0;
  display: block;
  color: #FFF;
  border-radius: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.page-user-profile .social-media-links li a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  transform: translate(-50%, -50%);
}

.page-user-profile .social-media-links li.last {
  margin-right: 0;
}

.page-user-profile .social-media-links a.facebook {
  background-color: #3b5998;
}

.page-user-profile .social-media-links a.facebook:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -44px;
  width: 11px;
  height: 19px;
}

.page-user-profile .social-media-links a.google-plus {
  background-color: #dd4b39;
}

.page-user-profile .social-media-links a.google-plus:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -487px -529px;
  width: 19px;
  height: 18px;
}

.page-user-profile .social-media-links a.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.page-user-profile .social-media-links a.instagram:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -322px -529px;
  width: 20px;
  height: 20px;
}

.page-user-profile .social-media-links a.linkedin {
  background-color: #0976b4;
}

.page-user-profile .social-media-links a.linkedin:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -467px -529px;
  width: 19px;
  height: 19px;
}

.page-user-profile .social-media-links a.twitter {
  background-color: #55acee;
}

.page-user-profile .social-media-links a.twitter:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -507px -529px;
  width: 20px;
  height: 16px;
}

.page-user-profile .block-fieldblock .social-media-links {
  text-align: center;
}

.page-user-profile .block-fieldblock .social-media-links li a {
  height: 40px;
  width: 40px;
  padding: 0;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 50%;
}

@media (min-width: 820px) {
  .page-user-profile .r-content .social-media-links li a {
    height: auto;
    width: auto;
    padding: 5px 20px 5px 40px;
    text-indent: 0;
  }
  .page-user-profile .r-content .social-media-links li a:before {
    left: 20px;
    margin-left: 0 !important;
  }
}

/*
**************************************************************************************
* Module: PRODUCTS
**************************************************************************************
*/
/* Product content.
---------------------------------------- */
.node-type-product .r-content-top {
  display: none;
  min-height: 80px;
  margin-bottom: 20px;
  overflow: visible;
}

.node-type-product .r-content-top .block {
  background: #FFF;
  background: linear-gradient(#F0F0F0 1px, white 0);
  background-size: 100% 80px;
  border-bottom: 1px solid #F0F0F0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.node-type-product .r-content-top.fixed .block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.node-type-product .r-content-top.fixed .button {
  display: block;
}

.node-type-product .r-content-top.fixed .item-list {
  float: left;
  width: calc(100% - 200px);
}

.node-type-product .r-content-top .content {
  height: 80px;
  overflow: visible;
}

.node-type-product .product-menu {
  padding: 0;
  margin: 0;
  font-size: 0;
}

.node-type-product .product-menu li {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 18px;
}

.node-type-product .product-menu li a {
  display: block;
  padding: 10px 20px;
  max-width: 400px;
  height: 80px;
  font-size: inherit;
  font-weight: bold;
  color: #333;
  line-height: 3.4;
  border-right: 1px solid #CCC;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.node-type-product .product-menu.max-width-items li {
  vertical-align: top;
}

.node-type-product .product-menu.max-width-items li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 200px;
  padding: 10px 20px;
  text-align: center;
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
  word-break: normal;
}

.node-type-product .button {
  display: none;
  position: relative;
  float: right;
  max-width: 230px;
  margin-right: 20px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
  text-align: center;
}

@media (min-width: 980px) {
  .node-type-product .r-content-top {
    position: relative;
    display: block;
    padding: 0;
  }
  .node-type-product .r-content-top > .inner {
    padding: 0;
  }
  .sticky-rows-2 .r-content-top,
  .sticky-rows-2 .r-content-top .block {
    min-height: 160px;
  }
}

/* Product content.
---------------------------------------- */
.sticky-rows-1 .node-product .entity-field-collection-item {
  padding-top: 80px;
  margin-top: -80px;
}

.sticky-rows-2 .node-product .entity-field-collection-item {
  padding-top: 160px;
  margin-top: -160px;
}

.node-type-product .region-content .field-name-field-title h2 {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
  color: #3aa2df;
}

.node-type-product .region-content .field-name-field-content-blocks > .field-items > .field-item {
  margin-bottom: 40px;
}

.node-type-product .region-content .field-name-field-content-blocks > .field-items > .field-item:last-child {
  margin-bottom: 0;
}

.node-type-product .region-content .field-name-field-link {
  display: inline-block;
  margin-top: 30px;
}

.node-type-product .region-content .field-name-field-additional-link {
  display: inline-block;
  margin-top: 30px;
}

.node-type-product .region-content .field-type-link-field + .field-type-link-field {
  margin-left: 30px;
}

@media (min-width: 820px) {
  .node-type-product .region-content .field-name-field-title h2 {
    margin-bottom: 30px;
  }
  .node-type-product .region-content .field-name-field-content-blocks > .field-items > .field-item {
    margin-bottom: 80px;
  }
  .node-type-product .region-content .field-name-field-content-blocks > .field-items > .field-item:last-child {
    margin-bottom: 0;
  }
  /* Content + sidebar right on the left.
  ---------------------------------------- */
  .node-type-product .r-content {
    width: 70%;
    float: right;
  }
  .node-type-product .r-sidebar-right {
    max-width: 300px;
    width: 25%;
    float: left;
    padding-left: 0;
  }
}

@media (min-width: 980px) {
  /* Content + sidebar right on the left.
  ---------------------------------------- */
  .node-type-product .r-content {
    max-width: none;
    width: 620px;
    float: right;
  }
  .node-type-product .r-sidebar-right {
    width: calc(100% - 620px);
    float: left;
  }
}

/* Node product teaser.
---------------------------------------- */
.node-product-teaser {
  text-align: center;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
}

.node-product-teaser:hover {
  background-color: #F0F0F0;
}

.node-product-teaser:hover .field-name-read-more .field-item {
  background-color: #a24e03;
}

.node-product-teaser .product-link {
  display: block;
  padding: 150px 10px 20px 10px;
  text-decoration: none;
}

.node-product-teaser .product-link:before {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 120px;
  height: 120px;
}

.node-product-teaser h2 {
  display: block;
  font-size: 26px;
  color: #333;
}

.node-product-teaser .field-name-field-short-description {
  display: inline-block;
  max-width: 260px;
  margin-bottom: 1em;
  color: #333;
}

.icon-JuridischeIncasso .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -246px -121px;
  width: 120px;
  height: 120px;
}

.icon-AuditTrail .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -242px -367px;
  width: 120px;
  height: 120px;
}

.icon-DatabaseManagement .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -363px -367px;
  width: 120px;
  height: 120px;
}

.icon-DataIntegration .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -125px 0px;
  width: 120px;
  height: 120px;
}

.icon-Debiteurenbeheer .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -121px -367px;
  width: 120px;
  height: 120px;
}

.icon-DebiteurenbeheerAutomatiseren .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -125px;
  width: 120px;
  height: 120px;
}

.icon-DebiteurenbeheerAutomatiseren2 .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -121px -125px;
  width: 120px;
  height: 120px;
}

.icon-IdentificationAcceptation .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -246px 0px;
  width: 120px;
  height: 120px;
}

.icon-Klantacceptatie .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -246px;
  width: 120px;
  height: 120px;
}

.icon-Leadgeneratie1 .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -121px -246px;
  width: 120px;
  height: 120px;
}

.icon-Marktanalyse .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -242px -246px;
  width: 120px;
  height: 120px;
}

.icon-MinnelijkeIncasso .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -367px 0px;
  width: 120px;
  height: 120px;
}

.icon-MinnelijkeIncasso2 .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -367px -121px;
  width: 120px;
  height: 120px;
}

.icon-Monitoring .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -367px -242px;
  width: 120px;
  height: 120px;
}

.icon-Segmenteren .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: 0px -367px;
  width: 120px;
  height: 120px;
}

.icon-InternationalBusiness .product-link:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px 0px;
  width: 120px;
  height: 120px;
}

@media (min-width: 820px) {
  .node-product-teaser .field-name-field-short-description {
    overflow: hidden;
    height: 6em;
  }
}

/* Other products view-block.
---------------------------------------- */
.other-products {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}

.other-products > h2 {
  margin-bottom: 40px;
  color: #3aa2df;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.other-products .views-row {
  position: relative;
  margin-bottom: 40px;
}

@media (min-width: 820px) {
  .other-products .view-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .other-products .views-row {
    display: -ms-flexbox;
    display: flex;
  }
  .flexboxtweener .other-products .views-row,
  .no-flexbox .other-products .views-row {
    float: left;
    min-height: 420px;
  }
}

@media (min-width: 820px) and (max-width: 979px) {
  .other-products > h2 {
    margin-bottom: 30px;
  }
  .other-products .views-row {
    position: relative;
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 60px;
  }
  .other-products .views-row:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 980px) {
  .other-products > h2 {
    margin-bottom: 50px;
  }
  .other-products .views-row {
    width: calc(33% - 20px);
    margin-right: 30px;
    margin-bottom: 80px;
  }
  .other-products .views-row:nth-child(3n+3) {
    margin-right: 0;
  }
}

/*
**************************************************************************************
* Module: CALL ME.
**************************************************************************************
*/
.node-call-me-teaser {
  position: relative;
}

.node-call-me-teaser .field-name-field-link a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -999px;
  text-align: left;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.node-call-me-teaser .field-name-field-link a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -528px -452px;
  width: 30px;
  height: 30px;
}

.node-call-me-teaser .field-name-field-link a:hover:before {
  opacity: .9;
}

.node-call-me-teaser .field-name-field-image img {
  display: block;
  margin-bottom: 20px;
}

.node-call-me-teaser ul li[class^="icon-"] {
  padding-left: 30px;
  color: #3aa2df;
}

.node-call-me-teaser ul li[class^="icon-"]:before {
  top: -2px;
}

.node-call-me-teaser ul li[class^="icon-"] + li {
  margin-top: .4em;
}

.node-call-me-teaser ul li a {
  color: inherit;
  text-decoration: underline;
}

.node-call-me-teaser ul li a:hover {
  color: #eb6e08;
}

.node-call-me-teaser ul li.icon-phone:before {
  top: 8px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -364px -529px;
  width: 20px;
  height: 20px;
}

.node-call-me-teaser ul li.icon-mail:before {
  top: 8px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -571px -240px;
  width: 23px;
  height: 15px;
}

.node-call-me-teaser ul li.icon-mobile-phone:before {
  left: 4px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -309px;
  width: 15px;
  height: 25px;
}

.node-call-me-teaser ul li.icon-person:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -167px -529px;
  width: 22px;
  height: 20px;
}

/*
**************************************************************************************
* Module: SOCIAL SHARE
**************************************************************************************
*/
.social-share {
  text-align: center;
  padding-bottom: 60px;
}

.social-share .share-label {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.social-share .content a:first-child {
  margin-left: 0;
}

.social-share .content a {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 45px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
  line-height: 1;
  border-radius: 3px;
  overflow: hidden;
  text-indent: -999px;
}

.social-share .content a:before {
  position: absolute;
  top: 9px;
  left: 10px;
  content: '';
}

.social-share .content .social-share-facebook {
  background-color: #3b5998;
}

.social-share .content .social-share-facebook:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -360px;
  width: 14px;
  height: 25px;
}

.social-share .content .social-share-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-share .content .social-share-instagram:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -438px -488px;
  width: 26px;
  height: 26px;
}

.social-share .content .social-share-googleplus {
  background-color: #dd4b39;
}

.social-share .content .social-share-googleplus:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -491px -488px;
  width: 25px;
  height: 24px;
}

.social-share .content .social-share-linkedin {
  background-color: #0976b4;
}

.social-share .content .social-share-linkedin:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -465px -488px;
  width: 25px;
  height: 25px;
}

.social-share .content .social-share-twitter {
  background-color: #55acee;
}

.social-share .content .social-share-twitter:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -543px -488px;
  width: 26px;
  height: 21px;
}

@media (min-width: 820px) {
  .social-share .content a {
    padding: 18px 25px 18px 60px;
    height: auto;
    width: auto;
    overflow: visible;
    text-indent: 0;
  }
  .social-share .content a:before {
    position: absolute;
    top: 13px;
    left: 30px;
    content: '';
  }
  .social-share .content a:first-child {
    margin-left: 0;
  }
}

/*
 ***********************************************************************************************
 * Module: User overview
 ***********************************************************************************************
 */
/* Default grid (all thirds)
---------------------------------------- */
.users-grid .view-content {
  width: 300px;
  margin: 0 auto;
}

.users-grid .views-row {
  float: left;
  width: 300px;
  margin-bottom: 20px;
}

@media (min-width: 820px) and (max-width: 979px) {
  .users-grid .view-content {
    width: 620px;
  }
  .users-grid .views-row {
    height: 300px;
    margin-right: 20px;
  }
  .users-grid .views-row:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (min-width: 980px) {
  .users-grid .view-content {
    width: 100%;
    margin: 0;
  }
  .users-grid .views-row {
    height: 330px;
    margin-right: 20px;
  }
  .users-grid .views-row:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media (min-width: 820px) {
  body.page-blog-bloggers h1 {
    margin-bottom: 1.5em;
  }
}

/*
 ***********************************************************************************************
 * Module: User profile (view modes)
 ***********************************************************************************************
 */
.user-profile .field-name-field-image img {
  border-radius: 50%;
  border: 2px solid #FFF;
}

.user-profile-teaser .field {
  display: block;
}

.user-profile-teaser .field-items {
  text-align: center;
}

.user-profile-teaser .field-name-field-display-name {
  margin-bottom: .3em;
  font-size: 20px;
  font-weight: bold;
}

.user-profile-teaser .field-name-field-job-title,
.user-profile-teaser .field-name-num-written-blogs {
  font-size: 14px;
  font-weight: 300;
}

.user-profile-teaser .field-name-num-written-blogs {
  font-style: italic;
}

.user-profile-teaser .field-name-view-profile {
  margin-top: .3em;
  font-size: 16px;
  font-weight: 300;
}

.user-profile-teaser-employee a {
  position: relative;
  display: block;
  color: initial;
  text-decoration: none;
}

.user-profile-teaser-employee .field-name-profile-items {
  transform-style: preserve-3d;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 2px;
  left: 50%;
  margin-left: -100px;
  overflow: hidden;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(58, 162, 223, 0.8);
  transition: opacity 150ms ease-in;
  opacity: 0;
}

.user-profile-teaser-employee .field-name-profile-items .field-items {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 76%;
}

.user-profile-teaser-employee .field-name-profile-items .field-item {
  position: relative;
  padding: 10px 0 10px 28px;
  text-align: left;
}

.user-profile-teaser-employee .field-name-profile-items .field-item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.user-profile-teaser-employee .field-name-profile-items .field-item[data-type="linkedin"]:before {
  top: 8px;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -467px -529px;
  width: 19px;
  height: 19px;
}

.user-profile-teaser-employee .field-name-profile-items .field-item[data-type="username"]:before {
  top: 50%;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -280px -529px;
  width: 20px;
  height: 20px;
}

.user-profile-teaser-employee .field-name-profile-items .field-item:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.user-profile-teaser-employee .field-name-field-job-level {
  text-align: center;
}

.user-profile-teaser-employee .field-name-field-job-level .field-items {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  width: auto;
  height: 30px;
  line-height: 28px;
  color: #fff;
  background-color: #3aa2df;
}

.user-profile-teaser-employee .field-name-field-job-level .field-items:before {
  position: absolute;
  top: 0;
  left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 0;
  border-color: transparent #3aa2df transparent transparent;
}

.user-profile-teaser-employee .field-name-field-job-level .field-items:after {
  position: absolute;
  bottom: 0;
  left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 15px;
  border-color: transparent transparent #3aa2df transparent;
}

.user-profile-teaser-employee .field-name-field-job-level .field-item:before {
  position: absolute;
  top: 0;
  right: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 0;
  border-color: #3aa2df transparent transparent transparent;
}

.user-profile-teaser-employee .field-name-field-job-level .field-item:after {
  position: absolute;
  bottom: 0;
  right: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 0 15px;
  border-color: transparent transparent transparent #3aa2df;
}

.user-profile-teaser-employee .field-name-field-display-name {
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.2;
  color: #333;
}

.user-profile-teaser-employee .field-name-field-job-title {
  margin-bottom: .3em;
  font-size: 16px;
  font-weight: 300;
  color: #999;
}

@media (min-width: 820px) {
  .user-profile-teaser-employee a:hover .field-name-profile-items {
    opacity: 1;
  }
  .user-profile-teaser-employee a:hover .field-name-profile-items .field-items {
    transform: translateY(-50%);
  }
  .user-profile-teaser-employee .field-name-profile-items .field-items {
    transform: translateY(0%);
    transition: transform 150ms ease-out;
  }
}

/*
 ***********************************************************************************************
 * Module: CUSTOM BLOCKS
 ***********************************************************************************************
 */
/*  View all authors block.
---------------------------------------- */
a.view-all-bloggers {
  transform-style: preserve-3d;
  display: block;
  width: 100%;
  height: 305px;
  padding: 35px;
  text-decoration: none;
  text-align: center;
  background-color: #3aa2df;
  background-repeat: no-repeat;
  background-size: cover;
}

a.view-all-bloggers:focus, a.view-all-bloggers:hover {
  text-decoration: inherit;
}

a.view-all-bloggers:focus .more-link, a.view-all-bloggers:hover .more-link {
  background-color: #a24e03;
}

a.view-all-bloggers .content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

a.view-all-bloggers .title {
  display: block;
  margin-bottom: .5em;
  font-size: 24px;
  font-weight: 300;
  color: #FFF;
  line-height: 1.5;
}

/*  Bloggers
---------------------------------------- */
.custom-block.blogger {
  text-align: center;
}

/*  Social block.
---------------------------------------- */
.custom-block.social {
  padding: 65px 40px;
  text-align: center;
}

.custom-block.social img {
  display: inline-block;
  margin-bottom: 15px;
}

.custom-block.social h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
}

/*  Contact Tamara block.
---------------------------------------- */
.custom-block .contact-press {
  width: 300px;
  height: 305px;
  padding: 20px 20px 10px 20px;
  background-color: #3aa2df;
  color: #FFF;
}

.custom-block .contact-press h2 {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1em;
}

.custom-block .contact-press a {
  color: white;
  text-decoration: underline;
}

.custom-block .contact-press a:hover {
  text-decoration: none;
}

.custom-block .contact-press ul,
.custom-block .contact-press li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 18px;
}

.custom-block .contact-press ul {
  padding: 0 20px;
}

.custom-block .contact-press li.icon-person,
.custom-block .contact-press li.icon-phone,
.custom-block .contact-press li.icon-mobile-phone,
.custom-block .contact-press li.icon-mail {
  margin-top: 15px;
  padding-left: 35px;
  margin-bottom: 5px;
  word-break: break-all;
  line-height: 1.2em;
}

.custom-block .contact-press li.icon-person:before,
.custom-block .contact-press li.icon-phone:before,
.custom-block .contact-press li.icon-mobile-phone:before,
.custom-block .contact-press li.icon-mail:before {
  position: absolute;
  content: '';
  left: 5px;
  top: 0;
}

.custom-block .contact-press li.icon-person:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -190px -529px;
  width: 22px;
  height: 20px;
}

.custom-block .contact-press li.icon-phone:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -301px -529px;
  width: 20px;
  height: 20px;
}

.custom-block .contact-press li.icon-mobile-phone:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -590px -258px;
  width: 15px;
  height: 25px;
}

.custom-block .contact-press li.icon-mail:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -547px -240px;
  width: 23px;
  height: 15px;
}

/*  Newsletter block.
---------------------------------------- */
.custom-block .newsletter {
  height: 100%;
  padding: 65px 40px;
  text-align: center;
}

.custom-block .newsletter h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
}

.custom-block .newsletter form.mktoForm label {
  display: none !important;
}

.custom-block .newsletter form.mktoForm input {
  width: 220px !important;
  margin-bottom: 15px !important;
  border: 0 !important;
}

.custom-block .newsletter form.mktoForm .mktoButtonRow {
  width: 220px !important;
  text-align: center !important;
}

.custom-block .newsletter form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.custom-block .newsletter form.mktoForm .mktoButton {
  padding: 5px 15px !important;
  line-height: 1.5 !important;
}

.form-confirmation-popup {
  position: absolute;
  display: none;
  padding: 20px;
  bottom: 65px;
  left: 50%;
  margin-left: -175px;
  width: 300px;
  z-index: 2;
  color: #FFF;
  background: rgba(0, 84, 93, 0.95);
  text-align: left;
  border-radius: 5px;
}

.form-confirmation-popup h2,
.form-confirmation-popup h3,
.form-confirmation-popup h4 {
  font-size: 20px !important;
  margin-bottom: .2em !important;
}

.form-confirmation-popup a {
  color: #FFF;
  text-decoration: underline;
}

.form-confirmation-popup a:hover {
  color: #eb6e08;
}

.form-confirmation-popup.visible {
  display: block;
}

.form-confirmation-popup:after {
  position: absolute;
  left: 20px;
  bottom: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: rgba(0, 84, 93, 0.95) transparent transparent transparent;
}

.general-newsletter-subscription {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}

.general-newsletter-subscription form {
  display: inline-block !important;
  width: 100% !important;
  max-width: 350px !important;
}

.general-newsletter-subscription .mktoLabel {
  display: none !important;
}

.general-newsletter-subscription .mktoFormRow {
  float: left;
  width: calc(100% - 50px) !important;
  max-width: none !important;
}

.general-newsletter-subscription .mktoFormCol {
  width: 100% !important;
  max-width: none !important;
}

.general-newsletter-subscription .mktoFieldWrap {
  width: 100% !important;
}

.general-newsletter-subscription form.mktoForm input {
  padding: 5px 20px !important;
  height: 40px !important;
  width: 100% !important;
  max-width: none !important;
  line-height: 1.1 !important;
}

.general-newsletter-subscription .mktoButtonWrap {
  float: right;
  margin-left: 10px !important;
}

.general-newsletter-subscription .mktoButton {
  position: relative;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
}

.general-newsletter-subscription .mktoButton:before {
  position: absolute;
  top: 10px;
  left: 15px;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -22px;
  width: 12px;
  height: 21px;
}

@media (min-width: 0) and (max-width: 819px) {
  .general-newsletter-subscription .mktoButtonRow {
    width: auto !important;
  }
  .general-newsletter-subscription .mktoFormRow, .general-newsletter-subscription .mktoButtonRow {
    float: left !important;
  }
}

@media (min-width: 820px) {
  .general-newsletter-subscription {
    width: 50%;
    float: left;
  }
}

.newsletter-download-block {
  margin-top: 40px;
  padding: 40px 20px;
  background-color: #00545d;
}

.newsletter-download-block h2 {
  margin-bottom: 1em;
  color: #FFF;
  font-size: 24px;
  text-align: center;
}

.newsletter-download-block form {
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 auto;
}

.newsletter-download-block .mktoLabel {
  display: none !important;
}

.newsletter-download-block .mktoFormRow {
  float: left;
  width: calc(100% - 50px) !important;
  max-width: none !important;
}

.newsletter-download-block .mktoFormCol {
  width: 100% !important;
  max-width: none !important;
}

.newsletter-download-block .mktoFieldWrap {
  width: 100% !important;
}

.newsletter-download-block form.mktoForm input {
  padding: 5px 20px !important;
  height: 40px !important;
  width: 100% !important;
  max-width: none !important;
  line-height: 1.1 !important;
}

.newsletter-download-block .mktoButtonWrap {
  float: right;
  margin-left: 10px !important;
}

.newsletter-download-block .mktoButton {
  position: relative;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
}

.newsletter-download-block .mktoButton:before {
  position: absolute;
  top: 10px;
  left: 15px;
  content: '';
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -609px -22px;
  width: 12px;
  height: 21px;
}

/*
 ***********************************************************************************************
 * Module: Downloads
 ***********************************************************************************************
 */
.page-downloads h1 {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: .6em;
  text-align: center;
  font-size: 36px;
  color: #333;
}

.download-subtext {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
}

@media (min-width: 820px) {
  .page-downloads h1 {
    padding: 0;
    margin-top: 10px;
    font-size: 48px;
  }
  .download-subtext {
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 50px;
  }
}

@media (min-width: 980px) {
  .page-downloads h1 {
    margin-top: 50px;
    font-size: 48px;
  }
}

/* Must read.
---------------------------------------- */
.must-read-view-block {
  width: 300px;
  margin: 0 auto 30px;
}

.must-read-view-block > h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
}

@media (min-width: 820px) {
  .must-read-view-block {
    width: 620px;
    margin-bottom: 50px;
  }
}

@media (min-width: 980px) {
  .must-read-view-block {
    float: left;
    width: 460px;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Most downloaded.
---------------------------------------- */
.most-downloaded-block {
  width: 300px;
  margin: 0 auto 30px;
}

.most-downloaded-block > h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
}

.most-downloaded-block .content ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.most-downloaded-block .content ol li {
  padding: 14px 0;
  border-top: 1px solid #CCC;
}

.most-downloaded-block .content ol li .downloads {
  font-size: 14px;
  font-weight: 300;
  color: #999;
  line-height: 1.3;
}

.most-downloaded-block .content ol li a {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

.most-downloaded-block .content ol li.last {
  border-bottom: 1px solid #CCC;
}

@media (min-width: 820px) {
  .most-downloaded-block {
    width: 620px;
    margin-bottom: 50px;
  }
}

@media (min-width: 980px) {
  .most-downloaded-block {
    float: right;
    width: 420px;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Overview.
---------------------------------------- */
.view-downloads {
  clear: both;
}

.view-downloads .views-exposed-form {
  margin: 0 auto;
}

.view-downloads .views-exposed-widget.views-widget-sort-order {
  display: none;
}

.view-downloads .fieldset-wrapper {
  padding: 0;
}

.view-downloads label:first-child {
  display: block;
  margin: 0 0 .3em 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}

.view-downloads .form-select {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  border-radius: 3px;
}

@media (min-width: 0) and (max-width: 819px) {
  .view-downloads .views-exposed-form {
    margin: 0 auto;
    max-width: 300px;
  }
  .view-downloads fieldset {
    padding: 48px 15px 10px 15px;
    margin-bottom: 30px;
    border: 1px solid #CCC;
  }
  .view-downloads legend {
    font-size: 20px;
    line-height: 1.5;
  }
  .view-downloads legend a {
    display: block;
  }
  .view-downloads legend a:hover, .view-downloads legend a:focus {
    color: inherit;
  }
}

@media (min-width: 820px) {
  .view-downloads fieldset {
    padding: 0 0 0 30px;
    max-width: 640px;
    margin: 0 auto 50px;
    border: none !important;
  }
  .view-downloads legend {
    display: none;
  }
  .view-downloads .fieldset-wrapper {
    font-size: 0;
  }
  .view-downloads .views-exposed-widget {
    display: inline-block;
    width: 33.333%;
    padding-right: 30px;
    font-size: 16px;
  }
  .view-downloads .form-item {
    margin: 0;
  }
  .view-downloads .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/sprite/arrow-down-orange-thin.png);
    background-position: 95% center;
    background-repeat: no-repeat;
  }
  .view-downloads .form-select:hover:focus {
    background-image: url(../images/sprite/arrow-up-orange-thin.png);
  }
  .view-downloads option {
    font-size: 1.2em;
  }
  .view-downloads option:nth-child(odd) {
    background-color: #F0F0F0;
  }
  .view-downloads .view-empty {
    padding: 40px;
    font-size: 20px;
    font-weight: 700;
    background-color: #FFF;
  }
}

@media (min-width: 980px) {
  .view-downloads fieldset {
    padding: 0;
    max-width: none;
  }
  .view-downloads .views-exposed-widget {
    width: 300px;
    padding: 0;
    margin-right: 20px;
  }
  .view-downloads .views-exposed-widget.views-widget-sort-by {
    margin-right: 0;
  }
}

/*
**************************************************************************************
* Module: QUOTES.
**************************************************************************************
*/
.node-quote-teaser {
  position: relative;
  height: 100%;
  background-color: #178fa7;
}

.node-quote-teaser:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -205px -488px;
  width: 40px;
  height: 40px;
  background-color: #3aa2df;
}

.node-quote-teaser .content {
  position: absolute;
  padding: 0 40px;
  top: 50%;
  transform: translateY(-50%);
}

.node-quote-teaser .field-name-field-quote {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  color: #FFF;
}

.node-quote-teaser .field-name-field-author {
  font-size: 16px;
  color: #FFF;
}

/*
**************************************************************************************
* Module: TESTIMONIALS. view
**************************************************************************************
*/
.testimonial-block {
  position: relative;
  height: 390px;
  padding-top: 40px;
  overflow: hidden;
  background-color: #F0F0F0;
}

.testimonials-view-block .views-slideshow-cycle-main-frame,
.testimonials-view-block .views-slideshow-cycle-main-frame-row {
  position: static !important;
  width: auto !important;
  z-index: initial !important;
  opacity: 1 !important;
}

.testimonials-view-block .view-content {
  padding: 0 10px;
  margin: 0 auto;
  max-width: 960px;
}

.testimonials-view-block .views-field-field-background-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  max-width: none;
  z-index: 0;
}

.testimonials-view-block .position-left .quote {
  margin: 0;
}

.testimonials-view-block .position-right .quote {
  margin: 0 0 0 auto;
}

.testimonials-view-block .quote {
  position: relative;
  margin: 0 auto;
  max-width: 580px;
  padding: 25px;
  color: #FFF;
  font-weight: 300;
  background-color: #eb6e08;
  z-index: 1;
}

.testimonials-view-block .quote .title {
  margin-bottom: 5px;
  font-style: italic;
  font-size: 22px;
  line-height: 1.3;
}

.testimonials-view-block .quote .source {
  margin-bottom: 15px;
  font-style: italic;
  font-size: 16px;
}

.testimonials-view-block .quote .link a {
  color: white;
}

.testimonials-view-block .views-slideshow-controls-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  z-index: 1;
}

.testimonials-view-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
  display: inline-block;
}

.testimonials-view-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item:nth-child(2) {
  margin: 0 10px;
}

.testimonials-view-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item img {
  padding: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid transparent;
}

.testimonials-view-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item img:hover {
  cursor: pointer;
}

.testimonials-view-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active img {
  padding: 0;
  border-color: #eb6e08;
}

@media (min-width: 1280px) {
  .testimonial-block {
    height: 450px;
    padding-top: 80px;
  }
  .testimonials-view-block .quote {
    padding: 25px 30px;
  }
  .testimonials-view-block .views-field-field-background-image img {
    width: auto;
    height: 450px;
  }
}

@media (min-width: 1500px) {
  .testimonials-view-block .views-slideshow-controls-bottom {
    bottom: 20px;
  }
  .testimonials-view-block .views-field-field-background-image img {
    width: 100%;
    height: auto;
    right: 0;
  }
}

/*
****************************************************************************************
* Module: SEARCH.
****************************************************************************************
*/
/* Search block.
---------------------------------------- */
.search-block {
  position: absolute;
  right: 60px;
  top: 20px;
  z-index: 170;
}

.search-block .search-button {
  display: block;
  position: relative;
  padding-top: 8px;
  font-size: 18px;
  color: #999;
  padding-right: 40px;
  text-indent: -6em;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.search-block .search-button:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -369px -488px;
  width: 40px;
  height: 40px;
}

html.mobile-menu-active .search-block .search-button:after {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -246px -488px;
  width: 40px;
  height: 40px;
}

@media (min-width: 820px) {
  .search-block {
    position: relative;
    padding-top: 16px;
    padding-right: 20px;
    right: 0;
    top: 0;
  }
  .search-block .search-button {
    position: relative;
    font-size: 18px;
    color: #999;
  }
}

@media (min-width: 980px) {
  .search-block .search-button {
    width: auto;
    height: auto;
    overflow: visible;
    text-indent: 0;
  }
}

body.solutions-menu-overlay-page .search-block .search-button {
  color: #FFF;
}

body.solutions-menu-overlay-page .search-block .search-button:after {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -246px -488px;
  width: 40px;
  height: 40px;
}

.page-search h1 {
  font-size: 32px;
  font-weight: bold;
  color: #333;
}

.page-search.view-search-no-results .l-page {
  padding-top: 30px;
}

.page-search.view-search-no-results.view-search-input-required h1 {
  margin-bottom: 0;
}

.page-search.view-search-no-results h1 {
  margin-bottom: .3em;
  font-size: 24px;
}

.page-search.view-search-no-results .r-content {
  position: relative;
  padding: 30px;
  border-radius: 2px;
  border: 1px solid #CCC;
}

.page-search.view-search-no-results .r-content:before {
  position: absolute;
  top: -18px;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 18px 10px;
  border-color: transparent transparent #CCC transparent;
}

.page-search.view-search-no-results .r-content:after {
  position: absolute;
  top: -16px;
  left: 21px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 16px 9px;
  border-color: transparent transparent #F0F0F0 transparent;
}

@media (min-width: 820px) {
  .page-search h1 {
    margin-bottom: .8em;
    text-align: left;
  }
}

.view-search .views-row, .job-vacancies-home-block .views-row {
  padding: 15px;
  margin-bottom: 15px;
  background-color: #FFF;
}

@media (min-width: 820px) {
  .view-search .views-row, .job-vacancies-home-block .views-row {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.node-search h2 {
  margin-bottom: .2em;
  font-size: 24px;
}

.node-search .field-name-search-labels {
  color: #999;
}

.node-search .field-name-body,
.node-search .field-name-field-short-description,
.node-search .field-name-field-intro-text {
  display: inline;
}

.node-search .field-name-body *,
.node-search .field-name-field-short-description *,
.node-search .field-name-field-intro-text * {
  display: inline;
}

.node-search .read-more {
  display: inline-block;
}

.block.exposed-search {
  padding-top: 2px;
  padding-bottom: 2px;
}

.block.exposed-search .views-exposed-widgets {
  font-size: 0;
}

.block.exposed-search .views-exposed-widget {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.block.exposed-search .views-exposed-widget:first-child {
  width: 70%;
}

.block.exposed-search .views-exposed-widget .views-widget {
  margin-right: 8px;
  font-size: 18px;
}

.block.exposed-search .views-exposed-widget .form-item {
  margin-bottom: 0;
}

.block.exposed-search .views-exposed-widget .form-text {
  padding: 8px 20px;
  width: 100%;
  height: 45px;
  line-height: 1;
  font-size: 18px !important;
}

.block.exposed-search .views-submit-button {
  width: 30%;
}

.block.exposed-search .views-submit-button .form-submit {
  height: 45px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  width: 100%;
}

@media (min-width: 820px) {
  .block.exposed-search .views-exposed-widget:first-child {
    width: 75%;
  }
  .block.exposed-search .views-exposed-widget .form-text {
    height: 55px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 20px !important;
  }
  .block.exposed-search .views-submit-button {
    width: 25%;
  }
  .block.exposed-search .views-submit-button .form-submit {
    height: 55px;
    font-size: 20px;
  }
}

ul.facetapi-facet-custom-type {
  padding: 0;
  margin-bottom: 20px;
  font-size: 0;
  text-align: center;
}

ul.facetapi-facet-custom-type li {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 16px;
}

ul.facetapi-facet-custom-type li a {
  display: inline-block;
  padding: .2em .8em;
  border: 1px solid #eb6e08;
  border-radius: 3px;
}

ul.facetapi-facet-custom-type li a.facetapi-active {
  border-color: #3aa2df;
  color: #3aa2df;
}

@media (min-width: 820px) {
  ul.facetapi-facet-custom-type {
    text-align: left;
  }
}

.related-packages {
  padding: 20px;
  margin-bottom: 40px;
  background-color: #90d1e0;
}

.related-packages > h2 {
  color: #FFF;
  text-align: center;
  margin-bottom: 1em;
}

.related-packages > .content {
  margin: 0 auto;
  max-width: 960px;
}

@media (min-width: 820px) {
  .related-packages {
    padding: 60px 20px;
    margin-bottom: 60px;
  }
  .related-packages > h2 {
    margin-bottom: 1.7em;
  }
}

@media (min-width: 980px) {
  .related-packages {
    padding: 80px 0;
    margin-bottom: 80px;
  }
}

.all-packages {
  padding: 20px;
  background-color: #90d1e0;
}

.all-packages h3 {
  color: #FFF;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 40px;
}

.all-packages h3:first-child {
  margin-top: 0;
}

.all-packages > .content {
  margin: 0 auto;
  max-width: 960px;
}

@media (min-width: 820px) {
  .all-packages {
    padding: 60px 20px;
  }
  .all-packages h3 {
    margin-bottom: 1.7em;
  }
}

@media (min-width: 980px) {
  .all-packages {
    padding: 80px 0;
  }
}

.view-packages-all,
.view-packages {
  font-size: 0;
}

.view-packages-all .view-content,
.view-packages .view-content {
  text-align: center;
}

.view-packages-all .views-row,
.view-packages .views-row {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #FFF;
  vertical-align: bottom;
}

.view-packages-all .node .content,
.view-packages .node .content {
  padding: 20px 15px;
}

@media (min-width: 820px) and (max-width: 979px) {
  .view-packages-all .views-row,
  .view-packages .views-row {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .view-packages-all .views-row.views-row-even,
  .view-packages .views-row.views-row-even {
    margin-right: 0;
  }
  .view-packages-all .views-row .node .content,
  .view-packages .views-row .node .content {
    padding: 30px 15px;
  }
  .view-packages-all .views-row .node .field-name-field-et-intro-text,
  .view-packages .views-row .node .field-name-field-et-intro-text {
    min-height: 75px;
  }
}

@media (min-width: 980px) {
  .view-packages-all .views-row,
  .view-packages .views-row {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 0;
  }
  .view-packages-all .views-row .node .field-name-field-et-intro-text,
  .view-packages .views-row .node .field-name-field-et-intro-text {
    min-height: 100px;
  }
  .view-packages .views-row:last-child {
    margin-right: 0;
  }
  .view-packages-all .views-row {
    margin-bottom: 20px;
  }
  .view-packages-all .views-row.views-row-8, .view-packages-all .views-row.views-row-4 {
    margin-right: 0;
  }
}

/*
**************************************************************************************
* Module: WIKIS
**************************************************************************************
*/
/* Wiki overview.
---------------------------------------- */
.view-wikis h3 {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.view-wikis .item-list {
  margin-bottom: 30px;
}

.view-wikis .item-list ul,
.view-wikis .item-list li {
  margin: 0;
  padding: 0;
}

.view-wikis .item-list li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  list-style: none;
}

.view-wikis .item-list li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 6px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -615px -145px;
  width: 5px;
  height: 10px;
}

@media (min-width: 820px) {
  .view-wikis .view-content {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .view-wikis .view-content .item-list {
    display: block;
    page-break-inside: avoid;
    break-inside: avoid-column;
  }
}

@media (min-width: 980px) {
  .view-wikis .view-content {
    -moz-column-count: 4;
    column-count: 4;
  }
}

/* Wiki and Customer case detail.
 * Uses the same class 'node-field-collection'.
---------------------------------------- */
.node-field-collection .field-name-breadcrumbs {
  margin-top: -20px;
  margin-bottom: 50px;
  font-size: 14px;
}

.node-field-collection > .content {
  position: relative;
  padding: 40px 20px;
  margin-bottom: 40px;
  background-color: #FFF;
}

.node-field-collection > .content .wiki-icon {
  display: none;
}

.node-field-collection > .content h1 {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: bold;
  color: #178fa7;
  text-align: left;
}

.node-field-collection > .content .field-name-field-subtitle {
  font-size: 20px;
  font-weight: 300;
  color: #999;
  margin-bottom: 20px;
}

.node-field-collection > .content .field-name-body {
  margin-bottom: 20px;
}

.node-field-collection > .content .field-name-field-toc ul,
.node-field-collection > .content .field-name-field-toc li {
  margin: 0;
  padding: 0;
}

.node-field-collection > .content .field-name-field-toc li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
  list-style: none;
}

.node-field-collection > .content .field-name-field-toc li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 6px;
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -615px -145px;
  width: 5px;
  height: 10px;
}

.node-field-collection .field-collection-container .field-type-field-collection > .field-items > .field-item {
  padding: 40px 20px;
  margin-bottom: 40px;
  background-color: #FFF;
}

.node-field-collection .field-collection-container .field-type-field-collection > .field-items > .field-item:last-child {
  margin-bottom: 0;
}

.node-field-collection .field-collection-container .field-type-field-collection > .field-items > .field-item h2 {
  font-size: 24px;
  font-weight: bold;
  color: #178fa7;
}

.node-field-collection .field-collection-container .download-link,
.node-field-collection .field-collection-container img,
.node-field-collection .field-collection-container blockquote,
.node-field-collection .field-collection-container .media_embed,
.node-field-collection .field-name-body .download-link,
.node-field-collection .field-name-body img,
.node-field-collection .field-name-body blockquote,
.node-field-collection .field-name-body .media_embed {
  margin-left: -10px;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
}

.node-field-collection .field-collection-container .media_embed,
.node-field-collection .field-name-body .media_embed {
  padding-bottom: calc(56.25% + 20px);
  /* 16:9 */
}

@media (min-width: 820px) {
  .node-field-collection > .content {
    padding: 40px 60px;
    margin-left: 40px;
  }
  .node-field-collection > .content .icon {
    display: block;
    position: absolute;
    left: -40px;
    top: 0;
    width: 40px;
    height: 80px;
    color: #FFF;
    font-size: 14px;
    background-color: #3aa2df;
    overflow: hidden;
    text-indent: -999px;
  }
  .node-field-collection > .content .icon:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .node-field-collection > .content .icon.wiki:before {
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -410px -488px;
    width: 27px;
    height: 39px;
  }
  .node-field-collection > .content .icon.customer-case:before {
    background-image: url(../images/sprite.png?1571736595775);
    background-position: -488px -452px;
    width: 39px;
    height: 32px;
  }
  .node-field-collection .field-collection-container .field-type-field-collection > .field-items > .field-item {
    padding: 40px 60px;
    margin-left: 40px;
  }
  .node-field-collection .field-collection-container .download-link,
  .node-field-collection .field-collection-container img,
  .node-field-collection .field-collection-container blockquote,
  .node-field-collection .field-collection-container .media_embed,
  .node-field-collection .field-name-body .download-link,
  .node-field-collection .field-name-body img,
  .node-field-collection .field-name-body blockquote,
  .node-field-collection .field-name-body .media_embed {
    margin-left: -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
  }
  .node-field-collection .field-collection-container .media_embed,
  .node-field-collection .field-name-body .media_embed {
    padding-bottom: calc(56.25% + 20px);
    /* 16:9 */
  }
}

@media (min-width: 980px) {
  .node-field-collection > .content {
    padding: 40px 120px;
    margin-left: 80px;
  }
  .node-field-collection > .content .icon {
    left: -80px;
    top: 0;
    width: 80px;
    height: 100px;
    overflow: visible;
    text-indent: 0;
  }
  .node-field-collection > .content .icon span {
    display: block;
    margin-top: 65px;
    text-align: center;
  }
  .node-field-collection > .content .icon.wiki:before {
    transform: translateX(-50%) translateY(-75%);
  }
  .node-field-collection .field-collection-container .field-type-field-collection > .field-items > .field-item {
    padding: 40px 120px;
    margin-left: 80px;
  }
  .node-field-collection .field-collection-container .download-link,
  .node-field-collection .field-collection-container img,
  .node-field-collection .field-collection-container blockquote,
  .node-field-collection .field-collection-container .media_embed,
  .node-field-collection .field-name-body .download-link,
  .node-field-collection .field-name-body img,
  .node-field-collection .field-name-body blockquote,
  .node-field-collection .field-name-body .media_embed {
    margin-left: -40px;
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
  }
  .node-field-collection .field-collection-container .media_embed,
  .node-field-collection .field-name-body .media_embed {
    padding-bottom: calc(56.25% + 80px);
    /* 16:9 */
  }
}

/* Social on Wiki and Customer-case.
---------------------------------------- */
@media (min-width: 820px) {
  .node-type-customer-case .social-share,
  .node-type-wiki .social-share {
    padding-left: 40px;
  }
}

@media (min-width: 980px) {
  .node-type-customer-case .social-share,
  .node-type-wiki .social-share {
    padding-left: 80px;
  }
}

.node-customer-case-teaser .field-name-field-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.node-customer-case-teaser .field-name-field-image img {
  width: 100%;
  height: auto;
}

.node-customer-case-teaser .field-name-date {
  display: none;
  color: #999;
  font-weight: 300;
  font-style: italic;
}

.node-customer-case-teaser .field-name-date:after {
  content: ' - ';
}

.node-customer-case-teaser .field-name-date * {
  display: inline;
}

.node-customer-case-teaser .field-name-field-short-description {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 300;
  color: #333;
  display: none;
}

.node-customer-case-teaser .field-name-field-short-description * {
  display: inline;
}

.node-customer-case-teaser .field-name-read-more {
  display: none;
}

@media (min-width: 820px) {
  .node-customer-case-teaser:focus, .node-customer-case-teaser:hover {
    cursor: pointer;
  }
  .node-customer-case-teaser:focus h2, .node-customer-case-teaser:hover h2 {
    margin-bottom: 10px;
  }
  .node-customer-case-teaser:focus h2 a, .node-customer-case-teaser:hover h2 a {
    text-decoration: underline;
  }
  .node-customer-case-teaser:focus .field-name-read-more, .node-customer-case-teaser:hover .field-name-read-more {
    display: block;
  }
  .node-customer-case-teaser:focus .field-name-date,
  .node-customer-case-teaser:focus .field-name-field-short-description, .node-customer-case-teaser:hover .field-name-date,
  .node-customer-case-teaser:hover .field-name-field-short-description {
    display: inline;
  }
}

.node-type-advanced-page .r-header {
  padding-bottom: 50px;
  background-color: #178fa7;
}

.node-type-advanced-page .r-header h1 {
  margin-top: 40px;
}

.node-type-advanced-page .r-header h2,
.node-type-advanced-page .r-header h3,
.node-type-advanced-page .r-header h4 {
  font-weight: 300;
}

.node-type-advanced-page .r-header h4 {
  font-size: 18px;
}

.node-type-advanced-page .r-header .field-name-field-datetime {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
}

.node-type-advanced-page .r-header #block-fieldblock-node-advanced-page-default-field-show-as-event,
.node-type-advanced-page .r-header #block-fieldblock-node-advanced-page-default-field-city {
  display: inline;
}

.node-type-advanced-page .r-header .content {
  display: inline;
}

.node-type-advanced-page .r-header .field-name-field-show-as-event {
  display: inline;
  padding: 3px 12px 4px 12px;
  margin-bottom: 10px;
  font-size: 16px;
  background-color: #eb6e08;
  border-radius: 25px;
}

.node-type-advanced-page .r-header .field-name-field-show-as-event div {
  display: inline;
}

.node-type-advanced-page .r-header .field-name-field-city {
  display: inline-block;
  padding: 1px 12px;
  margin-bottom: 10px;
  margin-left: 10px;
  background-color: #00545d;
  border-radius: 25px;
}

.node-type-advanced-page .r-header .field-name-field-city div {
  display: inline;
}

.node-type-advanced-page .l-page {
  padding-bottom: 30px;
  color: #FFF;
  background-color: #00545d;
}

.empty-content .node-type-advanced-page .l-page {
  padding-bottom: 0;
}

.empty-content .node-type-advanced-page .l-page .r-content {
  display: none;
}

@media (min-width: 820px) {
  .node-type-advanced-page .r-header {
    padding-bottom: 60px;
    background-position: center;
  }
  .node-type-advanced-page .r-header h1 {
    margin-top: 60px;
  }
  .node-type-advanced-page .l-page {
    padding-bottom: 50px;
  }
  .node-type-advanced-page.empty-content .l-page {
    padding-bottom: 0;
  }
  .node-type-advanced-page .r-content {
    padding-top: 50px;
  }
}

@media (min-width: 980px) {
  .node-type-advanced-page .r-header {
    padding-bottom: 90px;
  }
  .node-type-advanced-page .r-header h1 {
    margin-top: 90px;
  }
  .node-type-advanced-page .r-content {
    padding-top: 60px;
  }
  .node-type-advanced-page.empty-content .r-content {
    padding-top: 0;
  }
}

.node-type-job-vacancy .r-below-content h2 {
  color: #000;
}

.node-type-job-vacancy .r-content-bottom {
  background-color: #F0F0F0;
}

.node-job-vacancy-full {
  color: #000;
}

.node-job-vacancy-full > .content {
  position: relative;
  padding: 40px 40px;
  background-color: #FFF;
}

.node-job-vacancy-full h1 {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: bold;
  color: #178fa7;
  text-align: left;
}

.node-job-vacancy-full .field-name-field-intro-text {
  font-weight: bold;
  margin-bottom: 20px;
}

.node-job-vacancy-full .field-name-field-hours-per-week {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #999;
}

.node-job-vacancy-full .field-name-body {
  margin-bottom: 20px;
}

.node-job-vacancy-full .field-name-body .download-link,
.node-job-vacancy-full .field-name-body img,
.node-job-vacancy-full .field-name-body blockquote,
.node-job-vacancy-full .field-name-body .media_embed {
  margin-left: -20px;
  width: calc(100% + 40px);
  max-width: calc(100% + 40px);
}

.node-job-vacancy-full .field-name-body .media_embed {
  padding-bottom: calc(56.25% + 40px);
  /* 16:9 */
}

@media (min-width: 820px) {
  .node-type-job-vacancy .l-page .inner {
    width: 720px;
  }
  .node-job-vacancy-full > .content {
    padding: 40px 80px;
  }
  .node-job-vacancy-full .field-name-body .download-link,
  .node-job-vacancy-full .field-name-body img,
  .node-job-vacancy-full .field-name-body blockquote,
  .node-job-vacancy-full .field-name-body .media_embed {
    margin-left: -40px;
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
  }
  .node-job-vacancy-full .field-name-body .media_embed {
    padding-bottom: calc(56.25% + 40px);
    /* 16:9 */
  }
}

@media (min-width: 980px) {
  .node-type-job-vacancy .l-page .inner {
    width: 780px;
  }
  .node-job-vacancy-full > .content {
    padding: 40px 110px;
  }
  .node-job-vacancy-full .field-name-body .download-link,
  .node-job-vacancy-full .field-name-body img,
  .node-job-vacancy-full .field-name-body blockquote,
  .node-job-vacancy-full .field-name-body .media_embed {
    margin-left: -55px;
    width: calc(100% + 110px);
    max-width: calc(100% + 110px);
  }
  .node-job-vacancy-full .field-name-body .media_embed {
    padding-bottom: calc(56.25% + 110px);
    /* 16:9 */
  }
}

/*
**************************************************************************************
* Module: Node block contact
**************************************************************************************
*/
.node-block-contact {
  padding-top: 40px;
  padding-bottom: 20px;
}

.node-block-contact .content {
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
}

.node-block-contact .responsive-image {
  display: none;
}

.node-block-contact .right {
  display: block;
  color: #000;
  padding: 35px 40px 35px 30px;
}

.node-block-contact h2 {
  margin-bottom: 20px;
  font-size: 26px;
}

.node-type-service-page .node-block-contact {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #F0F0F0;
}

.node-type-service-page .node-block-contact .content {
  max-width: 780px;
  margin: 0 auto;
}

@media (min-width: 820px) {
  .node-block-contact {
    padding-top: 60px;
  }
  .node-block-contact .responsive-image {
    display: block;
    -ms-flex: 0 0 225px;
    flex: 0 0 225px;
    margin-left: 40px;
    position: relative;
  }
  .node-block-contact .responsive-image .image {
    width: 225px;
    height: 320px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: transparent none center bottom no-repeat;
  }
  .node-block-contact .right {
    min-height: 190px;
  }
  .node-type-service-page .node-block-contact {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 980px) {
  .node-block-contact {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .node-type-service-page .node-block-contact {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/*
**************************************************************************************
* Module: Node template
**************************************************************************************
*/
.node-advanced-page-full .field-name-field-text-left {
  padding-bottom: 1em;
}

.node-advanced-page-full .field-name-field-text-left,
.node-advanced-page-full .field-name-field-text-right {
  text-align: center;
}

@media (min-width: 820px) {
  .node-advanced-page-full.has-text-right .field-name-field-text-left {
    float: left;
    width: 45%;
    text-align: left;
    padding-bottom: 0;
  }
  .node-advanced-page-full.has-text-right .field-name-field-text-right {
    float: right;
    width: 48%;
    text-align: left;
  }
  .node-advanced-page-full:not(.has-text-right) .field-name-field-text-left {
    max-width: 620px;
    margin: 0 auto;
  }
}

.section-rows .field-name-field-title {
  text-align: center;
}

.section-rows .field-name-field-title h2 {
  margin-bottom: .8em;
  color: #3aa2df;
}

.section-rows .field-name-field-texts .field-item:not(:last-child) {
  margin-bottom: 3em;
}

.section-rows .field-name-field-texts img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.section-rows .row:not(.quote) {
  padding-left: 10px;
  padding-right: 10px;
  margin: 30px auto;
  max-width: 960px;
}

.section-rows .row.quote {
  padding: 50px 20px;
  color: #FFF;
  text-align: center;
  background-color: #3aa2df;
}

.section-rows .row.quote h2 {
  font-weight: 300;
  font-style: italic;
  color: #FFF;
}

.section-rows .row.quote h3, .section-rows .row.quote h4 {
  color: #FFF;
}

.section-rows .row.timeline .field-name-field-texts .field-item:not(:last-child) {
  margin-bottom: 1.5em;
}

.section-rows .row.timeline img {
  float: none;
}

@media (min-width: 0) and (max-width: 819px) {
  .section-rows .row.quote {
    background-image: none !important;
  }
}

@media (min-width: 820px) {
  .section-rows .field-name-field-title h2 {
    margin-bottom: 1.5em;
  }
  .section-rows .field-name-field-texts .field-item:not(:last-child) {
    margin-bottom: 2em;
  }
  .section-rows .row:not(.quote) {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .section-rows .row.quote {
    min-height: 300px;
    padding: 70px 20px;
    background-size: cover;
    background-position: center center;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  }
  .section-rows .row.quote > .content {
    margin: 0 auto;
    max-width: 820px;
  }
  .section-rows .row.timeline .field-name-field-texts {
    position: relative;
  }
  .section-rows .row.timeline .field-name-field-texts:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    background-color: #3aa2df;
  }
  .section-rows .row.timeline .field-name-field-texts .field-items {
    font-size: 0;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 10%;
    font-size: 16px;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item.odd {
    padding-right: 0;
    padding-left: 10%;
    margin-bottom: 0;
    margin-top: 60px;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item.odd:nth-child(2) {
    margin-top: 60px;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item.odd:before {
    left: 0;
    right: auto;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item.odd:after {
    left: 12%;
    right: auto;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:last-child {
    margin-top: 80px;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:last-child > :first-child:before {
    display: block;
    position: absolute;
    content: '';
    width: 4px;
    top: 19px;
    left: -2px;
    height: 105%;
    background-color: #FFF;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:not(.odd):last-child {
    margin-top: 0;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:not(.odd):last-child > :first-child:before {
    left: auto;
    right: -2px;
    height: 105%;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 12%;
    height: 1px;
    background-color: #3aa2df;
  }
  .section-rows .row.timeline .field-name-field-texts .field-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    right: 12%;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    border-radius: 20px;
    border: solid 1px #3aa2df;
  }
}

@media (min-width: 980px) {
  .section-rows .row:not(.quote) {
    padding: 0;
  }
  .section-rows .row.quote {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-companysearch .l-system {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  max-width: 960px;
}

.page-companysearch .r-content {
  padding-top: 0;
}

.page-companysearch .company-wrapper {
  margin: 0 auto;
  max-width: 960px;
}

.page-companysearch .company-data {
  color: #FFF;
  background-color: #178fa7;
}

.page-companysearch .company-data span.bankrupt {
  display: none;
}

.page-companysearch .company-data.company-bankrupt {
  background-color: #2D2D2D;
}

.page-companysearch .company-data.company-bankrupt span.bankrupt {
  display: inline-block;
}

.page-companysearch .company-data.company-bankrupt .svg-sun,
.page-companysearch .company-data.company-bankrupt .svg-lightning {
  display: none;
}

.page-companysearch .company-data .inner {
  margin: 0 auto;
  text-align: center;
}

.page-companysearch h1 {
  margin-bottom: 0;
  font-size: 24px;
  text-align: left;
}

.page-companysearch h4.market {
  font-size: 18px;
  color: #CCC;
}

.removeOverflow {
  overflow: hidden;
}

.cssfilters .removeOverflow .top-container,
.cssfilters .removeOverflow .r-content-top,
.cssfilters .removeOverflow .l-page,
.cssfilters .removeOverflow .r-footer,
.cssfilters .removeOverflow .r-header,
.cssfilters .removeOverflow .cta-bar {
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
}

.company-overlay-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.4);
}

.no-cssfilters .company-overlay-popup {
  background-color: rgba(0, 0, 0, 0.8);
}

.company-overlay-popup .inner {
  max-height: calc(100% - 30px);
  overflow-y: auto;
  margin: 15px;
  padding: 10px 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  background-color: white;
}

.company-overlay-popup .orange-button {
  font-size: 20px;
}

.company-overlay-popup .close-popup {
  margin-left: 20px;
}

@media (min-width: 820px) {
  .company-overlay-popup .inner {
    max-width: 500px;
    margin: 80px auto 0;
    padding: 20px 30px;
  }
  .company-overlay-popup .close-popup,
  .company-overlay-popup .orange-button {
    margin-bottom: 0;
  }
}

@media (min-width: 980px) {
  .company-overlay-popup .inner {
    max-width: 600px;
    margin-top: 150px;
  }
}

.company-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.company-wrapper dl.summary {
  margin-bottom: 15px;
}

.company-wrapper dl.summary.first {
  margin-top: 30px;
}

.company-wrapper .list-large-with-icons {
  padding: 20px 0 0 0;
  margin-bottom: 20px;
  list-style: none;
  border-top: 1px solid #CCC;
  color: #00545d;
}

.company-wrapper .list-large-with-icons li {
  position: relative;
  padding-left: 80px;
  margin-bottom: 15px;
  min-height: 80px;
  line-height: 1.2;
  vertical-align: top;
  text-align: left;
}

.company-wrapper .list-large-with-icons li:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
}

.company-wrapper .list-large-with-icons li.established:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -556px -121px;
  width: 46px;
  height: 67px;
}

.company-wrapper .list-large-with-icons li.fte:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px -189px;
  width: 58px;
  height: 68px;
}

.company-wrapper .list-large-with-icons li.holding:before {
  background-image: url(../images/sprite.png?1571736595775);
  background-position: -488px -121px;
  width: 67px;
  height: 67px;
}

.company-wrapper .list-large-with-icons li.holding .info {
  font-size: 16px;
  font-weight: 300;
}

.company-wrapper .list-large-with-icons .title {
  display: block;
  font-weight: bold;
}

.company-wrapper .list-large-with-icons .info {
  font-size: 50px;
  font-weight: bold;
}

.company-wrapper .company-street,
.company-wrapper .company-city {
  text-transform: lowercase;
  display: inline-block;
}

.company-wrapper .company-street:first-letter,
.company-wrapper .company-city:first-letter {
  text-transform: uppercase;
}

.icon-wrapper {
  margin: 0 auto;
  max-width: 290px;
}

.health-placeholder {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 86%;
  margin-bottom: 20px;
}

.health-placeholder .svg-clouds {
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

html.no-inlinesvg .health-placeholder .svg-clouds {
  background-image: url("../images/cloud.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.health-placeholder .svg-sun {
  position: absolute;
  top: 0;
  left: 50%;
  width: 80%;
  height: 80%;
  margin-left: -40%;
  z-index: 1;
  animation-name: spin;
  animation-duration: 20s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

html.no-inlinesvg .health-placeholder .svg-sun {
  background-image: url("../images/sun.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.health-placeholder .svg-lightning {
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 20%;
  height: 20%;
  z-index: 3;
}

html.no-inlinesvg .health-placeholder .svg-lightning {
  background-image: url("../images/lightning.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.health-placeholder.rating-1 .svg-sun {
  display: none;
}

.health-placeholder.rating-1 .svg-clouds {
  top: 0;
  bottom: auto;
  left: 10%;
  width: 80%;
}

.health-placeholder.rating-1 .svg-lightning {
  top: auto;
  left: 40%;
  bottom: 30%;
  animation-name: lightning;
  animation-duration: 2s;
  animation-iteration-count: 5;
  animation-timing-function: linear;
}

.health-placeholder.rating-2 .svg-sun {
  width: 70%;
  top: auto;
  left: auto;
  bottom: 8%;
  right: 8%;
  transform: none;
}

.health-placeholder.rating-2 .svg-clouds {
  width: 85%;
  left: 5%;
  bottom: 5%;
}

.health-placeholder.rating-2 .svg-lightning {
  display: none;
}

.health-placeholder.rating-3 .svg-clouds,
.health-placeholder.rating-3 .svg-lightning {
  display: none;
}

.company-bankrupt .health-placeholder .svg-clouds {
  position: relative;
  display: block;
  width: 100%;
  height: 170px;
  bottom: 0;
  left: 0;
}

.company-bankrupt .health-placeholder span.bankrupt {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  color: #2D2D2D;
  font-size: 32px;
  font-weight: bold;
  z-index: 9;
}

.page-views-wrapper {
  background-color: #90d1e0;
}

.page-views-wrapper .inner {
  padding: 20px 10px;
}

.page-views-wrapper h3 {
  color: white;
  margin: 0;
}

@media (min-width: 820px) {
  .page-views-wrapper .inner {
    padding: 25px 10px;
    margin: 0 auto;
    text-align: center;
  }
}

@media (min-width: 980px) {
  .page-views-wrapper .inner {
    padding: 30px 10px;
    max-width: 980px;
  }
}

.company-data h2 {
  margin-bottom: 1em;
}

.company-data h3.health,
.company-data h3.assessment {
  font-weight: 300;
}

.company-data h3.assessment {
  margin-bottom: 0;
  font-size: 18px;
}

.company-data p.large {
  font-size: 24px;
  font-weight: bold;
}

.company-data .progress-wrapper {
  width: 100%;
  padding-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #FFF;
}

.company-data .progress-header {
  margin-bottom: .8em;
  font-size: 18px;
  text-align: center;
}

.company-data .progress {
  position: relative;
  height: 30px;
  width: calc(100% - 50px);
  margin: 0 auto;
  border-radius: 15px;
  border: 2px solid #FFF;
}

.company-data .progress .progress-bar-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 13px;
}

.company-data .progress .progress-bar-wrapper:after {
  content: '';
  display: block;
  height: 100%;
  margin-top: -26px;
  margin-left: 50%;
  width: 1px;
  border-left: 1px dotted #fff;
}

.company-data .progress .progress-bar {
  height: 100%;
  border-radius: 13px 0 0 13px;
  background-color: #90d1e0;
}

.company-data .column {
  width: 100%;
  padding: 40px 10px;
}

.company-data .column .inner {
  max-width: 400px;
}

.company-data .branche-column {
  background-color: #00545d;
}

@media (min-width: 820px) {
  .page-companysearch h1 {
    font-size: 48px;
  }
  .company-wrapper .list-large-with-icons {
    padding: 30px 0 0 0;
    margin-bottom: 30px;
    font-size: 0;
  }
  .company-wrapper .list-large-with-icons .wrapper {
    display: block;
    float: left;
    margin-left: 10px;
    text-align: center;
  }
  .company-wrapper .list-large-with-icons li {
    display: inline-block;
    width: calc(100% / 3);
    font-size: 16px;
    text-align: center;
  }
  .company-data {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .company-data .progress-wrapper {
    padding-top: 60px;
    margin-bottom: 60px;
  }
  .company-data .progress-header {
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .company-data .column.compare-columns {
    width: 50%;
    float: left;
  }
}

@media (min-width: 980px) {
  .company-data .column .inner {
    width: 400px;
  }
  .company-data .company-column.compare-columns .inner {
    padding-left: 10px;
    margin-right: 70px;
    float: right;
  }
  .company-data .branche-column.compare-columns .inner {
    padding-right: 10px;
    margin-left: 70px;
    float: left;
  }
}

.piechart-wrapper {
  border-top: 1px solid #FFF;
  padding-top: 30px;
  margin-bottom: 30px;
}

.piechart-wrapper h3 {
  font-size: 18px;
}

.piechart-wrap {
  position: relative;
  margin-bottom: 20px;
}

.piechart-wrap .piechart {
  min-height: 180px;
}

.pie-chart-legend {
  padding: 0;
  margin: 0 auto;
  max-width: 220px;
  color: #FFF;
  font-size: 0;
  text-align: left;
}

.pie-chart-legend li {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  width: 50%;
  font-size: 16px;
  line-height: 1.6;
}

.pie-chart-legend li:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-top: -10px;
  border-radius: 3px;
  background-color: #90d1e0;
  vertical-align: middle;
}

.pie-chart-legend li.legend-higher:before {
  background-color: #a24e03;
}

.pie-chart-legend li.legend-lower:before {
  background-color: #eb6e08;
}

@media (min-width: 820px) {
  .piechart-wrapper {
    padding-top: 60px;
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .piechart-wrap .piechart {
    min-height: 220px;
  }
}

dl.summary dt,
dl.summary dd {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  vertical-align: top;
}

dl.summary dt {
  font-weight: bold;
}

dl.summary dd {
  margin-bottom: .25em;
  line-height: 1.3;
  word-wrap: break-word;
}

@media (min-width: 820px) {
  dl.summary {
    font-size: 0;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  dl.summary dt,
  dl.summary dd {
    display: inline-block;
    width: 65%;
  }
  dl.summary dt {
    width: 35%;
    margin-bottom: 0;
    page-break-inside: avoid;
    break-inside: avoid-column;
  }
}

.cta-wrapper {
  padding: 20px 10px;
}

.cta-wrapper .inner {
  margin: 0 auto;
  max-width: 960px;
}

.cta-wrapper h2 {
  font-size: 28px;
}

.cta-wrapper img {
  margin-bottom: 2em;
}

.cta-wrapper img[align="left"] {
  margin-right: 5%;
}

.cta-wrapper img[align="right"] {
  margin-left: 5%;
}

.cta-first {
  background-color: #F0F0F0;
}

@media (min-width: 0) and (max-width: 819px) {
  .cta-wrapper img[align] {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .25em;
  }
}

@media (min-width: 820px) {
  .cta-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cta-wrapper h2 {
    font-size: 32px;
  }
  .cta-first {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .cta-second {
    margin-bottom: 40px;
  }
}

.board-members {
  padding-top: 30px;
  padding-bottom: 30px;
}

.board-members > h2 {
  color: #3aa2df;
  text-align: center;
  margin-bottom: 30px;
}

.board-members > .content {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}

.board-members .user-profile-teaser img {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.board-members .more-link {
  display: block;
  text-align: center;
}

@media (min-width: 820px) {
  .board-members {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .board-members > h2 {
    margin-bottom: 60px;
  }
}

.map-canvas {
  width: 100%;
  min-height: 400px;
  background-color: #178fa7;
}

.map-canvas .location {
  padding-top: 8px;
  font-size: 14px;
}

.map-canvas h2, .map-canvas h3 {
  font-size: 18px;
}

.map-canvas p {
  margin-bottom: .5em;
}

.map-canvas p:last-child {
  margin-bottom: 0;
}

@media (min-width: 820px) {
  .map-canvas {
    min-height: 400px;
  }
}

@media (min-width: 980px) {
  .map-canvas {
    min-height: 600px;
  }
}

.action-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

.cta-bar {
  background-color: #02ACE9;
}

@media (min-width: 0) and (max-width: 819px) {
  .cta-bar {
    display: none;
  }
}

.cta-message h2,
.cta-message h3,
.cta-message h4 {
  color: #FFF;
}

.cta-message p {
  margin: 0;
}

.cta-message a {
  margin: 2px 10px 2px 0 !important;
}

.cta-bar-wrapper {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 30px;
  color: #FFF;
}

@media (min-width: 820px) {
  .cta-message h2,
  .cta-message h3,
  .cta-message h4 {
    float: left;
    margin: 0;
    max-width: 60%;
  }
  .cta-message a {
    float: right;
  }
}

@media (min-width: 980px) {
  .cta-bar-wrapper {
    padding: 20px;
  }
}

.login-table .clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.portal-block {
  min-height: 0;
  padding: 0.2em 0.75em;
  width: 100%;
  float: none;
  border-bottom: 0;
}

.portal-block:nth-of-type(odd) {
  clear: left;
}

@media (min-width: 820px) {
  .portal-block {
    min-height: 300px;
    padding: 0.2em 0.75em;
    width: 50%;
    float: left;
  }
  .portal-block:nth-child(even) {
    border-left: none;
  }
  .login-table {
    width: 100%;
  }
  .login-table:nth-child(odd) {
    clear: left;
  }
}

@media (min-width: 980px) {
  .portal-block {
    min-height: 0;
  }
}

.graph-wrapper {
  width: 100%;
  max-width: 700px;
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.graph-wrapper .axis path,
.graph-wrapper .axis line {
  fill: none;
  stroke: none;
}

.graph-wrapper .axis text {
  font-size: 14px;
}

.graph-wrapper .y-axis {
  font-style: italic;
}

.graph-wrapper .background .odd {
  fill: #F0F0F0;
}

.graph-wrapper .background .even {
  fill: white;
}

.graph-wrapper .graph .year1 {
  fill: #178fa7;
}

.graph-wrapper .graph .year2 {
  fill: #eb6e08;
}

.graph-wrapper .graph .year3 {
  fill: #00545d;
}

.inner-barometer-wrapper {
  position: relative;
}

.inner-barometer-wrapper table thead th {
  font-weight: 300;
}

.inner-barometer-wrapper table thead th,
.inner-barometer-wrapper table thead td,
.inner-barometer-wrapper table tbody th,
.inner-barometer-wrapper table tbody td {
  border: 1px solid #dedede;
  text-align: center;
}

.inner-barometer-wrapper table tbody td {
  font-weight: bold;
}

.inner-barometer-wrapper table th:nth-child(odd),
.inner-barometer-wrapper table td:nth-child(odd) {
  background: #F0F0F0;
}

.inner-barometer-wrapper table th:nth-child(even),
.inner-barometer-wrapper table td:nth-child(even) {
  background: white;
}

.inner-barometer-wrapper .legend {
  margin: 20px auto;
  padding-left: 70px;
  list-style-image: none;
  list-style-type: none;
}

.inner-barometer-wrapper .legend li {
  display: inline-block;
  position: relative;
  padding-right: 3em;
  font-size: 14px;
}

.inner-barometer-wrapper .legend li:before {
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  display: block;
  top: 0;
  margin: 0.1em 0 0 -1.5em;
  background: #eb6e08;
  content: '';
}

.inner-barometer-wrapper .legend li.first:before {
  background-color: #178fa7;
}

.inner-barometer-wrapper .legend li.last:before {
  background-color: #00545d;
}

/* Barometer Filters.
---------------------------------------- */
.barometer-filters {
  width: 100%;
  position: relative;
  display: block;
  padding: 20px 30px;
  margin-bottom: 30px;
  background-color: #3aa2df;
  font-size: 16px;
}

.barometer-filters .form-item {
  width: 100%;
  margin-bottom: 5px;
  border-radius: 3px;
  display: inline-block;
}

.barometer-filters .form-actions {
  margin-top: 10px;
}

.barometer-filters .form-actions input[type="submit"] {
  min-width: 100px;
  padding: 10px 0 11px;
  margin: 0;
  text-align: center;
}

.barometer-filters .form-select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 16px;
  font-weight: 300;
  background-image: url(../images/sprite/arrow-down-orange-thin.png);
  background-position: 95% center;
  background-repeat: no-repeat;
}

.barometer-filters .form-select:hover:focus {
  background-image: url(../images/sprite/arrow-up-orange-thin.png);
}

.barometer-filters .form-disabled select {
  position: relative;
  background-color: #DDD;
  background-image: none;
}

.barometer-filters option {
  font-size: 1.2em;
}

.barometer-filters option:nth-child(odd) {
  background-color: #F0F0F0;
}

.barometer-filters label:first-child {
  display: block;
  margin: 0 0 .3em 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
}

@media (min-width: 0) and (max-width: 819px) {
  .graph-wrapper {
    margin-bottom: 25px;
    overflow-x: scroll;
  }
  .graph-wrapper .barometer,
  .graph-wrapper .legend {
    min-width: 500px;
  }
  .inner-barometer-wrapper table {
    max-width: 100%;
    display: block;
    overflow: scroll;
  }
  .inner-barometer-wrapper table tbody tr td:nth-child(2), .inner-barometer-wrapper table thead tr th:nth-child(2) {
    padding-left: 4.5em;
  }
  .inner-barometer-wrapper table tbody tr th,
  .inner-barometer-wrapper table thead tr th:first-child {
    width: 4em;
    position: absolute;
  }
}

@media (min-width: 820px) {
  .inner-barometer-wrapper .remark-block .inner {
    max-width: 600px;
    margin: 0 auto;
  }
  .barometer-filters {
    margin-left: auto;
    margin-right: auto;
  }
  .barometer-filters .form-item {
    width: 28%;
    float: left;
    padding-right: 30px;
  }
  .barometer-filters .form-select {
    padding-right: 15%;
  }
  .barometer-filters .form-actions {
    width: 16%;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-top: 2em;
  }
  .barometer-filters .form-actions input[type="submit"] {
    width: 100%;
  }
}

.owlin {
  color: #FFF;
  background-color: #178fa7;
}

.owlin-container:not(:empty) {
  margin: 0 auto;
  padding: 1.25em .25em;
  max-width: 960px;
}

.owlin-topics {
  text-align: center;
}

.owlin-topic {
  text-align: left;
  width: 45%;
}

@media (min-width: 0) and (max-width: 819px) {
  .owlin-topic {
    width: 100%;
  }
  .owlin-chart .x.axis .tick:nth-child(even) {
    display: none;
  }
}

/*
 *******************************************************************************
 * Module: MARKETO FORMS
 *******************************************************************************
 */
/* ALL FORMS.
---------------------------------------- */
form.mktoForm .mktoOffset,
form.mktoForm .mktoGutter,
form.mktoForm .mktoOffset.mktoHasWidth {
  display: none !important;
}

form.mktoForm label {
  margin: 0 0 .5em 0 !important;
  width: 100% !important;
  display: block !important;
  font-size: 16px !important;
  font-family: "Roboto", Verdana, Arial, Helvetica, Serif !important;
}

form.mktoForm input {
  display: block !important;
  padding: 9px 20px !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  color: #333 !important;
  vertical-align: middle !important;
  font-family: "Roboto", Arial, Helvetica, Verdana, Serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background: white !important;
  outline: none !important;
  border: 1px solid #CCC !important;
  border-radius: 3px !important;
}

form.mktoForm input::-webkit-input-placeholder {
  font-style: italic !important;
}

form.mktoForm input::-moz-placeholder {
  font-style: italic !important;
}

form.mktoForm input:-ms-input-placeholder {
  font-style: italic !important;
}

form.mktoForm input:-moz-placeholder {
  font-style: italic !important;
}

form.mktoForm input.show-validation.valid:not([type="radio"]):not([type="checkbox"]) {
  background-image: url("../images/groenvinkje.png") !important;
  background-position: calc(100% - 4px) center !important;
  background-size: 25px !important;
  background-repeat: no-repeat !important;
  padding-right: 30px !important;
}

form.mktoForm .mktoButton {
  display: inline-block !important;
  color: #FFF !important;
  font-family: "Roboto", Arial, Helvetica, Verdana, Serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  border: 0 !important;
  background: #eb6e08 !important;
  border-radius: 3px !important;
}

form.mktoForm .mktoButton:focus {
  box-shadow: 0 0 3px #000;
  background: #a24e03 !important;
}

form.mktoForm .mktoButton:hover {
  background: #a24e03 !important;
}

body .field-name-field-marketo-code form.mktoForm .mktoFieldWrap > label[for^="optin"],
body .block.download-block form.mktoForm .mktoFieldWrap > label[for^="optin"] {
  display: none !important;
}

/* MARKETO FORMS (MARKETO FORM BLOCK, IFRAME).
---------------------------------------- */
.marketo-form {
  width: 100%;
  margin-bottom: 60px;
}

.marketo-form form.mktoForm {
  position: relative;
  max-width: 240px !important;
}

.marketo-form form.mktoForm label {
  color: #333;
}

.marketo-form form.mktoForm input {
  max-width: 240px !important;
}

.marketo-form form.mktoForm .mktoAsterix {
  display: inline-block;
  padding: 0 3px 0 0 !important;
  color: #FFF !important;
}

.marketo-form form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
}

.marketo-form form.mktoForm .mktoButton {
  padding: 11px 20px 12px !important;
}

@media (min-width: 820px) {
  .marketo-form form.mktoForm {
    margin: 0 auto !important;
    max-width: 540px !important;
  }
  .marketo-form form.mktoForm .mktoFormRow {
    width: calc(100% - 81px) !important;
  }
  .marketo-form form.mktoForm .mktoButtonRow {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .marketo-form form.mktoForm .mktoFieldDescriptor.mktoFormCol {
    float: left !important;
    width: 50% !important;
    margin-bottom: 0 !important;
    padding-right: 20px !important;
  }
}

.block.download-block form.mktoForm input.hasDropDown {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0 !important;
}

.mkto-company-dropdown {
  display: none;
  position: absolute;
  z-index: 8;
  left: 0;
  top: 69px;
  right: 0;
  overflow: hidden;
  background-color: white;
  border: 1px solid #CCC;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.mkto-company-dropdown ul {
  list-style-type: none;
  padding: 0;
  overflow: hidden;
}

.mkto-company-dropdown ul li {
  padding: 10px;
  cursor: pointer;
}

.mkto-company-dropdown ul li:nth-child(odd) {
  background-color: #eee;
}

.mkto-company-dropdown ul li:hover {
  background-color: #CCC;
}

.mkto-company-dropdown.showDropDown {
  display: block;
}

/* DOWNLOADS BLOCK & IFRAME.
---------------------------------------- */
.node-type-iframe .field-name-field-marketo-code,
.block.download-block {
  width: 100%;
  min-height: 100px;
  padding: 30px;
  color: #FFF;
  background-color: #178fa7;
  margin: 0 auto;
  text-align: center;
}

.node-type-iframe .field-name-field-marketo-code h2,
.block.download-block h2 {
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
  text-align: left;
}

.node-type-iframe .field-name-field-marketo-code h1,
.node-type-iframe .field-name-field-marketo-code h2,
.node-type-iframe .field-name-field-marketo-code h3,
.block.download-block h1,
.block.download-block h2,
.block.download-block h3 {
  color: #FFF !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.node-type-iframe .field-name-field-marketo-code form,
.node-type-iframe .field-name-field-marketo-code form *,
.block.download-block form,
.block.download-block form * {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  max-width: none !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm label,
.block.download-block form.mktoForm label {
  display: inline-block !important;
  margin: 0 0 .5em 0 !important;
  color: #FFF !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm input,
.block.download-block form.mktoForm input {
  margin: 0 0 .5em 0 !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm input:not([type="radio"]):not([type="checkbox"]),
.block.download-block form.mktoForm input:not([type="radio"]):not([type="checkbox"]) {
  display: block !important;
  width: 100% !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm input[type="radio"],
.block.download-block form.mktoForm input[type="radio"] {
  display: inline-block !important;
  margin-bottom: .5em !important;
  margin-top: .2em !important;
  margin-right: .25em !important;
  clear: none !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoRadioList label,
.block.download-block form.mktoForm .mktoRadioList label {
  display: inline-block !important;
  margin-bottom: .5em !important;
  margin-right: 1em !important;
  line-height: 1.3;
  clear: none !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm input[type="checkbox"],
.block.download-block form.mktoForm input[type="checkbox"] {
  float: left !important;
  display: inline-block !important;
  margin-top: .2em !important;
  margin-right: .25em !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm input[type="checkbox"] + label,
.block.download-block form.mktoForm input[type="checkbox"] + label {
  display: block !important;
  margin-bottom: .5em !important;
  line-height: 1.3;
  clear: right !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoButtonRow,
.block.download-block form.mktoForm .mktoButtonRow {
  display: block !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoButtonRow button,
.block.download-block form.mktoForm .mktoButtonRow button {
  display: block !important;
  width: 100% !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoRequiredField .mktoAsterix,
.block.download-block form.mktoForm .mktoRequiredField .mktoAsterix {
  display: inline-block !important;
  padding: 0 3px 0 0 !important;
  margin-right: 5px !important;
  color: #FFF !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoButtonWrap,
.block.download-block form.mktoForm .mktoButtonWrap {
  display: block !important;
  padding-top: 10px !important;
}

.node-type-iframe .field-name-field-marketo-code form.mktoForm .mktoButton,
.block.download-block form.mktoForm .mktoButton {
  padding: 17px 40px 18px !important;
}

.block.download-block .button-download {
  display: block !important;
}

@media (min-width: 820px) {
  .block.download-block .button-download {
    max-width: none;
    margin: 0;
  }
  .block.download-block {
    display: block;
  }
}

/* CONVERSION PAGE MARKETO BLOCK.
---------------------------------------- */
.node-conversion-page .marketo-wrapper {
  padding: 30px 20px;
  color: #FFF;
  background-color: #178fa7;
}

.node-conversion-page .marketo-wrapper .marketo-wrapper-inner {
  max-width: 420px;
  margin: 0 auto;
}

.node-conversion-page .marketo-wrapper form.mktoForm {
  width: 100% !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm .mktoFieldWrap,
.node-conversion-page .marketo-wrapper form.mktoForm .mktoFieldDescriptor {
  width: 100% !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm label,
.node-conversion-page .marketo-wrapper form.mktoForm .mktoAsterix {
  color: #FFF !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm .mktoHasWidth {
  width: auto !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm textarea.mktoHasWidth {
  display: block !important;
  width: 100% !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm input:not([type="radio"]):not([type="checkbox"]) {
  display: block !important;
  width: 100% !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm input[type="radio"] {
  float: left !important;
  display: inline-block !important;
  margin-bottom: .5em !important;
  margin-top: .2em !important;
  margin-right: .25em !important;
  clear: none !important;
  width: auto !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm .mktoRadioList label {
  float: left !important;
  display: inline-block !important;
  margin-bottom: .5em !important;
  margin-right: 1em !important;
  line-height: 1.3;
  clear: none !important;
  width: auto !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm input[type="checkbox"] {
  float: left !important;
  display: inline-block !important;
  width: auto !important;
  margin-top: .2em !important;
  margin-right: .25em !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm input[type="checkbox"] + label {
  display: block !important;
  margin-bottom: .5em !important;
  width: auto !important;
  line-height: 1.3;
  clear: right !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
}

.node-conversion-page .marketo-wrapper form.mktoForm .mktoButton {
  padding: 17px 40px 18px !important;
}

/* WIKI MARKETO BLOCK.
---------------------------------------- */
.node-type-wiki .region-below-content {
  margin-top: 40px;
}

.node-type-wiki .region-below-content .block {
  width: 100%;
  padding: 40px 20px;
  text-align: center;
  background-color: #FFF;
}

.node-type-wiki .region-below-content .block h2 {
  display: block;
  margin-bottom: 30px;
}

.node-type-wiki .region-below-content .block .content {
  max-width: 300px;
  margin: 0 auto;
}

.node-type-wiki .region-below-content .block form.mktoForm {
  position: relative;
}

.node-type-wiki .region-below-content .block form.mktoForm * {
  float: none !important;
}

.node-type-wiki .region-below-content .block form.mktoForm label {
  display: none !important;
}

.node-type-wiki .region-below-content .block form.mktoForm input {
  width: 100% !important;
  max-width: 300px !important;
  margin-bottom: 20px !important;
}

.node-type-wiki .region-below-content .block form.mktoForm .mktoFieldDescriptor,
.node-type-wiki .region-below-content .block form.mktoForm .mktoFormCol,
.node-type-wiki .region-below-content .block form.mktoForm .mktoFormRow,
.node-type-wiki .region-below-content .block form.mktoForm .mktoButtonRow {
  max-width: 300px !important;
}

.node-type-wiki .region-below-content .block form.mktoForm .mktoButtonWrap,
.node-type-wiki .region-below-content .block form.mktoForm .mktoButtonRow {
  text-align: center !important;
  width: 100% !important;
}

.node-type-wiki .region-below-content .block form.mktoForm .mktoAsterix {
  display: inline-block;
  padding: 0 3px 0 0 !important;
  color: #FFF !important;
}

.node-type-wiki .region-below-content .block form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
}

.node-type-wiki .region-below-content .block form.mktoForm .mktoButton {
  padding: 11px 20px 12px !important;
}

@media (min-width: 820px) {
  .node-type-wiki .region-below-content {
    padding-left: 40px;
  }
  .node-type-wiki .region-below-content .block {
    padding: 40px 60px;
  }
}

@media (min-width: 980px) {
  .node-type-wiki .region-below-content {
    padding-left: 80px;
  }
  .node-type-wiki .region-below-content .block {
    padding: 40px 120px;
  }
}

.node-type-advanced-page .region-below-content-bottom {
  padding: 0 10px;
}

.node-type-advanced-page .block-graydonmod.download-block {
  max-width: 610px;
  margin: 80px auto;
  padding: 30px 100px;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes lightning {
  0% {
    transform: none;
  }
  25% {
    transform: scale(1.2) rotate(-5deg);
  }
  50% {
    transform: scale(0.8);
  }
  75% {
    transform: scale(1.3) rotate(0deg);
  }
  100% {
    transform: none;
  }
}

.clearfix:after {
  content: ' ';
  display: table;
}

body.type-field_collection_item.bundle-field_fc_rows.field-field_texts:after, .l-wrapper-main:after, .top-container > .inner:after, .r-top-navigation:after, .l-page > .inner:after, .r-content > .inner:after, .r-footer .r-footer-top .block .content:after, fieldset:after, .solutions-menu-overlay-page .solutions-overlay > .view-content:after, .node-solution-teaser:after, .solutions-overlay-attachment:after, .featured .view-content:after, .default-grid .view-content:after, .blog-default-grid .view-content:after, .blog-extended-grid > .view-content:after, .related-content-grid .view-content:after, .node-type-product .r-content-top .content:after, .users-grid .view-content:after, .newsletter-download-block .content:after, .node-advanced-page-full .content:after, .section-rows .field-name-field-texts .field-item:after, .section-rows .row:after, .cta-message:after, .cta-bar-wrapper:after, .node-type-wiki .region-below-content .block:after {
  content: ' ';
  display: table;
  clear: both;
}

html,
body {
  margin: 0;
  padding: 0;
}

.node-download-teaser, .node-blog-teaser,
.node-press-item-teaser, .node-customer-case-teaser {
  position: relative;
  width: 300px;
  height: 305px;
  overflow: hidden;
  background-color: white;
}

.node-download-teaser > a, .node-blog-teaser > a,
.node-press-item-teaser > a, .node-customer-case-teaser > a {
  display: block;
}

.node-download-teaser > a:focus, .node-blog-teaser > a:focus,
.node-press-item-teaser > a:focus, .node-customer-case-teaser > a:focus, .node-download-teaser > a:hover, .node-blog-teaser > a:hover,
.node-press-item-teaser > a:hover, .node-customer-case-teaser > a:hover {
  text-decoration: none;
}

.node-download-teaser > a:focus h2, .node-blog-teaser > a:focus h2,
.node-press-item-teaser > a:focus h2, .node-customer-case-teaser > a:focus h2, .node-download-teaser > a:hover h2, .node-blog-teaser > a:hover h2,
.node-press-item-teaser > a:hover h2, .node-customer-case-teaser > a:hover h2 {
  text-decoration: underline;
}

.node-download-teaser h2, .node-blog-teaser h2,
.node-press-item-teaser h2, .node-customer-case-teaser h2 {
  position: relative;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 24px;
}

.node-download-teaser .wrapped, .node-blog-teaser .wrapped,
.node-press-item-teaser .wrapped, .node-customer-case-teaser .wrapped {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 15px 15px;
  z-index: 1;
  background-color: white;
  clip: auto;
}

.node-download-teaser .field-name-read-more, .node-blog-teaser .field-name-read-more,
.node-press-item-teaser .field-name-read-more, .node-customer-case-teaser .field-name-read-more {
  margin-top: 5px;
}

body.download-page .download-button a, .blogs-user .more-link a, .node-teaser-event:hover .field-name-read-more, .node-teaser-event:focus .field-name-read-more, .job-vacancies-block .more-link a, .node-type-product .region-content .field-name-field-link a, .board-members .more-link a, .node-type-iframe .field-name-field-marketo-code form.mktoForm a,
.block.download-block form.mktoForm a, .block.download-block .button-download {
  display: inline-block;
  padding: 17px 40px 18px;
  color: white;
  text-decoration: none;
  line-height: 1;
  background-color: #eb6e08;
  border-radius: 3px;
}

body.download-page .download-button a:focus, .blogs-user .more-link a:focus, .node-teaser-event:hover .field-name-read-more:focus, .node-teaser-event:focus .field-name-read-more:focus, .job-vacancies-block .more-link a:focus, .node-type-product .region-content .field-name-field-link a:focus, .board-members .more-link a:focus, .node-type-iframe .field-name-field-marketo-code form.mktoForm a:focus,
.block.download-block form.mktoForm a:focus, .block.download-block .button-download:focus {
  box-shadow: 0 0 3px black;
  background-color: #a24e03;
}

body.download-page .download-button a:hover, .blogs-user .more-link a:hover, .node-teaser-event:hover .field-name-read-more:hover, .node-teaser-event:focus .field-name-read-more:hover, .job-vacancies-block .more-link a:hover, .node-type-product .region-content .field-name-field-link a:hover, .board-members .more-link a:hover, .node-type-iframe .field-name-field-marketo-code form.mktoForm a:hover,
.block.download-block form.mktoForm a:hover, .block.download-block .button-download:hover {
  background-color: #a24e03;
}

.node-solution-teaser a.read-more, .node-product-teaser .field-name-read-more .field-item, a.view-all-bloggers .more-link {
  display: inline-block;
  padding: 7px 20px 8px;
  color: white;
  text-decoration: none;
  line-height: 1;
  background-color: #eb6e08;
  border-radius: 3px;
}

.node-solution-teaser a.read-more:focus, .node-product-teaser .field-name-read-more .field-item:focus, a.view-all-bloggers .more-link:focus {
  box-shadow: 0 0 3px black;
  background-color: #a24e03;
}

.node-solution-teaser a.read-more:hover, .node-product-teaser .field-name-read-more .field-item:hover, a.view-all-bloggers .more-link:hover {
  background-color: #a24e03;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/