/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
body {
  font-size: 17px;
  line-height: 1.52941em;
  color: #424d56;
}
.strong {
  font-weight: bold;
}
#g-main.g-flushed .moduletable {
  max-width: 1140px;
  margin: 50px auto 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
#g-main.g-flushed .moduletable.content-section {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#g-main.g-flushed .moduletable.gws-flushed {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
  float: none;
  clear: both;
}
a:hover {
  color: #008ba0;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .qx-btn-edit {
    display: none;
  }
}
.qx-can-edit .qx-btn-edit {
  top: 225px;
}
p {
  line-height: 1.6rem;
}
.qx-element-wrap figure {
  margin: 0;
}
.h1, .product-card .claim, h1 {
  font-size: 45px;
  line-height: 1.11111em;
  margin-bottom: 35px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: underline;
}
.nav.mod-list {
  flex-direction: column;
}
h2 {
  font-size: 40px;
  line-height: 1.25em;
  margin-bottom: 35px;
}
h3 {
  font-size: 26px;
  line-height: 1.34615em;
  margin-bottom: 15px;
}
h3.bigger {
  font-size: 35px;
  line-height: 1.28571em;
  margin-bottom: 30px;
}
h4 {
  font-size: 1.35rem;
}
strong {
  color: inherit;
}
.btn, a.btn {
  transition: all 0.3s ease;
  font-weight: normal;
}
.qx-btn-primary, .btn-primary {
  background-color: #8dc63f;
  background: #8dc63f;
  transition: all 0.3s, opacity 0.3s ease-in;
  padding-top: 12px !important;
  padding-right: 30px !important;
  padding-bottom: 12px !important;
  padding-left: 30px !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-style: solid;
  border-color: #8dc63f !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}
.qx-btn-primary:hover, .qx-btn-primary:focus, .qx-btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #648e2a;
}
#g-main #modules-form .btn-primary, .edit.item-page .btn-primary {
  padding: 4px 12px !important;
  font-size: 14px;
  border: 1px solid #8dc63f !important;
  text-transform: none !important;
}
.qx-btn-primary:hover, .btn-primary:hover {
  background-color: #72a230 !important;
  border-color: #72a230 !important;
}
.qx-btn-secondary, .btn-secondary {
  background-color: transparent;
  background-image: none;
  transition: all 0.3s, opacity 0.3s ease-in;
  padding-top: 12px !important;
  padding-right: 30px !important;
  padding-bottom: 12px !important;
  padding-left: 30px !important;
  border-top-width: 3px !important;
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-left-width: 3px !important;
  border-style: solid !important;
  border-color: #3b3b3b;
  text-transform: uppercase !important;
  color: #3b3b3b;
  box-shadow: none;
}
#g-main {
  padding: 0;
  margin-bottom: 0;
  position: relative;
}
#g-main > .g-container > .g-grid:nth-child(2) > .g-block > .g-content {
  margin: 0;
  padding: 0;
}
#g-container-main #g-main {
  margin-top: 0;
}
#g-offcanvas .g-main-nav .g-toplevel > li {
  display: block;
}
#g-offcanvas .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0.615rem 1.238rem;
}
#g-offcanvas .g-main-nav .g-toplevel > li > .g-menu-item-container:hover {
  background-color: #555;
}
#g-offcanvas .gws-accordion .card .card-header {
  background: none;
}
#g-offcanvas .gws-accordion .card .card-header a, #g-offcanvas .gws-accordion .card .card-header button {
  color: white;
  text-shadow: none;
}
#g-offcanvas .gws-accordion .card .card-header:hover {
  background: none;
}
#g-offcanvas ul.categories-module {
  list-style: none;
  margin-left: 0;
  text-transform: uppercase;
}
#g-offcanvas ul.categories-module h4 {
  margin: 0;
  font-family: "roboto";
  font-weight: normal;
  font-size: 17px;
}
#g-offcanvas ul.categories-module h4 a {
  padding: 0.615rem 1.238rem;
  display: block;
}
#g-offcanvas ul.categories-module h4 a:hover {
  background-color: #555;
  text-decoration: none;
}
#g-header .g-main-nav {
  text-transform: uppercase;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #2f2f2f;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: white;
}
#g-header .g-main-nav p {
  font-weight: 100;
  text-transform: none;
}
#g-header .g-main-nav img {
  margin: 15px auto 25px auto;
  display: block;
}
#g-header .g-main-nav .border-left {
  border-left: 1px solid #ffffff;
  padding-left: 35px;
}
#g-header .g-main-nav .g-sublevel > li.g-parent .g-menu-item-content {
  margin-right: 0;
}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 2.44rem 1.238rem;
  font-weight: normal;
  transition: all 0.25s ease-in;
}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 1.2135rem 4rem;
  transition: all 0.25s ease-in;
}
#g-header .g-main-nav .g-standard .g-dropdown .g-dropdown {
  width: 660px;
}
#g-header .g-main-nav .g-standard .g-dropdown .g-dropdown .g-menu-item {
  margin: 0;
}
#g-header .g-main-nav .g-standard .g-dropdown .g-dropdown .g-menu-item .g-menu-item-container {
  padding: 25px;
}
#g-header .g-main-nav ul.categories-module {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#g-header .g-main-nav ul.categories-module li {
  margin-bottom: 5px;
  font-weight: 700;
}
#g-header .g-main-nav ul.categories-module li h4 {
  margin: 0;
}
.gantry-logo img {
  width: auto;
  height: 80px;
}
.g-fixed-container + #g-navigation {
  margin-top: 106px;
}
#g-navigation {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
}
#g-navigation .g-main-nav {
  margin: 0;
}
#g-navigation .g-main-nav .g-toplevel {
  justify-content: left;
}
#g-navigation .g-content {
  padding: 0;
  margin: 0;
}
#g-navigation ul.breadcrumb {
  margin-bottom: 0;
  padding: 12px 15px;
}
#g-navigation ul.breadcrumb a {
  color: #008ba0;
  font-weight: 700;
}
#g-navigation ul.breadcrumb .icon-home {
  margin-right: 15px;
}
#g-navigation ul.menu, #g-navigation ul.g-toplevel {
  height: 80px;
  margin: 0;
  padding: 0;
  text-align: left;
}
#g-navigation ul.menu li, #g-navigation ul.g-toplevel li {
  display: inline-block;
}
#g-navigation ul.menu li a, #g-navigation ul.menu li a.g-menu-item-container span, #g-navigation ul.g-toplevel li a, #g-navigation ul.g-toplevel li a.g-menu-item-container span {
  color: #424d56;
}
#g-navigation ul.menu > li.current > a:after, #g-navigation ul.g-toplevel > li.current > a:after {
  background-color: #3b3b3b;
  height: 7px;
}
#g-navigation ul.menu > li > a, #g-navigation ul.g-toplevel > li > a {
  height: 80px;
  line-height: 80px;
  padding: 0 25px;
  display: block;
  position: relative;
  color: #424d56;
  text-decoration: none;
  font-weight: 300;
  text-transform: uppercase;
}
#g-navigation ul.menu > li > a:after, #g-navigation ul.g-toplevel > li > a:after {
  transition: all 0.3s ease;
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  background: transparent;
  height: 0;
  width: 100%;
}
#g-navigation ul.menu > li:hover > a:after, #g-navigation ul.g-toplevel > li:hover > a:after {
  background-color: #3b3b3b;
  height: 7px;
}
#g-navigation ul.menu > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation ul.g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: transparent;
}
#g-breadcrumbs, .gws-breadcrumbs {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  font-size: 17px;
}
#g-breadcrumbs a, .gws-breadcrumbs a {
  color: #008ba0;
  font-weight: 700;
}
#g-breadcrumbs .btn, #g-breadcrumbs a.btn, .gws-breadcrumbs .btn, .gws-breadcrumbs a.btn {
  margin: 8px 0;
  padding: 4px 15px !important;
  transition: all 0.3s ease;
  font-weight: normal;
}
#g-breadcrumbs .btn.btn-primary, #g-breadcrumbs a.btn.btn-primary, .gws-breadcrumbs .btn.btn-primary, .gws-breadcrumbs a.btn.btn-primary {
  color: #fff;
}
#g-breadcrumbs ul, .gws-breadcrumbs ul {
  margin-bottom: 0;
  padding: 12px 15px;
}
#g-breadcrumbs ul > .active, .gws-breadcrumbs ul > .active {
  color: #424d56;
  font-weight: 700;
}
#g-breadcrumbs ul li:first-child, .gws-breadcrumbs ul li:first-child {
  margin-right: 15px;
}
#g-breadcrumbs.g-fixed-element.g-fixed-second.slideDown, #g-navigation.g-fixed-element.g-fixed-second.slideDown {
  top: 75px !important;
  opacity: 1 !important;
}
#g-breadcrumbs, #g-navigation.g-fixed-element, #g-navigation.headroom--top {
  opacity: 0;
  transition: all 0.2s ease-in;
}
.g-menu-item-subtitle {
  margin-top: 12px;
}
#g-footer {
  color: #ffffff;
}
#g-footer a {
  color: #ffffff;
}
#g-footer .menu a:hover {
  text-decoration: underline;
}
#g-footer h3.g-title, #g-footer h3, #g-footer .h3 {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 800;
}
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer h6 {
  color: #ffffff;
}
#g-footer li {
  padding: 0;
}
#g-footer input {
  color: #008ba0;
}
#g-footer input.btn-inverse {
  color: white;
  border: 3px solid white;
  background: none;
}
#g-footer input.btn-inverse:hover {
  background: #23292f;
}
#g-footer input.subbutton {
  border: 2px solid #72a230;
}
#g-footer .nav-meta-footer {
  font-weight: 700;
  margin: 0 0 20px;
}
#g-footer .nav-meta-footer li {
  display: inline-block;
  margin: 0 30px 5px 0;
}
#g-footer .nav-meta-footer li a {
  font-size: 15px;
}
#g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0;
  font-weight: 700;
}
#g-footer .g-main-nav .g-toplevel > li {
  text-transform: none;
  margin-left: 50px;
}
#g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container:hover {
  text-decoration: underline !important;
}
#g-footer .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.g-social a {
  border-radius: 50%;
  margin-right: 10px;
  line-height: 1rem;
  padding: 0.5rem;
  border: none;
  transition: all 0.18s ease-in-out;
}
.g-social a:hover {
  background: #0a5e69;
}
.g-social a:hover .fa {
  color: white;
}
.g-social a:hover.instagram {
  color: #fff;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}
.g-social a:hover.instagram .fa {
  color: white;
}
.g-social a:hover.youtube-play {
  background: #f00;
}
.g-social a:hover.facebook {
  background: #4267b2;
}
.g-social a:hover.twitter {
  background: #1da1f2;
}
.g-social a:hover.rss {
  background: #ee802f;
}
.g-social a:hover.pinterest {
  background: #c8232c;
}
.g-social a:hover.linkedin {
  background: #0072b1;
}
.g-social a .fa-fw {
  width: 17px;
}
.g-social a .fa {
  color: #181c20;
  transition: all 0.18s ease-in-out;
}
.g-social a:last-child {
  margin-right: 0;
}
.g-branding {
  color: #949ca1;
  font-size: 13px;
  line-height: 1.33333em;
}
#g-header + #g-hero-banner, #g-header + #g-main {
  margin-top: -106px;
}
body.content-margin-top #g-header + #g-main {
  margin-top: 106px;
}
.g-fixed-container + .g-fixed-container + #g-container-main {
  padding-top: 160px !important;
}
body.header-transparent #g-header:not(.g-fixed-element) {
  background: rgba(0, 0, 0, 0);
}
body.header-transparent .g-fixed-container + .g-fixed-container + #g-main {
  padding-top: 0 !important;
}
body.header-solid #g-header:not(.g-fixed-element) {
  background: #3b3b3b;
}
#g-header:not(.g-fixed-element):hover {
  background: rgba(0, 0, 0, 0.7);
}
.g-fixed-container {
  height: 0 !important;
}
.g-fixed-container + .g-fixed-container + #g-main {
  padding-top: 100px !important;
}
.bright-background #g-header:not(.g-fixed-element) {
  background: rgba(0, 0, 0, 0.7);
}
.bright-background #g-header:not(.g-fixed-element):hover {
  background: rgba(0, 0, 0, 0.9);
}
#g-header {
  background: #3b3b3b;
  transition: all 0.25s ease-in;
}
#g-header .gantry-logo {
  margin-top: 0.8rem;
}
#g-header > .g-container {
  padding: 0 30px;
}
#g-header .fa {
  color: #ffffff;
  opacity: 1;
}
#g-header.no-transparency-header {
  background: #3b3b3b;
  color: #ffffff;
}
#g-header.no-transparency-header h1, #g-header.no-transparency-header h2, #g-header.no-transparency-header h3 {
  color: #ffffff;
}
#g-header.g-fixed-second {
  background: #3b3b3b;
  transition: all 0.6s;
}
#g-header.g-fixed-second .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 1.54rem 1.238rem;
  font-weight: normal;
}
#g-header.g-fixed-second .gantry-logo {
  height: 55px;
  overflow: hidden;
}
#g-header.g-fixed-element {
  z-index: 1010 !important;
}
.hero-banner.qx-section, .hero-banner {
  padding-top: 140px !important;
  color: #ffffff;
}
.hero-banner.qx-section h1, .hero-banner.qx-section h2, .hero-banner.qx-section h3, .hero-banner.qx-section h4, .hero-banner.qx-section h5, .hero-banner.qx-section h6, .hero-banner.qx-section strong, .hero-banner h1, .hero-banner h2, .hero-banner h3, .hero-banner h4, .hero-banner h5, .hero-banner h6, .hero-banner strong {
  color: #ffffff;
}
.text-label-crimson, .label-crimson {
  background-color: #c60651 !important;
  color: #fff !important;
}
.label {
  padding: 4px 6px;
}
.label-info, .label-info[href] {
  background-color: #00687c;
}
td, textarea, th {
  vertical-align: top;
}
td, th {
  padding: 5px 10px;
}
.compare-list .ribbon-short {
  top: 47%;
  right: -15px;
}
.compare-list .comparable.skin-highlight {
  background: #f4f5f4;
}
.compare-table .body td, .compare-table .body th {
  border-bottom: 1px solid #c6cfd4;
  vertical-align: middle;
}
.compare-table .body th {
  text-align: left;
  padding-left: 0;
}
[dir=rtl] .compare-table .body th {
  text-align: right;
  padding-right: 0;
  padding-left: 20px;
}
.product > h3 {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #7f7f7f;
  font-size: 18px;
}
.box-title {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
}
.compare .skin-highlight .name a {
  color: #008ba0;
}
.compare-table .name {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.compare .price {
  font-size: 32px;
}
.compare tbody td:not(:first-child), .compare thead tr:last-child th:not(:first-child), .compare-table .foot td:not(:first-child) {
  background-color: rgba(120, 120, 120, 0.04);
}
.compare-list .comparable.skin-highlight, .compare.compare-table td.skin-highlight, .compare.compare-table thead tr:last-child th.skin-highlight, .compare-table td, .compare-table th {
  padding: 10px 20px;
}
.compare-table .head .description {
  display: initial;
}
.compare.compare-table thead.head tr:last-child th {
  border-top: none;
}
.compare.compare-table thead.head tr:first-child th {
  border-bottom: none;
}
.compare thead th {
  position: relative;
}
.compare-table th.popular-product {
  padding-bottom: 55px;
}
.box-badge {
  background-color: #56d0d5;
}
.compare-table thead tr:first-child th {
  vertical-align: bottom;
}
.compare-table thead tr:first-child th img {
  margin-bottom: 0;
}
.box-badge {
  padding: 10px 25px;
}
.compare-table .head th {
  border-color: rgba(61, 61, 61, 0.11);
}
.compare-table .body td, .compare-table .body th {
  border-color: rgba(61, 61, 61, 0.11);
}
.hoverhighlight {
  background-color: rgba(120, 120, 120, 0.18) !important;
}
td.hoverhighlight:first-child, th.hoverhighlight:first-child {
  background-color: transparent !important;
}
.hero .section.skin-inverse a {
  color: #ffffff;
}
.hero-promo-box {
  text-align: center;
  color: #ffffff;
  display: block;
  transition: all 0.15s ease-in;
  margin: 0;
  float: left;
  margin-right: 60px;
}
.hero-promo-box span {
  display: block;
}
html.ie .hero-promo-box {
  margin-right: 0;
  width: 26%;
}
.clr {
  clear: both;
  height: 0;
  width: 0;
  line-height: 0;
}
.hero-promo-box:hover, .hero-promo-box:focus {
  text-decoration: none;
}
.hero-promo-box:hover svg, .hero-promo-box:focus svg {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  transition: transform 0.2s ease;
}
.promo-icon, .hero-promo-box svg {
  transition: all 0.15s ease-in;
  fill: #fff;
}
.hero-promo-box img, .hero-promo-box .promo-icon {
  float: none;
  display: block;
  margin: 15px auto 10px auto;
}
.hero-promo-box .promo-icon, .hero-promo-box svg {
  height: 50px;
  width: auto;
  fill: white;
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .hero-promo-box {
    float: none;
    margin: 25px auto;
  }
  .hero-promo-box.fist-child {
    margin-top: 45px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hero-promo-box {
    width: calc(33.3% - 30px);
    margin-right: 40px;
  }
  .hero-promo-box:last-of-type {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 989px) {
  .hero-promo-box {
    margin: 50px 0 0 0;
    width: calc(33.3% - 30px);
    margin-right: 20px;
  }
}
.list-skin-gray-blue > li:before, .list-skin-gray-light > li:before, .list-skin-green > li:before, .list-skin-white > li:before {
  content: "";
}
.alert {
  display: inherit;
}
.description {
  font-size: 15px;
  line-height: 1.33333em;
}
@media (max-width: 767px) {
  .hero-title {
    font-size: 30px;
    line-height: 1.11111em;
  }
  .h-section-title, .review-quote .title, .section-title, .testimonial-quote .title {
    font-size: 24px;
    line-height: 1.16667em;
  }
  .review-quote .quote, .testimonial-quote .quote, .txt-medium {
    font-size: 17px;
  }
  .txt-large {
    font-size: 20px;
  }
}
.list-checkmark, .list-clean, .list-counter, .list-dotmark, .product-download .changelog ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: inline-block;
}
.list-checkmark > li, .list-clean > li, .list-counter > li, .list-dotmark > li, .product-download .changelog ul > li {
  display: block;
  padding: 3px 0 6px 25px;
  position: relative;
}
.product-download .changelog [dir=rtl] ul > li, [dir=rtl] .list-checkmark > li, [dir=rtl] .list-clean > li, [dir=rtl] .list-counter > li, [dir=rtl] .list-dotmark > li, [dir=rtl] .product-download .changelog ul > li {
  padding-left: 0;
  padding-right: 25px;
}
.list-checkmark > li.nested-list-wrapper:before, .list-clean > li.nested-list-wrapper:before, .list-counter > li.nested-list-wrapper:before, .list-dotmark > li.nested-list-wrapper:before, .product-download .changelog ul > li.nested-list-wrapper:before {
  display: none;
}
.list-checkmark > li:before, .list-clean > li:before, .list-counter > li:before, .list-dotmark > li:before, .product-download .changelog ul > li:before {
  position: absolute;
  left: 0;
  right: auto;
  font-family: FontAwesome;
  line-height: 1rem;
}
.product-download .changelog [dir=rtl] ul > li:before, [dir=rtl] .list-checkmark > li:before, [dir=rtl] .list-clean > li:before, [dir=rtl] .list-counter > li:before, [dir=rtl] .list-dotmark > li:before, [dir=rtl] .product-download .changelog ul > li:before {
  right: 0;
  left: auto;
}
.list-checkmark > li ol, .list-checkmark > li ul, .list-clean > li ol, .list-clean > li ul, .list-counter > li ol, .list-counter > li ul, .list-dotmark > li ol, .list-dotmark > li ul, .product-download .changelog ul > li ol, .product-download .changelog ul > li ul {
  border-top: 0;
  margin: -3px 0 -6px;
}
.list-checkmark > li ol li:last-child, .list-checkmark > li ul li:last-child, .list-clean > li ol li:last-child, .list-clean > li ul li:last-child, .list-counter > li ol li:last-child, .list-counter > li ul li:last-child, .list-dotmark > li ol li:last-child, .list-dotmark > li ul li:last-child, .product-download .changelog ul > li ol li:last-child, .product-download .changelog ul > li ul li:last-child {
  border-bottom: 0;
}
.list-skin-green {
  /*! add important comment to make RTE working with lists */
}
.list-skin-green > li:before {
  display: block;
  position: absolute;
  color: #8dc63f !important;
}
.list-skin-white {
  /*! add important comment to make RTE working with lists */
}
.list-skin-white > li:before {
  display: block;
  position: absolute;
  color: #fff !important;
}
.list-skin-gray-light {
  /*! add important comment to make RTE working with lists */
}
.list-skin-gray-light > li:before {
  display: block;
  position: absolute;
  color: #dbdedb !important;
}
.list-skin-gray-blue {
  /*! add important comment to make RTE working with lists */
}
.list-skin-gray-blue > li:before {
  display: block;
  position: absolute;
  color: #424d56 !important;
}
.list-skin-green.list-dotmark > li:before, .product-download .changelog ul.list-skin-green > li:before {
  background: #8dc63f !important;
}
.list-skin-white.list-dotmark > li:before, .product-download .changelog ul.list-skin-white > li:before {
  background: #fff !important;
}
.list-skin-gray-light.list-dotmark > li:before, .product-download .changelog ul.list-skin-gray-light > li:before {
  background: #dbdedb !important;
}
.list-skin-gray-blue.list-dotmark > li:before, .product-download .changelog ul.list-skin-gray-blue > li:before {
  background: #424d56 !important;
}
.list-separated {
  border-top: 1px solid #c6cfd4;
  width: 100%;
}
.list-separated > li {
  border-bottom: 1px solid #c6cfd4;
}
.list-clean > li {
  padding-left: 0;
}
[dir=rtl] .list-clean > li {
  padding-right: 0;
}
.list-dotmark > li:before, .product-download .changelog ul > li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 11px;
  background: #dbdedb;
}
.responsive-embed .poster, .section {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}
.list-checkmark > li:before {
  content: "";
  color: #8dc63f;
  top: 8px;
}
.list-counter > li:before {
  display: block;
  position: absolute;
  content: counter(listNumbering);
  font-size: 1.1em;
  top: 3px;
  font-weight: 700;
}
/* Animated icons */
svg.homepage-icons {
  max-width: 120px;
  display: block;
  margin: 0 auto 20px auto;
}
/* Speed icon animation start */
@keyframes speedIconAnimation {
  0% {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  40% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  55% {
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  70% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  85% {
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* #speed-icon-indicator { -webkit-transform-origin: 20% 71.8%; -ms-transform-origin: 20% 71.8%; transform-origin: 20% 71.8%; } */
#speed-icon-indicator {
  -webkit-transform-origin: 50% 50.4%;
  -ms-transform-origin: 50% 50.4%;
  transform-origin: 50% 50.4%;
}
html.os-ios #speed-icon-indicator {
  transform-origin: 50% 50.4%;
  animation: speedIconAnimation 2s ease-in;
}
@-moz-document url-prefix() {
  #speed-icon-indicator {
    transform-origin: 50% 50.4%;
  }
}
.eset-animated-icons #speed-icon-indicator {
  -ms-animation: speedIconAnimation 2s ease-in;
  animation: speedIconAnimation 2s ease-in;
  transition-delay: 1s;
  animation-iteration-count: 1;
}
.eset-ie-animated-icons #speed-icon-indicator {
  -ms-animation: detectionIconAnimation 2s ease-in;
  animation: detectionIconAnimation 2s ease-in;
  transition-delay: 1s;
  animation-iteration-count: 1;
  opacity: 1;
}
/* Speed icon animation end */
/* Detection icon animation start */
@keyframes detectionIconAnimation {
  0% {
    -ms-zoom: 0;
    transform: scale(0);
    -ms-opacity: 0;
    opacity: 0;
  }
  50% {
    -ms-zoom: 2;
    transform: scale(2);
    -ms-opacity: 0.4;
    opacity: 0.4;
  }
  75% {
    -ms-zoom: 0.9;
    transform: scale(0.9);
    -ms-opacity: 0.7;
    opacity: 0.7;
  }
  100% {
    -ms-zoom: 1;
    transform: scale(1);
    opacity: 1;
  }
}
#detection-icon-plus {
  transform-origin: 50% 50%;
  transform: scale(0);
  opacity: 0;
}
.eset-animated-icons #detection-icon-plus {
  -ms-animation: detectionIconAnimation 1s ease-in;
  animation: detectionIconAnimation 1s ease-in;
  transform: scale(1);
  opacity: 1;
  animation-iteration-count: 1;
}
/* Detection icon animation end */
/* Usability icon animation start */
#check-symbol {
  stroke: none;
}
.eset-animated-icons #check-symbol {
  stroke-dasharray: 80;
  -webkit-stroke-dasharray: 80;
  /* animation: checkAnimation 0.6s ease-in; */
  /* -webkit-animation: checkAnimation 0.6s ease-in; */
  /* transition-delay: 5s; */
  stroke-linecap: round;
  stroke: #054b55;
}
.eset-ie-animated-icons #check-symbol {
  animation: detectionIconAnimation 0.6s ease-in;
  -webkit-animation: detectionIconAnimation 0.6s ease-in;
  stroke-linecap: round;
  stroke: #054b55;
  opacity: 1;
}
@keyframes checkAnimation {
  0% {
    stroke-dashoffset: 80;
    -webkit-stroke-dashoffset: 80;
  }
  50% {
    stroke-dashoffset: 60;
    -webkit-stroke-dashoffset: 60;
  }
  100% {
    stroke-dashoffset: 0;
    -webkit-stroke-dashoffset: 0;
  }
}
/* Usability icon animation end */
/* Sections */
.faded-gray-lighter .card-top, .faded-gray-lighter {
  background-color: #f4f5f4;
}
.qx-section.skin-inverse {
  color: #fff;
  background-color: #3b3b3b;
}
/* Quix frontend admin */
#adminForm.qx-fb {
  margin-top: 106px;
}
/* Margin top */
body.margin-top-fix main#g-main {
  margin-top: -102px;
}
body.margin-top-fix.view-article main#g-main {
  margin-top: -70px;
}
#modules-form {
  margin: 240px 60px 25px 60px;
}
body.margin-top-fix #g-offcanvas .platform-content {
  margin-top: 0;
}
/* Cookie bar */
.cc_container {
  background: #000 !important;
  opacity: 0.8;
}
/* Hamburger search */
#hamburger-search {
  background-color: #181c20;
}
#hamburger-search input {
  color: #3b3b3b;
}
/* Blog */
.items-row.cols-1 .item:not(:first-child) {
  border-top: 1px solid #3b3b3b;
}
.blog-section #g-header h3 {
  font-weight: bold;
  margin-top: 35px;
  transition: all 0.25s ease-in;
}
.blog-section #g-header.g-fixed-second h3 {
  margin-top: 22px;
}
.blog-section .page-header h1 {
  text-align: center;
  font-weight: bold;
}
.blog .items-row {
  border-bottom: 1px solid lightgray;
  padding-bottom: 35px;
  margin: 35px 0;
}
.blog .items-leading {
  background: #f5f9fb;
  padding: 35px;
}
/* To top link */
#to-top, .g-fixed-container #to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  left: initial !important;
  top: initial !important;
  color: #949ca1;
  border: 3px solid #949ca1;
  border-radius: 50%;
  width: 48px !important;
  height: 48px !important;
  display: block;
}
#to-top i, .g-fixed-container #to-top i {
  max-width: 100%;
  line-height: 40px;
}
#to-top a, .g-fixed-container #to-top a {
  color: #949ca1;
}
/* Icons menu */
#g-header .icons-menu .g-menu-item-title {
  font-size: 10px;
  text-tranform: uppercase;
}
#g-header .icons-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 2.26rem 0.8rem;
}
#g-header .icons-menu .g-main-nav .g-toplevel > li > .g-menu-item-container i {
  margin: 0;
}
#g-header a {
  color: #ffffff;
}
#g-header.g-fixed-second .icons-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 1.2rem 0.8rem;
}
.icons-menu .g-offcanvas-toggle {
  font-size: inherit;
  color: inherit;
  display: block;
  top: 0;
  position: initial;
}
/* Fix for fuckup in megamenu */
li.position-repair .g-dropdown .g-dropdown {
  left: 320px !important;
}
.g-system-messages {
  position: relative;
  top: 120px;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(3) ul.g-dropdown {
  top: -100%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(4) ul.g-dropdown {
  top: -200%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(5) ul.g-dropdown {
  top: -300%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(6) ul.g-dropdown {
  top: -400%;
  height: 350px;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(7) ul.g-dropdown {
  top: -500%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(8) ul.g-dropdown {
  top: -600%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(9) ul.g-dropdown {
  top: -700%;
}
.g-toplevel > li > ul.g-dropdown .g-sublevel > li:nth-child(10) ul.g-dropdown {
  top: -800%;
}
/* Section classes */
.light-on-dark {
  color: #ffffff;
}
.light-on-dark p, .light-on-dark h1, .light-on-dark h2, .light-on-dark h3, .light-on-dark h4, .light-on-dark ul {
  color: #ffffff;
}
.light-on-dark .qx-btn-secondary:not(:disabled):not(.qx-disabled):active, .light-on-dark .btn-secondary:not(:disabled):not(.qx-disabled):active, .light-on-dark .qx-btn-secondary, .light-on-dark .btn-secondary {
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: none;
}
.light-on-dark a:not(.qx-btn-primary) {
  color: #6ff1f1;
}
.light-on-dark a:hover:not(.qx-btn-primary) {
  color: #008ba0;
}
.hero-banner.dark-on-light, .dark-on-light {
  color: #424d56;
}
.hero-banner.dark-on-light p, .hero-banner.dark-on-light h1, .hero-banner.dark-on-light h2, .hero-banner.dark-on-light h3, .hero-banner.dark-on-light h4, .hero-banner.dark-on-light ul, .dark-on-light p, .dark-on-light h1, .dark-on-light h2, .dark-on-light h3, .dark-on-light h4, .dark-on-light ul {
  color: #424d56;
}
.faded-gray-lighter {
  background: #f4f5f4;
}
.faded-teal {
  background: #008ba0;
  color: #ffffff;
}
.faded-teal h1, .faded-teal h2, .faded-teal h3, .faded-teal h4, .faded-teal h5, .faded-teal h6, .faded-teal strong {
  color: #ffffff;
}
.gradient-teal-heavy-to-teal-mid {
  background: -owg-linear-gradient(to right, #00717f, #0096a1);
  background: -webkit-linear-gradient(90deg, #00717f, #0096a1);
  background: -moz-linear-gradient(to right, #00717f, #0096a1);
  background: -o-linear-gradient(to right, #00717f, #0096a1);
  -pie-background: -pie-linear-gradient(to right, #00717f, #0096a1);
  background: linear-gradient(90deg, #00717f, #0096a1);
  color: #ffffff;
}
.gradient-teal-heavy-to-teal-mid h1, .gradient-teal-heavy-to-teal-mid h2, .gradient-teal-heavy-to-teal-mid h3, .gradient-teal-heavy-to-teal-mid h4, .gradient-teal-heavy-to-teal-mid h5, .gradient-teal-heavy-to-teal-mid h6, .gradient-teal-heavy-to-teal-mid strong {
  color: #ffffff;
}
.faded-gray-blue {
  background: #424d56;
  color: #ffffff;
}
.faded-gray-blue h1, .faded-gray-blue h2, .faded-gray-blue h3, .faded-gray-blue h4, .faded-gray-blue h5, .faded-gray-blue h6, .faded-gray-blue strong {
  color: #ffffff;
}
.faded-gray-lighter {
  background: #f4f5f4;
}
.faded-black {
  background: #181c20;
  color: #ffffff;
}
.faded-black h1, .faded-black h2, .faded-black h3, .faded-black h4, .faded-black h5, .faded-black h6, .faded-black strong {
  color: #ffffff;
}
.gradient-teal-mid-to-blue-light-muted {
  background: -owg-linear-gradient(to right, #0096a1, #6093b7);
  background: -webkit-linear-gradient(90deg, #0096a1, #6093b7);
  background: -moz-linear-gradient(to right, #0096a1, #6093b7);
  background: -o-linear-gradient(to right, #0096a1, #6093b7);
  -pie-background: -pie-linear-gradient(to right, #0096a1, #6093b7);
  background: linear-gradient(90deg, #0096a1, #6093b7);
  color: #ffffff;
}
.gradient-teal-mid-to-blue-light-muted h1, .gradient-teal-mid-to-blue-light-muted h2, .gradient-teal-mid-to-blue-light-muted h3, .gradient-teal-mid-to-blue-light-muted h4, .gradient-teal-mid-to-blue-light-muted h5, .gradient-teal-mid-to-blue-light-muted h6, .gradient-teal-mid-to-blue-light-muted strong {
  color: #ffffff;
}
/* Product download module */
.download-button {
  width: 75%;
  max-width: 280px;
  margin: 0 auto;
}
.download-hint {
  font-weight: normal;
  font-size: 13px;
}
/* Product cards module */
.product-cards-wrapper .product-card {
  margin-bottom: 35px;
}
.product-cards-wrapper .product-card .g-content {
  padding-right: 50px;
  padding: 25px;
  margin: 25px;
}
.product-cards-wrapper .product-card .g-content p {
  margin: 1rem 0 0.5rem 0;
}
.product-cards-wrapper .product-card .g-content h4 {
  margin-bottom: 5px;
}
.gws-product-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #bbb;
  padding: 20px;
}
.gws-product-row .gws-field-name {
  flex-grow: 3;
}
.gws-product-row .gws-field-name h3 {
  margin: 0 0 5px 0;
}
.gws-product-row .gws-field-name .gws-shortdescription {
  margin: 0;
}
.gws-product-row .gws-field-cta {
  flex-grow: 1;
}
.gws-product-row .gws-field-cta .btn {
  margin-right: 25px;
}
.gws-product-row .gws-field-cta .btn:last-child {
  margin-right: 0;
}
.gws-product-row:first-child {
  border-top: 1px solid #bbb;
}
.gws-field {
  vertical-align: middle;
}
.gws-field:last-child:after {
  content: "";
  height: 0;
  width: 0;
  clear: both;
}
[class*=text-label] {
  padding: 0 7px;
  display: inline-block;
  font-size: 12px;
  background-color: #ebecea;
  line-height: 21px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  top: -0.6em;
  letter-spacing: 0.03em;
  margin: 0 2px;
  white-space: nowrap;
  font-weight: 400;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 21px;
  vertical-align: middle;
}
.text-label-sky-blue {
  background-color: #00a3d9;
  color: #fff;
}
.text-label-teal, .text-label.win {
  background-color: #008ba0;
  color: #fff;
}
.text-label-blue, .text-label.osx {
  background-color: #00508c;
  color: #fff;
}
.text-label-yellow, .text-label.linux {
  background-color: #f8b323;
}
.text-label-gray-blue {
  background-color: #424d56;
  color: #fff;
}
.text-label-green, .text-label.android {
  background-color: #8dc63f;
  color: #fff;
}
/* Blocks module */
.border-1 {
  border-width: 1px;
}
.border-3 {
  border-width: 3px;
}
.border-5 {
  border-width: 3px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-grey-light {
  border-color: #f4f5f4;
}
.border-teal-heavy {
  border-color: #004b55;
}
.border-sky-grey {
  border-color: #bdd0d8;
}
.border-blue-grey {
  border-color: #424d56;
}
.border-mid-grey {
  border-color: #949ca1;
}
.border-bright-turquoise {
  border-color: #f4f5f4;
}
.border-light-turquoise {
  border-color: #00bbc5;
}
.border-mid-turquoise {
  border-color: #0096a1;
}
.border-heavy-turquoise {
  border-color: #004b55;
}
.gws-blocks-wrapper .qx-section {
  width: 100%;
}
.gws-blocks-wrapper .gws-content-block-area .g-content {
  padding: 25px;
}
.gws-blocks-wrapper .gws-content-block-area .g-content img.gws-block-image {
  margin: 0 25px 25px 0;
}
.gws-blocks-boxes-wrapper .gws-content-block-area {
  margin-bottom: 35px;
}
.gws-blocks-boxes-wrapper .gws-content-block-area .g-content {
  padding: 25px;
  margin: 25px;
}
.gws-blocks-boxes-wrapper .gws-content-block-area .g-content img.gws-block-image {
  margin: 0 25px 25px 0;
}
.gws-blocks-boxes-wrapper .gws-content-block-area .g-content.bordered {
  border: 2px solid #008ba0;
}
/* Background colors */
.bg-grey-light, .bg-light-concrete {
  background-color: #f4f5f4;
  color: #424d56;
}
.bg-concrete {
  background-color: #dbdedb;
}
.bg-sky-grey {
  background-color: #bdd0d8;
}
.bg-sky-grey a, .bg-sky-grey button {
  color: #004b55;
}
.bg-mid-grey {
  background-color: #949ca1;
  color: #ffffff;
}
.bg-mid-grey a, .bg-mid-grey button {
  color: #00687c;
  text-shadow: none !important;
}
.bg-mid-grey a:hover, .bg-mid-grey a:focus, .bg-mid-grey button:hover, .bg-mid-grey button:focus {
  color: #00687c;
  opacity: 0.75;
}
.bg-mid-grey a.btn-secondary, .bg-mid-grey a.qx-btn-secondary, .bg-mid-grey button.btn-secondary, .bg-mid-grey button.qx-btn-secondary {
  border-color: white;
  box-shadow: none;
  color: white;
}
.bg-blue-grey {
  background-color: #424d56;
  color: white;
}
.bg-blue-grey a, .bg-blue-grey button {
  color: #6ff1f1;
  text-shadow: none !important;
}
.bg-blue-grey a:hover, .bg-blue-grey a:focus, .bg-blue-grey button:hover, .bg-blue-grey button:focus {
  color: #6ff1f1;
  opacity: 0.75;
}
.bg-blue-grey a.btn-secondary, .bg-blue-grey a.qx-btn-secondary, .bg-blue-grey button.btn-secondary, .bg-blue-grey button.qx-btn-secondary {
  border-color: white;
  box-shadow: none;
  color: white;
}
.bg-teal-heavy {
  background-color: #004b55 !important;
  color: white;
}
.bg-teal-heavy * {
  color: white;
}
.bg-teal-heavy a {
  color: #6ff1f1;
  text-shadow: none !important;
}
.bg-teal-heavy a.btn-secondary, .bg-teal-heavy a.qx-btn-secondary {
  border-color: white;
  box-shadow: none;
  color: white;
}
.bg-bright-turquoise {
  background-color: #00bbc5;
  color: white;
}
.bg-bright-turquoise a, .bg-bright-turquoise button {
  color: #004b55;
}
.bg-light-turquoise {
  background-color: #87cfd3;
  color: white;
}
.bg-light-turquoise a, .bg-light-turquoise button {
  color: #004b55;
}
.bg-mid-turquoise {
  background-color: #0096a1;
  color: white;
}
.bg-mid-turquoise a, .bg-mid-turquoise button {
  color: white;
}
.bg-mid-turquoise h1, .bg-mid-turquoise h2, .bg-mid-turquoise h3, .bg-mid-turquoise h4, .bg-mid-turquoise h5, .bg-mid-turquoise h6 {
  color: white;
}
.bg-mid-turquoise a {
  color: #6ff1f1;
  text-shadow: none !important;
}
.bg-mid-turquoise a.btn-secondary, .bg-mid-turquoise a.qx-btn-secondary {
  border-color: white;
  box-shadow: none;
  color: white;
}
.bg-mid-turquoise a h1, .bg-mid-turquoise a h2, .bg-mid-turquoise a h3, .bg-mid-turquoise a h4 {
  color: white;
}
.bg-heavy-turquoise {
  background-color: #004b55;
  color: white;
}
.bg-heavy-turquoise a, .bg-heavy-turquoise button {
  color: #6ff1f1;
}
/* Header */
#g-header .g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator {
  top: 1.35rem;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel {
  flex-direction: column !important;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel li.g-menu-item {
  display: block !important;
  width: 100%;
  margin-bottom: 10px !important;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel li.g-menu-item .g-menu-item-container {
  padding: 0 !important;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel li.g-menu-item .g-menu-item-container img {
  margin: 0 20px 0 0;
  display: inline;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel li.g-menu-item .g-menu-item-container .g-menu-item-title {
  text-transform: none;
}
#g-header .g-main-nav .plain-menu ul.g-toplevel li.order-1 {
  order: 1;
}
#g-header .g-main-nav .g-dropdown .g-dropdown {
  background: #222222;
}
#g-header .g-main-nav .g-sublevel .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #2c2c2c;
}
.product-card-image {
  position: absolute;
  bottom: -20px;
}
.counter {
  font-size: 15px;
  margin-bottom: 0;
}
.number {
  font-size: 24px;
  font-weight: 700;
}
.bold {
  font-weight: 700;
}
.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pager li > a [class^="icon-"], .pager li > span [class^="icon-"] {
  font-size: 65px;
}
.pager li > a .icon-chevron-left, .pager li > span .icon-chevron-left {
  margin-right: 70px;
}
.pager li > a .icon-chevron-right, .pager li > span .icon-chevron-right {
  margin-left: 70px;
}
.copyright {
  font-size: 14px;
  color: #949ca1;
}
.clear-both {
  clear: both;
}
.g-menu-item-type-particle {
  width: 100%;
  margin-bottom: 20px;
}
#megamenu .megamenu-button {
  margin: 25px !important;
  max-width: 100%;
  display: block;
}
#megamenu .megamenu-button .g-menu-item-container {
  padding: 10px 25px !important;
}
#megamenu .qx-btn-secondary:not(:disabled):not(.qx-disabled):active, #megamenu .btn-secondary:not(:disabled):not(.qx-disabled):active, #megamenu .qx-btn-secondary, #megamenu .btn-secondary {
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: none;
}
#megamenu .qx-btn-secondary:not(:disabled):not(.qx-disabled):active:hover, #megamenu .btn-secondary:not(:disabled):not(.qx-disabled):active:hover, #megamenu .qx-btn-secondary:hover, #megamenu .btn-secondary:hover {
  color: #3b3b3b !important;
}
#megamenu .qx-btn-secondary:not(:disabled):not(.qx-disabled):active:hover i, #megamenu .btn-secondary:not(:disabled):not(.qx-disabled):active:hover i, #megamenu .qx-btn-secondary:hover i, #megamenu .btn-secondary:hover i {
  color: #3b3b3b !important;
}
.gws-download-doc {
  border-left: 1px solid #b7b7b7;
  padding-left: 50px;
  margin-left: 50px;
}
ul.latestnews.hero {
  list-style: none;
  padding: 0;
}
ul.categories-module.mod-list-with-image {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.categories-module.mod-list-with-image li {
  list-style: none;
  padding: 25px;
}
ul.categories-module.mod-list-with-image li img {
  margin-bottom: 25px;
}
ul.categories-module.mod-list-with-image li h4 {
  margin-bottom: 0;
}
ul.categories-module.mod-list-with-image li.active {
  background-color: #f5f9fb;
}
.gws-form select, .gws-form textarea, .gws-form input[type="text"], .gws-form input[type="password"], .gws-form input[type="datetime"], .gws-form input[type="datetime-local"], .gws-form input[type="date"], .gws-form input[type="month"], .gws-form input[type="time"], .gws-form input[type="week"], .gws-form input[type="number"], .gws-form input[type="email"], .gws-form input[type="url"], .gws-form input[type="search"], .gws-form input[type="tel"], .gws-form input[type="color"], .gws-form .uneditable-input {
  background-color: #f7f7f7;
  border: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  border-radius: 0;
  padding: 12px;
  font: 20px Georgia, serif;
  color: #0096a1 !important;
  font-style: italic;
}
.gws-form select.form-control.inputbox.input {
  height: auto;
}
p.acysubbuttons input {
  margin: 15px;
}
p.acysubbuttons input.unsubbutton {
  padding: 12px 30px;
  box-shadow: none;
  text-transform: uppercase;
}
/* Accordions */
.gws-accordion > .card {
  margin-bottom: 10px;
}
.gws-accordion > .card > .card-header {
  padding: 12px 4px;
  position: relative;
}
.gws-accordion > .card > .card-header h1, .gws-accordion > .card > .card-header h2, .gws-accordion > .card > .card-header h3, .gws-accordion > .card > .card-header h4, .gws-accordion > .card > .card-header h5 {
  display: block;
  font-weight: bold;
}
.gws-accordion > .card > .card-header h1 a, .gws-accordion > .card > .card-header h1 .btn, .gws-accordion > .card > .card-header h1 button, .gws-accordion > .card > .card-header h2 a, .gws-accordion > .card > .card-header h2 .btn, .gws-accordion > .card > .card-header h2 button, .gws-accordion > .card > .card-header h3 a, .gws-accordion > .card > .card-header h3 .btn, .gws-accordion > .card > .card-header h3 button, .gws-accordion > .card > .card-header h4 a, .gws-accordion > .card > .card-header h4 .btn, .gws-accordion > .card > .card-header h4 button, .gws-accordion > .card > .card-header h5 a, .gws-accordion > .card > .card-header h5 .btn, .gws-accordion > .card > .card-header h5 button {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
  box-shadow: none;
  border: none;
  text-decoration: none;
  outline: none;
}
.gws-accordion > .card > .card-header h1 a:hover, .gws-accordion > .card > .card-header h1 .btn:hover, .gws-accordion > .card > .card-header h1 button:hover, .gws-accordion > .card > .card-header h2 a:hover, .gws-accordion > .card > .card-header h2 .btn:hover, .gws-accordion > .card > .card-header h2 button:hover, .gws-accordion > .card > .card-header h3 a:hover, .gws-accordion > .card > .card-header h3 .btn:hover, .gws-accordion > .card > .card-header h3 button:hover, .gws-accordion > .card > .card-header h4 a:hover, .gws-accordion > .card > .card-header h4 .btn:hover, .gws-accordion > .card > .card-header h4 button:hover, .gws-accordion > .card > .card-header h5 a:hover, .gws-accordion > .card > .card-header h5 .btn:hover, .gws-accordion > .card > .card-header h5 button:hover {
  text-decoration: none;
}
.gws-accordion > .card > .card-header h1 a:after, .gws-accordion > .card > .card-header h1 .btn:after, .gws-accordion > .card > .card-header h1 button:after, .gws-accordion > .card > .card-header h2 a:after, .gws-accordion > .card > .card-header h2 .btn:after, .gws-accordion > .card > .card-header h2 button:after, .gws-accordion > .card > .card-header h3 a:after, .gws-accordion > .card > .card-header h3 .btn:after, .gws-accordion > .card > .card-header h3 button:after, .gws-accordion > .card > .card-header h4 a:after, .gws-accordion > .card > .card-header h4 .btn:after, .gws-accordion > .card > .card-header h4 button:after, .gws-accordion > .card > .card-header h5 a:after, .gws-accordion > .card > .card-header h5 .btn:after, .gws-accordion > .card > .card-header h5 button:after {
  content: "+";
  text-align: right;
  position: absolute;
  right: 25px;
}
.gws-accordion > .card .card-body {
  padding: 25px;
}
/* Showhide */
.gws-showhide .collapse {
  background: rgba(0, 0, 0, 0.05);
}
.gws-showhide .card {
  margin-bottom: 10px;
}
.gws-showhide .card .card-header {
  padding: 12px 4px;
  position: relative;
}
.gws-showhide .card .card-header h1, .gws-showhide .card .card-header h2, .gws-showhide .card .card-header h3, .gws-showhide .card .card-header h4, .gws-showhide .card .card-header h5 {
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #c6cfd4;
}
.gws-showhide .card .card-header h1 a, .gws-showhide .card .card-header h1 .btn, .gws-showhide .card .card-header h1 button, .gws-showhide .card .card-header h2 a, .gws-showhide .card .card-header h2 .btn, .gws-showhide .card .card-header h2 button, .gws-showhide .card .card-header h3 a, .gws-showhide .card .card-header h3 .btn, .gws-showhide .card .card-header h3 button, .gws-showhide .card .card-header h4 a, .gws-showhide .card .card-header h4 .btn, .gws-showhide .card .card-header h4 button, .gws-showhide .card .card-header h5 a, .gws-showhide .card .card-header h5 .btn, .gws-showhide .card .card-header h5 button {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
  box-shadow: none;
  border: none;
  text-decoration: none;
  outline: none;
  color: #424d56;
}
.gws-showhide .card .card-header h1 a:hover, .gws-showhide .card .card-header h1 .btn:hover, .gws-showhide .card .card-header h1 button:hover, .gws-showhide .card .card-header h2 a:hover, .gws-showhide .card .card-header h2 .btn:hover, .gws-showhide .card .card-header h2 button:hover, .gws-showhide .card .card-header h3 a:hover, .gws-showhide .card .card-header h3 .btn:hover, .gws-showhide .card .card-header h3 button:hover, .gws-showhide .card .card-header h4 a:hover, .gws-showhide .card .card-header h4 .btn:hover, .gws-showhide .card .card-header h4 button:hover, .gws-showhide .card .card-header h5 a:hover, .gws-showhide .card .card-header h5 .btn:hover, .gws-showhide .card .card-header h5 button:hover {
  text-decoration: none;
}
.gws-showhide .card .card-header h1 a:before, .gws-showhide .card .card-header h1 .btn:before, .gws-showhide .card .card-header h1 button:before, .gws-showhide .card .card-header h2 a:before, .gws-showhide .card .card-header h2 .btn:before, .gws-showhide .card .card-header h2 button:before, .gws-showhide .card .card-header h3 a:before, .gws-showhide .card .card-header h3 .btn:before, .gws-showhide .card .card-header h3 button:before, .gws-showhide .card .card-header h4 a:before, .gws-showhide .card .card-header h4 .btn:before, .gws-showhide .card .card-header h4 button:before, .gws-showhide .card .card-header h5 a:before, .gws-showhide .card .card-header h5 .btn:before, .gws-showhide .card .card-header h5 button:before {
  content: "+";
  transform: rotate(45deg);
  text-align: right;
  margin-right: 5px;
  border-radius: 50%;
  border: 2px solid #424d56;
  padding: 0;
  height: 22px;
  display: inline-block;
  width: 22px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
  webkit-transition: all false 0.6s;
  -webkit-transition-delay: 0.3s;
  -moz-transition: all 0.6s false 0.3s;
  -o-transition: all 0.6s false 0.3s;
  transition: all 0.6s 0.3s;
}
.gws-showhide .card .card-header h1 a.collapsed:before, .gws-showhide .card .card-header h1 .btn.collapsed:before, .gws-showhide .card .card-header h1 button.collapsed:before, .gws-showhide .card .card-header h2 a.collapsed:before, .gws-showhide .card .card-header h2 .btn.collapsed:before, .gws-showhide .card .card-header h2 button.collapsed:before, .gws-showhide .card .card-header h3 a.collapsed:before, .gws-showhide .card .card-header h3 .btn.collapsed:before, .gws-showhide .card .card-header h3 button.collapsed:before, .gws-showhide .card .card-header h4 a.collapsed:before, .gws-showhide .card .card-header h4 .btn.collapsed:before, .gws-showhide .card .card-header h4 button.collapsed:before, .gws-showhide .card .card-header h5 a.collapsed:before, .gws-showhide .card .card-header h5 .btn.collapsed:before, .gws-showhide .card .card-header h5 button.collapsed:before {
  transform: rotate(0deg);
}
.gws-showhide .card .card-body {
  padding: 25px;
}
/* Frontend editing */
#editor input[type="text"] {
  width: 50%;
}
/* Articles */
body.view-article #g-header {
  background: rgba(0, 0, 0, 0.7);
}
/* Subnavigation */
#subnavigation .subnavigation a {
  color: #424d56;
  font-weight: 100;
  position: relative;
  text-align: center;
}
#subnavigation .subnavigation a:hover {
  z-index: 1000;
}
#subnavigation .subnavigation :after {
  content: "";
  height: 0;
  background-color: #424d56;
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  transition: all 0.08s ease-in-out;
}
#subnavigation .subnavigation a:hover:after {
  height: 6px;
}
.bg-blue-grey .ppc-decrease, .bg-blue-grey .ppc-increase {
  background-color: #ffffff;
  color: #424d56;
}
.bg-blue-grey .border-top {
  border-top: 1px solid white;
}
.bg-blue-grey .gws-box ::selection {
  color: #424d56;
}
/* Pagination */
.pagination ul {
  box-shadow: none;
}
.pagination ul > li.pagination-prev {
  margin-right: 15px;
}
.pagination ul > li.pagination-next {
  margin-left: 15px;
}
.pagination ul > li.pagination-start span.pagenav, .pagination ul > li.pagination-start a.pagenav, .pagination ul > li.pagination-next span.pagenav, .pagination ul > li.pagination-next a.pagenav, .pagination ul > li.pagination-end span.pagenav, .pagination ul > li.pagination-end a.pagenav, .pagination ul > li.pagination-prev span.pagenav, .pagination ul > li.pagination-prev a.pagenav {
  background-color: #8dc63f !important;
  border-color: #8dc63f !important;
  border-radius: 4px;
  color: white;
  border-width: 3px;
}
.pagination ul li {
  box-shadow: none;
  font-weight: 700;
}
.pagination ul li > span {
  background-color: #181c20;
  border-color: #181c20;
  border-radius: 4px;
  color: white;
  border-width: 3px;
  padding: 12px;
  margin: 0 4px;
}
.pagination ul li > span:hover {
  opacity: 0.9;
}
.pagination ul li a {
  border-radius: 4px;
  border-width: 3px;
  color: #181c20;
  border-color: #181c20;
  padding: 12px;
  margin: 0 4px;
}
.pagination ul li a:hover {
  opacity: 0.9;
}
.align-center {
  text-align: center;
}
/* GWS Price */
.gws-price-decimals {
  font-size: 1.625rem;
  display: inline;
  position: relative;
  vertical-align: baseline;
  top: -14px;
}
.gws-price {
  font-size: 2.6rem;
}
.gws-langpicker {
  padding: 35px 35px 15px 35px;
}
.gws-langpicker .card-body {
  background-color: black;
}
.gws-pick {
  color: #949495;
}
.gws-countries ul {
  list-style-type: none;
  margin-left: 0;
}
.gws-countries .lang-inline a {
  display: block;
  text-transform: uppercase;
  padding: 9px 15px;
  text-decoration: none;
}
.gws-countries .lang-inline a:hover {
  background-color: #4f4f4f;
}
.gws-countries a {
  color: white;
}
#g-offcanvas .gws-countries a {
  color: white;
}
.gws-countries h3.module-label {
  color: #949495;
  font-size: 17px;
}
#g-offcanvas .gws-countries h3.module-label {
  color: #949495;
}
.gws-currency {
  font-size: 1.6rem;
  bottom: 12px;
  position: relative;
}
.contact {
  max-width: 1170px;
  margin: 50px auto;
}
.field-entry {
  margin-left: 0;
}
.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.flex {
  display: flex;
}
.moduletable.gws-module-section .gws-module-content {
  max-width: 1140px;
  margin: 0 auto 0 auto;
  padding: 50px 15px;
}
.jlmf-label {
  font-weight: bold;
}
input.jlmf-checkbox {
  margin: 0 5px 0;
  top: -2px;
  position: relative;
}
button.jlmf-link {
  color: #008ba0;
  border: none !important;
  outline: none;
  margin-left: 8px;
}
button.jlmf-link:hover {
  text-decoration: none;
}
button.jlmf-link:before {
  content: "+";
  right: 10px;
  top: 2px;
  font-size: 20px;
  line-height: 17px;
  margin: 0;
  font-weight: bold;
  border-radius: 50%;
  border: solid 3px #008ba0;
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  transform: rotate(45deg);
}
.cookbook-header {
  color: white;
  margin-top: 36px;
  font-weight: bold;
}
.animated-icons .cls-1 {
  opacity: 0.2;
}
.animated-icons .cls-2 {
  fill: #fff;
}
.animated-icons .cls-3 {
  fill: #054b55;
}
#content-referal-badge svg {
  max-width: 130px;
  min-width: 100px;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
#content-referal-badge {
  text-align: center;
}
.step-info {
  text-transform: uppercase;
}
.step-info i {
  color: #0A5E69;
  transition: all 0.2s ease-out;
}
.step-info:hover {
  cursor: pointer;
}
.step-info:hover i {
  transform: translate(-6px);
}
.result {
  border: 1px solid lightgrey;
  margin-bottom: 50px;
}
.results-header {
  margin-bottom: 6px;
}
.results-header span {
  color: white;
  padding: 4px 25px;
  background-color: #008ba0;
}
.selected-options .selection {
  position: relative;
  margin: 0 0 20px 20px;
  padding: 5px 15px;
  background-color: #ECECEC;
  border-radius: 50px;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.selected-options .selection i {
  position: relative;
  top: 1px;
}
/* Animations */
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.35s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.check-green {
  color: #8dc63f;
}
.qx.app-mount .blur-up, .qx.quix .blur-up {
  -webkit-filter: blur(0);
  filter: blur(0);
}
div.resource-center .item {
  border: 8px solid #e0f2f4;
  padding: 20px;
  border-radius: 10px;
  flex-basis: 33.333333%;
  transition: all 0.3s ease-out;
}
div.resource-center .item:hover {
  border-color: #0096a1;
  box-shadow: 0 0 15px #626262;
}
div.resource-center .item a:hover {
  text-decoration: none;
}
div.resource-center .item h2 {
  font-weight: bold;
  font-size: 17px;
  color: #008193;
  margin-bottom: 15px;
}
div.resource-center .item .resource-category {
  border-bottom: 1px solid #c6cfd4;
  margin-bottom: 25px;
}
div.resource-center .item .category-image {
  width: 35px;
  display: inline-block;
}
ul.resource-center {
  list-style-type: none;
  margin-left: 0;
  gap: 25px;
}
ul.resource-center ul {
  flex-direction: row;
  list-style-type: none;
  margin-left: 0;
  gap: 25px;
}
ul.resource-center li.resource-item {
  border: 8px solid #e0f2f4;
  padding: 20px;
  border-radius: 10px;
  flex-basis: 33.333333%;
  transition: all 0.3s ease-out;
}
ul.resource-center li.resource-item:hover {
  border-color: #0096a1;
  box-shadow: 0 0 15px #626262;
}
ul.resource-center li.resource-item a:hover {
  text-decoration: none;
}
ul.resource-center li.resource-item h2 {
  font-weight: bold;
  font-size: 17px;
  color: #008193;
  margin-bottom: 15px;
}
ul.resource-center li.resource-item .resource-category {
  border-bottom: 1px solid #c6cfd4;
  margin-bottom: 25px;
}
ul.resource-center li.resource-item .category-image {
  width: 35px;
  display: inline-block;
}
ul.resource-center li.resource-item .mod-articles-category-introtext {
  margin-top: 0;
}
ul.resource-center li.resource-item .mod-articles-category-category {
  font-size: 12px;
  text-transform: uppercase;
  color: #3b3b3b;
}
.gws-resource .gws-resource-fields {
  border: 1px solid lightgrey;
  border-radius: 10px;
  padding: 25px;
  box-sizing: border-box;
  width: 350px;
  display: block;
  float: left;
  margin-right: 35px;
}
.gws-resource .articleBody {
  display: block;
  width: calc(100% - 350px);
  float: right;
}
.gws-resource .pager {
  margin-top: 130px;
  clear: both;
}
body.content-margin-top #g-main {
  margin-top: 60px;
}
.gws-flipping-cards {
  justify-content: space-evenly;
  /* Position the front and back side */
  /* Style the front side (fallback if image is missing) */
  /* Style the back side */
}
.gws-flipping-cards .flip-card {
  background-color: transparent;
  width: 250px;
  height: 250px;
  padding: 25px;
  box-sizing: content-box;
  perspective: 1000px;
  margin-bottom: 35px;
}
.gws-flipping-cards .flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.gws-flipping-cards .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.gws-flipping-cards .flip-card-front, .gws-flipping-cards .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}
.gws-flipping-cards .flip-card-front {
  background-color: #bbb;
  color: black;
}
.gws-flipping-cards .flip-card-back {
  transform: rotateY(180deg);
}
/*# sourceMappingURL=custom_30.css.map */