/* 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";
@import url('//fonts.googleapis.com/css?family=Montserrat:500,700,900');
.g-main-nav .g-standard .g-dropdown {
  width: 180px;
}
.g-content {
  margin: 0.625rem;
  padding: 0.938rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.15rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.85rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
:root {
  --clr-blue-1: #181836;
  --clr-blue-2: #4c72b5;
  --clr-blue-3: #61a6b9;
  --clr-blue-4: #276cba;
  --clr-blue-5: #2c2b58;
  --clr-blue-1-rgb: 24,24,54;
  --clr-blue-2-rgb: 76,114,181;
  --clr-blue-3-rgb: 97, 166, 185;
  --clr-blue-4-rgb: 39, 108, 186;
  --clr-blue-5-rgb: 44, 43, 88;
  --clr-grey-1: #eef1f6;
  --clr-grey-2: #dee3eb;
  --clr-grey-3: #CED4DD;
  --clr-grey-1-rgb: 238, 241, 246;
  --clr-grey-2-rgb: 222, 227, 235;
  --clr-grey-3-rgb: 206, 212, 221;
  --clr-green-1: #0DA73C;
  --clr-green-2: #028E2D;
  --clr-green-3: #007925;
  --clr-green-1-rgb: 13, 167, 60;
  --clr-green-2-rgb: 2, 142, 45;
  --clr-green-3-rgb: 0, 121, 37;
  --clr-yellow-1: #F5AF16;
  --clr-yellow-1-rgb: 245, 175, 22;
  --clr-body: #2c2b58;
  --transition300: all 300ms ease-out;
  --filter-blue-1: 	invert(4%) sepia(40%) saturate(6578%) hue-rotate(239deg) brightness(85%) contrast(89%);
  --filter-blue-2: 	invert(41%) sepia(69%) saturate(502%) hue-rotate(180deg) brightness(88%) contrast(79%);
  --filter-blue-3: 	invert(72%) sepia(9%) saturate(1706%) hue-rotate(146deg) brightness(84%) contrast(85%);
  --filter-blue-4: 	invert(36%) sepia(52%) saturate(2677%) hue-rotate(198deg) brightness(79%) contrast(78%);
  --filter-blue-5: 	invert(13%) sepia(16%) saturate(3922%) hue-rotate(213deg) brightness(106%) contrast(90%);
  --filter-white: 	invert(98%) sepia(4%) saturate(2759%) hue-rotate(289deg) brightness(120%) contrast(100%);
  --filter-grey-2: 	invert(96%) sepia(4%) saturate(429%) hue-rotate(183deg) brightness(94%) contrast(96%);
  --filter-green-1: 	invert(53%) sepia(96%) saturate(3778%) hue-rotate(111deg) brightness(93%) contrast(90%);
  --filter-yellow-1: 	invert(75%) sepia(24%) saturate(3211%) hue-rotate(351deg) brightness(103%) contrast(92%);
}
html {
  scroll-behavior: smooth;
}
body {
  color: #666666;
  color: var(--clr-body);
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.75;
}
#g-page-surround {
  background: #ffffff;
}
@media print {
  #g-page-surround {
    background: #fff !important;
    color: #000 !important;
  }
}
a {
  color: #4c72b5;
  font-weight: 700;
  text-decoration: underline;
}
a:hover {
  color: var(--clr-blue-1);
}
a.underline-reverse {
  text-decoration: none;
}
a.underline-reverse:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--clr-blue-1);
  text-wrap: balance;
  line-height: 1.1;
}
h2, h3, h4, h5, h6 {
  margin-bottom: 1rem;
}
strong {
  color: var(--clr-blue-1);
}
.h3 {
  margin: 0 0 0.75rem;
  font-size: 1.5rem;
}
.button, .sg-btn-green, .sg-btn-blue, .sg-btn-trans {
  border-radius: 1rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 1rem 1.5rem !important;
}
.button {
  display: inline-block;
  background: #00b900;
  border: 0;
  line-height: 1.5;
  font-size: 1.1rem;
  vertical-align: middle;
  text-shadow: none;
  text-decoration: none;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  transition: background 0.1s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-blue-2);
  line-height: 1;
  font-size: 1rem;
  font-weight: 600 !important;
  text-transform: none;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}
@media only all and (min-width: 68rem) {
  .button:hover {
    background: var(--clr-blue-1);
    color: #fff;
  }
}
.button:active, .button:focus {
  background: var(--clr-blue-2);
  color: #fff;
  outline: 0;
}
.button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button:disabled:hover {
  background: #439a86;
}
.button.btn-lg {
  font-size: 1.125rem !important;
  padding: 1.125rem 2rem !important;
}
.sg-btn-green {
  background: var(--clr-green-1);
  border: solid 2px var(--clr-green-2);
  box-shadow: inset 0 -4px 0 0 var(--clr-green-2);
}
@media only all and (min-width: 68rem) {
  .sg-btn-green:hover {
    background: var(--clr-green-2);
  }
}
.sg-btn-blue {
  background: #2c2b58;
  box-shadow: inset 0 -2px 0 0 #4c72b5;
}
.sg-btn-trans {
  background: rgba(255, 255, 255, 0);
  border: solid 2px #fff;
}
.btn-icon-arrow, .btn-icon-arrow:hover, .btn-icon-arrow:active, .btn-icon-arrow:focus {
  position: relative;
  padding-right: 3rem;
  padding-left: 0;
  background: none;
  border: none;
  overflow: inherit;
  color: var(--clr-blue-1);
  font-weight: 600;
  transition-delay: unset;
  text-align: left;
  text-decoration: none;
}
.btn-icon-arrow::before, .btn-icon-arrow:hover::before, .btn-icon-arrow:active::before, .btn-icon-arrow:focus::before {
  content: "";
  background: #61A6B9;
  background: linear-gradient(120deg, #61a6b9 0%, #4e79b8 100%);
  width: 2.5rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  transition: var(--transition300);
  bottom: -0.375rem;
}
.btn-icon-arrow::after, .btn-icon-arrow:hover::after, .btn-icon-arrow:active::after, .btn-icon-arrow:focus::after {
  content: "";
  width: 2.5rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  background-image: url('../../images/icons/arrow_right_alt_white.svg');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  transition: var(--transition300);
  bottom: -0.375rem;
}
@media only all and (min-width: 68rem) {
  .btn-icon-arrow:hover::before, .btn-icon-arrow:hover::after, .btn-icon-arrow:hover:hover::before, .btn-icon-arrow:hover:hover::after, .btn-icon-arrow:active:hover::before, .btn-icon-arrow:active:hover::after, .btn-icon-arrow:focus:hover::before, .btn-icon-arrow:focus:hover::after {
    right: -0.625rem;
  }
}
.btn-icon-arrow.btn-sm, .btn-icon-arrow:hover.btn-sm, .btn-icon-arrow:active.btn-sm, .btn-icon-arrow:focus.btn-sm {
  padding-block: 0;
  padding-left: 0;
  padding-right: 2.5rem;
  border-radius: unset;
  font-size: 1rem;
}
.btn-icon-arrow.btn-sm::before, .btn-icon-arrow.btn-sm::after, .btn-icon-arrow:hover.btn-sm::before, .btn-icon-arrow:hover.btn-sm::after, .btn-icon-arrow:active.btn-sm::before, .btn-icon-arrow:active.btn-sm::after, .btn-icon-arrow:focus.btn-sm::before, .btn-icon-arrow:focus.btn-sm::after {
  width: 2rem;
  height: 1.75rem;
  border-radius: 0.5rem;
}
.btn-icon-arrow.btn-sm::after, .btn-icon-arrow:hover.btn-sm::after, .btn-icon-arrow:active.btn-sm::after, .btn-icon-arrow:focus.btn-sm::after {
  background-size: 1.25rem;
}
.btn-icon-arrow.btn-dark::before, .btn-icon-arrow:hover.btn-dark::before, .btn-icon-arrow:active.btn-dark::before, .btn-icon-arrow:focus.btn-dark::before {
  background: var(--clr-blue-5);
}
.gantry-logo {
  display: inline-block;
}
@media only all and (max-width: 53.99rem) {
  .gantry-logo {
    display: block;
    text-align: center;
  }
}
.gantry-logo img {
  width: 150px;
}
.logo-large {
  display: inline-block;
}
ol {
  counter-reset: a;
  padding: 0;
  padding-left: 15px;
}
ol li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  list-style: none;
  min-height: 60px;
  padding-left: 55px;
  position: relative;
  padding-bottom: 0.5rem;
}
ol li:before {
  border: 3px solid #4c72b5;
  border-radius: 50%;
  content: counter(a);
  counter-increment: a;
  font-weight: 500;
  height: 36px;
  left: 0;
  line-height: 1;
  margin: 0 auto;
  padding-top: 6px;
  position: absolute;
  top: -3px;
  width: 36px;
  text-align: center;
}
ol li:after {
  background-color: #cbcbcb;
  bottom: 7px;
  content: "";
  left: 16px;
  top: 37px;
  position: absolute;
  width: 2px;
}
ol li:last-of-type:after {
  display: none;
}
.list-features {
  margin: 0;
  padding: 0;
}
.list-features li {
  list-style: none;
  margin: 0;
  padding: 0.375rem 0 0.375rem 2rem;
  line-height: 1.25;
  position: relative;
}
.list-features li::before {
  content: "";
  background-image: url('../../images/icons/check-circle-fill.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 2px;
  left: 0;
  filter: var(--filter-blue-2);
}
.list-features.list-icon-blue-1 li::before {
  filter: var(--filter-blue-1);
}
.list-features.list-icon-blue-3 li::before {
  filter: var(--filter-blue-3);
}
.list-features.list-icon-white li::before {
  filter: var(--filter-white);
}
.svgfilter-blue-1 {
  filter: var(--filter-blue-1);
}
.svgfilter-blue-2 {
  filter: var(--filter-blue-2);
}
.svgfilter-blue-3 {
  filter: var(--filter-blue-3);
}
.svgfilter-blue-4 {
  filter: var(--filter-blue-4);
}
.svgfilter-blue-5 {
  filter: var(--filter-blue-5);
}
.svgfilter-white {
  filter: var(--filter-white);
}
.svgfilter-green-1 {
  filter: var(--filter-green-1);
}
.svgfilter-yellow-1 {
  filter: var(--filter-yellow-1);
}
.maxwidth-75rem {
  max-width: 75rem;
}
.maxwidth-60rem {
  max-width: 60rem;
}
.maxwidth-55rem {
  max-width: 55rem;
}
.maxwidth-48rem {
  max-width: 48rem;
}
.maxwidth-40rem {
  max-width: 40rem;
}
.maxwidth-30rem {
  max-width: 30rem;
}
.grid-5columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.75rem;
}
@media only all and (min-width: 68rem) {
  .grid-5columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media only all and (max-width: 53.99rem) {
  .grid-5columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media only all and (max-width: 36rem) {
  .grid-5columns {
    grid-template-columns: 1fr;
  }
}
.grid-usps .grid-item {
  padding: 2.25rem 1.25rem;
  border-radius: 1rem;
  text-align: center;
  background: var(--clr-grey-2);
}
@media only all and (min-width: 68rem) {
  .grid-usps .grid-item {
    padding: 2.25rem 0.75rem;
  }
}
@media (min-width: 1400px) {
  .grid-usps .grid-item {
    padding: 2.5rem 1.5rem;
  }
}
@media only all and (max-width: 36rem) {
  .grid-usps .grid-item {
    padding: 2rem 1.25rem;
  }
}
.grid-usps .grid-item.grid-item-extra {
  background: rgba(var(--clr-blue-3-rgb), 0.2);
}
@media only all and (min-width: 68rem) {
  .grid-usps .grid-item.grid-item-extra {
    display: none !important;
  }
}
.sg-site p {
  margin-top: 0 !important;
}
.sg-site .fs-xs {
  font-size: 0.875rem;
}
.sg-site .fs-sm {
  font-size: 0.9375rem;
}
.sg-site .text-wrap-unset {
  text-wrap: unset;
}
.sg-site .usp-focus {
  position: relative;
  height: 100%;
  display: block;
}
.sg-site .usp-focus::before {
  content: "";
  width: calc(100% + 2rem);
  height: calc(100% + 2.5rem);
  position: absolute;
  left: -1.75rem;
  top: -1.75rem;
  background: rgba(var(--clr-blue-3-rgb), 0.1);
  border-radius: 2.5rem;
}
.sg-site .uspicon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--clr-blue-2-rgb), 0.2);
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 2rem;
}
.sg-site .uspicon.uspicon-sm {
  width: 4rem;
  height: 4rem;
  border-radius: 1.5rem;
}
.sg-site hr {
  border-bottom: 1px solid var(--clr-blue-2);
  opacity: 0.25;
}
.sg-site hr.dashed {
  border-style: dashed;
}
.sg-site .card {
  border-radius: 1rem;
}
.sg-site .card.card-cta {
  background: var(--clr-blue-5);
  overflow: hidden;
}
.sg-site .card.card-cta .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  opacity: 0.75;
  object-position: top;
}
.sg-site .card.card-inline-cta {
  border-radius: 1.5rem;
  background: white;
  border-color: var(--clr-grey-2);
  border-bottom-width: 4px;
}
.sg-site .card.card-dark {
  background: var(--clr-blue-5);
  border-color: var(--clr-blue-1);
  border-bottom-width: 4px;
  background: var(--clr-blue-1);
  background: linear-gradient(308deg, #181836 0%, #2c2b58 59%, #2d5796 100%);
}
.sg-site .card.card-dark.card-dark-gradient-animation {
  background: linear-gradient(143deg, #2D5796, #2C2B58, #181836);
  background-size: 600% 600%;
  -webkit-animation: BlueGradientAnimation 23s ease infinite;
  -moz-animation: BlueGradientAnimation 23s ease infinite;
  animation: BlueGradientAnimation 23s ease infinite;
}
.sg-site .accordion .accordion-item {
  border: none;
  background: none;
  border-radius: unset;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--clr-grey-3);
  transition: var(--transition300);
  margin-bottom: 0.5rem;
  padding: 1rem 2rem 1rem 1.75rem;
}
.sg-site .accordion .accordion-item:first-of-type {
  border-top: 1px solid var(--clr-grey-3);
}
.sg-site .accordion .accordion-item:has(.accordion-collapse.show) {
  background: white;
  border-color: transparent;
  border-radius: 1rem;
}
.sg-site .accordion .accordion-item .accordion-header {
  line-height: 1.25;
  margin-top: 0;
  text-wrap: unset;
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button {
  text-transform: unset;
  letter-spacing: unset;
  border-radius: 0;
  box-shadow: unset;
  padding: 0.5rem 0;
  background: none;
  line-height: 1.375;
  gap: 1.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  white-space: unset;
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button:focus {
  color: var(--bs-accordion-btn-color);
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button::before {
  background: none;
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "+";
  font-weight: normal;
  background: none;
  font-size: 2rem;
  color: var(--clr-blue-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--clr-blue-1);
  background: none;
}
.sg-site .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "-";
}
.sg-site .accordion .accordion-item .accordion-body {
  padding: 0.625rem 0;
  padding-right: 1.5rem;
  max-width: 60rem;
}
.sg-site .accordion .accordion-item .accordion-body p {
  margin-bottom: 1.25rem;
}
.sg-site .mod-article-feed h3 {
  font-size: 1.5rem;
}
.sg-site .mod-article-feed .mod-articlesnews {
  border-top: 1px solid rgba(var(--clr-blue-2-rgb), 0.25);
}
.sg-site .mod-article-feed .mod-articlesnews__item {
  padding-block: 1.25rem;
  border-bottom: 1px solid rgba(var(--clr-blue-2-rgb), 0.25);
}
.sg-site .mod-article-feed .mod-articlesnews__item .newsflash-title {
  font-size: 1.125rem;
  color: var(--clr-blue-1);
  text-decoration: none;
  transition: var(--transition300);
  margin: 0 0 0.25rem;
}
.sg-site .mod-article-feed .mod-articlesnews__item .newsflash-title a {
  text-decoration: none;
  transition: var(--transition300);
  color: var(--clr-blue-1);
}
@media (min-width: 992px) {
  .sg-site .mod-article-feed .mod-articlesnews__item .newsflash-title a:hover {
    color: var(--clr-blue-2);
  }
}
.sg-site .mod-article-feed .mod-articlesnews__item p {
  font-size: 0.9375rem;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0 !important;
  line-height: 1.5;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .sg-site .mod-text-usp .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
@media only all and (max-width: 53.99rem) {
  .sg-site .mod-text-usp .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
.sg-site .vweb-module-faq {
  padding-block: 2rem;
}
@media only all and (min-width: 68rem) {
  .sg-site .vweb-module-faq {
    padding-block: 4rem;
  }
}
.sg-site .vweb-module-faq .accordion {
  border-top: 1px solid var(--clr-grey-3);
}
.sg-site .vweb-module-faq .accordion .accordion-item {
  background: none !important;
  border-top: none;
  border-color: var(--clr-grey-3) !important;
  border-radius: 0 !important;
}
.sg-site .vweb-module-faq .accordion .accordion-item .accordion-body p:last-of-type {
  margin-bottom: 0rem !important;
}
@-webkit-keyframes BlueGradientAnimation {
  0% {
    background-position: 23% 0%;
  }
  50% {
    background-position: 78% 100%;
  }
  100% {
    background-position: 23% 0%;
  }
}
@-moz-keyframes BlueGradientAnimation {
  0% {
    background-position: 23% 0%;
  }
  50% {
    background-position: 78% 100%;
  }
  100% {
    background-position: 23% 0%;
  }
}
@keyframes BlueGradientAnimation {
  0% {
    background-position: 23% 0%;
  }
  50% {
    background-position: 78% 100%;
  }
  100% {
    background-position: 23% 0%;
  }
}
@keyframes zoominout {
  0% {
    transform: translate3d(0);
    scale: 1;
  }
  50% {
    transform: translate3d(1rem, -1.5rem, -2rem);
    scale: 1.1;
  }
  100% {
    transform: translate3d(0);
    scale: 1;
  }
}
body {
  font-family: "Montserrat";
  font-weight: 500;
}
h1, h2, h3, h4, h5, .sg-subtitle {
  font-family: "Montserrat";
  font-weight: 700;
}
h1 {
  color: #2c2b58;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  h1 {
    font-size: 1.8rem;
  }
}
@media only all and (max-width: 53.99rem) {
  h1 {
    font-size: 1.6rem;
  }
}
h2 {
  color: #2c2b58;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  h2 {
    font-size: 1.55rem;
  }
}
@media only all and (max-width: 53.99rem) {
  h2 {
    font-size: 1.3rem;
  }
}
h3 {
  font-size: 1.2rem;
  margin: 1.5rem 0 0.75rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  h3 {
    font-size: 1.2rem;
  }
}
@media only all and (max-width: 53.99rem) {
  h3 {
    font-size: 1.1rem;
  }
}
.sg-subtitle {
  color: #4c72b5;
  text-transform: uppercase;
}
.button {
  font-weight: 500;
}
blockquote {
  border-left: 10px solid #F0F2F4;
}
blockquote p {
  font-size: 1.1rem;
  color: #999;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #666666;
  font-size: 1.2rem;
}
code {
  background: #f9f2f4;
  color: #9c1d3d;
}
pre {
  padding: 1rem;
  margin: 2rem 0;
  background: #f6f6f6;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  line-height: 1.15;
  font-size: 0.9rem;
}
pre code {
  color: #237794;
  background: inherit;
  font-size: 0.9rem;
}
hr {
  border-bottom: 4px solid #F0F2F4;
}
p {
  margin: 1rem 0 1.5rem !important;
}
.sg-site {
  font-weight: 400;
}
#g-navigation {
  background: #ffffff;
  color: #2c2b58;
  position: relative;
  z-index: 11;
}
#g-navigation > .g-container > .g-grid {
  align-items: center;
  justify-content: space-between;
}
#g-navigation .g-container {
  position: relative;
}
#g-navigation .g-logo {
  color: #2c2b58;
  line-height: 0rem;
}
#g-navigation .g-logo.g-logo-helium svg {
  fill: #2c2b58;
}
@media only all and (max-width: 53.99rem) {
  #g-navigation .g-social-header .g-content {
    margin-top: 0;
    padding: 0 0.938rem;
  }
}
#g-navigation .g-social {
  text-align: right;
  line-height: 3.125;
}
@media only all and (max-width: 53.99rem) {
  #g-navigation .g-social {
    text-align: center;
  }
}
.rtl #g-navigation .g-social {
  text-align: left;
}
#g-navigation .g-main-nav {
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 1.5;
}
#g-navigation .g-main-nav .g-toplevel {
  line-height: 3.125;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 0.8rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 0.5rem;
  }
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #2c2b58;
  padding: 0.2345rem 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding: 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator {
  vertical-align: top;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  content: "";
  opacity: 0.75;
  width: 1rem;
  font-weight: 400;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container i {
  opacity: 1;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container.sg-btn-green {
  padding-block: 0.625rem 0.8125rem !important;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  color: rgba(44, 43, 88, 0.7);
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-selected {
  color: rgba(44, 43, 88, 0.7);
}
#g-navigation .g-main-nav .g-dropdown {
  background: white;
  border: 1px solid rgba(44, 43, 88, 0.2);
  border-radius: 0.1875rem;
}
#g-navigation .g-main-nav .g-dropdown > .g-dropdown-column {
  border: 1px solid transparent;
}
#g-navigation .g-main-nav .g-dropdown a {
  color: #2c2b58;
}
#g-navigation .g-main-nav .g-dropdown a:hover {
  color: #439a86;
}
#g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
}
#g-navigation .g-main-nav .g-dropdown .g-dropdown {
  margin-left: 20px;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #2c2b58;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-selected {
  color: #2c2b58;
}
#g-navigation .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container {
  border-bottom: 1px solid rgba(44, 43, 88, 0.2);
}
#g-navigation .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container > .g-selected {
  border-bottom: 1px solid rgba(44, 43, 88, 0.2);
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  color: #439a86;
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-selected, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-selected {
  color: #439a86;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle > .g-menu-item-container {
  border: 0;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle.active > .g-menu-item-container {
  border: 0;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container {
  background: inherit;
}
@media only all and (max-width: 53.99rem) {
  #g-navigation .g-menu-block {
    display: none;
  }
}
#g-navigation .g-menu-item-subtitle {
  text-transform: lowercase;
  font-size: 0.8rem;
  opacity: 0.8;
  padding-top: 0;
}
#g-navigation #vweb-logo {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 25%;
  -moz-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  #g-navigation #vweb-logo {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 28%;
    -moz-flex: 0 1 28%;
    -ms-flex: 0 1 28%;
    flex: 0 1 28%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #g-navigation #vweb-logo {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 35%;
    -moz-flex: 0 1 35%;
    -ms-flex: 0 1 35%;
    flex: 0 1 35%;
  }
}
@media only all and (max-width: 53.99rem) {
  #g-navigation #vweb-logo {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  #g-navigation #vweb-logo .g-content {
    margin: 0.3125rem;
    padding: 0.469rem;
  }
}
#g-navigation #vweb-main-menu {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 75%;
  -moz-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  #g-navigation #vweb-main-menu {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 72%;
    -moz-flex: 0 1 72%;
    -ms-flex: 0 1 72%;
    flex: 0 1 72%;
  }
}
#g-navigation #sg-mobile-menu {
  display: flex;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
@media only all and (min-width: 68rem) {
  #g-navigation #sg-mobile-menu {
    display: none;
  }
}
#g-navigation #sg-mobile-menu a {
  text-decoration: none;
}
@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
.r-offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow-y: auto !important;
  z-index: 102;
}
.r-offcanvas > * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.r-offcanvas.left {
  right: auto;
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.r-offcanvas.right {
  right: 0 !important;
  left: auto !important;
  -webkit-transform: translate3d(100%, 0%, 0);
  transform: translate3d(100%, 0%, 0);
}
.r-offcanvas.top, .r-offcanvas.bottom {
  width: 100% !important;
  height: auto !important;
}
.r-offcanvas.top {
  top: 0 !important;
  bottom: auto !important;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.r-offcanvas.bottom {
  top: auto !important;
  bottom: 0 !important;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0 !important;
}
body.pushable {
  background: #545454 !important;
}
.pushable:not(body) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushable:not(body) > .r-offcanvas, .pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after {
  position: absolute;
}
.pushable > .fixed {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  will-change: transform;
  z-index: 101;
}
.pushable > .pusher {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 2;
}
body.pushable > .pusher {
  background: #FFF;
}
.pushable > .pusher {
  background: inherit;
}
.pushable > .pusher:after {
  position: fixed;
  top: 0;
  right: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  will-change: opacity;
  z-index: 1000;
}
.r-offcanvas.menu .item {
  border-radius: 0 !important;
}
.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
.r-offcanvas.animating {
  visibility: visible;
}
.r-offcanvas.visible {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.r-offcanvas.left.visible, .r-offcanvas.right.visible, .r-offcanvas.top.visible, .r-offcanvas.bottom.visible {
  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}
.r-offcanvas.visible.left ~ .fixed, .r-offcanvas.visible.left ~ .pusher {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
.r-offcanvas.visible.right ~ .fixed, .r-offcanvas.visible.right ~ .pusher {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}
.r-offcanvas.visible.top ~ .fixed, .r-offcanvas.visible.top ~ .pusher {
  -webkit-transform: translate3d(0, 36px, 0);
  transform: translate3d(0, 36px, 0);
}
.r-offcanvas.visible.bottom ~ .fixed, .r-offcanvas.visible.bottom ~ .pusher {
  -webkit-transform: translate3d(0, -36px, 0);
  transform: translate3d(0, -36px, 0);
}
.r-offcanvas.visible.left ~ .r-offcanvas.visible.right ~ .fixed, .r-offcanvas.visible.left ~ .r-offcanvas.visible.right ~ .pusher {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.r-offcanvas.visible.right ~ .r-offcanvas.visible.left ~ .fixed, .r-offcanvas.visible.right ~ .r-offcanvas.visible.left ~ .pusher {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.r-offcanvas.visible.scale.down #g-page-surround {
  z-index: 9999;
}
html.ios {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: initial !important;
}
html.ios body {
  height: initial !important;
}
.r-offcanvas.thin.left, .r-offcanvas.thin.right {
  width: 150px;
}
.r-offcanvas[class*="very thin"].left, .r-offcanvas[class*="very thin"].right {
  width: 60px;
}
.r-offcanvas.left, .r-offcanvas.right {
  width: 300px;
}
.r-offcanvas.wide.left, .r-offcanvas.wide.right {
  width: 350px;
}
.r-offcanvas[class*="very wide"].left, .r-offcanvas[class*="very wide"].right {
  width: 475px;
}
.r-offcanvas.visible.thin.left ~ .fixed, .r-offcanvas.visible.thin.left ~ .pusher {
  -webkit-transform: translate3d(150px, 0, 0);
  transform: translate3d(150px, 0, 0);
}
.r-offcanvas.visible[class*="very thin"].left ~ .fixed, .r-offcanvas.visible[class*="very thin"].left ~ .pusher {
  -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
}
.r-offcanvas.visible.wide.left ~ .fixed, .r-offcanvas.visible.wide.left ~ .pusher {
  -webkit-transform: translate3d(350px, 0, 0);
  transform: translate3d(350px, 0, 0);
}
.r-offcanvas.visible[class*="very wide"].left ~ .fixed, .r-offcanvas.visible[class*="very wide"].left ~ .pusher {
  -webkit-transform: translate3d(475px, 0, 0);
  transform: translate3d(475px, 0, 0);
}
.r-offcanvas.visible.thin.right ~ .fixed, .r-offcanvas.visible.thin.right ~ .pusher {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
}
.r-offcanvas.visible[class*="very thin"].right ~ .fixed, .r-offcanvas.visible[class*="very thin"].right ~ .pusher {
  -webkit-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
}
.r-offcanvas.visible.wide.right ~ .fixed, .r-offcanvas.visible.wide.right ~ .pusher {
  -webkit-transform: translate3d(-350px, 0, 0);
  transform: translate3d(-350px, 0, 0);
}
.r-offcanvas.visible[class*="very wide"].right ~ .fixed, .r-offcanvas.visible[class*="very wide"].right ~ .pusher {
  -webkit-transform: translate3d(-475px, 0, 0);
  transform: translate3d(-475px, 0, 0);
}
.r-offcanvas.overlay {
  z-index: 102;
}
.r-offcanvas.left.overlay {
  -webkit-transform: translate3d(-100%, 0%, 0);
  transform: translate3d(-100%, 0%, 0);
}
.r-offcanvas.right.overlay {
  -webkit-transform: translate3d(100%, 0%, 0);
  transform: translate3d(100%, 0%, 0);
}
.r-offcanvas.top.overlay {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.r-offcanvas.bottom.overlay {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
.animating.r-offcanvas.overlay {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.visible.overlay {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.visible.left.overlay, .r-offcanvas.visible.right.overlay, .r-offcanvas.visible.top.overlay, .r-offcanvas.visible.bottom.overlay {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
.r-offcanvas.visible.overlay ~ .fixed, .r-offcanvas.visible.overlay ~ .pusher {
  -webkit-transform: none !important;
  transform: none !important;
}
.r-offcanvas.push {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 102;
}
.r-offcanvas.left.push {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.r-offcanvas.right.push {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.r-offcanvas.top.push {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.r-offcanvas.bottom.push {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
.r-offcanvas.visible.push {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.r-offcanvas.uncover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.r-offcanvas.visible.uncover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.slide.along {
  z-index: 1;
}
.r-offcanvas.left.slide.along {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.r-offcanvas.right.slide.along {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.r-offcanvas.top.slide.along {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.r-offcanvas.bottom.slide.along {
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
}
.r-offcanvas.animating.slide.along {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.visible.slide.along {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.r-offcanvas.slide.out {
  z-index: 1;
}
.r-offcanvas.left.slide.out {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.r-offcanvas.right.slide.out {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.r-offcanvas.top.slide.out {
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
}
.r-offcanvas.bottom.slide.out {
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
}
.r-offcanvas.animating.slide.out {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.visible.slide.out {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.r-offcanvas.scale.down {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 102;
}
.r-offcanvas.left.scale.down {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.r-offcanvas.right.scale.down {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.r-offcanvas.top.scale.down {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.r-offcanvas.bottom.scale.down {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
.r-offcanvas.scale.down.left ~ .pusher {
  -webkit-transform-origin: 75% 50%;
  transform-origin: 75% 50%;
}
.r-offcanvas.scale.down.right ~ .pusher {
  -webkit-transform-origin: 25% 50%;
  transform-origin: 25% 50%;
}
.r-offcanvas.scale.down.top ~ .pusher {
  -webkit-transform-origin: 50% 75%;
  transform-origin: 50% 75%;
}
.r-offcanvas.scale.down.bottom ~ .pusher {
  -webkit-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
}
.r-offcanvas.animating.scale.down > .visible.r-offcanvas {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.r-offcanvas.visible.scale.down ~ .pusher, .r-offcanvas.animating.scale.down ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
.r-offcanvas.visible.scale.down {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.r-offcanvas.visible.scale.down ~ .pusher {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.r-offcanvas .r-offcanvas-content {
  margin-top: 40px;
}
.r-close.r-pl-close {
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
}
.r-close.r-pl-close::before, .r-close.r-pl-close::after {
  height: 15px;
  width: 2px;
}
.r-offcanvas a:hover {
  opacity: 0.9;
}
.r-offcanvas .oc-list-item {
  position: relative;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 13px 16px;
  text-transform: none;
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.r-offcanvas a.oc-list-item {
  line-height: 1;
}
.r-offcanvas a.oc-list-item .fa {
  margin-right: 8px;
  opacity: 0.95;
}
.r-offcanvas.left .oc-list-item:before, .r-offcanvas.right .oc-list-item:before {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
}
.r-offcanvas.left.oc-icon-menu-items, .r-offcanvas.right.oc-icon-menu-items {
  display: inline-block;
  width: auto;
}
.r-offcanvas.top.oc-icon-menu-items, .r-offcanvas.bottom.oc-icon-menu-items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.r-offcanvas.top.oc-icon-menu-items .oc-icon-menu, .r-offcanvas.bottom.oc-icon-menu-items .oc-icon-menu {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.r-offcanvas .oc-icon-menu {
  position: relative;
  display: block;
  height: auto;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  text-decoration: none;
  padding: 13px 16px;
  text-transform: none;
  min-width: 84px;
  text-align: center;
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.r-offcanvas .oc-icon-menu i {
  opacity: 0.95;
  display: block;
  margin: 0 auto 7px !important;
}
.r-offcanvas.left .oc-icon-menu:before, .r-offcanvas.right .oc-icon-menu:before {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
}
.r-offcanvas.top .oc-icon-menu:before, .r-offcanvas.bottom .oc-icon-menu:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
}
.r-close {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  opacity: 0.5;
  border-radius: 50% !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.r-close:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.r-close:after, .r-close:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 3px;
  background: #fff;
  left: 50%;
  top: 50%;
}
.r-close:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.r-close:hover {
  background: rgba(0, 0, 0, 0.075);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
#g-offcanvas {
  background: #354d59;
  width: 17rem;
  color: #ffffff;
}
#g-offcanvas a {
  color: #ffffff;
}
#g-offcanvas a:hover {
  color: #1c4139;
}
#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
  color: #ffffff;
}
#g-offcanvas .button {
  background: #8f4dae;
  color: #ffffff;
}
#g-offcanvas .button:hover {
  background: #9b5db7;
}
#g-offcanvas .button:active {
  background: #80459c;
}
#g-offcanvas hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#g-offcanvas .g-offcanvas-toggle {
  color: #ffffff;
  left: 14rem;
  top: 1rem;
}
.r-offcanvas-toggle {
  font-size: 1.4rem;
  color: #2c2b58;
  font-weight: 700;
  cursor: pointer;
  z-index: 100001;
  display: none;
}
.g-offcanvas-open .r-offcanvas-toggle {
  color: rgba(255, 255, 255, 0.6);
}
@media only all and (max-width: 68rem) {
  .r-offcanvas-toggle {
    display: block;
  }
}
.g-offcanvas-open .g-nav-overlay {
  z-index: 100000;
}
.g-offcanvas-open .g-offcanvas-left #g-page-surround {
  left: 17rem;
}
.g-offcanvas-open .g-offcanvas-right #g-page-surround {
  right: 17rem;
}
.g-offcanvas-open .dir-rtl.g-offcanvas-left #g-offcanvas {
  right: auto;
}
.g-offcanvas-open .dir-rtl.g-offcanvas-right #g-offcanvas {
  left: auto;
}
.mobile-logo-scramble {
  margin-top: 2rem;
  padding: 1rem;
}
#sg-mobilemenu-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sg-mobilemenu-container .g-toplevel {
  position: relative;
}
#sg-mobilemenu-container .g-toplevel li {
  display: block;
  position: static !important;
  margin-right: 0;
  cursor: pointer;
  border-top: solid 1px #cdcdcd;
}
#sg-mobilemenu-container .g-toplevel li:first-of-type {
  border-top: solid 0px;
}
#sg-mobilemenu-container .g-toplevel li .g-menu-item-container {
  padding: 0.938rem;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
}
#sg-mobilemenu-container .g-toplevel li .g-menu-item-container.sg-btn-green {
  border-radius: 0rem;
  padding: 0.75rem !important;
  text-align: center;
  text-transform: none;
  margin-top: 1rem;
}
#sg-mobilemenu-container .g-toplevel li .g-menu-item-content {
  display: inline-block;
  line-height: 1rem;
}
#sg-mobilemenu-container .g-toplevel li.g-parent > .g-menu-item-container > .g-menu-item-content {
  position: relative;
}
#sg-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator {
  position: absolute;
  right: 0.938rem;
  text-align: center;
}
#sg-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator:after {
  display: inline-block;
  text-align: center;
  opacity: 0.5;
  width: 1.5rem;
  line-height: normal;
  font-family: FontAwesome;
  content: "";
}
#sg-mobilemenu-container .g-toplevel .g-dropdown {
  top: 0;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#sg-mobilemenu-container .g-toplevel .g-dropdown.g-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  z-index: 0;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown .g-go-back {
  display: block;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown .g-block {
  width: 100%;
  overflow: visible;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown .g-block .g-go-back {
  display: none;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown .g-block:first-child .g-go-back {
  display: block;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown-column {
  float: none;
  padding: 0;
}
#sg-mobilemenu-container .g-toplevel .g-dropdown-column [class*="size-"] {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 100%;
}
#sg-mobilemenu-container .g-sublevel {
  cursor: default;
}
#sg-mobilemenu-container .g-sublevel li {
  position: static;
}
#sg-mobilemenu-container .g-sublevel .g-dropdown {
  top: 0;
}
#sg-mobilemenu-container .g-menu-item-container {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
#sg-mobilemenu-container .g-toplevel.g-slide-out > .g-menu-item > .g-menu-item-container, #sg-mobilemenu-container .g-toplevel.g-slide-out > .g-go-back > .g-menu-item-container, #sg-mobilemenu-container .g-sublevel.g-slide-out > .g-menu-item > .g-menu-item-container, #sg-mobilemenu-container .g-sublevel.g-slide-out > .g-go-back > .g-menu-item-container {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#sg-mobilemenu-container .g-menu-item-subtitle {
  line-height: 1.5;
}
#sg-mobilemenu-container i {
  float: left;
  line-height: 1.4rem;
  margin-right: 0.3rem;
}
.sg-site .r-offcanvas {
  padding-inline: 0.625rem;
  background: var(--clr-grey-1) !important;
}
.g-preset-thumbnails img {
  margin-bottom: 1rem;
}
@media only all and (max-width: 53.99rem) {
  .g-preset-thumbnails {
    text-align: center;
  }
  .g-preset-thumbnails .g-block {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50% !important;
  }
  .g-preset-thumbnails .g-content {
    margin: 0;
  }
}
@media print {
  #g-offcanvas {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-top {
  background: #4c72b5;
  padding: 0.25rem 0;
  font-size: 0.875rem;
}
#g-top > .g-container > .g-grid {
  align-items: center;
  width: 100%;
  display: block;
}
#g-top .g-content {
  margin: 0 0.625rem;
  padding: 0.2rem 0.938rem;
}
#g-top .g-content .sg-topcontact {
  color: #fff;
  display: flex;
  justify-content: flex-start;
  line-height: 1.25;
  padding-block: 0.25rem;
}
#g-top .g-content .sg-topcontact .topcontact-desktop {
  display: none;
}
@media only all and (min-width: 54rem) {
  #g-top .g-content .sg-topcontact .topcontact-desktop {
    display: block;
  }
}
#g-top .g-content .sg-topcontact .topcontact-tablet {
  display: none;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #g-top .g-content .sg-topcontact .topcontact-tablet {
    display: block !important;
  }
}
#g-top .g-content .sg-topcontact .topcontact-phone {
  display: none;
}
@media only all and (max-width: 36rem) {
  #g-top .g-content .sg-topcontact .topcontact-phone {
    display: block !important;
  }
}
#g-top .g-content .sg-topcontact a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
#g-top .g-content .sg-cms-display {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#g-top .g-content .sg-cms-display .sg-cms {
  padding-left: 1rem;
}
#g-top .g-content .sg-cms-display .sg-cms img {
  width: 30px;
}
@media only all and (max-width: 53.99rem) {
  #g-top #top-contact {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 60%;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
  }
  #g-top #cms-select {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 40%;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
  }
}
#g-header {
  background: #ffffff;
  color: #ffffff;
  position: relative;
  z-index: 3;
}
#g-header a {
  color: white;
}
#g-header a:hover {
  color: #ffffff;
}
#g-header .g-main-nav h1, #g-header .g-main-nav h2, #g-header .g-main-nav h3, #g-header .g-main-nav h4, #g-header .g-main-nav h5, #g-header .g-main-nav h6, #g-header .g-main-nav strong {
  color: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #ffffff;
}
#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: #222222;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-dropdown {
  background: #f0f0f0;
}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #e6e6e6;
}
#g-header .g-main-nav .g-toplevel {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: #ffffff;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid white;
  background: whitesmoke;
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #ebebeb;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .search input {
  color: #222222;
}
#g-header .sppb-shape-container.sppb-bottom-shape {
  bottom: -1px;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  z-index: 2;
}
#g-header .sppb-shape-container.sppb-bottom-shape svg {
  display: block;
  position: relative;
  left: 50%;
  width: 100%;
  max-width: 100%;
  height: 80px;
  transform: rotateX(180deg) translateX(-50%);
}
#g-header .sppb-shape-container.sppb-bottom-shape.grey path {
  fill: #f0f2f5;
}
#g-header .sppb-shape-container.sppb-bottom-shape.white path {
  fill: #fff;
}
.sg-header-container {
  background: #2c2b58;
  padding: 3rem 0 5rem;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
@media only all and (max-width: 53.99rem) {
  .sg-header-container {
    padding: 2rem 0 5rem;
  }
}
.sg-header-container.article-header {
  padding: 0;
}
.sg-header-container .sg-content-container {
  padding: 1.25rem 0;
}
.sg-header-container .sg-row-overlay {
  background: linear-gradient(135deg, rgba(44, 43, 88, 0.1) 10%, rgba(76, 114, 181, 0.15) 100%) transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.sg-header-container .sg-header-content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 60%;
  -moz-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  margin: 0.625rem;
  padding: 0.938rem;
  position: relative;
  z-index: 4;
  font-size: 1.25rem;
}
.sg-header-container .sg-header-content strong {
  color: #fff;
}
@media only all and (max-width: 53.99rem) {
  .sg-header-container .sg-header-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 0;
  }
}
.sg-header-container .sg-header-content h1 {
  color: #fff;
  font-size: 3rem;
  line-height: 1;
}
.sg-header-container .sg-header-content h1 .subtitle {
  font-size: 2.25rem;
}
@media only all and (max-width: 53.99rem) {
  .sg-header-container .sg-header-content h1 {
    font-size: 2.25rem;
  }
  .sg-header-container .sg-header-content h1 .subtitle {
    font-size: 1.75rem;
  }
}
.sg-header-container .sg-header-content .sg-header-pricing {
  display: flex;
  flex-direction: row;
  font-style: italic;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.sg-header-container .sg-header-content .sg-header-pricing .sg-pricing-price {
  margin-left: 2rem;
  font-style: italic;
  text-align: right;
}
.sg-header-container .sg-header-content .sg-header-pricing .sg-pricing-price .sg-pricing-price-was {
  text-decoration: line-through;
  font-size: 1rem;
  color: #cdcdcd;
  line-height: 0.8;
}
.sg-header-container .sg-header-content .sg-header-pricing .sg-pricing-price .sg-pricing-price-is {
  font-weight: 700;
  font-size: 2.5rem;
}
.sg-header-container .sg-header-content .sg-header-price-badge {
  display: inline-flex;
  padding: 0.5rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 500;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.125);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  letter-spacing: 0.25px;
  align-items: center;
  gap: 0.5rem;
}
.sg-header-container .sg-header-content .sg-header-price-badge strong {
  font-size: 1.5rem;
}
.sg-header-container .sg-header-content .sg-header-price-badge:has(.text-green) {
  gap: 0.375rem;
  border-color: rgba(13, 167, 60, 0.25);
}
.sg-header-container .sg-header-content .sg-header-price-badge:has(.text-green) .text-green {
  color: #0DA73C;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.sg-header-container .sg-header-content .sg-header-price-badge:has(.text-green) .text-green strong {
  color: #0DA73C;
}
.sg-header-container .sg-header-content .sg-header-buttons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.125rem;
}
@media only all and (max-width: 53.99rem) {
  .sg-header-container .sg-header-content .sg-header-buttons {
    flex-direction: column;
    text-align: center;
  }
  .sg-header-container .sg-header-content .sg-header-buttons .button {
    width: 100%;
  }
}
.sg-header-container .sg-header-image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 40%;
  -moz-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  text-align: center;
}
.sg-header-container .sg-header-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  animation: float 12s ease-in-out infinite;
}
.sg-header-container .sg-header-bg-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sg-header-container .sg-header-bg-image::before {
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #181836;
  background: linear-gradient(90deg, #181836 0%, rgba(24, 24, 54, 0) 100%);
  z-index: 2;
}
@media only all and (max-width: 53.99rem) {
  .sg-header-container .sg-header-bg-image::before {
    width: 100%;
  }
}
.sg-header-container .sg-header-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sg-header-container .sg-header-bg-image img.animation-active {
  position: absolute;
  z-index: 1;
  animation: move 90s ease infinite;
  -ms-animation: move 90s ease infinite;
  -webkit-animation: move 90s ease infinite;
  -o-animation: move 90s ease infinite;
  -moz-animation: move 90s ease infinite;
}
@media only all and (min-width: 68rem) {
  .hero-header .sg-header-container {
    min-height: 45rem;
  }
}
.hero-header .sg-header-container .sg-content-container {
  padding: 2.5rem 0;
}
.hero-bestellen {
  background: #00001c;
}
.hero-bestellen .sppb-bottom-shape.black {
  filter: var(--filter-blue-1);
}
.hero-bestellen .sg-row-overlay {
  display: none;
}
.hero-bestellen .sg-header-container {
  padding-block: 3rem;
}
@media only all and (max-width: 53.99rem) {
  .hero-bestellen .sg-header-container {
    padding-block: 2rem;
  }
}
.hero-bestellen .sg-header-container .sg-header-bg-image::before {
  opacity: 0.5;
}
@media print {
  #g-header {
    background: #fff !important;
    color: #000 !important;
  }
}
.page-home .sg-header-container .sg-header-image img {
  animation: float 16s ease-in-out infinite;
}
.page-home .sg-header-container .sg-header-bg-image::after {
  content: "";
  width: 27.5rem;
  height: 27.5rem;
  background-image: url('../../images/wordpress.svg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  position: absolute;
  bottom: 2%;
  left: -2%;
  z-index: 3;
  opacity: 0.25;
  filter: var(--filter-blue-5);
  animation: float 16s ease-in-out infinite;
  animation-delay: 5s;
}
@media (max-width: 67.99rem) {
  .page-home .sg-header-container .sg-header-bg-image::after {
    width: 20rem;
    height: 20rem;
  }
}
@keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
  }
  50% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    -o-transform: scale(1.2);
    /* Opera */
    -moz-transform: scale(1.2);
    /* Firefox */
  }
  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    -o-transform: scale(1);
    /* Opera */
    -moz-transform: scale(1);
    /* Firefox */
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-24px);
  }
  100% {
    transform: translatey(0px);
  }
}
#g-usp {
  background: #f0f2f5;
  background: var(--clr-grey-1);
  position: relative;
  z-index: 3;
}
@media only all and (max-width: 53.99rem) {
  #g-usp {
    padding-top: 1rem;
  }
}
#g-usp .g-content {
  position: relative;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  #g-usp #sg-contact-naw {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 47%;
    -moz-flex: 0 1 47%;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  #g-usp #sg-contact-form {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 53%;
    -moz-flex: 0 1 53%;
    -ms-flex: 0 1 53%;
    flex: 0 1 53%;
  }
}
@media print {
  #g-usp {
    background: #fff !important;
    color: #000 !important;
  }
}
.page-contact #g-usp {
  padding-top: 2.5rem;
}
.page-bestellen #g-usp {
  background: #00001c;
}
.page-bestellen #g-usp::before {
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #181836;
  background: linear-gradient(90deg, #181836 0%, rgba(24, 24, 54, 0) 100%);
  z-index: 2;
  opacity: 0.5;
}
.page-home #g-usp::after {
  width: 27.5rem;
  height: 27.5rem;
  background-image: url('../../images/wordpress.svg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  position: absolute;
  bottom: -2%;
  left: -2%;
  z-index: -1;
  opacity: 0.65;
  filter: var(--filter-grey-2);
  animation: float 12s ease-in-out infinite;
}
#g-showcase {
  padding: 1.5rem 0;
  background-color: #354d59;
  color: #ffffff;
}
#g-showcase a {
  color: #b8cbd5;
}
#g-showcase a:hover {
  color: #ffffff;
}
#g-showcase h1, #g-showcase h2, #g-showcase h3, #g-showcase h4, #g-showcase h5, #g-showcase h6, #g-showcase strong {
  color: #ffffff;
}
#g-showcase .button {
  background: #8f4dae;
  color: #ffffff;
}
#g-showcase .button:hover {
  background: #9b5db7;
}
#g-showcase .button:active {
  background: #80459c;
}
#g-showcase .g-social a {
  background: #2a3c46;
  border: none;
  color: #ffffff;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}
#g-showcase .g-social a:hover {
  background: #405e6c;
}
@media print {
  #g-showcase {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-feature {
  padding: 1.5rem 0;
  background: #ffffff;
  color: #666666;
}
@media print {
  #g-feature {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-subfeature {
  padding: 1.5rem 0;
  background: #f0f0f0;
  color: #666666;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media print {
  #g-subfeature {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.469rem 0;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
  transition: 0.35s ease;
}
@media only all and (min-width: 85rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1.1rem;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1.1rem;
  }
}
.g-main-nav .g-standard .g-dropdown {
  width: 180px;
  float: left;
}
.g-main-nav {
  z-index: 20;
}
.g-main-nav ul {
  text-align: right;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  line-height: 1;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  word-break: normal;
  line-height: normal;
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {
  width: 1.25rem;
  padding: 0.1rem 0.25rem 0.25rem 0rem;
  height: 1.25rem;
}
.g-main-nav .g-toplevel i {
  opacity: 0.6;
}
.g-main-nav .g-standard > .g-dropdown:before, .g-main-nav .g-fullwidth > .g-dropdown:before {
  top: -7px !important;
}
.g-main-nav .g-standard > .g-dropdown .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown .g-dropdown {
  top: -7px;
}
.g-main-nav .g-standard .g-dropdown:after, .g-main-nav .g-fullwidth .g-dropdown:after {
  left: -30px !important;
}
.g-main-nav .g-dropdown {
  text-align: left;
  border-radius: 0.1875rem;
}
.dir-rtl .g-main-nav .g-dropdown {
  text-align: right;
}
.g-main-nav .g-sublevel {
  text-align: left;
}
.g-main-nav .g-sublevel > li {
  margin: 0.3125rem 0.9375rem;
  padding: 0 0 0.2345rem 0;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  line-height: normal;
  font-size: 0.85rem;
  font-weight: 600;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {
  word-break: normal;
  vertical-align: top;
}
.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator {
  right: 0;
  top: 0;
  margin-top: -0.35rem;
}
.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after {
  content: "";
  position: relative;
  opacity: 1;
  top: 0.75rem;
}
.g-menu-item-subtitle {
  opacity: 0.7;
}
.g-preset-thumbnails .g-block {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto !important;
  -moz-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.g-preset-thumbnails .g-block > .g-content {
  margin: 1rem 0;
  padding: 0 0.5rem !important;
}
.g-main-nav .g-standard .g-dropdown {
  margin-left: 15px;
}
.g-main-nav .g-standard .g-dropdown:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -15px;
  right: -15px;
  bottom: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  z-index: -1;
}
.g-main-nav .g-standard > .g-dropdown {
  margin-left: 0;
}
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown {
  margin-top: 5px;
}
.g-main-nav .g-standard > .g-dropdown:before, .g-main-nav .g-fullwidth > .g-dropdown:before {
  content: "";
  position: absolute;
  display: block;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 5px solid transparent;
  z-index: -1;
}
.g-menu-hastouch .g-standard .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
.g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-page-surround {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
#g-main {
  padding: 1.5rem 0;
  background: #ffffff;
  color: #222222;
}
#g-main #g-mainbar {
  background: #f0f2f5;
}
#g-main #g-mainbar strong {
  color: #2c2b58;
}
@media print {
  #g-main {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-sidebar, #g-aside {
  color: #222222;
}
#g-sidebar h3, #g-aside h3 {
  margin-top: 0;
}
@media print {
  #g-sidebar {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-footer {
  background: #2c2b58;
  color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 0.9375rem;
  line-height: 1.5;
}
#g-footer a {
  color: #fff;
}
#g-footer strong {
  color: #fff;
}
#g-footer .g-grid {
  width: 100%;
}
#g-footer h3 {
  color: var(--clr-blue-3);
  margin-top: 0;
}
#g-footer .nav {
  flex-direction: column;
  margin: 0;
  line-height: 1.25;
}
#g-footer .nav > li {
  padding-block: 0.5rem;
}
#g-footer a {
  font-weight: 500;
  letter-spacing: 0.25px;
}
#g-copyright {
  font-weight: 500;
  text-align: center;
  background: var(--clr-blue-1);
  color: #fff;
  font-size: 0.8125rem;
}
@media print {
  #g-footer {
    background: #fff !important;
    color: #000 !important;
  }
}
.flush .g-container > .g-grid > .g-block > .g-content {
  margin: 0;
  padding: 0;
}
.moduletable[class*="box"], .moduletable[class*="shadow"], .widget[class*="box"], .widget[class*="shadow"] {
  padding: 0.938rem;
  margin: 0.625rem;
}
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
  background: #ffffff;
}
.box1.moduletable, .box1.moduletable h1, .box1.moduletable h2, .box1.moduletable h3, .box1.moduletable h4, .box1.moduletable h5, .box1.moduletable h6, .box1.moduletable strong, .box1.moduletable i, .box1.widget, .box1.widget h1, .box1.widget h2, .box1.widget h3, .box1.widget h4, .box1.widget h5, .box1.widget h6, .box1.widget strong, .box1.widget i, .box1 > .g-content, .box1 > .g-content h1, .box1 > .g-content h2, .box1 > .g-content h3, .box1 > .g-content h4, .box1 > .g-content h5, .box1 > .g-content h6, .box1 > .g-content strong, .box1 > .g-content i {
  color: #595959;
}
.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
  background: #e0e0e0;
}
.box2.moduletable, .box2.moduletable h1, .box2.moduletable h2, .box2.moduletable h3, .box2.moduletable h4, .box2.moduletable h5, .box2.moduletable h6, .box2.moduletable strong, .box2.moduletable i, .box2.widget, .box2.widget h1, .box2.widget h2, .box2.widget h3, .box2.widget h4, .box2.widget h5, .box2.widget h6, .box2.widget strong, .box2.widget i, .box2 > .g-content, .box2 > .g-content h1, .box2 > .g-content h2, .box2 > .g-content h3, .box2 > .g-content h4, .box2 > .g-content h5, .box2 > .g-content h6, .box2 > .g-content strong, .box2 > .g-content i {
  color: #6d6d6d;
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background: #439a86;
}
.box3.moduletable, .box3.moduletable h1, .box3.moduletable h2, .box3.moduletable h3, .box3.moduletable h4, .box3.moduletable h5, .box3.moduletable h6, .box3.moduletable strong, .box3.moduletable i, .box3.widget, .box3.widget h1, .box3.widget h2, .box3.widget h3, .box3.widget h4, .box3.widget h5, .box3.widget h6, .box3.widget strong, .box3.widget i, .box3 > .g-content, .box3 > .g-content h1, .box3 > .g-content h2, .box3 > .g-content h3, .box3 > .g-content h4, .box3 > .g-content h5, .box3 > .g-content h6, .box3 > .g-content strong, .box3 > .g-content i {
  color: #ffffff;
}
.box3.moduletable a, .box3.widget a, .box3 > .g-content a {
  color: #b2ded4;
}
.box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover {
  color: #ffffff;
}
.box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button {
  color: white;
  background: #59b7a1;
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  background: #6bbfab;
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: #8f4dae;
}
.box4.moduletable, .box4.moduletable h1, .box4.moduletable h2, .box4.moduletable h3, .box4.moduletable h4, .box4.moduletable h5, .box4.moduletable h6, .box4.moduletable strong, .box4.moduletable i, .box4.widget, .box4.widget h1, .box4.widget h2, .box4.widget h3, .box4.widget h4, .box4.widget h5, .box4.widget h6, .box4.widget strong, .box4.widget i, .box4 > .g-content, .box4 > .g-content h1, .box4 > .g-content h2, .box4 > .g-content h3, .box4 > .g-content h4, .box4 > .g-content h5, .box4 > .g-content h6, .box4 > .g-content strong, .box4 > .g-content i {
  color: #ffffff;
}
.box4.moduletable a, .box4.widget a, .box4 > .g-content a {
  color: #dcc7e6;
}
.box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover {
  color: #ffffff;
}
.box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button {
  color: #f2ebf6;
  background: #b080c7;
}
.box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover {
  background: #a66fbf;
}
.shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content {
  opacity: 0.4;
}
.square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content {
  border-radius: none;
}
.rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content {
  border-radius: 0.1875rem;
}
table {
  border: 1px solid #eaeaea;
}
th {
  background: #f7f7f7;
  padding: 0.5rem;
}
td {
  padding: 0.5rem;
  border: 1px solid #eaeaea;
}
textarea, select[multiple=multiple] {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}
textarea:hover, select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: #439a86;
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  border-color: #c4c4c4;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border-color: #439a86;
}
.sg-form input[type="color"], .sg-form input[type="date"], .sg-form input[type="datetime"], .sg-form input[type="datetime-local"], .sg-form input[type="email"], .sg-form input[type="month"], .sg-form input[type="number"], .sg-form input[type="password"], .sg-form input[type="search"], .sg-form input[type="tel"], .sg-form input[type="text"], .sg-form input[type="time"], .sg-form input[type="url"], .sg-form input[type="week"], .sg-form input:not([type]), .sg-form textarea {
  background-color: white;
  border: 1px solid var(--clr-grey-3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  border-radius: 0.5rem;
  padding-inline: 1rem;
  height: 3.5rem;
}
.sg-form textarea {
  height: auto;
  padding-block: 1rem;
}
.sg-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--clr-blue-2-rgb), 0.25);
}
.sg-form .form-check {
  display: flex;
  align-items: start;
  gap: 0.25rem;
}
.sg-form .form-check label {
  margin: 0;
  line-height: 1.5;
  padding-top: 0.375rem;
}
.sg-form .form-check-input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  float: none;
}
.sg-form .form-label {
  font-weight: 600;
  font-size: 0.9375rem;
  margin-bottom: 0.25rem;
  color: var(--clr-blue-1);
}
.sg-form .formError {
  font-size: 0.875rem;
  font-weight: 600;
}
.sg-form .rsform-submit-button, .sg-form .rsform-submit-button:hover, .sg-form .rsform-submit-button:focus {
  background: var(--clr-green-1);
  border: solid 1px var(--clr-green-2);
  box-shadow: inset 0 -4px 0 0 var(--clr-green-2);
  font-size: 1.125rem;
  padding-inline: 2.5rem !important;
  padding-block: 0.75rem 0.8125rem !important;
}
.sg-form .rsform-submit-button:hover, .sg-form .rsform-submit-button:hover:hover, .sg-form .rsform-submit-button:focus:hover {
  background: var(--clr-green-2);
}
.sg-form .rsform-block-service-package .rsfp-fieldset {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5rem;
}
@media (min-width: 60rem) {
  .sg-form .rsform-block-service-package .rsfp-fieldset {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.sg-form .rsform-block-service-package .rsfp-fieldset > legend {
  grid-column: 1 / -1;
}
.sg-form .rsform-block-service-package .rsfp-fieldset > div {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
}
.sg-form .rsform-block-service-package .rsfp-fieldset > div .form-check-input {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 9;
  float: none;
  margin: 0;
}
.sg-form .rsform-block-service-package .rsfp-fieldset > div .form-check-label {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.sg-form .rsform-block-service-package .package-item {
  text-align: center;
}
.sg-form .rsform-block-service-package .package-item p {
  margin: 0 0 0.5rem !important;
  padding-inline: 1.5rem;
}
.sg-form .rsform-block-service-package .package-item .package-item-price {
  margin: auto 0 1rem !important;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  line-height: 1;
}
.sg-form .rsform-block-service-package .package-item .package-item-price strong {
  font-size: 1.25rem;
}
@media (max-width: 47.938rem) {
  .sg-form .rsform-block-service-package .package-item .package-item-image img {
    width: 60px;
    height: 60px;
  }
}
.sg-form.package-form .rsform-block-submit {
  text-align: center;
}
.sg-form.package-form .rsform-submit-button {
  min-width: 100%;
  padding-block: 1.625rem !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-inline: 1.25rem !important;
}
.sg-form.package-form .rsform-submit-button::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../../images/icons/arrow_right_alt_white.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
}
.page-form .platform-content:has(.package-form) {
  padding-inline: 0;
}
@media (max-width: 53.99rem) {
  .page-form .platform-content:has(.package-form) .package-form {
    margin-left: -1.5rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .page-form .platform-content:has(.package-form) .package-form {
    padding-left: 0.75rem;
  }
}
.g-social a {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  margin-bottom: 4px;
  text-decoration: none;
}
.g-main-nav .g-standard .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.g-main-nav .g-standard .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-standard .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-standard .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
.g-main-nav .g-fullwidth > .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.g-main-nav .g-fullwidth > .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-fullwidth > .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-fullwidth > .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
@-webkit-keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
.g-offline #grav-login {
  max-width: 36rem;
}
.g-offline #grav-login .form-actions {
  margin-top: 0.625rem;
}
@media only all and (max-width: 53.99rem) {
  .g-offline #grav-login .form-actions {
    text-align: center;
  }
}
.g-offline #grav-login .button {
  text-transform: capitalize;
}
@media only all and (max-width: 53.99rem) {
  .g-offline #grav-login .rememberme {
    float: none;
    display: block;
  }
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3rem;
  }
}
@media only all and (max-width: 53.99rem) {
  .features-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
  }
}
.g-features-particle, .g-features2-particle {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-features-particle .g-grid, .g-features2-particle .g-grid {
  margin-bottom: 2.3445rem;
}
.g-features-particle .g-grid:last-child, .g-features2-particle .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle .g-grid:last-child .g-features-particle-item:last-child, .g-features2-particle .g-grid:last-child .g-features-particle-item:last-child {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle .g-grid, .g-features2-particle .g-grid {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle .g-features-particle-item, .g-features-particle .g-features2-particle-item, .g-features2-particle .g-features-particle-item, .g-features2-particle .g-features2-particle-item {
    margin-bottom: 2.3445rem;
  }
}
.g-features-particle .size-33, .g-features2-particle .size-33 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 33.3333%;
  -moz-flex: 0 33.3333%;
  -ms-flex: 0 33.3333%;
  flex: 0 33.3333%;
  width: 33.3333%;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle .size-33, .g-features2-particle .size-33 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    width: 100%;
  }
}
.g-features-particle .size-16, .g-features2-particle .size-16 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 16.6666%;
  -moz-flex: 0 16.6666%;
  -ms-flex: 0 16.6666%;
  flex: 0 16.6666%;
  width: 16.6666%;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle .size-16, .g-features2-particle .size-16 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    width: 100%;
  }
}
.g-features-particle .g-content, .g-features2-particle .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.g-features-particle p, .g-features2-particle p {
  margin: 0;
}
.g-features-particle .g-features-particle-button, .g-features-particle .g-features-particle-subs, .g-features2-particle .g-features-particle-button, .g-features2-particle .g-features-particle-subs {
  margin-top: 20px;
}
.g-features-particle .g-features-cta, .g-features2-particle .g-features-cta {
  text-align: right;
}
.g-features-particle {
  text-align: center;
}
.g-features-particle .g-features-particle-title {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.g-features-particle .g-features-particle-title a {
  color: #4d4d4d;
}
.g-features-particle .g-features-particle-title a:hover {
  color: #439a86;
}
.g-features-particle .g-features-particle-icon, .g-features-particle .g-circle-border {
  border-radius: 50%;
  font-size: 2rem;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0.75rem;
  color: #439a86;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.g-features-particle .g-circle-border {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #dddddd;
  height: 98px;
  width: 98px;
  left: 1px;
  top: 1px;
  z-index: 1;
  position: absolute;
  -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
  -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
  transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7);
}
.g-features-particle .g-features-particle-image {
  margin-bottom: 0.75rem;
  display: inline-block;
}
.g-features-particle .g-features-particle-item .g-content:hover .g-features-particle-icon {
  color: #ffffff;
  background: #439a86;
}
.g-features-particle .g-features-particle-item .g-content:hover .g-circle-border {
  border-color: #439a86;
  -webkit-transform: scale(1.18);
  -moz-transform: scale(1.18);
  -ms-transform: scale(1.18);
  -o-transform: scale(1.18);
  transform: scale(1.18);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
  -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
  transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
}
.g-features-particle.style6 .g-grid {
  margin-bottom: 1.876rem;
}
.g-features-particle.style6 .g-grid .g-block {
  padding: 0 0.938rem;
}
.g-features-particle.style6 .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style6 .g-grid:last-child .g-features-particle-item:last-child {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style6 .g-grid {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style6 .g-features-particle-item {
    margin-bottom: 1.876rem;
  }
}
.g-features-particle.style6 .g-content {
  padding: 3rem 2.5rem;
  background: #ffffff;
  border: 1px solid #dddddd;
}
.g-features-particle.style6 .g-features-particle-icon, .g-features-particle.style6 .g-features-particle-image {
  margin-bottom: 1.25rem;
}
.g-features-particle.style6 .g-features-particle-title {
  margin-bottom: 1.5rem;
}
.g-features-particle.style6 .g-features-particle-button, .g-features-particle.style6 .g-features-particle-subs {
  margin-top: 30px;
}
.g-features-particle.style6 .g-subs-item {
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
}
.g-features-particle.style6 .g-subs-item:last-child {
  border-bottom: none;
}
.g-features-particle.style7 .g-grid {
  margin-bottom: 1.876rem;
}
.g-features-particle.style7 .g-grid .g-block {
  padding: 0 0.938rem;
}
.g-features-particle.style7 .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style7 .g-grid:last-child .g-features-particle-item:last-child {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style7 .g-grid {
    margin-bottom: 0;
  }
}
.g-features-particle.style7 .g-features-particle-item {
  margin-top: 40px;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style7 .g-features-particle-item {
    margin-bottom: 1.876rem;
  }
}
.g-features-particle.style7 .g-content {
  padding: 25px;
  background: #ffffff;
  border: 1px solid #dddddd;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.g-features-particle.style7 .g-content:hover {
  border-color: #8f4dae;
}
.g-features-particle.style7 .g-content:hover .g-features-particle-icon {
  background: #8f4dae;
}
.g-features-particle.style7 .g-features-particle-item-inner {
  margin-top: -64px;
}
.g-features-particle.style7 .g-features-particle-icon, .g-features-particle.style7 .g-features-particle-image {
  margin-bottom: 1.25rem;
}
.g-features-particle.style7 .g-features-particle-icon .g-circle-border, .g-features-particle.style7 .g-features-particle-image .g-circle-border {
  display: none;
}
.g-features-particle.style7 .g-features-particle-icon {
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 0;
  background: #439a86;
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.g-features-particle.style7 .g-features-particle-title {
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.g-features-particle.style7 .g-features-particle-button, .g-features-particle.style7 .g-features-particle-subs {
  margin-top: 30px;
}
.g-features-particle.style7 .g-subs-item {
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
}
.g-features-particle.style7 .g-subs-item:last-child {
  border-bottom: none;
}
.g-features-particle.style8 {
  margin-left: 0;
  margin-right: 0;
  color: #ffffff;
  text-align: left;
}
.g-features-particle.style8 .g-grid {
  margin-bottom: 0;
}
.g-features-particle.style8 .g-grid:last-child .g-features-particle-item {
  box-shadow: -20px 0 20px -20px rgba(0, 0, 0, 0.07) inset;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style8 .g-grid:last-child .g-features-particle-item {
    box-shadow: 0 -20px 20px -20px rgba(0, 0, 0, 0.07) inset;
  }
}
.g-features-particle.style8 .g-grid:last-child .g-features-particle-item:last-child {
  box-shadow: 0 0 20px -20px rgba(0, 0, 0, 0.07) inset;
}
.g-features-particle.style8 .g-features-particle-item {
  padding: 35px 30px 40px;
  box-shadow: -20px -20px 20px -20px rgba(0, 0, 0, 0.07) inset;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(1) {
  background: #377e6d;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(2) {
  background: #3d8c7a;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(3) {
  background: #439a86;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(4) {
  background: #49a892;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(5) {
  background: #52b49d;
}
.g-features-particle.style8 .g-features-particle-item:nth-child(6) {
  background: #60baa5;
}
.g-features-particle.style8 .g-features-particle-item:last-child {
  box-shadow: 0 -20px 20px -20px rgba(0, 0, 0, 0.07) inset;
}
@media only all and (max-width: 53.99rem) {
  .g-features-particle.style8 .g-features-particle-item {
    box-shadow: 0 -20px 20px -20px rgba(0, 0, 0, 0.07) inset;
    margin-bottom: 0;
  }
}
.g-features-particle.style8 .g-features-particle-icon, .g-features-particle.style8 .g-features-particle-image {
  margin-bottom: 10px;
  color: #ffffff;
  border-radius: 0;
  width: auto;
  height: auto;
  line-height: inherit;
  font-size: 40px;
}
.g-features-particle.style8 .g-features-particle-icon .g-circle-border, .g-features-particle.style8 .g-features-particle-image .g-circle-border {
  display: none;
}
.g-features-particle.style8 .g-features-particle-title {
  color: #ffffff !important;
  font-size: 1.35rem;
}
.g-features-particle.style8 .g-features-particle-title a {
  color: #ffffff;
}
.g-features-particle.style8 .g-features-particle-title a:hover {
  text-decoration: underline;
}
.g-features-particle.style8 .g-features-particle-desc, .g-features-particle.style8 .g-features-particle-subs {
  opacity: 0.85;
}
.g-features-particle.style8 .g-features-particle-button {
  margin-top: 25px;
}
.g-features-particle.style8 .g-features-particle-button .button {
  background: none;
  border: 2px solid #ffffff;
  color: #ffffff;
  border-radius: 50px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.g-features-particle.style8 .g-features-particle-button .button:hover {
  background: #4d4d4d;
  border-color: #4d4d4d;
}
.g-features-particle.style8.pull-up {
  margin-top: -7.5rem;
  position: relative;
  z-index: 4;
}
.g-features2-particle .g-features2-particle-title {
  margin-top: 0;
  margin-bottom: 1rem;
}
.g-features2-particle .g-features2-particle-title a {
  color: #4d4d4d;
}
.g-features2-particle .g-features2-particle-title a:hover {
  color: #439a86;
}
.g-features2-particle .g-features2-particle-icon {
  margin-right: 20px;
  color: #439a86;
  font-size: 130%;
}
.g-features2-particle .g-features2-particle-image {
  margin-right: 20px;
  display: inline-block;
}
.g-features2-particle.style3 .g-grid .g-block {
  padding: 0 1rem;
}
.g-features2-particle.style3 .g-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.g-features2-particle.style3 .g-content:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid rgba(0, 0, 0, 0.2);
  border-right: 15px solid transparent;
  position: absolute;
  margin-top: 16px;
  margin-left: -15px;
  z-index: 99;
}
.g-features2-particle.style5 .g-features2-particle-icon {
  margin-right: 0;
  color: #69b3b7;
  background: #fff;
  width: 90px;
  height: 90px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto 1rem;
  padding: 15px;
}
.g-features2-particle.style5 .g-features2-particle-image {
  float: left;
  margin: 5px 0 0;
  width: 80px;
  height: 80px;
}
.g-features2-particle.style5 .g-features2-particle-image img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.g-features2-particle.style5 .g-title-desc-container .g-features2-particle-desc {
  font-size: 1rem;
  border-left: solid 3px rgba(50, 50, 50, 0.1);
  padding-left: 1rem;
}
.g-features2-particle.style5 .g-title-desc-container .tag-wrapper {
  margin-top: 1rem;
  padding-left: 1rem;
}
.g-features2-particle.style5 .g-title-desc-container .tag-wrapper .tag-container {
  background: #4c72b5;
  font-size: 0.8rem;
  color: #fff;
  font-weight: bold;
  padding: 0.1rem 0.4rem;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.g-features2-particle.style5 .g-features2-particle-title {
  color: #4c72b5;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}
.g-features2-particle.style5 .accent1 .g-features2-particle-icon {
  color: #439a86;
}
.g-features2-particle.style5 .accent2 .g-features2-particle-icon {
  color: #8f4dae;
}
.r-pt {
  margin: 0 -14px;
}
.r-pt.style1 .r-pt-item {
  padding: 2em;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.r-pt.style1 .rpt-title {
  font-size: 2em;
  width: 100%;
  margin: 0 0 0.25em;
  padding: 0 0 0.5em;
  border-bottom: 3px solid rgba(0, 0, 0, 0.05);
}
.r-pt.style1 .rpt-price {
  font-size: 1.75em;
  padding: 1em 0 0.75em;
}
.r-pt.style1 .rpt-validity {
  font-size: 0.5em;
  font-weight: 400;
  display: block;
  opacity: 0.75;
}
.r-pt.style1 .rpt-subtitle {
  margin: 1em 0;
  font-weight: 700;
}
.r-pt.style1 .rpt-feature-list {
  margin: 0;
  padding: 1em 1.25em 2em;
}
.r-pt.style2 .r-pt-item {
  padding: 2em 2.5em;
  text-align: left;
}
.r-pt.style2 .rpt-title {
  font-size: 1em;
  margin: 0 0 1em;
}
.r-pt.style2 .rpt-price {
  font-size: 2em;
  font-weight: 700;
  padding: 0.5em 0 0.75em;
  border-top: 3px solid rgba(139, 144, 157, 0.18);
}
.r-pt.style2 .rpt-currency {
  font-size: 0.5em;
  vertical-align: super;
}
.r-pt.style2 .rpt-validity {
  font-size: 0.5em;
  font-weight: 400;
  display: block;
  opacity: 0.75;
}
.r-pt.style2 .rpt-subtitle {
  font-weight: 700;
  padding: 0 0 0.5em;
  margin: 14px 0 16px;
  border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}
.r-pt.style2 .rpt-feature-list {
  font-size: 0.85em;
  font-style: italic;
  margin: 0;
  padding: 0.25em 0 2.5em;
  list-style: none;
  text-align: right;
}
.r-pt.style3 .r-pt-item {
  padding: 0 0 2em;
}
.r-pt.style3 .r-pt-item:hover .rpt-price::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) skewX(0deg);
  transform: translate3d(0, 0, 0) skewX(0deg);
}
.r-pt.style3 .rpt-title {
  font-family: "Playfair Display", serif;
  font-size: 2.35em;
  font-weight: 900;
  line-height: 1;
  margin: 0 auto;
  padding: 1em 1em 0;
}
.r-pt.style3 .rpt-price {
  font-size: 2em;
  font-weight: 700;
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 0.75em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.r-pt.style3 .rpt-price::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
  transform: translate3d(-150%, 0, 0) skewX(40deg);
}
.r-pt.style3 .rpt-validity {
  font-size: 0.5em;
  font-weight: 400;
  display: block;
  color: #2a272c;
}
.r-pt.style3 .rpt-subtitle {
  margin-bottom: 2em;
}
.r-pt.style3 .rpt-feature-list {
  margin: 0;
  padding: 2em 1em;
  list-style: none;
  text-align: center;
}
.r-pt.style3 .rpt-action {
  margin: auto 2em 0;
}
.r-pt.style4 {
  margin: 0 auto;
}
.r-pt.style4 .g-grid {
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
}
.r-pt.style4 .r-pt-item {
  margin: 0;
  padding: 2em 4em;
  max-width: 320px;
}
.r-pt.style4 .r-pt-item:nth-child(2) {
  border-right: 1px solid rgba(139, 144, 157, 0.18);
  border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.r-pt.style4 .r-pt-item:nth-child(4) {
  border-left: 1px solid rgba(139, 144, 157, 0.18);
}
.r-pt.style4 .r-pt-item:hover .rpt-anim {
  -webkit-animation: moveUp 0.4s forwards;
  animation: moveUp 0.4s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.r-pt.style4 .r-pt-item:hover .rpt-anim-2 {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.r-pt.style4 .rpt-title {
  font-size: 1em;
  margin: 1.5em 0 0;
}
.r-pt.style4 .rpt-price {
  font-size: 2em;
  font-weight: 700;
  margin: 0.5em 0 0.75em;
  overflow: hidden;
}
.r-pt.style4 .rpt-validity {
  font-size: 0.35em;
}
.r-pt.style4 .rpt-anim {
  display: inline-block;
  position: relative;
}
.r-pt.style4 .rpt-feature-list {
  font-size: 0.85em;
  margin: 0;
  padding: 0.25em 0 2.5em;
  list-style: none;
  text-align: center;
}
.r-pt.style4 .rpt-image img {
  width: 35px;
  height: 35px;
}
.r-pt.style4 .rpt-currency {
  font-size: 0.5em;
  vertical-align: super;
}
.r-pt.style5 .price-switch-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: center;
}
.r-pt.style5 .price-switch-option .price-per {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
}
.r-pt.style5 .price-switch-option .price-per.display-monthly {
  margin-right: 0.625rem;
}
.r-pt.style5 .price-switch-option .price-per.display-monthly.colormonthly {
  color: #4c72b5;
}
.r-pt.style5 .price-switch-option .price-per.display-yearly {
  margin-left: 0.625rem;
}
.r-pt.style5 .price-switch-option .price-per.display-yearly.coloryearly {
  color: #4c72b5;
}
.r-pt.style5 .price-switch-option label {
  margin-bottom: 0;
}
.r-pt.style5 .invoice-per {
  font-size: 0.8rem;
}
.r-pt.style5 .invoice-per .invoice-period {
  transition: visibility 0.5s, opacity 0.5s linear;
}
.r-pt.style5 .invoice-per .invoice-period .hiddenmontly {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
.r-pt.style5 .invoice-per .invoice-period .hiddenyearly {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
.r-pt.style5 .rpt-title {
  font-size: 1.8rem;
  color: #4c72b5;
}
.featured .r-pt.style5 .rpt-title {
  color: #fff;
}
.r-pt.style5 .rpt-image {
  position: relative;
}
.r-pt.style5 .rpt-image img {
  width: 110px;
}
.r-pt.style5 .rpt-image i {
  font-size: 3rem;
}
.r-pt.style5 .r-pt-item {
  padding: 3em;
  color: #262b38;
  background: #fff;
  position: relative;
}
.r-pt.style5.shadow .r-pt-item {
  padding: 2em 2em;
  margin: 1.15em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.r-pt.style5.shadow .r-pt-item.featured {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c72b5+0,69b3b7+100 */
  background: #4c72b5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4c72b5 0%, #69b3b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4c72b5 0%, #69b3b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c72b5 0%, #69b3b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c72b5", endColorstr="#69b3b7",GradientType=0);
  /* IE6-9 */
  z-index: 10;
  margin: 0;
  color: #fff;
}
.r-pt.style5.shadow .r-pt-item.featured .rpt-title {
  color: #fff;
}
.r-pt.style5.shadow .r-pt-item.featured .vweb-actual-price {
  color: #fff;
}
.r-pt.style5.nomargin .r-pt-item {
  margin: 0;
}
.r-pt.style5.nomargin .r-pt-item:nth-child(3) {
  border-left: 0 !important;
}
.r-pt.style5.nomargin .r-pt-item:nth-child(4) {
  border-left: 0 !important;
}
.r-pt.style5 .vweb-actual-price {
  color: #4c72b5;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  position: relative;
  text-align: right;
  z-index: 100;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.r-pt.style5 .vweb-actual-price.hiddenmontly {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.r-pt.style5 .vweb-actual-price.hiddenyearly {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.r-pt.style5 .rpt-currency {
  font-size: 0.5em;
  vertical-align: super;
}
.r-pt.style5 .rpt-validity {
  font-size: 0.25em;
  display: inline-block;
  padding: 0 0 0 0.5em;
}
.r-pt.style5 .rpt-subtitle {
  font-weight: 500;
  margin: 0 0 1em;
  padding: 0 0 0.5em;
}
.r-pt.style5 .rpt-feature-list {
  font-size: 0.95rem;
  margin: 0;
  padding: 1.5rem 0.5rem;
  text-align: left;
}
.r-pt-block {
  position: relative;
}
.r-pt-block h1 {
  color: #fff;
}
.r-pt-item {
  margin: 14px;
  position: relative;
  text-align: center;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.r-pt-item .rpt-feature-list li {
  list-style: none;
}
.r-pt-item .rpt-feature-list li::before {
  font-family: FontAwesome;
  font-size: 1rem;
  margin-left: -1rem;
  padding-right: 0.5rem;
  content: "";
  color: #23316e;
  display: inline-block;
}
.featured .r-pt-item .rpt-feature-list li::before {
  color: #fff;
}
.r-pt-item .rpt-feature-list li.feature-plus {
  text-decoration: line-through;
  color: #999;
}
.featured .r-pt-item .rpt-feature-list li.feature-plus {
  color: #eee;
}
.r-pt-item .rpt-feature-list li.feature-plus::before {
  color: #999;
  content: "";
}
.r-pt-item .rpt-feature-list .fa {
  min-width: 2em;
}
.r-pt-item.featured .feature-plus {
  color: #ddd !important;
}
.r-pt-item.featured .feature-plus::before {
  color: #ddd !important;
}
.rpt-action {
  margin-top: auto;
  text-align: center;
}
svg#r-pt-infoicon {
  position: relative;
  top: 3px;
  left: 5px;
  display: inline-block;
  cursor: pointer;
  opacity: 0.6;
}
@-webkit-keyframes moveUp {
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  52% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes moveUp {
  50% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.r-pt.style4 .rpt-subtitle {
  font-weight: 700;
  margin: 0 0 1em;
  padding: 0 0 0.5em;
}
.r-pt.style5 {
  margin: 0 auto;
}
.r-pt.style5 .rpt-title {
  font-size: 1.5rem;
  margin: 0.5em 0 0;
}
@media (max-width: 767px) {
  .r-pt.style5.nomargin .r-pt-item {
    margin-bottom: 14px !important;
  }
}
@media (min-width: 768px) {
  .r-pt.style5.nomargin .r-pt-item:nth-child(1) {
    border-right: 0 !important;
  }
  .r-pt.style5.nomargin .r-pt-item:nth-child(3) {
    border-left: 0 !important;
  }
  .r-pt.style5.nomargin .r-pt-item:nth-child(4) {
    border-left: 0 !important;
  }
}
@media (min-width: 66.25em) {
  .r-pt.style5.shadow .r-pt-item {
    margin: 1.65em 0;
  }
  .r-pt.style5.shadow .r-pt-item.featured {
    z-index: 10;
    margin: 0;
    font-size: 1rem;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4c72b5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #4c72b5;
}
input:focus + .slider {
  box-shadow: 0 0 1px #4c72b5;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.g-timeline {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-timeline .g-content {
  padding-top: 0;
  padding-bottom: 0;
}
.g-timeline .g-timeline-row {
  width: 100%;
  height: 0.5rem;
  margin-top: 3.5rem;
  margin-bottom: 10px;
  background: var(--clr-grey-2);
  border-bottom-right-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}
.g-timeline .g-timeline-row:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  background: var(--clr-grey-2);
  border-radius: 100%;
  margin-top: -12px;
}
.g-timeline .g-timeline-row:after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: var(--clr-grey-2);
  border-radius: 100%;
  margin-top: -12px;
  margin-left: -30px;
  position: relative;
  float: right;
}
@media only all and (max-width: 53.99rem) {
  .g-timeline .g-timeline-row {
    display: none;
  }
}
.g-timeline .g-timeline-item {
  text-align: center;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .g-timeline .g-timeline-item {
    margin-top: -25px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .g-timeline .g-timeline-item {
    margin-top: -25px;
  }
}
.g-timeline .g-timeline-item .g-content .g-timeline-icon {
  width: 100px;
  height: 100px;
  line-height: 1;
  font-size: 3.5rem;
  margin-top: -50px;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 2.625rem;
}
.g-timeline .g-timeline-item .g-content .g-timeline-icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 4rem;
  background: var(--clr-grey-2);
  margin: 0 auto;
  position: absolute;
  top: 100px;
  left: 50%;
}
.g-timeline .g-timeline-item .g-content .g-timeline-icon img {
  width: 3.75rem;
  height: 3.75rem;
}
.g-timeline .g-timeline-item .g-content .g-timeline-year {
  position: relative;
  margin-top: 1.25rem;
  margin-left: -2rem;
  min-height: 1.4rem;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: var(--clr-blue-3);
  font-weight: 600;
}
.g-timeline .g-timeline-item .g-content .g-timeline-title {
  color: #4c72b5;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}
.g-timeline .g-timeline-item .g-content p {
  margin: 0;
}
.g-timeline .g-timeline-item .g-content p.g-timeline-description {
  color: #262b38;
  font-size: 1rem;
  padding: 0 1rem;
}
@media only all and (max-width: 53.99rem) {
  .g-timeline .g-timeline-item {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .g-timeline .g-timeline-item:last-child {
    margin-bottom: 0;
  }
}
.g-timeline .timeline-cta {
  display: inline-block;
  margin: 0 auto;
  margin-top: 1rem;
}
#review-overview {
  position: absolute;
  right: 0;
  top: -100px;
  width: 35%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  #review-overview {
    width: 40%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #review-overview {
    top: -100px;
    width: 50%;
  }
}
@media only all and (max-width: 53.99rem) {
  #review-overview {
    width: 60%;
    top: -105px;
  }
}
@media only all and (max-width: 36rem) {
  #review-overview {
    width: 100%;
  }
}
.g-feedback-custom .ratings, .g-feedback-multi .ratings {
  margin-top: 0.2rem;
  display: flex;
}
.g-feedback-custom .ratings.ratings-boxed, .g-feedback-multi .ratings.ratings-boxed {
  background: #eee;
  padding: 0.5rem 0 0.1rem 0;
  border-radius: 0.4rem;
  border: solid 1px #e1e1e1;
}
.g-feedback-custom .ratings.ratings-boxed .rating-links, .g-feedback-multi .ratings.ratings-boxed .rating-links {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-left: 0.5rem;
}
.g-feedback-custom .ratings .rating-box, .g-feedback-multi .ratings .rating-box {
  background: url('../../../vweb_twenty/images/background/rating.png');
  background-position: 0 -1px;
  background-repeat: repeat-x;
  width: 130px;
  height: 25px;
  margin: 0 0.625rem 0 0;
  scale: 0.75;
  margin-left: -1rem;
}
.g-feedback-custom .ratings .rating, .g-feedback-multi .ratings .rating {
  background: url('../../../vweb_twenty/images/background/rating.png');
  background-position: 0 100%;
  background-repeat: repeat-x;
  height: 25px;
}
.g-feedback-custom .ratings a, .g-feedback-multi .ratings a {
  color: #4c72b5;
  font-weight: 500;
}
.g-feedback-custom .feedback-date, .g-feedback-multi .feedback-date {
  text-align: right;
  font-size: 0.9rem;
  color: #b1b1b1;
}
.g-feedback-custom .feedback-customer .feedback-customer-name, .g-feedback-multi .feedback-customer .feedback-customer-name {
  font-weight: bold;
}
.g-feedback-custom h4, .g-feedback-multi h4 {
  margin-top: 0;
}
.g-feedback-custom .g-small-intro, .g-feedback-multi .g-small-intro {
  font-size: 0.9rem;
}
.g-feedback-multi {
  display: flex;
  justify-content: space-between;
}
.g-feedback-custom .feedback-container {
  background: #fff;
  border-radius: 5px;
  border-radius: 1rem;
  /*** box-shadow: 0 2px 15px rgba(0,0,0,0.2); ***/
  border: solid 1px #eee;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}
.g-feedback-custom .feedback-container .feedback-header {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  padding: 30px 30px 20px 30px;
}
.g-feedback-custom .feedback-container .feedback-header.feedback-small {
  padding: 20px;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-header-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 75%;
    -moz-flex: 0 1 75%;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    flex-direction: column;
    align-items: flex-start;
  }
  .g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-header-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 25%;
    -moz-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-custom .feedback-container .feedback-header.feedback-small {
    padding: 0.5rem;
  }
  .g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-header-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 79%;
    -moz-flex: 0 1 79%;
    -ms-flex: 0 1 79%;
    flex: 0 1 79%;
    flex-direction: column;
    align-items: center;
  }
  .g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-header-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 21%;
    -moz-flex: 0 1 21%;
    -ms-flex: 0 1 21%;
    flex: 0 1 21%;
  }
}
.g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-link {
  font-size: 0.9rem;
  color: #2c2b58;
  font-weight: 500;
  text-decoration: underline;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-custom .feedback-container .feedback-header.feedback-small .feedback-link {
    display: none;
  }
}
.g-feedback-custom .feedback-container .feedback-header .feedback-header-image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 33%;
  -moz-flex: 0 1 33%;
  -ms-flex: 0 1 33%;
  flex: 0 1 33%;
  align-items: center;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-header .feedback-header-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 15%;
    -moz-flex: 0 1 15%;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
  }
}
.g-feedback-custom .feedback-container .feedback-header .feedback-header-content {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 67%;
  -moz-flex: 0 1 67%;
  -ms-flex: 0 1 67%;
  flex: 0 1 67%;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-header .feedback-header-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 85%;
    -moz-flex: 0 1 85%;
    -ms-flex: 0 1 85%;
    flex: 0 1 85%;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-header .feedback-header-content .ratings {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 auto;
    -moz-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
}
.g-feedback-custom .feedback-container .feedback-header .feedback-header-content .feedback-customer {
  margin-top: 0.5rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-header .feedback-header-content .feedback-customer {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 auto;
    -moz-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
}
.g-feedback-custom .feedback-container .feedback-header .feedback-header-content .feedback-customer.no-name {
  font-size: 1rem;
  font-weight: 600;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-custom .feedback-container .feedback-header .feedback-header-content .feedback-customer.no-name {
    font-size: 0.9rem;
  }
}
.g-feedback-custom .feedback-container .feedback-header .feedback-header-content .feedback-company {
  font-size: 0.8rem;
}
.g-feedback-custom .feedback-container .feedback-content {
  border-top: solid 1px #cdcdcd;
  margin: 0 30px;
  padding: 20px 0px 30px 0px;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-custom .feedback-container .feedback-content {
    margin: 20px 0 0;
    padding: 20px 0px 10px 0px;
  }
}
.g-feedback-custom .feedback-container .feedback-content .feedback-title {
  color: #2c2b58;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.g-feedback-custom .feedback-container .feedback-source {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  background: #f9f9f9;
  padding: 20px 30px 20px 30px;
  margin-top: auto;
}
.g-feedback-custom .feedback-container .feedback-source .feedback-source-text {
  margin-right: 1rem;
}
.g-feedback-custom .feedback-container .feedback-source .feedback-source-image {
  max-width: 30px;
}
.g-feedback-multi {
  flex-direction: row;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-multi {
    flex-direction: column;
    gap: 1rem;
  }
}
.g-feedback-multi .feedback-container {
  background: #fff;
  border-radius: 1rem;
  /*** box-shadow: 0 2px 15px rgba(0,0,0,0.2); ***/
  border: solid 1px var(--clr-grey-2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-multi .feedback-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.g-feedback-multi .feedback-container .feedback-header {
  align-items: center;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  padding: 20px 0 20px 0;
  margin-top: auto;
  margin-inline: 30px;
  border-top: solid 1px var(--clr-grey-2);
  line-height: 1.5;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-multi .feedback-container .feedback-header .feedback-header-content {
    font-size: 0.9375rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-feedback-multi .feedback-container .feedback-header .feedback-header-content .ratings {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 auto;
    -moz-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
}
.g-feedback-multi .feedback-container .feedback-header .feedback-header-content .feedback-customer.no-name {
  font-size: 1rem;
  font-weight: 600;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-multi .feedback-container .feedback-header .feedback-header-content .feedback-customer.no-name {
    font-size: 0.9375rem;
  }
}
.g-feedback-multi .feedback-container .feedback-header .feedback-header-content .feedback-company {
  font-size: 0.8125rem;
}
.g-feedback-multi .feedback-container .feedback-content {
  margin: 0 30px;
  padding: 0 0 30px 0;
}
@media only all and (max-width: 67.99rem) {
  .g-feedback-multi .feedback-container .feedback-content {
    margin: 0 24px;
  }
}
.g-feedback-multi .feedback-container .feedback-content .feedback-title {
  color: #2c2b58;
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.g-feedback-multi .feedback-container .feedback-source {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  background: var(--clr-grey-1);
  padding: 20px 30px 20px 30px;
  font-size: 0.875rem;
  gap: 0.5rem;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-multi .feedback-container .feedback-source {
    padding: 10px 30px;
  }
}
.g-feedback-multi .feedback-container .feedback-source .feedback-source-image {
  max-width: 24px;
}
@media only all and (max-width: 53.99rem) {
  .g-feedback-multi .feedback-container .feedback-source .feedback-source-image {
    max-width: 20px;
  }
}
@media only all and (max-width: 53.99rem) {
  #vweb-feedback-row .vweb-product-reviews-info {
    display: none;
  }
}
#vweb-footer h4 {
  color: #fff;
  margin: 1rem 0 0.875rem 0;
}
#vweb-footer .g-grid {
  align-items: flex-start;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer .g-grid {
    justify-content: space-between;
  }
}
#vweb-footer .vweb-footer-naw {
  display: flex;
  flex-direction: column;
}
#vweb-footer .vweb-footer-naw .naw-subtitle {
  font-style: italic;
  font-weight: 500;
}
#vweb-footer .vweb-footer-naw .vweb-badge img {
  height: 80px;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #vweb-footer .vweb-footer-naw {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer .vweb-footer-naw {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
#vweb-footer .vweb-footer-contact .vweb-contact i {
  margin-right: 0.625rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #vweb-footer .vweb-footer-contact {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 30%;
    -moz-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer .vweb-footer-contact {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 45%;
    -moz-flex: 0 1 45%;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%;
  }
}
@media only all and (max-width: 36rem) {
  #vweb-footer .vweb-footer-contact {
    margin: 1rem 0 0;
    border-top: solid 1px #999;
    padding: 1rem 0 1rem;
    border-bottom: solid 1px #999;
  }
}
#vweb-footer a {
  text-decoration: none;
}
#vweb-footer .vweb-footer-links {
  text-align: left;
}
#vweb-footer .vweb-footer-links ul {
  list-style: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#vweb-footer .vweb-footer-links ul > li {
  display: block;
}
#vweb-footer .vweb-footer-links ul > li .vweb-footer-link-container {
  color: #fff;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: none;
}
#vweb-footer .vweb-footer-links ul > li .vweb-footer-link-container:hover {
  color: #69b3b7;
}
#vweb-footer .vweb-footer-links ul > li::before {
  content: "";
  font-family: FontAwesome;
  font-size: 0.9rem;
  margin-left: -1rem;
  padding-right: 0.5rem;
  color: #fff;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #vweb-footer .vweb-footer-links {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer .vweb-footer-links {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
#vweb-footer .vweb-footer-social {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#vweb-footer .vweb-footer-social a {
  color: #fff;
  padding: 0.1875rem 0.1rem;
  text-decoration: none;
  font-size: 1.5rem;
}
#vweb-footer .vweb-footer-social a span.fa {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #4c72b5;
  background: #ffffff;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #vweb-footer .vweb-footer-social {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer .vweb-footer-social {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    order: 2;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #vweb-footer #footer-nieuws {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  #vweb-footer #footer-nieuws {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
#vweb-footer #footer-nieuws .maincat-items-wrapper {
  flex: 0 1 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item {
  border-bottom: solid 1px #cdcdcd;
  color: #fff;
  margin-right: 0.625rem;
  padding: 0.4rem 0.938rem 0.7rem 0;
  position: relative;
  transition: all 300ms;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item:last-of-type {
  border-bottom: solid 0px;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item:first-of-type {
  padding-top: 0;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item:hover {
  color: #cdcdcd;
  cursor: pointer;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item .maincat-link {
  position: absolute;
  height: 100%;
  width: 100%;
  display: inline-block;
  margin: -0.4rem -0.938rem -0.7rem 0;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item .maincat-item-title {
  font-weight: bold;
  font-size: 0.9rem;
  text-transform: uppercase;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item .maincat-item-description {
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.2rem;
  position: relative;
}
#vweb-footer #footer-nieuws .maincat-items-wrapper .maincat-item .maincat-item-description::after {
  content: "";
  position: absolute;
  font-family: fontawesome;
  height: 14px;
  width: 14px;
  bottom: 0rem;
  right: 0;
  display: block;
  font-size: 1rem;
}
.wol-particle-intro {
  margin-bottom: 0.9rem;
  padding: 0.7rem 0;
  border-bottom: solid 2px #f3f3f3;
}
.wol-particle-intro .wol-particle-title {
  color: #222;
  font-size: 1.7rem;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1.7rem;
}
.g-news-pro .g-news-pro-item .g-news-pro-image, .g-news-pro .g-news-pro-link .g-news-pro-image {
  max-width: 100%;
  background-position: center;
  background-size: cover;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only all and (max-width: 36rem) {
  .g-news-pro .g-news-pro-item .g-news-pro-image, .g-news-pro .g-news-pro-link .g-news-pro-image {
    width: 100% !important;
  }
}
.g-news-pro .g-news-pro-item .g-news-pro-image > a, .g-news-pro .g-news-pro-link .g-news-pro-image > a {
  display: block;
  width: 100%;
  height: 100%;
}
.g-news-pro .g-news-pro-item .g-news-pro-image.image-fullwidth, .g-news-pro .g-news-pro-link .g-news-pro-image.image-fullwidth {
  width: 100%;
}
.g-news-pro .g-news-pro-item .g-news-pro-image.image-link:hover, .g-news-pro .g-news-pro-link .g-news-pro-image.image-link:hover {
  opacity: 0.8;
}
.g-news-pro .g-news-pro-item.horizontal .g-news-pro-image, .g-news-pro .g-news-pro-link.horizontal .g-news-pro-image {
  float: left;
  margin-right: 20px;
}
@media only all and (max-width: 36rem) {
  .g-news-pro .g-news-pro-item.horizontal .g-news-pro-image, .g-news-pro .g-news-pro-link.horizontal .g-news-pro-image {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.g-news-pro .g-news-pro-item .g-news-pro-title, .g-news-pro .g-news-pro-link .g-news-pro-title {
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-sidebar .g-news-pro .g-news-pro-item .g-news-pro-title, .vweb-category-article-sidebar .g-news-pro .g-news-pro-link .g-news-pro-title {
    margin-top: 10px;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-category-article-sidebar .g-news-pro .g-news-pro-item .g-news-pro-title, .vweb-category-article-sidebar .g-news-pro .g-news-pro-link .g-news-pro-title {
    margin-top: 10px;
  }
}
.g-news-pro .g-news-pro-item .g-news-pro-title a, .g-news-pro .g-news-pro-link .g-news-pro-title a {
  color: #2c2b58;
}
.g-news-pro .g-news-pro-item .g-news-pro-title a:hover, .g-news-pro .g-news-pro-link .g-news-pro-title a:hover {
  color: #4c72b5;
}
.g-news-pro .g-news-pro-item .g-news-pro-title a:after, .g-news-pro .g-news-pro-link .g-news-pro-title a:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.g-news-pro .g-news-pro-item .g-article-read-more, .g-news-pro .g-news-pro-link .g-article-read-more {
  margin-top: 20px;
}
.g-news-pro .g-news-pro-item .g-news-pro-desc, .g-news-pro .g-news-pro-link .g-news-pro-desc {
  margin-top: 10px;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-news-pro .g-news-pro-item .g-news-pro-desc, .g-news-pro .g-news-pro-link .g-news-pro-desc {
    margin-top: 5px;
    font-size: 0.9rem;
  }
}
.g-news-pro .g-news-pro-item:hover .vweb-item-image img, .g-news-pro .g-news-pro-link:hover .vweb-item-image img {
  transform: scale(1.03);
  opacity: 0.8;
}
.g-news-pro .g-news-pro-item .vweb-item-image, .g-news-pro .g-news-pro-link .vweb-item-image {
  overflow: hidden;
  position: relative;
}
.g-news-pro .g-news-pro-item .vweb-item-image img, .g-news-pro .g-news-pro-link .vweb-item-image img {
  opacity: 1;
  transform-origin: 0 0;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro .g-news-pro-item {
    width: 100%;
    margin-bottom: 30px;
  }
  .g-news-pro .g-news-pro-item:last-child {
    margin-bottom: 0;
  }
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav {
  display: inline-block;
  position: absolute;
  top: -56px;
  right: 0;
  width: auto;
  padding-left: 0;
}
#vweb-topcategory-row .g-news-pro .uk-slidenav-position .g-news-pro-nav {
  /*** display: none;
					visibility: hidden; ***/
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .g-news-pro-arrows {
  display: inline-block;
}
@media only all and (max-width: 67.99rem) {
  .g-news-pro .uk-slidenav-position .g-news-pro-nav .g-news-pro-arrows {
    position: absolute;
    right: 0;
    min-width: 58px;
  }
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav {
  opacity: 1;
  position: relative;
  margin-top: 0;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav.uk-slidenav-previous {
  left: auto;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav.uk-slidenav-previous:before {
  content: "";
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav.uk-slidenav-next {
  right: auto;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav.uk-slidenav-next:before {
  content: "";
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-slidenav:hover {
  background: #439a86;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-dotnav {
  margin: 5px 20px 0 0;
  display: inline-block;
  float: left;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-dotnav > * {
  padding-left: 5px;
}
.g-news-pro .uk-slidenav-position .g-news-pro-nav .uk-dotnav > * > * {
  width: 13px;
  height: 13px;
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro .uk-slidenav-position.uk-grid-width-1-2 > * {
    width: 100%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro .uk-slidenav-position.uk-grid-width-1-2 > * {
    width: 100%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro .uk-slidenav-position.uk-grid-width-1-2 .g-news-pro-link-block {
    margin-top: 30px;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro .uk-slidenav-position.uk-grid-width-1-2 .g-news-pro-link-block {
    margin-top: 30px;
  }
}
.g-news-pro .uk-grid + .uk-grid {
  padding-top: 15px;
  margin-top: 15px;
}
.g-news-pro .g-news-pro-link-block > .uk-grid + .uk-grid {
  padding-top: 0;
  margin-top: 0;
}
.g-news-pro .g-news-pro-link-block > .uk-grid + .uk-grid .g-news-pro-link {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
  position: relative;
}
.g-news-pro .g-news-pro-link-block.bottom {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dddddd;
}
.g-news-pro .g-news-pro-link-block .g-news-pro-link .g-news-pro-title {
  font-size: 1.2rem;
  font-weight: 700;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-news-pro .g-news-pro-link-block .g-news-pro-link .g-news-pro-title {
    font-size: 1rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro .g-news-pro-link-block .g-news-pro-link .g-news-pro-title {
    font-size: 0.9rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro .g-news-pro-link-block .g-news-pro-link .g-news-pro-desc {
    font-size: 0.9rem;
  }
}
.g-news-pro .g-news-pro-link-block .g-news-pro-image .uk-overlay-area:empty::before, .g-news-pro .g-news-pro-link-block .g-news-pro-image .uk-overlay-icon::before {
  font-size: 20px;
  height: 20px;
  width: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.g-news-pro .g-news-pro-link-container {
  position: relative;
}
.g-news-category-side .g-news-pro-link {
  display: flex;
  flex-direction: row;
}
.g-news-category-side .g-news-pro-link .g-news-pro-image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}
.g-news-category-side .g-news-pro-link .g-info-container {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 70%;
  -moz-flex: 0 1 70%;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .g-news-category-side .g-news-pro-link .g-news-pro-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 35%;
    -moz-flex: 0 1 35%;
    -ms-flex: 0 1 35%;
    flex: 0 1 35%;
  }
  .g-news-category-side .g-news-pro-link .g-info-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 65%;
    -moz-flex: 0 1 65%;
    -ms-flex: 0 1 65%;
    flex: 0 1 65%;
  }
}
@media only all and (max-width: 36rem) {
  .g-news-category-side .g-news-pro-link {
    flex-direction: column;
  }
  .g-news-category-side .g-news-pro-link .g-news-pro-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .g-news-category-side .g-news-pro-link .g-info-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.subcategory-google-ads-between {
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-news-pro-link-bottom {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: wrap;
  margin-top: 2rem;
  justify-content: space-between;
  padding-top: 2rem;
  border-top: solid 2px #e0e0e5;
}
.g-news-pro-link-bottom .g-news-pro-link-bottom-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 31%;
  -moz-flex: 0 1 31%;
  -ms-flex: 0 1 31%;
  flex: 0 1 31%;
  background: #f7f7f7;
  border: solid 1px #cdcdcd;
  margin-bottom: 2rem;
  position: relative;
  cursor: pointer;
}
.g-news-pro-link-bottom .g-news-pro-link-bottom-item.article-position-ads {
  background: #f7f7f7;
  border: solid 1px #cdcdcd;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.g-news-pro-link-bottom .g-news-pro-link-bottom-item .g-info-container {
  padding: 2rem 1.5rem 2rem;
}
.g-news-pro-link-bottom .g-news-pro-link-bottom-item .g-info-container .page-header h4 {
  font-size: 1.2rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-news-pro-link-bottom .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media only all and (max-width: 67.99rem) {
  .g-news-pro-link-bottom .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro-link-bottom .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.g-news-pro-link-bottom-category {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  justify-content: space-between;
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item {
  position: relative;
  cursor: pointer;
  background: #f7f7f7;
  border: solid 1px #cdcdcd;
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-2 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 49%;
  -moz-flex: 0 1 49%;
  -ms-flex: 0 1 49%;
  flex: 0 1 49%;
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 2%;
  }
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-2:nth-last-child {
    margin-bottom: 0%;
  }
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-3 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 31%;
  -moz-flex: 0 1 31%;
  -ms-flex: 0 1 31%;
  flex: 0 1 31%;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 32%;
    -moz-flex: 0 1 32%;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 2%;
  }
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-3:nth-last-child {
    margin-bottom: 0%;
  }
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 24%;
  -moz-flex: 0 1 24%;
  -ms-flex: 0 1 24%;
  flex: 0 1 24%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 49%;
    -moz-flex: 0 1 49%;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
    margin-bottom: 2%;
  }
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4:nth-last-child(-n+2) {
    margin-bottom: 0%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 49%;
    -moz-flex: 0 1 49%;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
    margin-bottom: 2%;
  }
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4:nth-last-child(-n+2) {
    margin-bottom: 0%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 2%;
  }
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.vweb-column-4:nth-last-child {
    margin-bottom: 0%;
  }
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item.article-position-ads {
  background: #f7f7f7;
  border: solid 1px #cdcdcd;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item .g-info-container {
  padding: 2rem 1.5rem 2rem;
}
.g-news-pro-link-bottom-category .g-news-pro-link-bottom-item .g-info-container .page-header h4 {
  font-size: 1.2rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media only all and (max-width: 67.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 48.5%;
    -moz-flex: 0 1 48.5%;
    -ms-flex: 0 1 48.5%;
    flex: 0 1 48.5%;
  }
}
@media only all and (max-width: 53.99rem) {
  .g-news-pro-link-bottom-category .g-news-pro-link-bottom-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.vweb-category-article-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only all and (max-width: 53.99rem) {
  .vweb-category-article-wrapper {
    display: block;
  }
}
.vweb-category-article-wrapper .vweb-category-article-container {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 44%;
  -moz-flex: 0 1 44%;
  -ms-flex: 0 1 44%;
  flex: 0 1 44%;
  background: #f7f7f7;
  padding: 1.4rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 60%;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 55%;
    -moz-flex: 0 1 55%;
    -ms-flex: 0 1 55%;
    flex: 0 1 55%;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-container {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    background: rgba(255, 255, 255, 0);
    padding: 0%;
    margin-bottom: 1rem;
  }
}
.vweb-category-article-wrapper .vweb-category-article-container .vweb-inads {
  margin: 1.5rem 0;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 52%;
  -moz-flex: 0 1 52%;
  -ms-flex: 0 1 52%;
  flex: 0 1 52%;
  display: flex;
  flex-direction: column;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 36%;
    -moz-flex: 0 1 36%;
    -ms-flex: 0 1 36%;
    flex: 0 1 36%;
    flex-direction: column;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 42%;
    -moz-flex: 0 1 42%;
    -ms-flex: 0 1 42%;
    flex: 0 1 42%;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left {
  border: solid 2px #f7f7f7;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 40%;
  -moz-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  display: flex;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 1rem;
  }
}
@media only all and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 1rem;
  }
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left .g-main-nav .g-toplevel {
  padding: 0.938rem;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left .g-main-nav .g-toplevel > li {
  display: block;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left .g-main-nav .g-toplevel > li a {
  color: #222;
  font-weight: 600;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left .g-main-nav .g-toplevel > li a:hover {
  background: #f7f7f7;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-left > .g-particle {
  width: 100%;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-right {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 58%;
  -moz-flex: 0 1 58%;
  -ms-flex: 0 1 58%;
  flex: 0 1 58%;
  border: solid 2px #f7f7f7;
  display: flex;
  margin-left: 2%;
  align-items: center;
  justify-content: center;
  padding: 2%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-left: 0%;
    margin-bottom: 1rem;
  }
}
@media only all and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-top-block .vweb-category-top-block-right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-left: 0%;
    margin-bottom: 1rem;
  }
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-middle-block-top {
  padding: 2% 0 4%;
  border-top: solid 2px #f7f7f7;
  border-bottom: solid 2px #f7f7f7;
  margin-top: 4%;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block {
  padding: 0% 0 4%;
  border-bottom: solid 2px #f7f7f7;
  margin-top: 4%;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter {
  background: #f7f7f7;
  padding: 1rem;
  border-radius: 1rem;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form {
  margin-bottom: 0;
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form .acymailing_introtext {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 0.5rem;
  font-size: 1rem;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form .acymailing_introtext {
    font-size: 1rem;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form table tr td {
    display: block;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form table tr td {
    display: block;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form table tr td {
    display: block;
  }
}
.vweb-category-article-wrapper .vweb-category-article-sidebar .vweb-category-newsletter-block .wol-newsletter form input.button {
  padding: 0.75rem 0rem !important;
  width: 100%;
}
.vweb-side-article-wrapper {
  border-bottom: solid 1px #cdcdcd;
  margin-top: 0 !important;
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}
.vweb-side-article-wrapper:last-of-type {
  border-bottom: solid 0px;
}
.vweb-side-article-wrapper .vweb-side-article-container {
  display: flex;
  position: relative;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container {
    flex-direction: column;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container {
    flex-direction: column;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-side-article-wrapper .vweb-side-article-container {
    flex-direction: column;
  }
}
.vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 28%;
  -moz-flex: 0 1 28%;
  -ms-flex: 0 1 28%;
  flex: 0 1 28%;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-image {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-info {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 72%;
  -moz-flex: 0 1 72%;
  -ms-flex: 0 1 72%;
  flex: 0 1 72%;
  padding: 0 0 0 0.938rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-info {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-info {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-side-article-wrapper .vweb-side-article-container .vweb-side-article-info {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.vweb-menu-category {
  border: solid 2px #f7f7f7;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 40%;
  -moz-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  display: flex;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-menu-category {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 1rem;
  }
}
@media only all and (max-width: 67.99rem) {
  .vweb-menu-category {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 1rem;
  }
}
.vweb-menu-category .g-main-nav .g-toplevel {
  padding: 0.938rem;
}
.vweb-menu-category .g-main-nav .g-toplevel > li {
  display: block;
}
.vweb-menu-category .g-main-nav .g-toplevel > li a {
  color: #222;
  font-weight: 600;
}
.vweb-menu-category .g-main-nav .g-toplevel > li a:hover {
  background: #f7f7f7;
}
.vweb-menu-category > .g-particle {
  width: 100%;
}
.g-article-details {
  margin-top: 0.2rem;
  font-size: 90%;
  color: #999;
}
.g-article-details > span {
  margin-right: 10px;
}
.g-article-details > span:last-child {
  margin-right: 0;
}
.g-article-details > span i {
  margin-right: 5px;
}
.wol-newsletter {
  background: #f7f7f7;
  padding: 1rem;
  border-radius: 1rem;
}
.wol-newsletter form {
  margin-bottom: 0;
}
.wol-newsletter form .acymailing_introtext {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 0.5rem;
  font-size: 1.2rem;
}
@media only all and (max-width: 53.99rem) {
  .wol-newsletter form .acymailing_introtext {
    font-size: 1rem;
  }
}
@media only all and (max-width: 36rem) {
  .wol-newsletter form table tr td {
    display: block;
  }
}
.wol-newsletter form input.button {
  padding: 0.75rem 0 !important;
  width: 100%;
}
.vweb-category-newsletter-signup {
  border-top: solid 2px #e0e0e5;
  padding-top: 2rem;
  margin-top: 2rem;
}
#g-process {
  background: #fff;
  padding: 2rem 0;
  position: relative;
  z-index: 3;
}
@media only all and (max-width: 53.99rem) {
  #g-process {
    padding-top: 1rem;
  }
}
#g-process .g-content {
  position: relative;
}
@media print {
  #g-process {
    background: #fff !important;
    color: #000 !important;
  }
}
.sg-site.page-bestellen #g-process {
  background: var(--clr-grey-1);
}
.sg-site .mod-timeline-bestellen .g-timeline .g-timeline-item .g-timeline-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 2.125rem;
}
.sg-site .mod-timeline-bestellen .g-timeline .g-timeline-item .g-timeline-icon::after {
  top: 5rem;
  height: 2.5rem;
  background: var(--clr-grey-3);
}
.sg-site .mod-timeline-bestellen .g-timeline .g-timeline-item .g-timeline-icon img {
  width: 3rem;
  height: 3rem;
}
.sg-site .mod-timeline-bestellen .g-timeline .g-timeline-item h3 {
  margin-top: 0.75rem;
}
#g-pricing {
  background: #ffffff;
  position: relative;
  z-index: 3;
}
#g-pricing .g-content {
  position: relative;
}
@media print {
  #g-pricing {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-pricing:has(.mod-pricing-packages) {
  background-color: var(--clr-blue-1);
}
.sg-site .mod-pricing-packages, .sg-site .mod-bestelform {
  max-width: 67.5rem;
  margin-inline: auto;
}
@media (max-width: 991px) {
  .sg-site .mod-pricing-packages, .sg-site .mod-bestelform {
    max-width: 40rem;
  }
}
.sg-site .mod-pricing-packages {
  position: relative;
  z-index: 2;
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .sg-site .mod-pricing-packages .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
@media only all and (max-width: 53.99rem) {
  .sg-site .mod-pricing-packages .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
  }
}
.sg-site .mod-bestelform .rsform-block-packages {
  display: none;
}
.sg-site .card-package-choice {
  border-radius: 1rem;
  border-color: rgba(var(--clr-green-1-rgb), 0.5);
  background: rgba(var(--clr-green-1-rgb), 0.075);
  border-width: 2px;
}
.sg-site .card-package-choice .pc-name-sec hr {
  text-wrap: unset;
}
@media only all and (max-width: 67.99rem) {
  .sg-site .card-package-choice .pc-name-sec img {
    width: 48px;
    height: 48px;
  }
}
.sg-site .card-package-choice .pc-price-sec {
  background: rgba(var(--clr-green-1-rgb), 0.25);
  min-width: 17.5rem;
  border-radius: 0.75rem;
}
@media only all and (max-width: 67.99rem) {
  .sg-site .card-package-choice .pc-price-sec {
    min-width: 12.5rem;
  }
}
@media (max-width: 767px) {
  .sg-site .card-package-choice .pc-price-sec {
    width: 100%;
  }
}
.sg-site .card-package-choice.pc-notchosen {
  border-color: rgba(var(--clr-blue-3-rgb), 0.25);
  background: rgba(var(--clr-blue-3-rgb), 0.075);
}
.sg-site .card-package-choice.pc-notchosen .pc-name-sec {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .sg-site .card-package-choice.pc-notchosen .pc-name-sec {
    padding-top: 0;
  }
}
.sg-site .card-package-choice.pc-notchosen .pc-price-sec {
  background: rgba(var(--clr-blue-2-rgb), 0.2);
  padding-block: 1rem;
}
@media (min-width: 768px) {
  .sg-site .card-package-choice.pc-notchosen .pc-price-sec {
    background: none;
    padding-block: 0.5rem;
  }
}
.sg-site .card-pricing {
  background: var(--clr-blue-1);
  background: rgba(var(--clr-blue-1-rgb), 0.5);
  border-color: rgba(var(--clr-blue-2-rgb), 0.75);
  border-radius: 1rem;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  overflow: hidden;
}
.sg-site .card-pricing h3 {
  padding-top: 1.25rem;
}
@media (min-width: 992px) {
  .sg-site .card-pricing h3 {
    display: flex;
    align-items: flex-end;
    min-height: 52px;
    line-height: 26px;
    padding-top: 0;
  }
}
.sg-site .card-pricing .package-price {
  font-size: 2.5rem;
  font-weight: 500;
}
.sg-site .card-pricing .package-price .pp-euro {
  opacity: 0.75;
  color: var(--clr-blue-2);
}
.sg-site .card-pricing .pp-cta {
  margin-bottom: 1.5rem !important;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--clr-blue-2);
}
.sg-site .card-pricing .pp-cta .button {
  width: 100%;
  font-size: 1.125rem;
  letter-spacing: 0.25px;
}
.sg-site .card-pricing .package-popular {
  position: absolute;
  padding: 0.625rem 0.25rem;
  background: rgba(var(--clr-blue-2-rgb), 0.95);
  border-radius: 0.625rem;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  line-height: 1;
  width: 11.25rem;
}
.sg-site .card-pricing .card-footer {
  background: rgba(var(--clr-blue-2-rgb), 0.25);
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  padding-block: 1rem;
}
.sg-site .card-pc-usp {
  background: rgba(var(--clr-blue-2-rgb), 0.1);
  border-radius: 1rem;
}
.sg-site .list-pc-usp {
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  align-items: center;
  font-size: 0.875rem;
}
@media (max-width: 991px) {
  .sg-site .list-pc-usp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .sg-site .list-pc-usp {
    grid-template-columns: 1fr;
  }
}
.sg-site .list-pc-usp li {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.sg-site.page-bestellen #g-pricing {
  padding-block: 2.5rem;
}
#g-feedback {
  background: #ffffff;
  position: relative;
  z-index: 3;
}
@media only all and (max-width: 53.99rem) {
  #g-feedback {
    padding-top: 0;
  }
}
@media only all and (min-width: 54rem) {
  #g-feedback {
    padding: 0;
  }
}
#g-feedback .g-content {
  position: relative;
}
@media print {
  #g-feedback {
    background: #fff !important;
    color: #000 !important;
  }
}
.sg-site #g-feedback:has(.module-position-faq) {
  overflow: hidden;
}
.sg-site #g-feedback .g-container .g-grid:has(.module-position-faq) {
  background: var(--clr-grey-1);
  position: relative;
}
.sg-site #g-feedback .g-container .g-grid:has(.module-position-faq)::before {
  content: "";
  width: 4000px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2000px;
  background: var(--clr-grey-1);
}
#sg-blog-container .sg-blog {
  display: flex;
  flex-wrap: wrap;
}
#sg-blog-container .sg-blog .sg-blog-article {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}
@media only all and (min-width: 68rem) {
  #sg-blog-container .sg-blog .sg-blog-article {
    margin-top: 2%;
    margin-right: 2%;
  }
  #sg-blog-container .sg-blog .sg-blog-article:nth-child(-n+3) {
    margin-top: 0%;
  }
  #sg-blog-container .sg-blog .sg-blog-article:nth-child(3n+3) {
    margin-right: 0%;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  #sg-blog-container .sg-blog .sg-blog-article {
    margin-top: 2%;
    margin-right: 2%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 49%;
    -moz-flex: 0 1 49%;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
  }
  #sg-blog-container .sg-blog .sg-blog-article:nth-child(-n+2) {
    margin-top: 0%;
  }
  #sg-blog-container .sg-blog .sg-blog-article:nth-child(2n+2) {
    margin-right: 0%;
  }
}
@media only all and (max-width: 53.99rem) {
  #sg-blog-container .sg-blog .sg-blog-article {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-top: 2%;
  }
  #sg-blog-container .sg-blog .sg-blog-article:nth-child(1) {
    margin-top: 0%;
  }
}
#sg-blog-container .sg-blog .sg-blog-article .sg-image-layout-image {
  position: relative;
}
#sg-blog-container .sg-blog .sg-blog-article .sg-image-layout-image .sg-image-layout-content {
  padding: 50px 15px 15px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  width: 100%;
}
#sg-blog-container .sg-blog .sg-blog-article .sg-image-layout-image .sg-image-layout-content .sg-image-layout-title {
  font-size: 1.1rem;
  margin: 0;
  color: #fff;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.sg-content-note {
  background: linear-gradient(45deg, #69b3b7 0%, #4c72b5 100%) !important;
  color: #fff;
  padding: 1.5rem;
}
.sg-content-note .sg-content-title {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.sg-content-note a {
  text-decoration: underline;
  color: #fff;
  font-weight: 700;
}
.sg-blog .blog-item {
  margin: 0;
}
.sg-blog .blog-item a {
  color: var(--clr-body);
  text-decoration: none;
  font-weight: normal;
  background: white;
  padding: 1rem;
  padding: calc(1rem - 2px);
  padding-bottom: 1.25rem;
  border-radius: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid transparent;
  transition: var(--transition300);
}
.sg-blog .blog-item a .item-image {
  width: 100%;
  height: 15rem;
  overflow: hidden;
  border-radius: 0.75rem;
  margin: 0 0 1.5rem;
}
.sg-blog .blog-item a .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sg-blog .blog-item a h2 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
  transition: var(--transition300);
}
.sg-blog .blog-item a .intro-text p {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.5rem !important;
}
@media (min-width: 992px) {
  .sg-blog .blog-item a:hover {
    border-color: rgba(var(--clr-blue-2-rgb), 0.25);
  }
  .sg-blog .blog-item a:hover h2 {
    color: var(--clr-blue-2);
  }
  .sg-blog .blog-item a:hover .btn-icon-arrow::before, .sg-blog .blog-item a:hover .btn-icon-arrow::after {
    right: -0.625rem;
  }
}
.page-blog #g-main {
  background: var(--clr-grey-1);
}
@media (max-width: 53.99rem) {
  .page-blog #g-main .platform-content.container {
    padding-inline: 0;
  }
  .page-blog #g-main .platform-content.container .col, .page-blog #g-main .platform-content.container .col-12 {
    padding-left: 0;
  }
}
@media (min-width: 68rem) {
  .page-blog #g-main .platform-content.container {
    padding-inline: 0;
  }
}
.page-blog .sg-article .page-header h1 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-blog .sg-article .article-data {
  margin-bottom: 1rem;
  font-size: 0.85rem;
}
.page-blog .sg-article .item-image {
  margin-bottom: 2rem;
}
.page-blog .sg-article .item-image img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-blog .sg-article .sg-article-default-sidebar {
    padding-left: 2.5rem;
  }
}
.vweb-productfeatures-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper {
    flex-direction: column;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 31.5%;
  -moz-flex: 0 1 31.5%;
  -ms-flex: 0 1 31.5%;
  flex: 0 1 31.5%;
  display: flex;
  flex-direction: column;
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item {
    margin-bottom: 1rem;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column {
  background: #fff;
  box-shadow: 0px 0px 4px 0px #b1b1b1;
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column {
    flex-direction: row;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-image {
  background: #2c2b58;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-image {
    display: none;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px 40px 40px;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content {
    padding: 30px;
  }
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content {
    padding: 20px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content .vweb-productfeature-title {
  color: #2c2b58;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0px 0px 15px 0px;
  text-transform: uppercase;
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content .vweb-productfeature-text {
  font-size: 1rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content .vweb-productfeature-text {
    font-size: 1rem;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-column .vweb-productfeature-content .vweb-productfeature-text {
    font-size: 0.9rem;
  }
}
.vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-button {
  margin: 1rem 0px 30px;
}
@media only all and (max-width: 67.99rem) {
  .vweb-productfeatures-wrapper .vweb-productfeature-item .vweb-productfeature-button {
    margin: 0.5rem 0px 30px;
  }
}
.vweb-productfeature-button {
  font-size: 1.1rem;
  margin-top: 2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.sg-page-intro {
  display: flex;
  flex-direction: row;
}
@media only all and (max-width: 67.99rem) {
  .sg-page-intro .sg-page-container {
    flex: 0 1 100%;
  }
}
.sg-grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only all and (max-width: 36rem) {
  .sg-grid {
    flex-direction: column;
  }
}
.sg-grid .sg-cmsovv {
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 32%;
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}
@media only all and (max-width: 53.99rem) {
  .sg-grid .sg-cmsovv {
    padding: 1rem 1rem;
  }
}
.sg-grid .sg-cmsovv .sg-cmsovv-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sg-grid .sg-cmsovv .sg-cmsovv-info .sg-cmsovv-title {
  text-align: center;
}
@media only all and (max-width: 36rem) {
  .sg-grid .sg-cmsovv .sg-cmsovv-info .sg-cmsovv-title {
    display: flex;
    align-items: center;
  }
}
.sg-grid .sg-cmsovv .sg-cmsovv-info .sg-cmsovv-title .sg-cmsovv-heading {
  color: #2c2b58;
  margin: 1rem 0 0;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 700;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .sg-grid .sg-cmsovv .sg-cmsovv-info .sg-cmsovv-title .sg-cmsovv-heading {
    font-size: 1.2rem;
  }
}
@media only all and (max-width: 36rem) {
  .sg-grid .sg-cmsovv .sg-cmsovv-info .sg-cmsovv-title .sg-cmsovv-heading {
    font-size: 1.3rem;
    width: 100%;
    text-align: center;
    margin: 0;
  }
}
.sg-grid .sg-cmsovv .sg-cmsovv-info img {
  width: 7rem;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .sg-grid .sg-cmsovv .sg-cmsovv-info img {
    width: 5.5rem;
  }
}
@media only all and (max-width: 36rem) {
  .sg-grid .sg-cmsovv .sg-cmsovv-info img {
    width: 4rem;
  }
}
.sg-grid .sg-cmsovv .sg-cmsovv-pricing {
  text-align: center;
}
.sg-grid .sg-cmsovv .sg-cmsovv-pricing .vweb-actual-price {
  color: #4c72b5;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  position: relative;
  text-align: right;
  z-index: 100;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.vweb-contact-buttons .contactbutton-wrapper {
  display: flex;
  flex-direction: column;
}
@media only all and (max-width: 67.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper {
    flex-direction: column;
    justify-content: space-between;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper {
    flex-direction: column;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper {
    flex-direction: column;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper {
    flex-direction: column;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton {
  background: #f9f9f9;
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-box-shadow: 1px 1px 5px 1px #e0e0e0;
  -moz-box-shadow: 1px 1px 5px 1px #e0e0e0;
  box-shadow: 1px 1px 5px 1px #e0e0e0;
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton:last-of-type {
  margin-bottom: 0rem;
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 31%;
    -moz-flex: 0 1 31%;
    -ms-flex: 0 1 31%;
    flex: 0 1 31%;
    flex-direction: column;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton {
    flex-direction: row;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton {
    padding: 0.8rem 0.5rem;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 25%;
  -moz-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 30%;
    -moz-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    text-align: center;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contactbutton-icon i {
  font-size: 60px;
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contactbutton-icon i:before {
  background: #69b3b7;
  /* Old browsers */
  background: -moz-linear-gradient(left, #69b3b7 0%, #4c72b5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #69b3b7 0%, #4c72b5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #69b3b7 0%, #4c72b5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69b3b7", endColorstr="#4c72b5",GradientType=1);
  /* IE6-9 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contactbutton-icon.online:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background-color: #00b900;
    bottom: 8px;
    position: absolute;
    left: 51px;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contact-online {
  color: #fff;
  display: inline-block;
  font-size: 0.6rem;
  padding: 0.1rem 0.5rem;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contact-online.online {
  background: #00b900;
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contact-online.offline {
  display: none;
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-left .contact-online {
    display: none;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 75%;
  -moz-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
  padding-left: 1rem;
}
@media only all and (max-width: 67.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    text-align: center;
  }
}
@media only all and (max-width: 53.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right .contact-visible {
    display: none;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right {
    padding-left: 0rem;
  }
}
@media only all and (max-width: 36rem) {
  .vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 70%;
    -moz-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
  }
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right .contact-title {
  font-weight: 500;
}
.vweb-contact-buttons .contactbutton-wrapper .contactbutton .contactbutton-right .contact-subtitle {
  font-size: 0.7rem;
}
.sg-contact .vweb-contact-buttons {
  border-radius: 1rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-contact .vweb-contact-buttons {
    padding: 0;
  }
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons {
    padding: 0rem;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton {
  border: solid 2px #2c2b58;
  box-shadow: none;
  padding: 0;
  position: relative;
  border-radius: 5px;
}
@media only all and (max-width: 53.99rem) {
  .sg-contact .vweb-contact-buttons .contactbutton {
    flex-direction: row;
  }
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton {
    border-top-left-radius: 3rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 3rem;
    box-shadow: none;
    padding: 0.5rem;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left {
  background: #2c2b58;
  padding: 1rem 1.5rem;
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left {
    background: none;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
    padding: 0;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left .contactbutton-icon {
  padding: 1rem;
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left .contactbutton-icon i {
  width: 60px;
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left .contactbutton-icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-content: center;
    align-items: center;
    border: solid;
    border-radius: 50%;
    justify-content: center;
    background: #2c2b58;
  }
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-left .contactbutton-icon i {
    font-size: 2rem;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .contactbutton-title-link:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 2 auto;
    -moz-flex: 0 2 auto;
    -ms-flex: 0 2 auto;
    flex: 0 2 auto;
    width: 100%;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .contact-title {
  color: #2c2b58;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .contact-title {
    font-size: 1rem;
  }
}
.sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .contact-subtitle {
  font-size: 0.9rem;
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .contact-subtitle {
    font-size: 0.85rem;
  }
}
@media only all and (max-width: 36rem) {
  .sg-contact .vweb-contact-buttons .contactbutton .contactbutton-right .vweb-button {
    display: none;
    visibility: none;
  }
}
.vweb-cta-footer-content .vweb-footer-cta-title h2 {
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  padding: 0px 0px 0px 0px;
  text-shadow: 2px 2px #000;
}
@media only all and (max-width: 67.99rem) {
  .vweb-cta-footer-content .vweb-footer-cta-text p {
    font-size: 1rem;
  }
}
.sg-pagead-wrapper {
  background: #f0f2f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  border-radius: 0.8rem;
}
.sg-pagead-wrapper .sg-pagead-content {
  display: flex;
  flex-direction: row;
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-text {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 60%;
  -moz-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  margin: 0.625rem;
  padding: 0.938rem;
  border-right: solid 2px #cdcdcd;
  color: #2c2b58;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 40%;
  -moz-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  position: relative;
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select {
  color: #4c72b5;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 700;
  margin: 0.2rem 0;
  position: absolute;
  text-align: center;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select {
    font-size: 0.9rem;
  }
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Wordpress {
  top: 0.5rem;
  left: 1rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Wordpress {
    top: 0.5rem;
    left: 0rem;
  }
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Joomla {
  right: 1rem;
  top: 2rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Joomla {
    right: 1rem;
    top: 3rem;
  }
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Magento {
  top: 6.5rem;
  left: 3.5rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select.Magento {
    top: 5.5rem;
    left: 0.5rem;
  }
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select .sg-pagead-img {
  width: 55px;
  height: 55px;
  display: flex;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select .sg-pagead-img img {
  width: 50px;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select .sg-pagead-img img {
    width: 40px;
  }
}
.sg-pagead-wrapper .sg-pagead-content .sg-pagead-cms .sg-pagead-cms-select .sg-pagead-cms-name {
  color: #2c2b58;
}
#g-powered {
  padding: 2rem 0;
  position: relative;
  z-index: 3;
  background-color: var(--clr-blue-5);
  background-image: url('../../../../images/vweb-hero.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
}
#g-powered::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--clr-blue-5);
  opacity: 0.7;
}
@media only all and (max-width: 53.99rem) {
  #g-powered {
    padding-top: 1rem;
  }
}
#g-powered .g-content {
  position: relative;
}
#g-powered .sg-powered-container {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
#g-powered .sg-powered-container .sg-powered-content {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 60%;
  -moz-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  margin: 0.625rem;
  padding: 0.938rem;
  position: relative;
  z-index: 4;
  padding-block: 2.5rem;
}
@media only all and (max-width: 53.99rem) {
  #g-powered .sg-powered-container .sg-powered-content {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 0;
    padding-block: 2rem;
  }
}
#g-powered .sg-powered-container .sg-powered-content .g-title.g-main-title, #g-powered .sg-powered-container .sg-powered-content .sg-subtitle, #g-powered .sg-powered-container .sg-powered-content .g-introtext, #g-powered .sg-powered-container .sg-powered-content strong {
  color: #fff;
}
@media only all and (max-width: 53.99rem) {
  #g-powered .sg-powered-container .sg-powered-content .sg-header-buttons {
    display: flex;
    justify-content: space-between;
  }
  #g-powered .sg-powered-container .sg-powered-content .sg-header-buttons .button {
    flex: 0 1 48%;
    text-align: center;
  }
}
@media only all and (max-width: 53.99rem) and (max-width: 36rem) {
  #g-powered .sg-powered-container .sg-powered-content .sg-header-buttons .button {
    flex: 0 1 100%;
  }
  #g-powered .sg-powered-container .sg-powered-content .sg-header-buttons .button:last-of-type {
    margin-top: 1rem;
  }
}
#g-powered .sg-powered-container .sg-powered-content .logo-img {
  height: 5.75rem;
  padding-block: 0.75rem 1.5rem;
}
#g-powered .sg-powered-container .sg-powered-image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 40%;
  -moz-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  text-align: center;
}
#g-powered .sg-powered-container .sg-powered-image img {
  max-width: 280px;
}
@media print {
  #g-process {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-container, .sg-content-container {
  width: 85rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-container, .sg-content-container {
    width: 68rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-container, .sg-content-container {
    width: 54rem;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .g-container, .sg-content-container {
    width: 36rem;
  }
}
@media only all and (max-width: 36rem) {
  .g-container, .sg-content-container {
    width: 100%;
  }
}
.g-container.g-flushed, .sg-content-container.g-flushed {
  width: 100%;
}
.sg-content-container {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 4;
}
.sg-content-container .sg-content-wrapper {
  margin: 0.625rem;
  padding: 0.938rem;
}
.sg-content-container .sg-content-wrapper h1 {
  color: #fff;
  letter-spacing: -1px;
  margin: 0;
}
@media only all and (max-width: 53.99rem) {
  .g-block {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }
}
@media only all and (max-width: 53.99rem) {
  body [class*="size-"] {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    max-width: 100%;
  }
}
@media only all and (max-width: 53.99rem) {
  @supports not (flex-wrap: wrap) {
    .g-grid {
      display: block;
      -webkit-box-lines: inherit;
      -moz-box-lines: inherit;
      box-lines: inherit;
      -webkit-flex-wrap: inherit;
      -moz-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
      flex-wrap: inherit;
    }
    .g-block {
      display: block;
      -webkit-box-flex: inherit;
      -moz-box-flex: inherit;
      box-flex: inherit;
      -webkit-flex: inherit;
      -moz-flex: inherit;
      -ms-flex: inherit;
      flex: inherit;
    }
  }
}
.visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone {
  display: none !important;
}
@media only all and (max-width: 53.99rem) {
  .visible-phone {
    display: block !important;
  }
  .g-block.visible-phone {
    display: block !important;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .visible-tablet {
    display: block !important;
  }
  .g-block.visible-tablet {
    display: block !important;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (min-width: 85rem) {
  .visible-large {
    display: block !important;
  }
  .g-block.visible-large {
    display: block !important;
  }
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (max-width: 53.99rem) {
  .hidden-phone {
    display: none !important;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (min-width: 85rem) {
  .hidden-large {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (max-width: 53.99rem) {
  .align-right {
    text-align: inherit !important;
  }
  .align-left {
    text-align: inherit !important;
  }
}
.g-container, .sg-content-container {
  width: 85rem;
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .g-container, .sg-content-container {
    width: 68rem;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .g-container, .sg-content-container {
    width: 54rem;
  }
}
@media only all and (min-width: 36.01rem) and (max-width: 53.99rem) {
  .g-container, .sg-content-container {
    width: 36rem;
  }
}
@media only all and (max-width: 36rem) {
  .g-container, .sg-content-container {
    width: 100%;
  }
}
.g-container.g-flushed, .sg-content-container.g-flushed {
  width: 100%;
}
.sg-content-container {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 4;
}
.sg-content-container .sg-content-wrapper {
  margin: 0.625rem;
  padding: 0.938rem;
}
.sg-content-container .sg-content-wrapper h1 {
  color: #fff;
  letter-spacing: -1px;
  margin: 0;
}
@media only all and (max-width: 53.99rem) {
  .g-block {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }
}
@media only all and (max-width: 53.99rem) {
  body [class*="size-"] {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    max-width: 100%;
  }
}
@media only all and (max-width: 53.99rem) {
  @supports not (flex-wrap: wrap) {
    .g-grid {
      display: block;
      -webkit-box-lines: inherit;
      -moz-box-lines: inherit;
      box-lines: inherit;
      -webkit-flex-wrap: inherit;
      -moz-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
      flex-wrap: inherit;
    }
    .g-block {
      display: block;
      -webkit-box-flex: inherit;
      -moz-box-flex: inherit;
      box-flex: inherit;
      -webkit-flex: inherit;
      -moz-flex: inherit;
      -ms-flex: inherit;
      flex: inherit;
    }
  }
}
.visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone {
  display: none !important;
}
@media only all and (max-width: 53.99rem) {
  .visible-phone {
    display: block !important;
  }
  .g-block.visible-phone {
    display: block !important;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .visible-tablet {
    display: block !important;
  }
  .g-block.visible-tablet {
    display: block !important;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (min-width: 85rem) {
  .visible-large {
    display: block !important;
  }
  .g-block.visible-large {
    display: block !important;
  }
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (max-width: 53.99rem) {
  .hidden-phone {
    display: none !important;
  }
}
@media only all and (min-width: 54rem) and (max-width: 67.99rem) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only all and (min-width: 68rem) and (max-width: 84.99rem) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (min-width: 85rem) {
  .hidden-large {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (max-width: 53.99rem) {
  .align-right {
    text-align: inherit !important;
  }
  .align-left {
    text-align: inherit !important;
  }
}
/*# sourceMappingURL=hydrogen_14.css.map */