@charset "UTF-8";
@import url("../../App_Plugins/ArtologikCommon/Content/ArtologikCommon.css?rnd=20220602");
@import 'artologik-bootstrap.css';
@import 'fonts/flexy-font.css';
@import url("artmetro-font.css?v=5.4.0");
@import 'plugins/animate.css';
@import 'plugins/jquery.circliful.css';
@import 'plugins/check_radio.css';
@import 'plugins/imageHover.css';
@import 'plugins/prettyPhoto.css';
@import 'plugins/offcanvas.css';
@import 'plugins/tabsVert.css';
@import "plugins/ekko-lightbox.css";
@import url("theme.css?rnd=230627");
.bg-default {
  background-color: transparent;
}

a.bg-default:hover,
a.bg-default:focus {
  background-color: #4271b3;
}

.bg-hover-default:hover {
  background-color: #fff;
}

.text-default {
  color: transparent;
}

a.text-default:hover,
a.text-default:focus {
  color: #386098;
}

.bg-primary {
  background-color: #4271b3;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #386098;
}

.bg-hover-primary:hover {
  background-color: #edf1f8;
}

.text-primary {
  color: #4271b3;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #325586;
}

.bg-success {
  background-color: #38792e;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #306727;
}

.bg-hover-success:hover {
  background-color: #ecf2eb;
}

.text-success {
  color: #38792e;
}

a.text-success:hover,
a.text-success:focus {
  color: #2a5b23;
}

.bg-info {
  background-color: #294a8f;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #233f7a;
}

.bg-hover-info:hover {
  background-color: #eaedf4;
}

.text-info {
  color: #294a8f;
}

a.text-info:hover,
a.text-info:focus {
  color: #1f386b;
}

.bg-warning {
  background-color: #cc700d;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #ad5f0b;
}

.bg-hover-warning:hover {
  background-color: #faf1e7;
}

.text-warning {
  color: #cc700d;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #99540a;
}

.bg-danger {
  background-color: #a5352b;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #8c2d25;
}

.bg-hover-danger:hover {
  background-color: #f7ebea;
}

.text-danger {
  color: #a5352b;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #7c2820;
}

.bg-gray {
  background-color: #5c5c5c;
}

a.bg-gray:hover,
a.bg-gray:focus {
  background-color: #4e4e4e;
}

.bg-hover-gray:hover {
  background-color: #efefef;
}

.text-gray {
  color: #5c5c5c;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #454545;
}

.bg-primary {
  color: #fff;
}
.bg-primary.abstract {
  background: #4271b3 url("/images/artologik/bg-polygon.jpg?v1") 50% 50% repeat;
}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6 {
  color: #fff;
}
.bg-primary p, .bg-primary a:not(.btn) {
  color: #d6dee8;
  line-height: 1.5;
}
.bg-primary .artologik-featured li,
.bg-primary .artologik-featured .ac-icon,
.bg-primary .artologik-featured-digits li,
.bg-primary .artologik-featured-digits .ac-icon {
  color: #fff;
}

.bg-gray {
  background-color: #efefef;
}

/*#region Helper functions */
/*#endregion*/
/*#region Typography */
.plTbl .pricelist-form-container, body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.7142857143;
  color: #1a1a1a;
}

/*#endregion*/
.bottom-bar li a::after, label.toggle .switch .slider::before, .artologik-article-prices .aap-item .aap-features > ul > li::before, .navigation-sidebar .has-sub-menu > .mi-text::after, .navigation-main .menu-item button::before, .acd-rounded-cards .artologik-card::after, .artologik-card:hover.is-video .acd-header::after, .form-submitting .btn-submit[disabled]::after, .required.valid::after, .error-message::after, .rm-lnk::after {
  font-family: "FontArtMetro" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*#region OpenSansFont*/
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("fonts/open_sans/OpenSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("fonts/open_sans/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("fonts/open_sans/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("fonts/open_sans/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("fonts/open_sans/OpenSans-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("fonts/open_sans/OpenSans-SemiBold.ttf") format("truetype");
}
/*#endregion OpenSansFont*/
a,
a:focus {
  text-decoration: none;
  color: #285899;
  outline: none;
}

a:hover {
  text-decoration: underline;
  color: #4271b3;
}

a:not(.btn):focus-visible,
button:focus-visible,
.dropdown-toggle:focus-visible {
  outline: 2px dashed #4271b3;
}

.rm-lnk {
  padding-right: 0.5em;
}
.rm-lnk::after {
  content: "\e90c";
  transform: rotate(90deg);
  display: inline-block;
  position: relative;
  left: 0.5em;
  font-size: 80%;
}

h1, .h1 {
  font-size: 2.8571428571em;
  margin-bottom: 0.5em;
}

h2, .h2 {
  font-size: 2.1428571429em;
  margin-top: 0;
}

h3, .h3 {
  font-size: 1.714em;
}

h4, .h4 {
  font-size: 1.285em;
}

h5, .h5 {
  font-size: 1.142em;
}

h6, .h6 {
  font-size: 1em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #151515;
  line-height: 1.1;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  font-weight: 300;
}

h4, .h4,
h5, .h5 {
  font-weight: 700;
}

h6, .h6 {
  font-weight: 600;
}

.hdr-as-txt h1, .hdr-as-txt .h1,
.hdr-as-txt h2, .hdr-as-txt .h2,
.hdr-as-txt h3, .hdr-as-txt .h3,
.hdr-as-txt h4, .hdr-as-txt .h4,
.hdr-as-txt h5, .hdr-as-txt .h5,
.hdr-as-txt h6, .hdr-as-txt .h6,
.page-components .hdr-as-txt h1,
.page-components .hdr-as-txt .h1,
.page-components .hdr-as-txt h2,
.page-components .hdr-as-txt .h2,
.page-components .hdr-as-txt h3,
.page-components .hdr-as-txt .h3,
.page-components .hdr-as-txt h4,
.page-components .hdr-as-txt .h4,
.page-components .hdr-as-txt h5,
.page-components .hdr-as-txt .h5,
.page-components .hdr-as-txt h6,
.page-components .hdr-as-txt .h6 {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.7142857143;
  margin: 0;
}

ul li,
ol li {
  /*padding: 5px 0;*/
  color: #1a1a1a;
}

ul li ul li,
ol li ul li {
  padding: 1px 0;
}

.preamble {
  font-size: 1.2857142857em;
  line-height: 1.5555555556em;
  margin-bottom: 0.6666666667em;
  color: #000;
  font-weight: 300;
  display: block;
}

/* Quotes */
blockquote {
  font-size: 1.428em;
  font-weight: 300;
  line-height: 2;
  position: relative;
  max-width: 700px;
  padding: 45px 90px;
  text-align: center;
  border: none;
}

blockquote:before {
  font-size: 6em;
  font-weight: 300;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25px;
  content: "«";
}

blockquote:after {
  font-size: 6em;
  font-weight: 300;
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -25px;
  content: "»";
}

blockquote footer,
blockquote small,
blockquote .small {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 25px;
  text-align: right;
}

/* HELPER classes for text (OBS! "text-[alignment]" already exist in bootstrap) */
.text-mw-center {
  margin-left: auto;
  margin-right: auto;
}

.text-mw-right {
  margin-left: auto;
}

/* Header */
.header-top-bar {
  font-size: 0.9285714286em;
}

/*Language switcher*/
.language-switcher {
  margin-top: 5px;
}

.language-switcher span:hover {
  color: #03a9f4;
}

.language-switcher li {
  padding-top: 0;
}

.error-message {
  color: #b10f00 !important;
  padding-left: 1.5em;
  position: relative;
}
.error-message::after {
  content: "\e356";
  line-height: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

/* Error page (like 404) */
.error-page h1,
.error-page .h1 {
  font-weight: 400;
  font-size: 3.1em;
}

/* Page Components */
.page-components h2,
.page-components .h2:not(.acd-text-header) {
  font-size: 2.8571428571em;
}

.search-highlight {
  background-color: #e3ce80;
  color: #000;
}
.search-highlight.active {
  background-color: #e6b887;
}

/*
* OBS! A lot of animations already exist in "~/Content/plugins/animate.css", check this file before
* creating a new animation. The "base"-class ".animated" exists in this file.
*/
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.rotate360 {
  animation-name: rotate360;
  animation-iteration-count: infinite;
}

@keyframes ring-bell {
  0%, 100% {
    transform: rotate(0);
  }
  20%, 60% {
    transform: rotate(12deg);
  }
  40%, 80% {
    transform: rotate(-12deg);
  }
}
.ring-bell {
  animation: ring-bell 0.4s ease-in-out;
  transform-origin: 50% 6px;
}

@keyframes highlight1 {
  50% {
    transform: scale(1.05, 1.05);
    border-color: #38792e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
  }
  0%, 100% {
    transform: scale(1);
  }
}
.highlight {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: highlight1;
  animation-name: highlight1;
}

.fi-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fi-xs {
  font-size: 0.75em;
}

.fi-sm {
  font-size: 0.875em;
}

.fi-1x {
  font-size: 1em;
}

.fi-2x {
  font-size: 2em;
}

.fi-3x {
  font-size: 3em;
}

.fi-4x {
  font-size: 4em;
}

.fi-5x {
  font-size: 5em;
}

.fi-6x {
  font-size: 6em;
}

.fi-7x {
  font-size: 7em;
}

.fi-8x {
  font-size: 8em;
}

.fi-9x {
  font-size: 9em;
}

.fi-10x {
  font-size: 10em;
}

.fi-fw {
  text-align: center;
  width: 1.25em;
}

.artologik-featured-item [class^=fi-],
.artologik-featured-item [class*=" fi-"] {
  color: #4271b3;
}

.has-feedback .form-control-feedback[class^=fi-], .has-feedback .form-control-feedback[class*=" fi-"] {
  line-height: 34px;
}

/* Not currently used
.ico-w-bg {
    background-color: #4071b3;
    color: #fff;
    width: 2.7em;
    height: 2.7em;
    display: inline-block;
    line-height: 2.7em;
    text-align: center;
    border-radius: 0.08em;
    font-size: 3em;
}
*/
.icon-shadow {
  position: relative;
  display: inline-block;
  margin-bottom: 0.7em;
}
.icon-shadow::after {
  content: "";
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background-color: transparent;
  bottom: 0.1em;
  left: 0;
  height: 0.05em;
  width: 85%;
  box-shadow: 0px 0.3em 0.15em 0.05em rgba(26, 26, 26, 0.25);
}
.icon-shadow.text-primary, .icon-shadow.tsc-icon {
  color: #4271b3;
}
.icon-shadow.text-primary::after, .icon-shadow.tsc-icon::after {
  box-shadow: 0px 0.3em 0.15em 0.05em rgba(66, 113, 179, 0.25);
}
.icon-shadow.text-danger {
  color: #b10f00;
}
.icon-shadow.text-danger::after {
  box-shadow: 0px 0.3em 0.15em 0.05em rgba(177, 15, 0, 0.25);
}

.bg-primary .icon-shadow.text-primary, .bg-primary .icon-shadow.tsc-icon {
  color: inherit;
  box-shadow: none;
}

/*@mixin art-button-hover-styles($color-map, $text: #fff) {
    &:hover,
    &:focus,
    &:active {
        @include art-button-color-properties($color-map, $text, true);
    }
}*/
/*@mixin art-button-styles($color-map, $text: #fff) {
    @include art-button-color-properties($color-map, $text);
    @include art-button-hover-styles($color-map, $text);
}*/
/* // END - mixin */
/* Default button layout */
.btn {
  font-size: 1.1428571429em;
  padding: 0.474em 2em;
  border-radius: 1px;
  transition: background-color 0.3s, color 0.3s;
}
.btn:focus, .btn:hover, .btn:active, .btn:active:focus {
  /*padding-top: 4px;
  padding-bottom: 4px;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -2px;*/
}

/*BUTTONS SIZES*/
.btn-lg {
  padding: 0.65em 3.3em;
}

.btn-sm {
  font-size: 0.857em;
  padding: 7px 36px;
}

.btn-xs {
  font-size: 0.857em;
  padding: 3px 36px;
}

/*BUTTONS CONTEXTUAL COLORS*/
/*$bootstrap-colors-with-outline: ( primary: true );
@function btnHasOutline($key) {
    @if map-has-key($bootstrap-colors-with-outline, $key) {
        @return map-get($bootstrap-colors-with-outline, $key);
    }
    @return false;
}*/
.btn-default, .btn-default:focus, .btn-default:active, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default:active:hover, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled].active {
  background-color: transparent;
  /*outline-color: map-get($color-map, default);*/
  border-color: #4271b3;
  color: #1454ad;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus {
  outline: solid 1px #1454ad;
  outline-offset: -2px;
  color: #1454ad;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-default:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #1454ad;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-default:hover {
  background-color: #4271b3;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #4271b3;
  color: #fff;
}

.browser-ie .btn-default:hover::after, .browser-ie .btn-default:focus::after, .browser-ie .btn-default:active::after {
  border-color: #fff !important;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary:active:hover, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled].active {
  background-color: #4271b3;
  /*outline-color: map-get($color-map, default);*/
  border-color: #21395a;
  color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-primary:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-primary:hover {
  background-color: #386098;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #386098;
  color: #fff;
}

.browser-ie .btn-primary:hover::after, .browser-ie .btn-primary:focus::after, .browser-ie .btn-primary:active::after {
  border-color: #d0dbec !important;
}

.btn-success, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success.active:focus, .btn-success:active.focus, .btn-success:active:hover, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled].active {
  background-color: #38792e;
  /*outline-color: map-get($color-map, default);*/
  border-color: #1c3d17;
  color: #fff;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-success:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-success:hover {
  background-color: #306727;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #306727;
  color: #fff;
}

.browser-ie .btn-success:hover::after, .browser-ie .btn-success:focus::after, .browser-ie .btn-success:active::after {
  border-color: #cdddcb !important;
}

.btn-info, .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info.active:focus, .btn-info:active.focus, .btn-info:active:hover, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled].active {
  background-color: #294a8f;
  /*outline-color: map-get($color-map, default);*/
  border-color: #152548;
  color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-info:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-info:hover {
  background-color: #233f7a;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #233f7a;
  color: #fff;
}

.browser-ie .btn-info:hover::after, .browser-ie .btn-info:focus::after, .browser-ie .btn-info:active::after {
  border-color: #c9d2e3 !important;
}

.btn-warning, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning.active:focus, .btn-warning:active.focus, .btn-warning:active:hover, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled].active {
  background-color: #cc700d;
  /*outline-color: map-get($color-map, default);*/
  border-color: #663807;
  color: #fff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-warning:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-warning:hover {
  background-color: #ad5f0b;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #ad5f0b;
  color: #fff;
}

.browser-ie .btn-warning:hover::after, .browser-ie .btn-warning:focus::after, .browser-ie .btn-warning:active::after {
  border-color: #f2dbc2 !important;
}

.btn-danger, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus, .btn-danger.active:focus, .btn-danger:active.focus, .btn-danger:active:hover, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled].active {
  background-color: #a5352b;
  /*outline-color: map-get($color-map, default);*/
  border-color: #531b16;
  color: #fff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-danger:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-danger:hover {
  background-color: #8c2d25;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #8c2d25;
  color: #fff;
}

.browser-ie .btn-danger:hover::after, .browser-ie .btn-danger:focus::after, .browser-ie .btn-danger:active::after {
  border-color: #e8ccca !important;
}

.btn-gray, .btn-gray:focus, .btn-gray:active, .btn-gray:active:focus, .btn-gray.active:focus, .btn-gray:active.focus, .btn-gray:active:hover, .btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus, .btn-gray[disabled].active {
  background-color: #5c5c5c;
  /*outline-color: map-get($color-map, default);*/
  border-color: #2e2e2e;
  color: #fff;
}

.btn-gray:hover, .btn-gray:focus, .btn-gray.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-gray:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-gray:hover {
  background-color: #4e4e4e;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #4e4e4e;
  color: #fff;
}

.browser-ie .btn-gray:hover::after, .browser-ie .btn-gray:focus::after, .browser-ie .btn-gray:active::after {
  border-color: #d6d6d6 !important;
}

.btn-gray-outlined, .btn-gray-outlined:focus, .btn-gray-outlined:active, .btn-gray-outlined:active:focus, .btn-gray-outlined.active:focus, .btn-gray-outlined:active.focus, .btn-gray-outlined:active:hover, .btn-gray-outlined[disabled], .btn-gray-outlined[disabled]:hover, .btn-gray-outlined[disabled]:focus, .btn-gray-outlined[disabled].focus, .btn-gray-outlined[disabled].active {
  background-color: transparent;
  border-color: #5c5c5c;
  color: #4e4e4e;
}

.btn-gray-outlined {
  /*outline: solid 1px map-get($color-map, darker-3); // Same as border-color
  outline-offset: -3px;*/
}
.btn-gray-outlined:focus, .btn-gray-outlined.focus {
  outline: solid 1px #2e2e2e;
  outline-offset: -3px;
}

.btn-gray-outlined {
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -4px;*/
}
.btn-gray-outlined:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -4px;
}

.btn-gray-outlined:hover {
  background-color: #5c5c5c;
  border-color: #2e2e2e;
  color: #fff;
}

.browser-ie .btn-gray-outlined:hover::after, .browser-ie .btn-gray-outlined:focus::after, .browser-ie .btn-gray-outlined:active::after {
  border-color: #d6d6d6 !important;
}

.btn-white, .btn-white:focus, .btn-white:active, .btn-white:active:focus, .btn-white.active:focus, .btn-white:active.focus, .btn-white:active:hover, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled].focus, .btn-white[disabled].active {
  background-color: #fff;
  /*outline-color: map-get($color-map, default);*/
  border-color: #fff;
  color: #1454ad;
}

.btn-white:hover, .btn-white:focus, .btn-white.focus {
  outline: solid 1px #1454ad;
  outline-offset: -2px;
  color: #1454ad;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-white:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #1454ad;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-white:hover {
  background-color: #fff;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #fff;
  color: #1454ad;
}

.browser-ie .btn-white:hover::after, .browser-ie .btn-white:focus::after, .browser-ie .btn-white:active::after {
  border-color: #fff !important;
}

.btn-white-outlined, .btn-white-outlined:focus, .btn-white-outlined:active, .btn-white-outlined:active:focus, .btn-white-outlined.active:focus, .btn-white-outlined:active.focus, .btn-white-outlined:active:hover, .btn-white-outlined[disabled], .btn-white-outlined[disabled]:hover, .btn-white-outlined[disabled]:focus, .btn-white-outlined[disabled].focus, .btn-white-outlined[disabled].active, .bg-primary form .btn.btn-submit, .bg-primary form .btn.btn-submit:focus, .bg-primary form .btn.btn-submit:active, .bg-primary form .btn.btn-submit:active:focus, .bg-primary form .btn.btn-submit.active:focus, .bg-primary form .btn.btn-submit:active.focus, .bg-primary form .btn.btn-submit:active:hover, .bg-primary form .btn.btn-submit[disabled], .bg-primary form .btn.btn-submit[disabled]:hover, .bg-primary form .btn.btn-submit[disabled]:focus, .bg-primary form .btn.btn-submit[disabled].focus, .bg-primary form .btn.btn-submit[disabled].active {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-white-outlined, .bg-primary form .btn.btn-submit {
  /*outline: solid 1px map-get($color-map, darker-3); // Same as border-color
  outline-offset: -3px;*/
}
.btn-white-outlined:focus, .btn-white-outlined.focus, .bg-primary form .btn.btn-submit:focus, .bg-primary form .btn.btn-submit.focus {
  outline: solid 1px #fff;
  outline-offset: -3px;
}

.btn-white-outlined, .bg-primary form .btn.btn-submit {
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -4px;*/
}
.btn-white-outlined:focus-visible, .bg-primary form .btn.btn-submit:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -4px;
}

.btn-white-outlined:hover, .bg-primary form .btn.btn-submit:hover {
  background-color: #fff;
  border-color: #fff;
  color: #1454ad;
}

.browser-ie .btn-white-outlined:hover::after, .browser-ie .btn-white-outlined:focus::after, .browser-ie .btn-white-outlined:active::after, .browser-ie .bg-primary form .btn.btn-submit:hover::after, .browser-ie .bg-primary form .btn.btn-submit:focus::after, .browser-ie .bg-primary form .btn.btn-submit:active::after {
  border-color: #fff !important;
}

.btn-secondary, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, .btn-secondary.active:focus, .btn-secondary:active.focus, .btn-secondary:active:hover, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, .btn-secondary[disabled].active {
  background-color: #38792e;
  /*outline-color: map-get($color-map, default);*/
  border-color: #1c3d17;
  color: #fff;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus {
  outline: solid 1px #fff;
  outline-offset: -2px;
  color: #fff;
  /*outline: solid 1px $text;
  outline-offset: -2px;*/
}

.btn-secondary:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;
  color: #fff;
  /*outline-style: dashed;
  outline-width: 2px;
  outline-offset: -3px;*/
}

.btn-secondary:hover {
  background-color: #306727;
  /*outline-color: map-get($color-map, lighter-3);*/
  border-color: #306727;
  color: #fff;
}

.browser-ie .btn-secondary:hover::after, .browser-ie .btn-secondary:focus::after, .browser-ie .btn-secondary:active::after {
  border-color: #cdddcb !important;
}

.btn-yellow,
.btn-secondary-light {
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
}

.btn-default:focus,
.btn-default.focus {
  outline-color: #4271b3;
  outline-offset: -3px;
}

.btn-default:hover {
  outline: none;
}

.btn-share {
  line-height: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

/*
.btn-muted {
    border-color: #b5b4b4;
    background-color: #b5b4b4;
}
*/
.btn-toolbar.align-right {
  display: flex;
  justify-content: flex-end;
  margin-left: 0;
}
.btn-toolbar.align-right .btn,
.btn-toolbar.align-right .btn-group,
.btn-toolbar.align-right .input-group {
  float: none;
}

.input-group.w-100 .input-group-btn {
  width: 1%;
}

.input-group-btn > .btn {
  height: 40px;
  font-size: 14px;
}

label.error {
  display: none !important;
}

.form-control {
  font-size: 13px;
  display: inline-block;
  height: 40px;
  letter-spacing: 1px;
  color: #1a1a1a;
  border-color: #cccccc;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-control:focus, .form-control.focus {
  border-color: #38792e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
}
.form-control.error {
  border-color: #a5352b !important;
}
.form-control.valid {
  border-color: #38792e !important;
}

.icheckbox_minimal-grey,
.iradio_minimal-grey {
  margin-right: 10px;
}

.response-holder {
  font-size: 14px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.response-holder .inner {
  margin-bottom: 20px;
  padding: 12px 16px;
  border: 3px solid transparent;
}

.response-holder.error {
  display: none;
}

.response-holder.success {
  max-height: 300px;
  margin-top: 25px;
  opacity: 0.8;
}

.response-holder.error .inner {
  color: red;
  border: 2px solid red;
}

.response-holder.success .inner {
  color: green;
}

.checkbox-group,
.radio-group {
  margin: 0;
  padding: 0;
}
.checkbox-group > .checkbox:first-child,
.checkbox-group > .radio:first-child,
.radio-group > .checkbox:first-child,
.radio-group > .radio:first-child {
  margin-top: 0;
}
.checkbox-group section[style*=display] + .checkbox,
.checkbox-group section[style*=display] + .radio,
.radio-group section[style*=display] + .checkbox,
.radio-group section[style*=display] + .radio {
  margin-top: -5px;
}

.checkbox,
.radio {
  line-height: 1;
}
.checkbox label,
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  line-height: 1.3;
}
.checkbox label a,
.checkbox label + small a,
.radio label a,
.radio label + small a {
  text-decoration: underline;
}
.checkbox label a:hover,
.checkbox label + small a:hover,
.radio label a:hover,
.radio label + small a:hover {
  text-decoration: none;
}
.checkbox input.error + label,
.checkbox input.error + label a,
.radio input.error + label,
.radio input.error + label a {
  color: #b10f00 !important;
}
.checkbox input.error + label a,
.radio input.error + label a {
  font-weight: bold !important;
}
.checkbox input.error + label::before,
.radio input.error + label::before {
  border-color: #a5352b !important;
  border-width: 2px;
}
.checkbox > .lbl-details,
.radio > .lbl-details {
  padding-left: 5px;
  display: block;
  margin: 0.15em 0 0.34em;
  line-height: 1.15;
}

.checkbox {
  padding-left: 20px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 1px solid #adadad;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  position: absolute;
  left: 0;
  top: -1px;
  margin-left: -20px;
}
.checkbox label::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #1a1a1a;
  position: absolute;
  left: 0;
  top: 1px;
  margin-left: -20px;
}
.checkbox > input {
  opacity: 0;
  z-index: 1;
}
.checkbox > input:focus + label::before {
  border-color: #38792e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
}
.checkbox > input:checked + label::after {
  font-family: "FontArtMetro";
  content: "\e370";
}
.checkbox > input:disabled + label {
  opacity: 0.65;
  cursor: not-allowed;
}
.checkbox > input:disabled + label::before {
  background-color: #dddddd;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=radio]:checked + label::before {
  background-color: "#00f";
  border-color: "#00f";
}
.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=radio]:checked + label::after {
  color: #fff;
}

/*@include checkbox-variant('.checkbox-danger', $brand-danger);
@include checkbox-variant('.checkbox-info', $brand-info);
@include checkbox-variant('.checkbox-warning', $brand-warning);
@include checkbox-variant('.checkbox-success', $brand-success);*/
.radio {
  padding-left: 20px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #adadad;
  border-radius: 50%;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5.5px solid #fff;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio > input {
  opacity: 0;
  z-index: 1;
}
.radio > input:focus + label::before {
  border-color: #38792e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
}
.radio > input:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio > input:disabled + label {
  opacity: 0.65;
  cursor: not-allowed;
}
.radio > input:disabled + label::before {
  background-color: #dddddd;
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type=radio] + label::after {
  background-color: "#00f";
}
.radio-primary input[type=radio]:checked + label::before {
  border-color: "#00f";
}
.radio-primary input[type=radio]:checked + label::after {
  background-color: "#00f";
  border: 5.5px solid "#00f";
}

/*@include radio-variant('.radio-danger', $brand-danger);
@include radio-variant('.radio-info', $brand-info);
@include radio-variant('.radio-warning', $brand-warning);
@include radio-variant('.radio-success', $brand-success);*/
.select-group {
  display: block;
  position: relative;
}
.select-group > select {
  margin-right: 52px; /* So that select inside <col width="1%" /> is wide enough to show both its content and the fake dropdown arrow */
}

.select-group:after,
.input-group-addon,
.addon-btn {
  color: #4a4a49;
  background-color: #f7f7f7;
  border: solid 1px #cccccc;
}

.input-group-addon,
.addon-btn {
  padding: 5px 5px 3px 6px;
}

.input-group-addon > .fi {
  font-size: 16px;
}

.select-group:after {
  content: "\e3b6"; /* Arrow down */
  font-family: FontArtMetro;
  display: block;
  line-height: 39px;
  position: absolute;
  top: 1px; /* Make the border visible from the select-element */
  bottom: 1px;
  right: 1px;
  font-size: 14px;
  z-index: 3;
  text-align: center;
  padding-left: 1px;
  pointer-events: none;
  border-width: 0 0 0 1px;
}

.select-group:after,
.select-group + .input-group-btn > .btn-as-ico {
  width: 34px;
}

.select-group > select {
  -webkit-appearance: none;
}

.form-inline .select-group {
  display: inline-block;
}
.form-inline .select-group > select {
  margin-right: 0;
  padding-right: 39px;
}
.form-inline .form-group .select-group:after {
  bottom: 13px; /* This compensate for: .form-inline .form-group .form-control { margin-bottom: $default-padding; } */
}

.input-group .select-group { /* in bootstrap.css this is se for ".input-group .form-control" */
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  display: table-cell;
}
.input-group .select-group .form-control {
  float: none;
}

.select-group + .input-group-btn {
  z-index: 4;
}
.select-group + .input-group-btn:last-child > .btn, .select-group + .input-group-btn:last-child > .btn-group {
  margin-left: 0px;
}
.select-group + .input-group-btn > .btn-as-ico {
  padding-top: 5px;
  padding-bottom: 4px;
}

.form-horizontal .form-buttons {
  margin-top: -15px;
}
.form-horizontal .form-buttons > * {
  margin-top: 15px;
}

.required::after {
  content: "*";
  line-height: 1;
  z-index: 4;
  color: #b10f00;
}

.required {
  position: relative;
}
.required::after {
  position: absolute;
  top: 4px;
  right: 5px;
}
.required.valid::after {
  content: "\e370";
  color: #38792e;
}
.required.error::after {
  content: attr(data-val-msg);
  color: #fff;
  background-color: #b10f00;
  padding: 3px 5px 3px 6px;
  font-size: 12px;
  top: -5px;
  box-shadow: 1px 1px 0px rgb(73, 0, 0);
  white-space: nowrap;
}
.required.error.required-msg-left::after {
  right: auto;
  left: 4px;
}
.required.error.required-msg-left[class*=col-]::after {
  right: auto;
  left: 20px;
}
.required.error.required-msg-left[class*=col-].required-select::after {
  right: auto;
  left: 54px;
}
.required.error.required-msg-left.required-select::after {
  right: auto;
  left: 5px;
}
.required[class*=col-]::after {
  right: 20px;
}
.required[class*=col-].required-select::after {
  right: 54px;
}
.required.required-select::after {
  right: 39px;
}

.js-tgl-required .required::after {
  display: none;
}
.js-tgl-required .required.error::after, .js-tgl-required .required.valid::after {
  display: inline-block;
}
.js-tgl-required.js-show-required .required::after {
  display: inline-block;
}

.form-checkboxes {
  color: #595959;
}

.bg-primary .form-checkboxes {
  color: #fff;
}

@media (min-width: 768px) {
  .form-checkboxes[class*=col-sm-] {
    padding-right: 30px;
  }
}
.form-group .btn-submit {
  float: right;
  position: relative;
  transition: color 1s;
}

.form-submitting .btn-submit[disabled] {
  color: transparent;
}
.form-submitting .btn-submit[disabled]::after {
  content: "\e1df";
  color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  animation: rotate360 2s infinite linear;
}

.form-append-on-success {
  display: none;
}

.form-success .form-submit-result-msg {
  text-align: center;
}
.form-success .form-submit-result-msg .icon-shadow {
  font-size: 3em;
}
.form-success .form-submit-result-msg > span {
  display: block;
  max-width: 80%;
  font-size: 95%;
  margin: 0 auto;
}
.form-success .form-append-on-success {
  display: block;
}
.form-success.form-inline .form-submit-result-msg .icon-shadow {
  margin: 0 0.4em 0 0;
  vertical-align: middle;
}
.form-success.form-inline .form-submit-result-msg > span {
  display: inline-block;
}

.bg-primary .error-message,
.bg-primary .error-message a,
.subscribe-form + .error-message,
.subscribe-form + .error-message a {
  color: inherit !important;
}
.bg-primary .error-message a,
.subscribe-form + .error-message a {
  text-decoration: underline;
}

.subscribe-form + .error-message {
  margin: 0.3em 0 0;
}

.column > p + .artologik-links {
  margin-top: 1.7em;
  margin-bottom: 1.1em;
}

.row > .col-md-6 > .artologik-image:not(.image-screen) > img:only-child {
  margin: 0 auto;
  display: block;
}

/****** General responsive : 991 and below
************************************************/
@media (max-width: 991px) {
  .row > .col-md-6:first-child > .artologik-image:not(.image-screen) > img:only-child {
    margin-bottom: 1.5em;
  }
  .row > .col-md-6:last-child > .artologik-image:not(.image-screen) > img:only-child {
    margin-top: 1.5em;
  }
  .flex-row-column-reverse-md .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex-row-column-reverse-md .row > .col-md-6:last-child > .artologik-image:not(.image-screen) > img:only-child {
    margin-top: 0;
    margin-bottom: 1.5em;
  }
}
/****** Artologik Boxes - Default layout for grid columns which is used for presenting
        content for different grid-controls (such as "Features items", "News")
*************************************************************/
.art-boxes {
  display: flex;
  flex-wrap: wrap;
}
.art-boxes .art-box-link-wrp {
  position: relative;
  background: transparent url("/images/artologik/featured-clickable-bg-btm-right.png") bottom 15px right no-repeat;
  padding: 5px 9px 15px 5px;
}
.art-boxes .art-box-link-wrp > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 4px;
  bottom: 20px;
  border-radius: 3px;
  font-size: 1px;
  color: transparent;
  text-indent: -9999px;
  border: solid 1px transparent;
  transition: border 350ms;
}
.art-boxes .art-box-link-wrp > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 350ms;
}
.art-boxes .art-box-link-wrp > a:hover {
  border-color: #4271b3;
}
.art-boxes .art-box-link-wrp > a:hover::after {
  opacity: 1;
}
.art-boxes .art-box-link-wrp .art-lwrd {
  padding-right: 23px;
}

section.bg-gray .art-boxes .art-box h2, section.bg-gray .art-boxes .art-box h3,
.bg-gray > .container .art-boxes .art-box h2,
.bg-gray > .container .art-boxes .art-box h3 {
  font-size: 1.2142857143em;
  font-weight: 600;
  color: #4e4e4e;
  line-height: 1.25;
}
section.bg-gray .art-boxes .art-box-link-wrp,
.bg-gray > .container .art-boxes .art-box-link-wrp {
  background-image: url("/images/artologik/featured-clickable-bg-btm-right-gray.png");
}
section.bg-gray .art-boxes .art-box-link-wrp > a:hover,
.bg-gray > .container .art-boxes .art-box-link-wrp > a:hover {
  border-color: #858585;
}
section.bg-gray .art-boxes .art-box-link-wrp > a:focus-visible,
.bg-gray > .container .art-boxes .art-box-link-wrp > a:focus-visible {
  outline-color: #5c5c5c;
}

section.bg-primary .art-boxes .art-box h2, section.bg-primary .art-boxes .art-box h3,
.bg-primary > .container .art-boxes .art-box h2,
.bg-primary > .container .art-boxes .art-box h3 {
  font-size: 1.2142857143em;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
}
section.bg-primary .art-boxes .art-box-link-wrp,
.bg-primary > .container .art-boxes .art-box-link-wrp {
  background-image: url("/images/artologik/featured-clickable-bg-btm-right-white.png");
}
section.bg-primary .art-boxes .art-box-link-wrp > a:hover,
.bg-primary > .container .art-boxes .art-box-link-wrp > a:hover {
  border-color: #fff;
}
section.bg-primary .art-boxes .art-box-link-wrp > a:focus-visible,
.bg-primary > .container .art-boxes .art-box-link-wrp > a:focus-visible {
  outline-color: #fff;
}

.modal-flex-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.modal-flex-center.in {
  display: flex !important;
}
.art-consent-dialog .modal-body {
  line-height: 1.55;
}

.ekko-lightbox .modal-header .close {
  opacity: 0.5;
}
.ekko-lightbox .modal-header .close:hover, .ekko-lightbox .modal-header .close:focus {
  opacity: 1;
}
.ekko-lightbox .modal-footer {
  line-height: 1.428571429;
}

/****** Bootstrap dropdown
*************************************************************/
.dropdown .dropdown-toggle .caret {
  margin-left: 6px;
}

/****** Artologik Common Featured Digits
*************************************************************/
.artologik-featured-digits-item {
  margin-top: 0.7142857143em;
  margin-bottom: 3.5714285714em;
}
.artologik-featured-digits-item:last-child {
  margin-bottom: 0;
}
.artologik-featured-digits-item > strong {
  display: block;
  margin-bottom: 0.2142857143em;
}

.afdi-icon-block {
  margin-bottom: 1.1428571429em;
}
.afdi-icon-block .ac-icon:not(:only-child) {
  margin-right: 12px;
}
.afdi-icon-block .digit {
  font-weight: 300;
}

/****** Artologik Common Featured Items (Icon + Text) + Featured Digits
*************************************************************/
.artologik-featured {
  display: flex;
  flex-wrap: wrap;
}
.artologik-featured:last-child {
  margin-bottom: -2.5em;
}

.artologik-featured-item {
  flex-grow: 1;
  text-align: center;
}
.artologik-featured-item .afi-icon {
  margin-bottom: 0.7857142857em;
}
.artologik-featured-item .afi-icon .ac-icon {
  font-size: 3.428571em;
}
.artologik-featured-item .afi-text {
  margin-bottom: 2.5em;
}
.artologik-featured-item .afi-text > strong {
  display: block;
  font-size: 1.2142857143em;
  font-weight: 600;
}
.artologik-featured-item .afi-text > p {
  margin-bottom: 0;
}
.artologik-featured-item .afi-link {
  display: inline-block;
  margin-top: 1em;
}
.artologik-featured-item .afi-item-link-wrp {
  position: relative;
  background: #fff url("/images/artologik/featured-clickable-bg-btm-right.png") bottom 15px right no-repeat;
  padding: 5px 10px;
  margin-bottom: 5px;
}
.artologik-featured-item .afi-item-link-wrp .afi-icon,
.artologik-featured-item .afi-item-link-wrp .afi-text,
.artologik-featured-item .afi-item-link-wrp .any-group-sm {
  pointer-events: none;
}
.artologik-featured-item .afi-item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 4px;
  bottom: 20px;
  border-radius: 3px;
  font-size: 1px;
  color: transparent;
  text-indent: -9999px;
  border: solid 1px transparent;
  transition: border 350ms;
}
.artologik-featured-item .afi-item-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 350ms;
}
.artologik-featured-item .afi-item-link:hover {
  border-color: #4271b3;
}
.artologik-featured-item .afi-item-link:hover::after {
  opacity: 1;
}
.artologik-featured-item .afi-lwrd {
  padding-right: 23px;
}

.preamble + .artologik-featured,
.preamble + .artologik-featured-media,
.preamble + .artologik-featured-digits,
.preamble + .artologik-linked-images,
.preamble + .artologik-article-prices {
  margin-top: 2.5em;
}

.art-feat-bullets .artologik-featured-item .any-group-sm {
  border-bottom: solid 1px #ddd;
  margin-bottom: 1em;
}
.art-feat-bullets .artologik-featured-item .afi-icon {
  width: 3.2857142857em !important;
}
.art-feat-bullets .artologik-featured-item .afi-icon .ac-icon {
  font-size: 1.8571428571em;
}
.art-feat-bullets .artologik-featured-item .afi-icon,
.art-feat-bullets .artologik-featured-item .afi-text {
  margin-bottom: 0.5em;
}

.artologik-featured-digits .artologik-featured-digits-item .ac-icon {
  font-size: 40px;
  vertical-align: text-bottom;
}
.artologik-featured-digits .artologik-featured-digits-item .digit {
  font-size: 40px;
}

@media (min-width: 768px) {
  .artologik-featured:last-child {
    margin-bottom: -1.7857142857em;
  }
  .artologik-featured-item {
    text-align: left;
  }
  .artologik-featured-item.ico-align-horiz .afi-icon {
    width: 5em;
  }
  .artologik-featured-item.ico-align-horiz .afi-item-link-wrp {
    padding-left: 5px;
  }
  .artologik-featured-item.ico-align-horiz .afi-icon {
    width: 5em;
  }
  .artologik-featured-item .afi-text {
    margin-bottom: 1.7857142857em;
  }
  .art-feat-user-areas .artologik-featured-item {
    text-align: center;
  }
  /* DIGITS */
  .artologik-featured-digits-item {
    margin-bottom: 0.2142857143em;
  }
  .afdi-icon-block {
    margin-bottom: 1.4285714286em;
  }
}
@media (min-width: 992px) {
  .preamble + .artologik-featured,
  .preamble + .artologik-featured-media,
  .preamble + .artologik-linked-images,
  .preamble + .artologik-article-prices {
    margin-top: 3.2142857143em;
  }
  .artologik-featured + .artologik-links {
    margin-top: 0.7142857143em;
  }
}
/****** Artologik Common Links
*************************************************************/
.artologik-links a {
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}
.artologik-links a:last-child, .artologik-links a:only-child {
  margin-right: 0;
}
.artologik-links:not(:empty) {
  margin-bottom: -0.8em;
}

/****** Artologik Linked Images/Logos (Company logos, grayscale)
*************************************************************/
.artologik-linked-images.customer-logotypes .ali-item {
  line-height: 1;
}
.artologik-linked-images.customer-logotypes.customer-logotypes {
  text-align: center;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -40px;
}
.artologik-linked-images.customer-logotypes.customer-logotypes .ali-item {
  display: inline-block;
  margin: 0 20px 40px;
}
.artologik-linked-images.customer-logotypes.customer-logotypes .ali-item, .artologik-linked-images.customer-logotypes.customer-logotypes .ali-item img {
  vertical-align: middle;
}
.artologik-linked-images.customer-logotypes.img-filter-greyscale .ali-item {
  opacity: 0.7;
}
.artologik-linked-images.customer-logotypes.img-filter-greyscale a.ali-item:hover {
  opacity: 1;
}

/****** Reference
*************************************************************/
.reference {
  margin-bottom: 2.1428571429em;
  padding-bottom: 2.1428571429em;
  border-bottom: 1px solid #ddd;
}
.reference:first-child {
  border-top: 1px solid #ddd;
  padding-top: 2.1428571429em;
}
.reference .sot-header > span {
  font-size: 0.8em;
}
.reference .sot-sidebar {
  font-size: 4.57143em;
  color: #4271b3;
}

.quote p:first-child::before,
.quote p:last-child::after {
  content: '"';
}

.reference-author {
  font-style: italic;
  color: #5c5c5c;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 1.4285714286em;
}

@media (min-width: 768px) {
  .reference.sm-on-right .sot-sidebar {
    width: 250px;
  }
}
/****** News
*************************************************************/
.news {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.news article {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.news article .article-header {
  margin-top: 20px;
}

.result-filters {
  margin-top: -1.7142857143em;
  margin-bottom: 2.1428571429em;
  font-weight: 800;
}
.result-filters > span,
.result-filters > span > span {
  display: inline-block;
}
.result-filters > span {
  margin-right: 15px;
}

.listed-news-article {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.listed-news-article .article-footer {
  display: none;
}

.grid-news-article .article-footer {
  font-size: 0.928571em;
  font-weight: 800;
}
.grid-news-article.no-sidebar {
  padding: 15px;
  background-color: #edf1f8;
  -webkit-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.1);
}
.grid-news-article.image-icon .article-sidebar {
  text-align: center;
  font-size: 12rem;
  background-color: #4271b3;
}
.grid-news-article.image-icon .article-sidebar > a {
  color: #fff;
}

.news-card > .row,
.news-card > .row > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-card > .row {
  margin-bottom: 20px;
}

.news-article .article-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.0714285714em;
}

.news-article-sidebar > .row > div {
  font-size: 1.071429em;
  margin-top: 30px;
  font-weight: 600;
}

.news-article-category,
.news-article-author,
.news-article-share {
  margin-bottom: 15px;
}

.news-article-author,
.news-article-related-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-article-related-article {
  padding: 0;
  border: 0;
  margin-bottom: 15px;
}
.news-article-related-article > a {
  padding-top: 3px;
  align-self: flex-start;
}

.news-article-author-avatar,
.news-article-author-info,
.news-article-related-name {
  line-height: 1.2em;
}

.news-article-author-avatar {
  padding: 3px 3px 0 3px;
}

.news-article-author-info,
.news-article-related-name {
  flex-grow: 1;
  padding-left: 6px;
}

.news-article-related-name {
  font-weight: 400;
}

.news-article-related-image {
  width: 60px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  text-align: center;
}
.news-article-related-image > img {
  margin: -100%;
}
.news-article-related-image.image-icon {
  background-color: #4271b3;
  color: #fff;
  font-size: 1.2em;
}

@media (min-width: 768px) {
  .listed-news-article.sm-on-right .sot-sidebar,
  .reference.sm-on-right .sot-sidebar {
    width: 250px;
  }
  .grid-news-article .article-sidebar {
    height: 200px;
    overflow: hidden;
  }
  .grid-news-article .article-header {
    font-size: 1.8em;
  }
  .news-article .article-body:before, .news-article .article-body:after {
    display: table;
    content: " ";
  }
  .news-article .article-body:after {
    clear: both;
  }
  .news-article .article-image {
    float: right;
    margin-right: 0;
    margin-left: 1.4285714286em;
  }
}
/****** Document list
*************************************************************/
.helpdesk .document.document-product .ac-icon,
.helpdesk .document.document-product .media-header {
  color: #4271b3;
}

/****** Reference Carousel
*************************************************************/
.artologik-reference-carousel .arc-col-left {
  padding-top: 24px;
  padding-bottom: 25px;
}
.artologik-reference-carousel .arc-logo {
  margin-top: 20px;
}
.artologik-reference-carousel .arc-logo img {
  max-height: 75px;
  width: auto;
  margin: 0 auto;
}
.artologik-reference-carousel .arc-logo-inner {
  padding: 40px;
}
.artologik-reference-carousel .arc-text {
  font-size: 1.4em;
  font-style: italic;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 20px;
}
.artologik-reference-carousel .arc-author {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}
.artologik-reference-carousel .arc-has-readmore .arc-author {
  margin-bottom: 0;
}
.artologik-reference-carousel .arc-has-readmore .arc-readmore {
  text-align: right;
}
.artologik-reference-carousel .arc-logo-beside .arc-logo-inner {
  max-width: 320px;
  margin: 0 auto;
}

section.bg-gray .artologik-reference-carousel .arc-logo,
.bg-gray > .container .artologik-reference-carousel .arc-logo {
  background-color: #fff;
}

@media (min-width: 768px) {
  .artologik-reference-carousel .arc-logo-beside {
    display: flex;
    min-width: 430px;
    max-width: 1015px;
    margin: 0 auto;
    float: none;
  }
  .artologik-reference-carousel .arc-logo-beside .arc-logo {
    margin: 20px 20px 20px 0;
    flex: initial;
    display: flex;
    align-items: center;
  }
  .artologik-reference-carousel .arc-logo-beside .arc-content-beside {
    flex: 1;
    min-width: 430px;
  }
  .artologik-reference-carousel .arc-has-image .arc-logo {
    margin-top: 10px;
  }
  .artologik-reference-carousel .arc-has-image .arc-logo-inner {
    padding: 25px;
  }
}
@media (min-width: 992px) {
  .artologik-reference-carousel .arc-content-beside {
    margin-left: 15px;
  }
}
/****** Gallery
*************************************************************/
.gallery > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.gallery img {
  width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #efefef;
  transition: transform 0.2s, box-shadow 0.2s;
  -webkit-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.1);
  max-height: 400px;
}

.gallery-content-image {
  padding-top: 45px;
  padding-bottom: 45px;
}

.gallery-content-image > a:focus-visible img,
.artologik-gallery .owl-item > a:focus-visible img {
  outline: 2px dashed #4271b3;
  outline-offset: 4px;
}

.artologik-gallery .owl-item > a:focus-visible img {
  outline-offset: -2px;
}

.gallery img:hover,
.artologik-gallery img:hover {
  transform: scale(1.01);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/*@media (min-width: $screen-sm-min) {*/
/*.gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2; 
        column-count: 2;
    }*/
/*}

@media (min-width: $screen-md-min) {*/
/*.gallery {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }*/
/*}

@media (min-width: $screen-lg-min) {*/
/*.gallery {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }*/
/*}*/
.ekko-lightbox .modal-dialog {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.ekko-lightbox .modal-dialog:before, .ekko-lightbox .modal-dialog:after {
  display: table;
  content: " ";
}
.ekko-lightbox .modal-dialog:after {
  clear: both;
}
@media (min-width: 768px) {
  .ekko-lightbox .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ekko-lightbox .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ekko-lightbox .modal-dialog {
    width: 1170px;
  }
}
.ekko-lightbox .modal-body {
  padding: 0;
}

.ekko-lightbox-nav-overlay a {
  font-size: 3.5714285714em;
  color: transparent;
}
.ekko-lightbox-nav-overlay a span {
  position: relative;
}
.ekko-lightbox-nav-overlay a span::before {
  content: "❮";
  position: absolute;
  top: 0;
  left: 30px;
  color: #fff;
  -webkit-text-stroke: 5px #fff;
  z-index: -1;
  opacity: 0;
}
.ekko-lightbox-nav-overlay a + a span::before {
  content: "❯";
  left: auto;
  right: 30px;
}
.ekko-lightbox-nav-overlay a:hover, .ekko-lightbox-nav-overlay a:focus-visible {
  color: #4e4e4e;
  -webkit-text-stroke: 3px #4e4e4e;
}
.ekko-lightbox-nav-overlay a:hover span::before, .ekko-lightbox-nav-overlay a:focus-visible span::before {
  opacity: 1;
}
.ekko-lightbox-nav-overlay a:focus-visible {
  opacity: 1;
  outline: 2px dashed #4e4e4e;
  outline-offset: -2px;
}

.gallery-hide-description .gallery-content-text p {
  display: none;
}

/****** FAQ
*************************************************************/
.artologik-FAQ .collapsable:hover,
.faq-content .collapsable:hover {
  background-color: #5c5c5c;
  color: #fff;
}
.artologik-FAQ .collapsable:focus-visible,
.faq-content .collapsable:focus-visible {
  outline: 2px dashed #4e4e4e;
}

/****** Search
*************************************************************/
.search {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

.search-form {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 4px;
}

/****** Trial Site - Confirm pages
*************************************************************/
.trialsite-confirm .tsc-icon-container {
  text-align: center;
}
.trialsite-confirm .tsc-icon {
  font-size: 4.7em;
}
.trialsite-confirm .tsc-buttonbar {
  text-align: right;
}
.trialsite-confirm .tsc-buttonbar .g-recaptcha {
  margin-bottom: 1.3em;
  margin-top: 2.1428571429em;
  margin-bottom: 1.4285714286em;
  margin-right: -8px;
}
.trialsite-confirm .tsc-buttonbar .g-recaptcha:before, .trialsite-confirm .tsc-buttonbar .g-recaptcha:after {
  display: table;
  content: " ";
}
.trialsite-confirm .tsc-buttonbar .g-recaptcha:after {
  clear: both;
}
.trialsite-confirm .tsc-buttonbar .g-recaptcha > * {
  float: right;
}
.trialsite-confirm.success .progress {
  max-width: 4em;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .trialsite-confirm.confirm .tsc-icon {
    margin-left: 1.3em;
  }
}
@media (min-width: 1200px) {
  .trialsite-confirm.confirm .tsc-icon {
    margin-left: 2.4em;
  }
}

/****** Cards
*************************************************************/
.artologik-cards {
  padding-top: 15px;
}
.artologik-cards > .row,
.artologik-cards > .row > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.artologik-cards > .row {
  margin-bottom: 20px;
}
.artologik-cards > .row > div {
  flex-shrink: 0;
}
.artologik-cards .artologik-card {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.artologik-cards .artologik-card .acd-text-header {
  margin-top: 20px;
}

.artologik-card {
  width: 100%;
}
.artologik-card,
.artologik-card > span,
.artologik-card .acd-body > span {
  display: block;
}
.artologik-card:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .artologik-card .acd-header {
    max-height: 200px;
    overflow: hidden;
  }
  .artologik-card .acd-text-header {
    font-size: 1.8em;
  }
}
.artologik-card {
  color: #1a1a1a;
}
.artologik-card .acd-header {
  position: relative;
}
.artologik-card.image-icon .acd-header {
  text-align: center;
  font-size: 6rem;
}
.artologik-card.image-icon .acd-header i {
  z-index: 2;
  position: relative;
}
.artologik-card.image-icon .acd-header .acd-text-header {
  color: #000;
}
.artologik-card.acd-icon-w-header {
  border-radius: 15px;
}
.artologik-card.acd-icon-w-header .acd-header {
  padding: 0.8em 1.3em;
  text-align: left;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.artologik-card.acd-icon-w-header .acd-text-header {
  color: #fff;
  font-weight: 500;
}
.artologik-card.acd-icon-w-header i {
  font-size: 1.8em;
  margin-right: 0.15em;
  display: inline-block;
  vertical-align: text-bottom;
}
.artologik-card.acd-icon-w-header .acd-text {
  margin-top: 0.7em;
}
.artologik-card .article-body {
  padding: 0 12px;
}
.artologik-card .article-text {
  margin-bottom: 10px;
}
.artologik-card:hover {
  color: #1a1a1a;
  border-color: #294a8f;
}
.artologik-card:hover .acd-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(41, 74, 143, 0.45);
}
.artologik-card:hover.is-video .acd-header::after {
  content: "\e380";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 90px;
  margin: -45px 0 0 -42px;
  opacity: 0.7;
}

.acd-rounded-cards .artologik-card {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 30px;
  border-bottom: 2px solid #4c76b2;
  border-radius: 5px;
}
.acd-rounded-cards .artologik-card.image-icon .acd-header {
  font-size: 3.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.acd-rounded-cards .artologik-card .acd-body {
  padding: 0 1.1em;
}
.acd-rounded-cards .artologik-card::after {
  content: "\e90c";
  display: inline-block;
  transform: rotate(90deg);
  position: absolute;
  bottom: 5px;
  right: 4px;
  color: #294a8f;
}

/****** Contact us banner
*************************************************************/
.contact-banner {
  position: fixed;
  bottom: -200px;
  left: 0;
  right: 0;
  z-index: 99998;
  font-size: 12px;
  background-color: #484848;
  border-top: solid 1px #484848;
  transition-property: bottom;
  transition-timing-function: ease-out;
  transition-duration: 2s;
}
.contact-banner h2 {
  color: #fff;
}
.contact-banner .cb-close {
  position: absolute;
  top: -1em;
  left: 0.6em;
  background: #484848;
  color: #fff;
  border: solid 1px #484848;
  border-radius: 2px;
  line-height: 1;
  padding: 0.5em;
}
.contact-banner .cb-close:focus-visible {
  outline-style: dashed;
  outline-width: 2px;
  outline-offset: -4px;
  outline-color: #fff;
}
.contact-banner .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 1.4em 1.3em;
}
.contact-banner .cb-text {
  align-self: center;
  margin-bottom: 0.5em;
  width: 100%;
  text-align: center;
}
.contact-banner .cb-text-long {
  display: none;
}
.contact-banner h2 {
  margin: 0.1em 0;
  font-size: 1.7em;
  font-weight: 400;
}
.contact-banner .btn {
  border-color: #fff;
  padding: 0.474em 1.4em;
  letter-spacing: 0.6px;
}
.contact-banner .btn + .btn {
  margin-left: 0.05em;
}
.contact-banner .btn-white {
  color: rgb(61.2, 61.2, 61.2);
  outline-color: rgb(61.2, 61.2, 61.2);
}
.contact-banner .btn-white-outlined:hover {
  color: rgb(61.2, 61.2, 61.2);
}
.contact-banner.anim-wobble .cb-text,
.contact-banner.anim-wobble .cb-buttons {
  animation-name: wobbleInterval;
  animation-duration: 15s;
  animation-delay: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
}
.contact-banner.yellow {
  border-color: rgb(169.6, 132.8, 0);
}
.contact-banner.yellow,
.contact-banner.yellow .cb-close {
  background-color: #d4a600;
}
.contact-banner.yellow .cb-close {
  border-color: rgba(255, 255, 255, 0.4);
}
.contact-banner.yellow h2, .contact-banner.yellow .cb-close, .contact-banner.yellow .btn-white-outlined:not(:hover) {
  color: #fff;
  text-shadow: 0px 0px 4px rgb(148.4, 116.2, 0);
}
.contact-banner.yellow .btn-white {
  color: rgb(148.4, 116.2, 0);
  outline-offset: -2px;
  outline: 1px solid rgb(148.4, 116.2, 0);
}
.contact-banner.yellow .btn-white:hover {
  color: #fff;
  background-color: transparent;
  outline: none;
}
.contact-banner.yellow .btn-white-outlined:hover {
  color: rgb(148.4, 116.2, 0);
}
.contact-banner.green,
.contact-banner.green .cb-close {
  background-color: #38792e;
  border-color: rgb(44.8, 96.8, 36.8);
}
.contact-banner.green h2, .contact-banner.green .cb-close, .contact-banner.green .btn-white-outlined:not(:hover) {
  color: #fff;
  text-shadow: 0px 0px 4px rgb(36.4, 78.65, 29.9);
}
.contact-banner.green .btn-white {
  color: rgb(36.4, 78.65, 29.9);
  outline-color: rgb(36.4, 78.65, 29.9);
}
.contact-banner.green .btn-white-outlined:hover {
  color: rgb(36.4, 78.65, 29.9);
}
@media (min-width: 768px) {
  .contact-banner .cb-close {
    top: 1.3em;
    left: 0;
    border-color: #fff;
  }
  .contact-banner .cb-text,
  .contact-banner .cb-buttons {
    margin: 0 1.2em;
  }
  .contact-banner .cb-text {
    width: auto;
  }
}
@media (min-width: 992px) {
  .contact-banner .cb-text-short {
    display: none;
  }
  .contact-banner .cb-text-long {
    display: inline;
  }
}

.cb-visible .contact-banner {
  bottom: 0;
}

@keyframes wobbleInterval {
  0% {
    transform: none;
  }
  1.5% {
    transform: translate3d(-20px, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  3% {
    transform: translate3d(15px, 0, 0) rotate3d(0, 0, 1, 1deg);
  }
  4.5% {
    transform: translate3d(-10px, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  6% {
    transform: translate3d(5px, 0, 0) rotate3d(0, 0, 1, 0.2deg);
  }
  7.5% {
    transform: translate3d(-2px, 0, 0) rotate3d(0, 0, 1, -0.2deg);
  }
  9% {
    transform: none;
  }
}
.skip-links {
  position: fixed;
  top: -250px;
  left: 0;
  margin: 0;
  padding: 10px;
  list-style-type: none;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px 5px #fff;
}
.skip-links:focus-within {
  top: 0;
}
.skip-links a {
  display: inline-block;
  padding: 0.5em 0.7em;
  background-color: #294a8f;
  color: #fff;
  z-index: 1001;
  outline-offset: 2px;
}
.skip-links a:not(:focus-visible) {
  opacity: 0;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.skip-links a:focus-visible {
  width: auto;
  height: auto;
  opacity: 1;
  outline: 2px dashed #294a8f;
}

#main-content:focus-visible,
#main-content-sidebar:focus-visible,
#navbarMain:focus-visible,
#navbarSide:focus-visible {
  outline: 2px dashed #294a8f;
  outline-offset: 2px;
}

#main-content:focus-visible {
  outline-offset: -2px;
}

.header {
  position: static;
  z-index: 100;
  top: 0;
  width: 100%;
  /*@media (min-width: $screen-md-min) {
      > .container {
          padding-left: 0;
          padding-right: 0;
      }
  }*/
}
.header.sticky:not(.header-stuck) {
  position: absolute;
}
.header .navbar {
  border: none;
}
.header .navbar,
.header .navbar-collapse {
  background-color: #4071b3;
  color: #fff;
  float: none;
  margin: 0;
}

.header-top-bar {
  margin-bottom: 0;
}
.header-top-bar .nav-pills {
  margin-left: -15px;
  margin-right: -15px;
}
.header-top-bar .nav-pills > li > a {
  color: #9d9d9d;
  background: transparent;
  border-radius: 0;
  padding: 10px;
}
.header-top-bar .nav-pills > li > a:hover {
  color: #1a1a1a;
}
.header-top-bar .nav-pills > li > a.lnk-header-free-trial {
  /*color: #3b68a5;*/
  background-color: #38792e;
  color: #fff;
  border-radius: 2px;
  padding: 2px 8px;
  margin: 7px 10px 8px 2px;
  border: solid 1px rgb(50.4, 108.9, 41.4);
}
.header-top-bar .nav-pills > li > a.lnk-header-free-trial .ac-icon {
  /*color: #4071b3;*/
  color: #fff;
  vertical-align: top;
  display: inline-block;
  margin-top: 6px;
}
.header-top-bar .nav-pills > li > a.lnk-header-free-trial span {
  display: inline-block;
}
.header-top-bar .nav-pills > li > a.lnk-header-free-trial:hover .ac-icon {
  animation: ring-bell 0.4s;
  animation-timing-function: ease-in-out;
  transform-origin: 50% 0;
}
.header-top-bar .nav-pills > li > a.lnk-header-free-trial:focus-visible {
  outline-color: #fff;
  outline-offset: -3px;
}
.header-top-bar .nav-pills.top-bar-contact {
  display: none;
}
.header-top-bar .nav-pills.top-bar-select > li:last-child {
  float: right;
}
.header-top-bar .dropdown.open > a {
  color: #1a1a1a;
  background-color: #e5e5e5;
}
.header-top-bar .dropdown-menu {
  margin-top: 1px;
  min-width: 0;
}

/*#region LOGO - .navbar-logo (Artologik & Product) */
.header-logos .logo {
  display: inline-block;
  margin: 0 0 20px;
  max-width: 70%;
  min-width: 273px;
}
.header-logos .logo.logo-right {
  text-align: right;
  display: none;
}

/*#endregion*/
.navbar-main {
  padding: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.dropdown-menu > .active > a:focus-visible {
  outline: 2px dashed #fff;
  outline-offset: -2px;
}

.navigation-main {
  padding: 0;
  margin: 0;
  list-style: none;
}
.navigation-main li {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
}
.navigation-main li .mi-text {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px 71px 16px 18px;
  color: #1a1a1a;
  border-bottom: solid 1px #d6d6d6;
}
.navigation-main li:last-child > .menu-item .mi-text {
  border-bottom: none;
}
.navigation-main li.open:last-child > .menu-sub > li:first-child > .menu-item .mi-text,
.navigation-main li.open + li > .menu-item .mi-text {
  border-top: solid 1px #d6d6d6;
}
.navigation-main li.active > .menu-item .mi-text,
.navigation-main li.active > .menu-item .mi-text:hover,
.navigation-main li.active > .menu-item button,
.navigation-main li.active > .menu-item button:hover {
  color: #fff;
  background-color: #294a8f;
}
.navigation-main li.has-active-sub > .menu-item button,
.navigation-main li.has-active-sub > .menu-item button:hover {
  color: #fff;
  background-color: #294a8f;
}
.navigation-main .menu-item {
  position: relative;
}
.navigation-main .menu-item button {
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  background: transparent;
  border: none;
  color: #1a1a1a;
  padding: 15px 0;
}
.navigation-main .menu-item button::before {
  content: "\e913";
}
.navigation-main .menu-item.mi-clickable {
  cursor: pointer;
}
.navigation-main .menu-item span.mi-text:focus-visible {
  outline-style: dotted;
  outline-width: 1px;
}
.navigation-main .menu-item span.mi-text + button {
  cursor: default;
}
.navigation-main .menu-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 0;
  display: none;
  overflow: hidden;
  background-color: #fff;
}
.navigation-main .menu-sub .mi-text {
  padding-left: 33px;
}
.navigation-main .menu-sub .menu-sub {
  background-color: rgba(239, 239, 239, 0.33);
}
.navigation-main .menu-sub .menu-sub .mi-text {
  padding-left: 48px;
  border-color: rgb(227.05, 227.05, 227.05);
}
.navigation-main .open > .menu-item button::before {
  content: "\e914";
}
.navigation-main .open > .menu-sub {
  height: auto;
  display: block;
}
.navigation-main > li > .menu-item .mi-text,
.navigation-main > li > .menu-item button {
  font-size: 1.1428571429em;
  line-height: 20px;
  color: #fff;
}
.navigation-main > li > .menu-item .mi-text:focus-visible,
.navigation-main > li > .menu-item button:focus-visible {
  outline: 2px dashed #fff;
  outline-offset: -2px;
}
.navigation-main > li > .menu-item span.mi-text:focus-visible {
  outline-style: dotted;
  outline-width: 1px;
}
.navigation-main > li > .menu-item button:focus-visible {
  z-index: 2;
}
.navigation-main > li > .menu-item .mi-text {
  border-color: rgb(235.6387755102, 240.7224489796, 247.8612244898);
}
.navigation-main > li > .menu-item .mi-text:hover {
  background-color: #294a8f;
}
.navigation-main > li.has-active-sub > .menu-item .mi-text, .navigation-main > li.has-active-sub > .menu-item .mi-text:hover {
  color: #fff;
  background-color: #294a8f;
}
@media (max-width: 767px) {
  .navigation-main li .menu-sub {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .navigation-main {
    display: flex;
  }
  .navigation-main li .mi-text,
  .navigation-main li .menu-item button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navigation-main li .mi-text {
    border-color: rgba(0, 0, 0, 0.07);
  }
  .navigation-main li:not(.has-sub-menu) > .menu-item .mi-text {
    padding-right: 18px;
  }
  .navigation-main li .menu-item button::before {
    content: "\e3b5";
  }
  .navigation-main li .menu-sub {
    position: absolute;
    top: 0;
    left: 100%;
    overflow: visible;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .navigation-main li .menu-sub .menu-item:hover {
    color: rgb(38.25, 38.25, 38.25);
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .navigation-main li .menu-sub .has-sub-menu > .menu-item .mi-text {
    padding-right: 53px;
  }
  .navigation-main li .menu-sub .has-sub-menu > .menu-item button {
    width: 44px;
    bottom: 0;
  }
  .navigation-main li .menu-sub .has-sub-menu > .menu-item button::before {
    position: absolute;
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
  }
  .navigation-main li .menu-sub .mi-text {
    padding-left: 18px;
  }
  .navigation-main li .menu-sub .menu-sub {
    background-color: #fff;
    z-index: -1;
  }
  .navigation-main li .menu-sub .menu-sub .mi-text {
    padding-left: 18px;
  }
  .navigation-main li.pre-open {
    overflow: hidden;
  }
  .navigation-main li.pre-open > .menu-sub {
    height: auto;
    min-width: 0;
    visibility: hidden;
    display: block;
  }
  .navigation-main li.pre-open > .menu-sub > li > .menu-item .mi-text {
    white-space: nowrap;
  }
  .navigation-main li.open > .menu-item button[aria-expanded=true]::before {
    content: "\e3b7";
  }
  .navigation-main li.open:last-child > .menu-sub > li:first-child > .menu-item .mi-text,
  .navigation-main li.open + li > .menu-item .mi-text {
    border-top: none;
  }
  .navigation-main > li {
    flex-grow: 1;
    display: flex;
  }
  .navigation-main > li > .menu-item {
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }
  .navigation-main > li > .menu-item .mi-text,
  .navigation-main > li > .menu-item button {
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 11px;
  }
  .navigation-main > li > .menu-item .mi-text {
    text-align: center;
    border: none;
    padding-right: 18px;
  }
  .navigation-main > li > .menu-item button {
    position: static;
  }
  .navigation-main > li > .menu-item button::before {
    content: "\e3b6";
  }
  .navigation-main > li > .menu-sub {
    min-width: 100%;
    top: 100%;
    left: 0;
    margin-top: 2px;
  }
  .navigation-main > li.has-sub-menu > .menu-item button {
    width: 44px;
    margin-left: -14px;
  }
  .navigation-main > li.active > .menu-item,
  .navigation-main > li.active > .menu-item .mi-text,
  .navigation-main > li.active > .menu-item button, .navigation-main > li.has-active-sub > .menu-item,
  .navigation-main > li.has-active-sub > .menu-item .mi-text,
  .navigation-main > li.has-active-sub > .menu-item button, .navigation-main > li:hover > .menu-item,
  .navigation-main > li:hover > .menu-item .mi-text,
  .navigation-main > li:hover > .menu-item button {
    background-color: #294a8f;
  }
  .navigation-main > li.open:last-child > .menu-sub > li:first-child > .menu-item .mi-text,
  .navigation-main > li.open + li > .menu-item .mi-text {
    border-top: none;
  }
  .navigation-main > li.open > .menu-item button[aria-expanded=true]::before {
    content: "\e3b4";
  }
  .navigation-main > li:last-child > .menu-item {
    border: #4271b3 2px solid;
    margin-top: -2px;
    margin-bottom: -2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
  }
  .navigation-main > li:last-child > .menu-item,
  .navigation-main > li:last-child > .menu-item .mi-text {
    background-color: #fff;
    color: #4271b3;
  }
  .navigation-main > li:last-child > .menu-item .mi-text:focus-visible {
    outline: 2px dashed #4271b3;
    outline-offset: -2px;
  }
  .navigation-main > li:last-child:hover > .menu-item {
    border-color: #294a8f;
  }
  .navigation-main > li:last-child:hover > .menu-item,
  .navigation-main > li:last-child:hover > .menu-item .mi-text {
    background-color: #294a8f;
    color: #fff;
  }
  .navigation-main .hover.open-up > .menu-sub,
  .navigation-main .open.open-up > .menu-sub {
    top: auto;
    bottom: 0;
  }
  .navigation-main .hover.open-left > .menu-sub,
  .navigation-main .open.open-left > .menu-sub {
    left: auto;
    right: 100%;
  }
  .navigation-main .hover > .menu-sub {
    height: auto;
    display: block;
  }
}

@media (max-width: 767px) {
  .navbar-main {
    max-height: 77vh;
  }
  .navbar-main.navbar-collapse.in {
    overflow: auto;
  }
  .navbar-main > .container {
    padding-left: 0;
    padding-right: 0;
  }
  .header-stuck .navbar-main {
    max-height: 100vh;
  }
}
.navigation-sidebar {
  margin-top: 20px;
  list-style: none;
}
.navigation-sidebar .mi-text {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.navigation-sidebar .mi-text:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navigation-sidebar .mi-text:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navigation-sidebar .mi-text.disabled, .navigation-sidebar .mi-text.disabled:hover, .navigation-sidebar .mi-text.disabled:focus {
  color: rgb(119.085, 119.085, 119.085);
  cursor: not-allowed;
  background-color: rgb(238.425, 238.425, 238.425);
}
.navigation-sidebar .mi-text.disabled .list-group-item-heading, .navigation-sidebar .mi-text.disabled:hover .list-group-item-heading, .navigation-sidebar .mi-text.disabled:focus .list-group-item-heading {
  color: inherit;
}
.navigation-sidebar .mi-text.disabled .list-group-item-text, .navigation-sidebar .mi-text.disabled:hover .list-group-item-text, .navigation-sidebar .mi-text.disabled:focus .list-group-item-text {
  color: rgb(119.085, 119.085, 119.085);
}
.navigation-sidebar .mi-text.active, .navigation-sidebar .mi-text.active:hover, .navigation-sidebar .mi-text.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #294a8f;
  border-color: #294a8f;
}
.navigation-sidebar .mi-text.active .list-group-item-heading,
.navigation-sidebar .mi-text.active .list-group-item-heading > small,
.navigation-sidebar .mi-text.active .list-group-item-heading > .small, .navigation-sidebar .mi-text.active:hover .list-group-item-heading,
.navigation-sidebar .mi-text.active:hover .list-group-item-heading > small,
.navigation-sidebar .mi-text.active:hover .list-group-item-heading > .small, .navigation-sidebar .mi-text.active:focus .list-group-item-heading,
.navigation-sidebar .mi-text.active:focus .list-group-item-heading > small,
.navigation-sidebar .mi-text.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.navigation-sidebar .mi-text.active .list-group-item-text, .navigation-sidebar .mi-text.active:hover .list-group-item-text, .navigation-sidebar .mi-text.active:focus .list-group-item-text {
  color: rgb(160.1847826087, 182.0652173913, 227.8152173913);
}
.navigation-sidebar a.mi-text {
  color: #555;
}
.navigation-sidebar a.mi-text .list-group-item-heading {
  color: #333;
}
.navigation-sidebar a.mi-text:hover, .navigation-sidebar a.mi-text:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.navigation-sidebar li .mi-text:last-child {
  margin-bottom: -1px;
}
.navigation-sidebar li {
  padding: 0;
}
.navigation-sidebar .has-sub-menu > .mi-text::after {
  content: "\e3b6";
  position: absolute;
  bottom: 1em;
  right: 10px;
}
.navigation-sidebar .active > .mi-text, .navigation-sidebar .active > .mi-text:hover {
  background-color: #294a8f;
  border-left-color: #294a8f;
  border-right-color: #294a8f;
  color: #fff;
}
.navigation-sidebar .menu-sub {
  list-style: none;
  padding: 1px 0;
  margin: 0;
  background-color: rgba(239, 239, 239, 0.33);
}
.navigation-sidebar .menu-sub .mi-text {
  padding-left: 36px;
  border-top-color: rgb(229.44, 229.44, 229.44);
  border-bottom-color: rgb(229.44, 229.44, 229.44);
  font-size: 0.96em;
}
.navigation-sidebar .menu-sub li:not(.active) > .mi-text {
  background-color: transparent;
}
.navigation-sidebar .menu-sub li:not(.active) > .mi-text:hover {
  background-color: rgba(239, 239, 239, 0.66);
}
.navigation-sidebar .menu-sub .active > .mi-text {
  border-top-color: #294a8f;
  border-bottom-color: #294a8f;
}
.navigation-sidebar .list-group-item.active:focus-visible {
  outline-color: #fff;
}

.navigation-listview li {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.5rem;
}
.navigation-listview li a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #1a1a1a;
  border-left: 2px solid transparent;
}
.navigation-listview li.active a,
.navigation-listview li a:hover {
  color: #4271b3;
  border-color: #4271b3;
  background-color: transparent;
}
.navigation-listview.affix {
  top: 126px;
}
@media (max-width: 991px) {
  .navigation-listview {
    display: none;
  }
}

@-webkit-keyframes fadeMenuDown {
  0% {
    -webkit-transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
.header-stuck {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  visibility: visible !important;
  -webkit-animation-name: fadeMenuDown;
  animation-name: fadeMenuDown;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  background: #fff;
  box-shadow: 0 -7px 19px 5px rgba(0, 0, 0, 0.5);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.header-stuck > .navbar {
  margin-bottom: 0;
}
.header-stuck .header-top-bar,
.header-stuck .header-logos {
  display: none;
}

/*#region NAV-TOGGLE - for mobile navigation */
.nav-toggle {
  float: right;
  width: 32px;
  height: 23px;
  margin-right: 15px;
  margin-top: 13.5px;
  margin-bottom: 13.5px;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  border: none;
}
.nav-toggle span {
  position: absolute;
  display: block;
  width: 50%;
  height: 3px;
  transition: 0.25s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
  background: #fff;
}
.nav-toggle span:nth-child(even) {
  left: 50%;
}
.nav-toggle span:nth-child(odd) {
  left: 0;
}
.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {
  top: 0;
}
.nav-toggle span:nth-child(3), .nav-toggle span:nth-child(4) {
  top: 10px;
}
.nav-toggle span:nth-child(5), .nav-toggle span:nth-child(6) {
  top: 20px;
}
.nav-toggle.open span:nth-child(1), .nav-toggle.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-toggle.open span:nth-child(2), .nav-toggle.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-toggle.open span:nth-child(1) {
  top: 2px;
  left: 2px;
}
.nav-toggle.open span:nth-child(2) {
  top: 2px;
  left: calc(50% - 2px);
}
.nav-toggle.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.nav-toggle.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.nav-toggle.open span:nth-child(5) {
  top: 14px;
  left: 3px;
}
.nav-toggle.open span:nth-child(6) {
  top: 14px;
  left: calc(50% - 3px);
}
@media (min-width: 768px) {
  .nav-toggle {
    display: none;
  }
}

.dropdown .animated {
  -webkit-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

/*#endregion nav-toggle*/
.dropdown-lg .dropdown-menu {
  position: absolute;
  width: auto;
  padding: 30px;
}
@media (min-width: 768px) {
  .dropdown-lg .dropdown-menu {
    right: 0;
    left: auto;
    width: 650px;
  }
}
@media (min-width: 992px) {
  .dropdown-lg .dropdown-menu {
    width: 750px;
  }
}
.dropdown-lg .dropdown-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.dropdown-lg .dropdown-item:hover a {
  text-decoration: none;
}
.dropdown-lg .dropdown-item:focus-within {
  outline: 2px dashed #4271b3;
}
.dropdown-lg .dropdown-item-title,
.dropdown-lg .dropdown-item-description {
  margin-left: 26px;
}
.dropdown-lg .dropdown-item-title {
  display: block;
  font-size: 2rem;
}
.dropdown-lg .dropdown-item-title .ac-icon {
  margin-left: -26px;
  margin-right: 6px;
}
.dropdown-lg .dropdown-item-description {
  color: #5c5c5c;
  line-height: 1em;
  min-height: 3em;
  display: block;
  font-size: 1.3rem;
}

[id] {
  scroll-margin-top: 70px;
}

@media (min-width: 768px) {
  [id] {
    scroll-margin-top: 145px;
  }
  .header-top-bar .nav-pills.top-bar-contact {
    display: block;
    float: left;
  }
  .header-top-bar .nav-pills.top-bar-select {
    float: right;
  }
  .header-top-bar .nav-pills.top-bar-select .dropdown-menu-left {
    right: 0;
    left: auto;
  }
  .header-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0 21px;
  }
  .header-logos .logo {
    min-width: 0;
  }
  .header-logos .logo.logo-left {
    flex-grow: 1;
    margin-right: 60px;
  }
  .header-logos .logo.logo-right {
    display: block;
  }
  .header-stuck .header-top-bar,
  .header-stuck .header-logos {
    display: block;
  }
  .header-stuck .header-top-bar {
    margin-top: 8px;
    float: right;
  }
  .header-stuck .header-top-bar .nav-pills.top-bar-select {
    display: none;
  }
  .header-stuck .header-logos {
    padding: 10px 0 10px;
    float: left;
  }
  .header-stuck .header-logos .logo {
    max-width: none;
    margin-bottom: 0;
  }
  .header-stuck .header-logos .logo img {
    max-height: 40px;
  }
  .header-stuck .header-logos .logo-right {
    display: none;
  }
  .dropdown:hover:not(.no-hover) > .dropdown-menu, .dropdown.hover:not(.no-hover) > .dropdown-menu {
    display: block;
  }
  .dropdown .dropdown-menu {
    min-width: 100%;
  }
}
@media (min-width: 992px) {
  [id] {
    scroll-margin-top: 120px;
  }
  .header-logos {
    padding: 25px 0 41px;
  }
  .header-stuck .header-top-bar .nav-pills.top-bar-contact {
    margin-right: 0;
  }
  .header-stuck .header-top-bar .nav-pills.top-bar-select {
    display: block;
    margin-left: 0;
  }
}
.progress > .progress-bar {
  border-radius: 3px;
}

/****** Table showing a "label" and then data (e.g "confirm.cshtml")
*************************************************************/
.table-lbl-and-data > thead > tr > th,
.table-lbl-and-data > tbody > tr > th,
.table-lbl-and-data > tfoot > tr > th {
  padding: 0 0.3571428571em 0 0;
  vertical-align: top;
}
.table-lbl-and-data > thead > tr > td,
.table-lbl-and-data > tbody > tr > td,
.table-lbl-and-data > tfoot > tr > td {
  padding: 0;
  vertical-align: top;
}

/****** Responsive table cells
*************************************************************/
@media (max-width: 767px) {
  .table-block-cells-xs {
    display: block;
  }
  .table-block-cells-xs > thead > tr > th,
  .table-block-cells-xs > thead > tr > td,
  .table-block-cells-xs > tbody > tr > th,
  .table-block-cells-xs > tbody > tr > td,
  .table-block-cells-xs > tfoot > tr > th,
  .table-block-cells-xs > tfoot > tr > td {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .table-lbl-and-data.table-block-cells-xs > thead > tr > th, .table-block-cells-xs > tbody > tr > th, .table-block-cells-xs > tfoot > tr > th {
    line-height: 1.1;
  }
  .table-lbl-and-data.table-block-cells-xs > thead > tr > td:last-child, .table-block-cells-xs > tbody > tr > td:last-child, .table-block-cells-xs > tfoot > tr > td:last-child {
    margin-bottom: 0.5em;
  }
}
ul.nav-tabs {
  display: inline-block;
  float: none;
  padding-left: 0;
}

/* TABS - Common */
.tabs-list {
  list-style: none;
  margin: 3px 0 0;
  padding: 0;
}
.tabs-list > li > a {
  transition: none;
  color: #636363;
  border: 1px solid #e2e2e2;
  background-color: #fafafa;
  position: relative;
}
.tabs-list > li > a::before {
  content: "";
  display: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -3px;
  width: 3px;
  background-color: #4271b3;
}
.tabs-list > li > a:hover, .tabs-list > li > a:focus {
  color: #0a0a0a;
  background-color: #fafafa;
  border-color: #e2e2e2;
}
.tabs-list > li > a:hover::before, .tabs-list > li > a:focus::before {
  display: block;
}
.tabs-list > li.active > a,
.tabs-list > li.active > a:hover,
.tabs-list > li.active > a:focus {
  color: #0a0a0a;
  background-color: #fff;
  border-color: #cacaca;
  cursor: default;
}
.tabs-list > li.active > a::before,
.tabs-list > li.active > a:hover::before,
.tabs-list > li.active > a:focus::before {
  display: block;
}

/* TABS HORIZONTAL */
.tabs-horizontal .tabs-list {
  border: none;
  position: relative;
}
.tabs-horizontal .tabs-list > li {
  float: none;
  margin: 0 auto 15px;
  padding: 0;
  border-radius: 0;
}
.tabs-horizontal .tabs-list > li > a {
  font-size: 1.2857142857em;
  font-weight: 300;
  margin: 0;
  padding: 10px 48px;
  border-radius: 0;
}
.tabs-horizontal .tab-content {
  padding-top: 1.0714285714em;
}

.content-tabs .tabs-horizontal {
  margin-top: 1.6em;
  margin-bottom: 2em;
}

.tabs-horizontal-btm-border {
  position: relative;
  line-height: 0;
}
.tabs-horizontal-btm-border::before {
  content: "";
  display: none;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  height: 1px;
  background-color: #e2e2e2;
}

@media (min-width: 768px) {
  .tabs-horizontal .tabs-list > li {
    margin: 0;
    float: left;
  }
  .tabs-horizontal .tabs-list > li a::before {
    left: -1px;
    right: -1px;
    top: -3px;
    height: 3px;
    width: auto;
  }
  .tabs-horizontal .tabs-list > li.active > a,
  .tabs-horizontal .tabs-list > li.active > a:hover {
    border-bottom-color: #fff;
  }
  .tabs-horizontal .tabs-list > li + li {
    margin-left: -1px;
  }
  .tabs-horizontal .tab-content {
    padding-top: 1.7857142857em;
  }
  .tabs-horizontal-btm-border::before {
    display: block;
  }
}
@media (min-width: 992px) {
  .tabs-horizontal .tab-content {
    padding-top: 1.7857142857em;
  }
  .tabs-horizontal-btm-border::before {
    left: 0;
    right: 0;
  }
}
/* TABS VERTICAL */
.tabs-vertical {
  /*.row > div:first-child {
      position: relative;
  }*/
}
.tabs-vertical .tabs-list {
  position: relative;
  top: auto;
  right: auto;
  max-width: 300px;
  margin: 0 auto;
  padding: 0;
  z-index: 100;
}
.tabs-vertical .tabs-list > li {
  margin-bottom: 15px;
}
.tabs-vertical .tabs-list > li > a {
  display: block;
  padding: 14px 20px 18px 20px;
  box-shadow: none !important;
  text-decoration: none;
}
.tabs-vertical .tabs-list > li > a strong {
  font-size: 1.1428571429em;
}
.tabs-vertical .tabs-list > li > a p {
  line-height: 1.4285714286;
  margin-bottom: 0;
}
.tabs-vertical .tab-content {
  position: relative;
}
.tabs-vertical .tab-content.artologik-featured-media-items {
  margin: 12% 0 6%;
}
.tabs-vertical .tab-pane {
  padding: 4.5% 13.7% 10% 13.7%;
}

.vert-tab-mask {
  position: absolute;
  z-index: 101;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.vert-tab-mask img {
  display: block;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .tabs-vertical .tab-content.artologik-featured-media-items {
    margin: 2.1428571429em 0 0.7142857143em;
  }
}
@media (min-width: 992px) {
  .tabs-vertical .tab-content.artologik-featured-media-items {
    margin-bottom: 1.0714285714em;
  }
  .tabs-vertical .tabs-list {
    position: absolute;
    top: 50px;
    right: -33.5%;
  }
  .tabs-vertical .tabs-list > li {
    margin-bottom: 15px;
  }
}
/*@media (min-width: $screen-lg-min) { // TODO : Is this needed
    .tabs-vertical {
        .tabs-list {
            top: 84px;
            right: -80px;
        }
    }
}*/
.content-grid .row:first-child .column:not([class*="-12"]) h1, .content-grid .row:first-child .column:not([class*="-12"]) h2, .content-grid .row:first-child .column:not([class*="-12"]) h3, .content-grid .row:first-child .column:not([class*="-12"]) h4, .content-grid .row:first-child .column:not([class*="-12"]) h5, .content-grid .row:first-child .column:not([class*="-12"]) h6 {
  margin-top: 0;
}

.pc-margin-bottom,
.page-components > .content-grid {
  margin-bottom: 5.3571428571em;
}

.pc-hdr-mgn-btm {
  margin-bottom: 2.5em;
}
.pc-hdr-mgn-btm .column *:last-child {
  margin-bottom: 0;
}

.pc-padding-colored-bg {
  padding-top: 5em;
  padding-bottom: 5.7142857143em;
}

.page-components > .content-grid.pc-margin-bottom-combine {
  margin-bottom: 3.2142857143em;
}
.page-components > .content-grid .row:first-child .col-md-12 h1:first-child, .page-components > .content-grid .row:first-child .col-md-12 h2:first-child, .page-components > .content-grid .row:first-child .col-md-12 h3:first-child, .page-components > .content-grid .row:first-child .col-md-12 h4:first-child, .page-components > .content-grid .row:first-child .col-md-12 h5:first-child, .page-components > .content-grid .row:first-child .col-md-12 h6:first-child {
  margin-top: 0;
}

.footer-compact .page-content,
.footer-compact .page-components > .content-grid:last-child {
  margin-bottom: 0;
}
.footer-compact .footer-content {
  padding-top: 0;
}
.footer-compact .footer-content > .umb-grid > .grid-section > .footer-subscribe:first-child {
  display: none;
}

@media (min-width: 992px) {
  .pc-hdr-mgn-btm {
    margin-bottom: 3.2142857143em;
  }
  .page-components .pc-margin-bottom > .container .row:only-child .artologik-image.image-screen-mobile, .page-components .pc-margin-bottom > .container .row:last-child .artologik-image.image-screen-mobile {
    margin-bottom: -32px;
  }
}
@media (min-width: 1200px) {
  .pc-margin-bottom,
  .page-components > .content-grid {
    margin-bottom: 5.7142857143em;
  }
}
/*
* Artologik.PriceList - OBS! This is a copy of the CSS file ("PriceList.css") found in the Artologik.PriceList-solution
*/
/* Common : Start */
.nw {
  white-space: nowrap !important;
}

/* Common : End */
.plWrp {
  overflow-x: auto;
}

.plTbl,
.plBtnBar.pl {
  width: 100%; /* 666 */
}

.plMsgWrp .plBtnBar {
  width: auto;
}

/* Border-bottom for all cells */
.plTbl thead th.lbl,
.plTbl th,
.plTbl td {
  border-bottom: 2px solid #fff;
}

.plTbl thead th.lbl,
.plTbl th,
.plTbl td,
.siteCSS[class*=" theme"] .plTbl .footNoteText a {
  color: #3d3d3d !important;
}

.plTbl td {
  font-size: 12px !important;
}

/* Header */
.plTbl thead th {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 14px !important;
  font-weight: bold !important;
  padding: 9px 0 9px 0 !important;
  text-align: center;
}

/* Label cells */
.plTbl thead th.lbl,
.plTbl th.lbl {
  background: #e0e0e0 none repeat-y 0% 0%;
  width: 29.155284%; /* 212 */
  text-align: right !important;
  font-size: 11px !important;
  font-weight: bold !important;
  padding: 7px 7px 7px 0px !important;
  border-right: 2px solid #fff;
}

.plTbl thead th.lbl,
.plTbl tr.footer th.lbl,
.plTbl tr.footNoteText th.lbl {
  background: none !important;
  border: none !important;
}

/* Price cells */
/* 3 Price Columns */
.has3priceCols .plTbl td.col2 {
  background-color: #e8e8e8;
}

/* width: 111px */
.has3priceCols .plTbl td.col3 {
  background-color: #dbdbdb;
}

.has3priceCols .plTbl td.col4 {
  background-color: #d2d2d2;
}

/* 4 Price Columns */
.has4priceCols .plTbl td.col1 {
  background-color: #d0dce5;
}

/* SR + ShowOneTimeSurvey */
.has4priceCols .plTbl td.col2 {
  background-color: #ebebeb;
}

/* width:111px; */
.has4priceCols .plTbl td.col3 {
  background-color: #e2e2e2;
}

.has4priceCols .plTbl td.col4 {
  background-color: #d9d9d9;
}

.has4priceCols .plTbl td.col5 {
  background-color: #d2d2d2;
}

.plTbl td.col2,
.plTbl td.col3,
.plTbl td.col4,
.plTbl td.col5 {
  width: auto;
}

.plTbl.orderMode td.col6,
.plTbl.orderMode td.col7 {
  width: 32px;
  text-align: center;
}

.plTbl.orderMode td.col7 {
  width: 0;
}

.plTbl.orderMode.epSelected td.col7 {
  width: 32px;
}

.plTbl td.priceCol,
.plTbl td.emptyCol {
  text-align: center;
}

.OnlyEducation .plTbl td.priceCol,
.astrakan .has1priceCols td.priceCol {
  text-align: right;
  padding-right: 2%;
}

.plTbl .currency,
.plTbl .priceType {
  font-size: 11px !important;
}

.plTbl .currency {
  padding-left: 2px;
}

.plTbl .priceType .split {
  padding: 0 1px;
}

/* Web categories - PriceList Sections */
.plTbl tr.webCatHdr th.lbl,
.plTbl tr.webCatHdr td.col1,
.plTbl tr.webCatHdr td.col2,
.plTbl tr.webCatHdr td.col3,
.plTbl tr.webCatHdr td.col4,
.plTbl tr.webCatHdr td.col5 {
  background-color: #c4c4c4 !important;
}

/*.plTbl tr.webCatHdr th.lbl {
    background-image: url('../../../Documents/Artologik/Images/Artologik.PriceList/plTbl_lblBg_fadeTransp.png') !important;
}*/
/* Footer & OnlyEducation Header */
.plTbl tr.footer th.lbl,
.plTbl tr.footer td,
.OnlyEducation .plTbl thead th,
.astrakan .has1priceCols .plTbl thead th {
  font-size: 1px !important;
  line-height: 3px !important;
  height: 3px;
  padding: 0 !important;
}

.plTbl tr.footer.split td {
  border-bottom-width: 6px;
}

/* FootNotes */
.plTbl .footNoteIndex {
  font-size: 8px !important;
  vertical-align: super;
  display: inline-block;
  margin: -1px -3px 0 3px;
  cursor: help;
}

.plTbl .footNoteIndex:before {
  content: "(";
  padding-right: 1px;
}

.plTbl .footNoteIndex:after {
  content: ")";
  padding-left: 1px;
}

.plTbl tr.footNoteText th.lbl {
  padding: 0 !important;
}

.plTbl tr.footNoteText td {
  padding-left: 4px;
}

.plTbl .footNoteText,
.siteCSS[class*=" theme"] .plTbl .footNoteText a {
  font-size: 11px !important;
}

/* FootNote - Prices excluding VAT */
.plTbl .footNoteText.vatExcluded th.lbl {
  padding: 3px 7px 6px 0 !important;
}

.plTbl .footNoteText.vatExcluded td {
  padding: 6px 0 6px 0 !important;
}

/* ## WebCategory specific values ## */
/* .webCat3: Other/Education & "None selectable plugin (HD-SR)" */
.plTbl .webCat3 td.priceCol,
.plTbl .nonSelPlugin td.priceCol {
  background-color: #e0e0e0 !important;
}

.plTbl tr.footer.webCat3 td {
  background-color: #bfbfbf !important; /* Same as .webCatHdr */
}

/* 
    ## Product specific values ##
*/
/* Header */
.plTbl thead th.col2,
.plTbl tr.footer td.col2 {
  background-color: #4271b3;
}

.plTbl thead th.col3,
.plTbl tr.footer td.col3 {
  background-color: #9b7a8a;
}

.plTbl thead th.col4,
.plTbl tr.footer td.col4 {
  background-color: #794d63;
}

/* extraPackIsOwnColumn */
.plTbl thead th.col2,
.plTbl tr.footer td.col2,
.plTbl td.col2.priceCol.selected,
.plTbl.col2Selected thead .col2,
.plTbl.col2Selected thead .chooseEdition.top .col3,
.plTbl.col2Selected thead .chooseEdition.top .col4,
.plTbl.col2Selected thead .chooseEdition.top .col5,
.plTbl.col2Selected thead .chooseEdition.top .col6,
.plTbl.col2Selected .col6 {
  background-color: #7295c6;
}

.plTbl thead th.col3,
.plTbl tr.footer td.col3,
.plTbl td.col3.priceCol.selected,
.plTbl.col3Selected thead .col3,
.plTbl.col3Selected thead .chooseEdition.top .col4,
.plTbl.col3Selected thead .chooseEdition.top .col5,
.plTbl.col3Selected thead .chooseEdition.top .col6,
.plTbl.col3Selected .col6 {
  background-color: #4271b3;
}

.plTbl thead th.col4,
.plTbl tr.footer td.col4,
.plTbl td.col4.priceCol.selected,
.plTbl.col4Selected thead .col4,
.plTbl.col4Selected thead .chooseEdition.top .col5,
.plTbl.col4Selected thead .chooseEdition.top .col6,
.plTbl.col4Selected .col6 {
  background-color: #386098;
}

.plTbl thead th.col5,
.plTbl tr.footer td.col5,
.plTbl td.col5.priceCol.selected,
.plTbl.col5Selected thead .col5,
.plTbl.col5Selected thead .chooseEdition.top .col6,
.plTbl.epSelected .chooseEdition.btm .col5,
.plTbl.epSelected .col7,
.plTbl.col5Selected .col6 {
  background-color: #325586;
}

.plTbl.orderMode .editionRow .priceCol.selected {
  color: #fff !important;
}

/* Selected order/article cell */
.plTbl tr.webCat3.selected td.col2.priceCol,
.plTbl tr.selected td.col1.priceCol.selected,
.plTbl.col1Selected tr.selected .col6.selected,
.plTbl tr.selected td.col2.priceCol.selected,
.plTbl.col2Selected tr.selected .col6.selected,
.plTbl tr.selected td.col3.priceCol.selected,
.plTbl.col3Selected tr.selected .col6.selected,
.plTbl tr.selected td.col4.priceCol.selected,
.plTbl.col4Selected tr.selected .col6.selected,
.plTbl tr.selected td.col5.priceCol.selected,
.plTbl.col5Selected tr.selected .col6.selected,
.plTbl.epSelected tr.epSelected td.col5.priceCol.selected,
.plTbl.epSelected tr.isMandatory td.col5.priceCol.selected,
.plTbl.epSelected tr.epSelected .col7.selected,
.plTbl.epSelected tr.isMandatory .col7.selected,
.plTbl .orderSumfooter td.help {
  background-color: #38792e !important;
  color: #fff !important;
}

.plTbl .orderSumfooter td.help {
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* ## Order functionality ## */
.plTbl .clickable {
  cursor: pointer;
}

.plTbl .disabled {
  color: #a1a1a1 !important;
}

.plTbl .chooseEdition td {
  text-align: center;
}

.plTbl .orderInp label,
.plTbl .cbxArt {
  display: none;
}

.plTbl .orderInp.tbxExtraPack label {
  display: inline;
  vertical-align: bottom;
  padding-left: 2px;
}

.plTbl td.priceCol .orderInp label {
  display: inline;
  padding-left: 2px;
}

.plTbl .cbxArt.active,
.plTbl .webCat3 .cbxArt {
  /* Always visible for Education category */
  display: inline;
  /*font-weight:bold;*/
}

.plTbl .orderSumfooter.first th,
.plTbl .orderSumfooter.first td {
  border-top: 12px solid #fff;
}

.plTbl .orderSumfooter td.orderSum,
.plTbl .orderSumfooter td.orderSum span {
  text-align: right;
  background-color: #F0F0F0 !important;
}

.plTbl .orderSumfooter td.orderSum {
  padding-right: 4px;
}

.plTbl .orderSumfooter td.orderSum span,
.plTbl .orderSumfooter td.orderSum .currency,
.plTbl .orderSumfooter td.orderSum .priceType {
  border: none;
  color: #000 !important;
  font-weight: bold !important;
}

.plTbl input.cbxExtraPack,
.plTbl .numInp.tbxExtraPack input {
  vertical-align: middle;
}

/* Numeric input */
.plTbl .numInp input {
  width: 30px;
  height: 15px;
  text-align: right;
  border: 1px solid #696a6a;
  margin-left: 7px;
}
.plTbl .numInp input:not(:disabled) {
  color: #000;
}

.plTbl .numInp.disabled input {
  border-color: #b1b1b1;
}

/* Numeric input - In priceCol */
.plTbl .priceCol .numInp input {
  margin-left: 2px;
}

.plTbl .priceCol .multiple {
  margin-left: 2px;
  vertical-align: middle;
}

.plTbl .chooseEdition.top th,
.plTbl .chooseEdition.top td {
  height: 9px !important;
  line-height: 9px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.plTbl.orderMode th.col6,
.plTbl.orderMode td.col6 {
  /*background-color: #adadad;*/
  text-align: center;
}

.plTbl.orderMode tr.webCat3 td.col6 {
  background-color: #adadad !important;
}

.plTbl.orderMode tr.webCat3 td.col7 {
  background-color: transparent !important;
}

.plTbl .orderSumfooter th.lbl,
.plTbl .orderForm th.lbl {
  background-image: none !important;
  background-color: #fff !important;
}

.plTbl .orderSumfooter.emptyRow th,
.plTbl .orderSumfooter.emptyRow td {
  font-size: 1px;
  line-height: 3px;
  height: 3px;
  border-bottom: none;
}

.plTbl .orderSumfooter.totalPrice td.orderSum,
.plTbl .orderSumfooter.totalPrice td.help {
  border-top: 2px solid #000;
}

.plTbl .orderSumfooter td.col7 {
  background-color: transparent !important;
}

/* ## Detailed order table ## */
.plTbl tr.orderSumfooter.orderDetails th,
.plTbl tr.orderSumfooter.orderDetails td {
  text-align: right;
}

.plTbl tr.orderSumfooter.orderDetails .detCol3 {
  padding-right: 4px;
}

.plTbl tr.orderSumfooter.orderDetails .detCol2 {
  text-align: center;
}

.plTbl tr.orderSumfooter.orderDetails .detCol3 {
  padding-right: 4px;
}

/* Detail header & footer */
.plTbl .orderSumfooter.orderDetails.detailsHeader span {
  display: none;
  font-weight: bold;
  font-size: 11px;
}

.plTbl.detailsVisible .orderSumfooter.orderDetails.detailsHeader span {
  display: inline;
}

.plTbl.detailsVisible .orderSumfooter.orderDetails.detailsHeader th,
.plTbl.detailsVisible .orderSumfooter.orderDetails.detailsHeader td {
  border-bottom: 1px solid #999999;
  vertical-align: bottom;
  padding-bottom: 2px !important;
}

.orderDetails.detailsHeader .currency {
  display: block;
}

/* Detail rows & footer */
.plTbl tr.orderSumfooter.orderDetails.detailRow,
.plTbl tr.orderSumfooter.orderDetails.footer {
  display: none;
}

.plTbl.detailsVisible tr.orderSumfooter.orderDetails.detailRow,
.plTbl.detailsVisible tr.orderSumfooter.orderDetails.footer {
  display: table-row;
}

.plTbl tr.orderSumfooter.orderDetails.detailRow th.lbl {
  font-weight: normal !important;
}

.plTbl tr.orderSumfooter.orderDetails.detailRow.alt th,
.plTbl tr.orderSumfooter.orderDetails.detailRow.alt td {
  background-color: #F0F0F0 !important;
}

.plTbl tr.orderSumfooter.orderDetails.detailRow td.col7,
.plTbl tr.orderSumfooter.orderDetails.detailRow.alt td.col7,
.plTbl tr.orderForm td.col7 {
  background-color: transparent !important;
}

.plTbl tr.orderSumfooter.orderDetails.detailRow em {
  font-size: 11px;
  vertical-align: text-top;
  cursor: help;
}

.plTbl tr.orderSumfooter.orderDetails.detailRow em span {
  font-size: 8px;
  vertical-align: text-top;
}

/* Detail footer */
.plTbl.detailsVisible .orderSumfooter.orderDetails.footer th {
  /*border-top:1px solid #cdcdcd;*/
}

.plTbl.detailsVisible .orderSumfooter.orderDetails.footer td {
  border-top: 1px solid #999999;
}

.plTbl.detailsVisible .orderSumfooter.orderDetails.detailsHeader td.col7,
.plTbl.detailsVisible .orderSumfooter.orderDetails.footer td.col7 {
  border: none;
  background-color: transparent !important;
}

/* Expand/Collapse cell/link */
.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl,
.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl a {
  text-align: center;
  vertical-align: middle;
}

.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl a:link,
.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl a:visited,
.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl a:hover,
.plTbl .orderSumfooter.orderDetails.detailsHeader td.expColl a:active {
  display: block;
  background-color: #38792e;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 19px;
}

/* ## Buttonbar ## */
.plBtnBar {
  text-align: right;
  padding-top: 12px;
}

.plBtnBar.pl {
  padding-bottom: 12px;
}

.plBtnBar.nearBtnBar {
  padding-top: 3px;
}

.frmBillingInfo .plBtnBar {
  margin-bottom: 18px;
}

.plMsgWrp.license .plBtnBar {
  padding-top: 6px;
}

/*
* Tooltip - jquery.simpletip-1.3.1.js -- CSS alredy defined by bootstrap (_tooltip.scss)

.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    max-width: 100%;
    width: 200px;
    padding: 2px 3px;
    background-color: #fffdd3;
    border: 1px solid #0d0d0d;
    color: #303030;
    text-align: left;
    font-weight: normal;
}*/
/*
* Artologik.PriceList : END
*/
.plTbl .pricelist-form-container {
  overflow: hidden;
  margin-top: 25px;
}
.column > div + .artologik-pricelist {
  margin-top: 1.6em;
}

.artologik-article-prices .aap-row {
  display: flex;
  /* align-content: stretch; */
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 30px;
  margin: 0 auto;
}
.artologik-article-prices .aap-item {
  flex: 1;
  background-color: #efefef;
  min-width: 270px;
  max-width: 270px;
  margin: 0 auto;
  padding: 0 0 0.7em;
}
.artologik-article-prices .aap-item > * {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}
.artologik-article-prices .aap-item .aap-header {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
  padding-top: 0.4em;
  padding-bottom: 0.5em;
}
.artologik-article-prices .aap-item .aap-price {
  font-size: 36px;
  font-weight: 300;
}
.artologik-article-prices .aap-item .aap-price .currency {
  font-size: 60%;
  vertical-align: text-top;
  padding: 0.1em 0.2em 0 0.05em;
  display: inline-block;
}
.artologik-article-prices .aap-item .aap-price .priceType,
.artologik-article-prices .aap-item .aap-price .priceFrom {
  font-size: 50%;
}
.artologik-article-prices .aap-item .aap-price .priceType .split,
.artologik-article-prices .aap-item .aap-price .priceFrom .split {
  padding-right: 0.05em;
}
.artologik-article-prices .aap-item .aap-price .priceFrom {
  vertical-align: text-top;
  padding: 0.1em 0.4em 0 0em;
  display: inline-block;
}
.artologik-article-prices .aap-item .aap-features {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.artologik-article-prices .aap-item .aap-features > ul {
  list-style: none;
  margin: 0 auto;
  text-align: left;
  padding: 2em 1em;
  line-height: 1.4;
}
.artologik-article-prices .aap-item .aap-features > ul > li {
  position: relative;
  padding: 0 0.4em 0.9em 1.5em;
}
.artologik-article-prices .aap-item .aap-features > ul > li::before {
  content: "\e370";
  color: #38792e;
  position: absolute;
  top: 0.21em;
  left: 0;
}
.artologik-article-prices + .artologik-links {
  margin-top: 2.8571428571em;
}

@media (min-width: 480px) {
  .artologik-article-prices .aap-row-items-1 {
    max-width: 295px;
  }
  .artologik-article-prices .aap-row-items-2 {
    max-width: 620px;
  }
  .artologik-article-prices .aap-row-items-3 {
    max-width: 945px;
  }
  .artologik-article-prices .aap-item {
    min-width: 295px;
    max-width: 295px;
  }
}
@media (min-width: 992px) {
  .artologik-article-prices + .artologik-links {
    margin-top: 3.2142857143em;
  }
}
.rcpa-show-parent {
  position: relative;
}

.rcpa-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rcpa-container .rcpa-msg {
  background-color: #f9f9f9;
  border: solid 1px #d3d3d3;
  border-bottom: none;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 -3px 0;
  position: relative;
  padding: 6px 10px 0;
  font-size: 13px;
  color: #3b3b3b;
  font-weight: 600;
}
.rcpa-container .rcpa-msg,
.rcpa-container .rcpa-control, .rcpa-container.rcpa-rendered .rcpa-loader {
  display: none;
}
.rcpa-container.rcpa-rendered .rcpa-msg,
.rcpa-container.rcpa-rendered .rcpa-control {
  display: block;
}

/* Loader */
.rcpa-loader {
  text-indent: -9999em;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  top: 50%;
  left: 50%;
  margin-top: -2.5em;
  margin-left: -0.5em;
  z-index: 10001;
}
.rcpa-loader, .rcpa-loader::before, .rcpa-loader::after {
  background: #4271b3;
  animation: rcpaLoadingAnim 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
  cursor: wait;
}
.rcpa-loader::before, .rcpa-loader::after {
  position: absolute;
  top: 0;
  content: "";
}
.rcpa-loader::before {
  left: -1.5em;
  animation-delay: -0.16s;
}
.rcpa-loader::after {
  left: 1.5em;
  animation-delay: 0.16s;
}
.rcpa-loader.inline-loader {
  margin-top: -0.9em;
}
.rcpa-loader.inline-loader, .rcpa-loader.inline-loader::before, .rcpa-loader.inline-loader::after {
  animation-name: loadInline;
  width: 0.8em;
  height: 1.5em;
}
.rcpa-loader.inline-loader::before {
  left: -1.3em;
}
.rcpa-loader.inline-loader::after {
  left: 1.3em;
}

@keyframes rcpaLoadingAnim {
  0%, 80%, 100% {
    box-shadow: 0 0 #647db6;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #647db6;
    height: 5em;
  }
}
label.toggle {
  display: block;
  padding: 2px 0 0 53px;
  min-height: 22px;
  margin: 0 0 1px 0;
  position: relative;
  cursor: pointer;
}
label.toggle::after {
  content: "";
  height: 1px;
  background: linear-gradient(to right, transparent 0%, #ddd 50%, transparent 100%);
  display: block;
  position: absolute;
  bottom: -4px;
  left: 10%;
  right: 10%;
}
label.toggle .text {
  display: block;
  word-break: normal;
}
label.toggle .switch {
  position: absolute;
  display: block;
  height: 22px;
  width: 45px;
  left: 0;
  top: 0;
}
label.toggle .switch input {
  position: absolute;
  z-index: 0;
  width: 0px;
  height: 0px;
  left: 0;
  top: 0;
}
label.toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #aeaeae;
}
label.toggle .switch .slider::before {
  position: absolute;
  content: "\e36c";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #aeaeae;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #fff;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
  border: 1px solid #aeaeae;
  border-radius: 2px;
}
label.toggle .switch input:checked + .slider {
  background-color: #9cbd97;
  border-color: #38792e;
}
label.toggle .switch input:checked + .slider::before {
  content: "\e370";
  background-color: #38792e;
  border-color: #1c3d17;
  -webkit-transform: translate(23px, 0);
  -ms-transform: translate(23px, 0);
  -o-transform: translate(23px, 0);
  transform: translate(23px, 0);
}
label.toggle .switch input:focus + .slider {
  border-color: #38792e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 122, 57, 0.6);
}
label.toggle .switch input[disabled] + .slider {
  background-color: #eeeeee;
  cursor: not-allowed;
  border-color: #dddddd;
}
label.toggle .switch input[disabled] + .slider::before {
  background-color: #dddddd;
  border-color: #dddddd;
}
label.toggle.form-indent:not(.right) {
  padding-left: 77px;
}
label.toggle.form-indent:not(.right) .switch {
  left: 24px;
}
label.toggle.form-indent-align-cbx-radio:not(.right) {
  padding-left: 78px;
}
label.toggle.form-indent-align-cbx-radio:not(.right) .switch {
  left: 25px;
}
label.toggle.form-indent-align-inline-cbx-radio:not(.right) {
  padding-left: 90px;
}
label.toggle.form-indent-align-inline-cbx-radio:not(.right) .switch {
  left: 25px;
}
label.toggle.tristate .switch .slider::before {
  -webkit-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
label.toggle.tristate .switch input[tristate] + .slider {
  background-color: #e3ce80;
  border-color: #c69b00;
}
label.toggle.tristate .switch input[tristate] + .slider::before {
  content: "\e377";
  background-color: #c69b00;
  border-color: #634e00;
  -webkit-transform: translate(12px, 0);
  -ms-transform: translate(12px, 0);
  -o-transform: translate(12px, 0);
  transform: translate(12px, 0);
}
label.toggle.right {
  padding: 2px 53px 0 0;
}
label.toggle.right.form-indent {
  padding-left: 24px;
}
label.toggle.right.form-indent-align-cbx-radio {
  padding-left: 25px;
}
label.toggle.right.form-indent-align-inline-cbx-radio {
  padding-left: 37px;
}
label.toggle.right .switch {
  left: auto;
  right: 0;
}
label.toggle.disabled {
  color: #c5c5c5;
  cursor: not-allowed;
}
.form-inline label.toggle {
  margin-right: 12px;
}
label.toggle.lbl-ctrl-spacing {
  margin-top: 32px;
}
.use-grid-breakpoints.breakpoint-sm label.toggle.lbl-ctrl-spacing {
  margin-top: 0;
}

@media (max-width: 991px) {
  label.toggle.lbl-ctrl-spacing {
    margin-top: 0;
  }
}

.cts-c {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 9999999999;
}
.cts-c .cts-h {
  background-color: #f1f3f4;
  border: solid 1px #6c6c6c;
  box-shadow: 0 -4px 5px 0px rgba(0, 0, 0, 0.2);
  border-width: 1px 0;
  text-align: right;
  padding: 0 10px;
}
.cts-c .cts-h .btn.toggled:not(:hover) {
  outline-color: #fff !important;
  outline-style: dashed;
  outline-offset: -3px;
  outline-width: 2px;
}
.cts-c .cts-h .btn:not(:hover) {
  background-color: #666666;
  outline-color: #666666;
  border-color: #4a4a4a;
  color: #fff;
}
.cts-c .cts-h .btn + .btn {
  margin-left: 2px;
}
.cts-c .cts-b {
  flex-grow: 1;
  height: 0;
  overflow: hidden;
}
.cts-c .cts-b.open {
  overflow: auto;
  height: 350px;
  max-height: 20vh;
}
.cts-c .cts-m {
  padding: 5px 10px;
  border-bottom: solid 1px #808080;
  display: flex;
}
.cts-c .cts-m .cts-m-msg {
  flex-grow: 1;
  padding-right: 15px;
}
.cts-c .cts-m .cts-m-time {
  font-size: 90%;
  font-style: italic;
}

/*
 *Flexy HTML5 Multipurpose Theme v1.7
 *Copyright 2015 8Guild.com
 *All styles for Flexy Theme
 */
/****** INCLUDING FOR BOOTSTRAP & ICON FONTS
*************************************************************/
/* Bootstrap minified css */
/*@import'/node_modules/bootstrap/dist/css/bootstrap.css';*/
/* Font Awesome minified css */
/*@import'fonts-css/font-awesome.min.css';*/
/*@import'/node_modules/@fortawesome/fontawesome-free/css/all.css';
@import'/node_modules/@fortawesome/fontawesome-free/css/v4-shims.css';*/
/* Flexy custom icon font */
/* FontArtMetro */
/****** INCLUDING FOR PLUGINS 
*************************************************************/
/* Animate CSS library */
/* Circle progressbar default CSS */
/* Custom checkbox & radio plugin */
/* Image hover */
/* Gallery plug */
/* Offcanvas */
/* Offcanvas */
/****** SCAFFOLDING
*************************************************************/
html {
  height: 100%;
}

body {
  position: relative;
}

body, body > .wrapper {
  min-height: 100vh;
}

body > .wrapper > footer {
  position: sticky;
  top: 100vh;
}

img,
embed {
  max-width: 100%;
}

img {
  display: inline-block;
}

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.wrapper {
  position: relative;
}

.container {
  position: relative;
}

/* HELPER CLASSES */
.color-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  opacity: 0.6;
  background-color: #000;
}

.margin-top {
  margin-top: 46px !important;
}

.margin-top-2x {
  margin-top: 92px !important;
}

.margin-bottom {
  margin-bottom: 46px !important;
}

.margin-bottom-2x {
  margin-bottom: 92px !important;
}

.disp-ib {
  display: inline-block;
}

@media (max-width: 767px) {
  .margin-top {
    margin-top: 24px !important;
  }
  .margin-top-2x {
    margin-top: 70px !important;
  }
  .margin-bottom {
    margin-bottom: 24px !important;
  }
  .margin-bottom-2x {
    margin-bottom: 70px !important;
  }
}
.w-100 {
  width: 100%;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.helper-block-992 {
  float: none;
  clear: both;
}

@media (max-width: 992px) {
  .helper-block-992 {
    display: none;
  }
}
.sidebar-on-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-template-areas: "sidebar sidebar" "header header" "main main" "footer footer";
}
.sidebar-on-top .sot-header {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
}
.sidebar-on-top .sot-main {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: main;
}
.sidebar-on-top .sot-footer {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: footer;
}
.sidebar-on-top .sot-sidebar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: sidebar;
  text-align: center;
}
.sidebar-on-top .sot-sidebar img, .sidebar-on-top .sot-sidebar .ac-icon {
  display: block;
  margin: 0.1em auto 0.4em;
}

@media (min-width: 768px) {
  .sidebar-on-top .sot-sidebar img, .sidebar-on-top .sot-sidebar .ac-icon {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sidebar-on-top.sm-on-left {
    grid-template-areas: "header header" "sidebar main" "footer footer";
  }
  .sidebar-on-top.sm-on-left .sot-header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .sidebar-on-top.sm-on-left .sot-main {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    padding-right: 15px;
  }
  .sidebar-on-top.sm-on-left .sot-footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .sidebar-on-top.sm-on-left .sot-sidebar {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    padding-right: 15px;
  }
  .sidebar-on-top.sm-on-right {
    grid-template-areas: "header header" "main sidebar" "footer footer";
  }
  .sidebar-on-top.sm-on-right .sot-header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .sidebar-on-top.sm-on-right .sot-main {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    padding-right: 15px;
  }
  .sidebar-on-top.sm-on-right .sot-footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .sidebar-on-top.sm-on-right .sot-sidebar {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    padding-left: 15px;
  }
  .sidebar-on-top.sm-on-right .sot-sidebar img {
    margin-top: 0;
    bottom: 0;
  }
  .sidebar-on-top.sm-card {
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "sidebar sidebar" "main main" "footer footer";
  }
  .sidebar-on-top.sm-card.no-sidebar {
    grid-template-rows: 1fr auto;
    grid-template-areas: "main main" "footer footer";
  }
}
.any-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.any-group > .any-group-content {
  flex: 1;
}
.any-group > .any-group-addon {
  flex: initial;
  /*&:last-child:not(:empty) {
      padding-right: 1px;
  }*/
}
.any-group > .any-group-addon:empty {
  font-size: 0;
}

@media (min-width: 768px) {
  .any-group-sm {
    position: relative;
    display: -ms-flexbox;
    display: flex;
  }
  .any-group-sm > .any-group-content {
    flex: 1;
  }
  .any-group-sm > .any-group-addon {
    flex: initial;
    /*&:last-child:not(:empty) {
        padding-right: 1px;
    }*/
  }
  .any-group-sm > .any-group-addon:empty {
    font-size: 0;
  }
}
/* SCROLL-TO-TOP */
/*.scrollTop-btn {
    font-size: 1.5em;
    position: fixed;
    z-index: 100;
    right: -115px;
    bottom: 15px;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 5px;
    padding-top: 6px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: $bg-primary;
}

.scrollTop-btn-shown {
    right: 15px;
}*/
/* STATIC BOTTOM */
.static-bottom {
  font-size: 1.5rem;
  position: fixed;
  z-index: 100;
  right: 15px;
  bottom: 15px;
  display: block;
  width: auto;
  height: 42px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
  color: #fff;
  z-index: 100000;
}
.static-bottom:not(.show) {
  right: -100%;
  visibility: hidden;
  z-index: 1;
}
.static-bottom .btn {
  padding: 0.4em 0.8em;
  box-shadow: 0 0 0 1px #fff;
}

.has-chat .static-bottom {
  right: 88px;
  bottom: 26px;
}

.cb-visible .static-bottom {
  display: none !important;
}

#live-chat-ctrl {
  transition: bottom 0.5s;
}

@media (max-width: 767px) {
  #live-chat-ctrl {
    right: 0px !important;
    bottom: 0px !important;
  }
  .cb-visible #live-chat-ctrl {
    bottom: 4.7em !important;
  }
  .has-chat .static-bottom {
    right: 75px;
    bottom: 11px;
  }
}
/* NO ANIMATION */
.no-animation .nav-toggle span {
  background-color: #34a5dd;
}

.no-animation .navbar-default {
  margin-bottom: 0;
  padding-top: 0;
}

.no-animation .navbar-default .navbar-right .btn {
  color: #0893d2 !important;
}

.no-animation .navbar-default .navbar-right a:hover {
  color: #0893d2 !important;
}

.no-animation .navbar-default a:hover {
  color: #0893d2 !important;
}

.no-animation .navbar-collapse .active a {
  color: #0893d2 !important;
}

.no-animation .navbar-default .navbar-right .btn:hover {
  color: #fff !important;
}

.navbar-collapse.in {
  overflow: visible;
}

/* MODAL (Adjusted for Free trial) */
.modal-dialog-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
}

.form-dialog {
  width: 100%;
  max-width: 520px;
}

.modal-footer {
  margin-top: 0;
}

.modal-header {
  position: relative;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 20px;
}
.modal-header .close {
  position: absolute;
  top: 6px;
  right: 12px;
}
.modal-header.bg-primary .close {
  color: #fff;
  text-shadow: none;
  opacity: 0.7;
}
.modal-header.bg-primary .close:hover {
  opacity: 1;
}

.modal-body {
  overflow-y: auto;
  padding-right: 35px;
  padding-bottom: 35px;
  padding-left: 35px;
}
.modal-body h3 {
  margin-top: 13px;
  color: #000;
}
.modal-body .subtitle {
  display: block;
  margin-top: 0;
  margin-bottom: 25px;
}
.modal-body .form-buttons {
  margin-top: 15px;
}

.video-dialog .modal-header {
  border-color: #4271b3;
}
.video-dialog .modal-body {
  overflow-y: hidden;
  padding: 0;
}

@media (max-width: 767px) {
  .modal-dialog-center {
    width: 100%;
  }
}
/****** MAIN CONTENT STYLES
*************************************************************/
.content {
  position: relative;
  z-index: 11;
}
.content .container .container {
  max-width: 100%;
}

.page-content {
  padding-top: 1em;
  margin-bottom: 1em;
}

.page-components:not(:empty) {
  margin-top: 0.7142857143em;
}
@media (min-width: 992px) {
  .page-components:not(:empty) {
    margin-top: 2.1428571429em;
  }
}
@media (min-width: 1200px) {
  .page-components:not(:empty) {
    margin-top: 3.5714285714em;
  }
}

/* TRIAL SITE ROW / STRIP */
.trial-site-row {
  padding-top: 1.4285714286em;
  padding-bottom: 1.7857142857em;
}
.trial-site-row .row:first-child .column.col-md-8 h2 {
  font-size: 2.1428571429em;
  margin-top: 0.3333333333em;
  line-height: 1.1;
  text-align: center;
}
.trial-site-row .btn {
  margin-top: 0.7142857143em;
  margin-left: 6px;
  margin-right: 6px;
}
.trial-site-row .artologik-links {
  text-align: center;
  margin-bottom: 0.9285714286em;
  margin-left: -6px;
  margin-right: -6px;
}

@media (min-width: 992px) {
  .trial-site-row .row:first-child .column.col-md-8 h2 {
    text-align: left;
  }
  .trial-site-row .artologik-links {
    text-align: right;
    margin-bottom: 0;
  }
}
/* 404 - NOT FOUND */
.err404 {
  width: 100%;
  max-width: 800px;
  margin-top: 90px;
}

/****** FOOTER STYLES
*************************************************************/
.footer {
  position: relative;
  z-index: 10;
  background: #fff;
}

.footer-content {
  padding-top: 60px;
}

.footer-subscribe {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.18);
}
.footer-subscribe .row {
  padding: 25px 0;
}
.footer-subscribe h2 {
  margin: 0;
  line-height: 1;
}

.footer-text-row {
  padding: 60px 0;
}
.footer-text-row .column {
  margin-bottom: 25px;
}
.footer-text-row h2 {
  font-size: 1.1428571429em;
  margin-bottom: 0.52em;
  font-weight: 700;
  color: #4a4a4a;
}
.footer-text-row h3 {
  font-size: 0.9285714286em;
  font-weight: 700;
  color: #4a4a4a;
}
.footer-text-row .art-two-col-row,
.footer-text-row .artologik-share-label,
.footer-text-row p {
  font-size: 0.9285714286em;
  margin-bottom: 5px;
  color: #5b5b5b;
}
.footer-text-row a:not(:hover) {
  color: #5b5b5b;
}
.footer-text-row .artisan-description {
  line-height: 1.3571428571em;
  font-style: italic;
  color: #969696;
  margin: 0.7em 0 1.6em;
}
.footer-text-row .form-control,
.footer-text-row .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.footer-text-row .form-control {
  border-color: #b7b7b7;
}
.footer-text-row .btn:not(:hover) {
  border-color: #b7b7b7;
  color: #5b5b5b;
}
.footer-text-row .artologik-share-buttons {
  text-align: right;
}
.footer-text-row .artologik-share-buttons:before, .footer-text-row .artologik-share-buttons:after {
  display: table;
  content: " ";
}
.footer-text-row .artologik-share-buttons:after {
  clear: both;
}
.footer-text-row .artologik-share-label {
  float: left;
  vertical-align: top;
  margin: -4px 0 0;
}
.footer-text-row form {
  margin: 1.4em 0 1.9em;
}
.footer-text-row .artologik-two-col-list + p {
  margin: 1em 0 -0.7em;
}
.footer-text-row .invoice-payment {
  margin-top: 1.2em;
  border-top: dotted 1px #CCC;
  padding-top: 0.6em;
}

@media (min-width: 768px) {
  .footer-text-row .col-md-2 > div {
    padding-left: 5%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .footer-text-row .column {
    float: left;
  }
  .footer-text-row .col-md-4 {
    width: 60%;
  }
  .footer-text-row .col-md-2 {
    width: 40%;
  }
  .footer-text-row .col-md-2 + .col-md-4 {
    clear: both;
  }
}
@media (min-width: 992px) {
  .footer-text-row .column {
    margin-bottom: 0;
  }
  .footer-text-row .column + .col-md-4 > div {
    padding-right: 5%;
  }
  .footer-text-row .col-md-2 {
    width: 19%;
  }
  .footer-text-row .col-md-2 + .col-md-4 {
    width: 28.666667%;
  }
  .footer-text-row .col-md-4:first-child + .col-md-2 > div {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .footer-text-row .col-md-4:first-child {
    width: 35.33333%;
  }
  .footer-text-row .col-md-4:first-child + .col-md-2 > div {
    padding-left: 5%;
  }
  .footer-text-row .col-md-2 {
    width: 20%;
  }
  .footer-text-row .col-md-2 + .col-md-4 {
    width: 24.666667%;
  }
}
.bottom-bar {
  font-size: 1.1428571429em;
  /*font-weight: 600;*/
  padding: 0 0;
  text-align: center;
  background: #484848;
}
.bottom-bar ul {
  display: flex;
  justify-content: space-around;
  margin: 0;
}
.bottom-bar li {
  flex-grow: 0;
  padding: 0;
}
.bottom-bar li a {
  position: relative;
  line-height: 48px;
  padding: 0 9px;
  color: #868686;
  display: inline-block;
}
.bottom-bar li a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 6px;
}
.bottom-bar li a:focus-visible {
  color: #bebebe;
  outline-color: #fff;
  outline-offset: -2px;
}
.bottom-bar li.active a, .bottom-bar li:hover a {
  color: #bebebe;
  text-decoration: none;
}
.bottom-bar li.active a::after {
  content: "\e3b4";
}
.bottom-bar::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  background-color: #484848;
  height: 10px;
  z-index: -1;
}

.umb-avatar {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  box-sizing: border-box;
}

/* Sizes */
.umb-avatar--xxs {
  width: 26px;
  height: 26px;
  font-size: 12px;
}

.umb-avatar--xs {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.umb-avatar--s {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.umb-avatar--m {
  width: 50px;
  height: 50px;
  font-size: 16px;
}

.umb-avatar--l {
  width: 70px;
  height: 70px;
  font-size: 18px;
}

.umb-avatar--xl {
  width: 100px;
  height: 100px;
  font-size: 20px;
}

.umb-avatar--xxl {
  width: 150px;
  height: 150px;
  font-size: 36px;
}

/* Colors */
.umb-avatar--white {
  background-color: #fff;
  color: #000;
}

.umb-avatar--gray {
  background-color: #efefef;
  color: #000;
}

.umb-avatar--primary {
  background-color: #4271b3;
  color: #fff;
}

.umb-avatar--secondary {
  background-color: #38792e;
  color: #000;
}

/*.umb-avatar--success {
    background-color: $;
    color: @white;
}*/
/*.umb-avatar--warning {
    background-color: @yellow-l1;
    color: @white;
}*/
/*.umb-avatar--danger {
    background-color: @red-l1;
    color: @white;
}*/
/*with button*/
a.umb-avatar-btn {
  cursor: pointer;
}

a.umb-avatar-btn:hover {
  text-decoration: none;
}

a.umb-avatar-btn .umb-avatar {
  border: 2px dashed #A2A1A6;
}

a.umb-avatar-btn .umb-avatar span {
  font-size: 50px;
  color: #efefef;
}

a.umb-avatar-btn .umb-avatar span {
  color: #efefef;
  font-size: 50px;
}

.newsletter-form {
  margin-top: 0.7em;
}

.newsletter-current-email {
  margin: 1.4em 0 1.5em;
}

.newsletter-form-header {
  margin: 0;
}

.newsletter-list {
  border: solid 1px #cccccc;
  border-width: 1px 0;
  padding: 0.5em 0;
  margin: 0.8em 0 1.5em;
}
.newsletter-list .checkbox > .lbl-details {
  display: inline;
}
.newsletter-list .checkbox > .lbl-details::before {
  content: " - ";
  display: inline-block;
  margin: 0 0.5em 0 0.2em;
}

.newsletter-btn-toolbar {
  text-align: right;
}
.newsletter-btn-toolbar .btn-submit {
  position: relative;
  transition: color 1s;
}
.newsletter-btn-toolbar .alert {
  text-align: left;
  padding: 5px 10px;
  margin: -0.85em 0 0.7em;
}
.newsletter-btn-toolbar .alert.disp-ib {
  display: block;
}
.newsletter-btn-toolbar .form-checkboxes {
  max-width: 400px;
  text-align: left;
}

.oe-form {
  max-width: 600px;
  margin: 0 auto;
}

.oe-f-hdr {
  padding: 30px 15px 24px;
  border-bottom: solid 3px #4271b3;
}

.oe-f-hdr-logo {
  float: right;
}

.oe-f-hdr-icons {
  min-width: 257px;
  margin-top: 1px;
}

.oe-f-body {
  padding: 15px 15px 30px;
  border-bottom: solid 3px #4271b3;
}

.oe-f-buttons {
  text-align: right;
  margin-top: 1.5em;
}

@media (max-width: 520px) {
  .oe-f-hdr-logo {
    float: none;
    display: block;
    margin-bottom: 15px;
  }
  .oe-f-hdr-logo,
  .oe-f-hdr-icons {
    margin-left: auto;
    margin-right: auto;
  }
}