@charset "UTF-8";
/* //////////////////////////////////////////////////////////// */
/* ---------- [01] VARIABLES                         ---------- */
/* ---------- [01] VARIABLES                         ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [11] TYPE & TYPOGRAPHY                 ---------- */
@font-face {
  font-family: 'KievitWebPro-Regular';
  font-display: block;
  src: url('../fonts/KievitWeb/KievitWebPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWeb/KievitWebPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KievitWebPro-Light';
  font-display: block;
  src: url('../fonts/KievitWeb/KievitWebPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWeb/KievitWebPro-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KievitWeb-Book';
  font-display: block;
  src: url('../fonts/KievitWeb/KievitWebPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWeb/KievitWebPro-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KievitWeb-Bold';
  font-display: block;
  src: url('../fonts/KievitWeb/KievitWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWeb/KievitWeb-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 62.5%;
}
body {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  color: #3d3c40;
  background-color: #fff;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-weight: 300;
  line-height: 1.2;
  color: inherit;
  margin-top: 0;
}
ul,
ol {
  padding-left: 18px;
}
b,
strong {
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
  font-weight: 400;
}
h1,
.h1 {
  font-size: 40px;
  font-size: 4rem;
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
}
h2,
.h2 {
  font-size: 32px;
  font-size: 3.2rem;
}
h3,
.h3 {
  font-size: 28px;
  font-size: 2.8rem;
}
h4,
.h4 {
  font-size: 24px;
  font-size: 2.4rem;
}
h5,
.h5 {
  font-size: 18px;
  font-size: 1.8rem;
}
h6,
.h6 {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 480px) {
  h1,
  .h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h2,
  .h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  h3,
  .h3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  p,
  .p {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .main-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
a {
  color: #3aacfc;
}
a:hover,
a:focus {
  color: #0489e6;
}
.gray-bg {
  background-color: #f7f7f7;
}
.pt-0 {
  padding-top: 0rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pt-2 {
  padding-top: 2rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pt-4 {
  padding-top: 4rem !important;
}
.pt-5 {
  padding-top: 5rem !important;
}
.pt-6 {
  padding-top: 6rem !important;
}
.pt-7 {
  padding-top: 7rem !important;
}
.pt-8 {
  padding-top: 8rem !important;
}
.pb-0 {
  padding-bottom: 0rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pb-2 {
  padding-bottom: 2rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pb-4 {
  padding-bottom: 4rem !important;
}
.pb-5 {
  padding-bottom: 5rem !important;
}
.pb-6 {
  padding-bottom: 6rem !important;
}
.pb-7 {
  padding-bottom: 7rem !important;
}
.pb-8 {
  padding-bottom: 8rem !important;
}
.pl-0 {
  padding-left: 0rem;
}
.pl-1 {
  padding-left: 1rem;
}
.pl-2 {
  padding-left: 2rem;
}
.pl-3 {
  padding-left: 3rem;
}
.pl-4 {
  padding-left: 4rem;
}
.pl-5 {
  padding-left: 5rem;
}
.pl-6 {
  padding-left: 6rem;
}
.pl-7 {
  padding-left: 7rem;
}
.pl-8 {
  padding-left: 8rem;
}
.pr-0 {
  padding-right: 0rem;
}
.pr-1 {
  padding-right: 1rem;
}
.pr-2 {
  padding-right: 2rem;
}
.pr-3 {
  padding-right: 3rem;
}
.pr-4 {
  padding-right: 4rem;
}
.pr-5 {
  padding-right: 5rem;
}
.pr-6 {
  padding-right: 6rem;
}
.pr-7 {
  padding-right: 7rem;
}
.pr-8 {
  padding-right: 8rem;
}
.mt-0 {
  margin-top: 0rem;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}
.mt-6 {
  margin-top: 6rem;
}
.mt-7 {
  margin-top: 7rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mb-0 {
  margin-bottom: 0rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mb-4 {
  margin-bottom: 4rem;
}
.mb-5 {
  margin-bottom: 5rem;
}
.mb-6 {
  margin-bottom: 6rem;
}
.mb-7 {
  margin-bottom: 7rem;
}
.mb-8 {
  margin-bottom: 8rem;
}
.marginauto {
  margin: auto;
}
.title--block {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.title--block h1 {
  font-family: 'KievitWebPro-Medium', Helvetica, Arial;
}
.title--block h1 strong {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
}
.title--block p {
  font-size: 22px;
  font-size: 2.2rem;
}
h1.main-title {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  color: #000;
  margin-bottom: 4rem;
}
.txt-font-book {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
}
.text-white {
  color: #ffffff;
}
.col-md-5th,
.col-lg-5th,
.col-xl-5th {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .col-md-5th {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .col-lg-5th {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5th {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.btn-link-arrow-down {
  position: relative;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  text-decoration: none;
}
.btn-link-arrow-down:after {
  content: "\e944";
  font-family: "avira_icons";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  position: relative;
  top: 0;
  z-index: 1;
  margin-left: 15px;
  display: inline-block;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.btn-link-arrow-down.active:after {
  -webkit-transform: rotate(630deg);
  -ms-transform: rotate(630deg);
  -o-transform: rotate(630deg);
  transform: rotate(630deg);
}
.btn-link-arrow-up-fix {
  position: relative;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  text-decoration: none;
}
.btn-link-arrow-up-fix:after {
  content: "\e944";
  font-family: "avira_icons";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  position: relative;
  top: -1px;
  z-index: 1;
  margin-left: 15px;
  display: inline-block;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grey-background {
  background-color: grey;
}
/* ---------- [11] TYPE & TYPOGRAPHY                 ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [12] ICONS                             ---------- */
@font-face {
  font-family: 'avira_icons';
  font-display: block;
  src: url('../fonts/avira_icons/avira_icons.eot?75fixw');
  src: url('../fonts/avira_icons/avira_icons.eot?75fixw#iefix') format('embedded-opentype'), url('../fonts/avira_icons/avira_icons.ttf?75fixw') format('truetype'), url('../fonts/avira_icons/avira_icons.woff?75fixw') format('woff'), url('../fonts/avira_icons/avira_icons.svg?75fixw#avira_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="avr-ic-"],
[class*=" avr-ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'avira_icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.avr-ic-hand-cube:before {
  content: "\e9e7";
}
.avr-ic-operator:before {
  content: "\e9e8";
}
.avr-ic-tablet-list-check:before {
  content: "\e9e9";
}
.avr-ic-home-security:before {
  content: "\e9e5";
}
.avr-ic-security-network:before {
  content: "\e9e6";
}
.avr-ic-magnifier-x:before {
  content: "\e9e2";
}
.avr-ic-paper-clip-x:before {
  content: "\e9e3";
}
.avr-ic-pin-location-x:before {
  content: "\e9e4";
}
.avr-ic-chrome:before {
  content: "\e9dd";
}
.avr-ic-firefox:before {
  content: "\e9de";
}
.avr-ic-lock-auth:before {
  content: "\e9df";
}
.avr-ic-opera:before {
  content: "\e9e0";
}
.avr-ic-shield-lock:before {
  content: "\e9e1";
}
.avr-ic-shield-arrows-pair:before {
  content: "\e9d9";
}
.avr-ic-updates-cog:before {
  content: "\e9dc";
}
.avr-ic-card-warning:before {
  content: "\e9d5";
}
.avr-ic-cart-warning:before {
  content: "\e9d6";
}
.avr-ic-code-inspect:before {
  content: "\e9d7";
}
.avr-ic-envelope-warning:before {
  content: "\e9d8";
}
.avr-ic-support-silhouette:before {
  content: "\e9da";
}
.avr-ic-withdraw-money:before {
  content: "\e9db";
}
.avr-ic-app-manager:before {
  content: "\e9b9";
}
.avr-ic-auto-activate:before {
  content: "\e9ba";
}
.avr-ic-battery-saving:before {
  content: "\e9bb";
}
.avr-ic-device-cleaner-display:before {
  content: "\e9bc";
}
.avr-ic-disk-cleaner:before {
  content: "\e9bd";
}
.avr-ic-disk-wiper:before {
  content: "\e9be";
}
.avr-ic-duplicate-finder:before {
  content: "\e9bf";
}
.avr-ic-encrypt-files:before {
  content: "\e9c0";
}
.avr-ic-energy-saver:before {
  content: "\e9c1";
}
.avr-ic-file-cleaner:before {
  content: "\e9c2";
}
.avr-ic-file-shredder:before {
  content: "\e9c3";
}
.avr-ic-history-eraser:before {
  content: "\e9c4";
}
.avr-ic-informative-bubble:before {
  content: "\e9c5";
}
.avr-ic-junk-bin:before {
  content: "\e9c6";
}
.avr-ic-largefile-finder:before {
  content: "\e9c7";
}
.avr-ic-lightbulb:before {
  content: "\e9c8";
}
.avr-ic-memory-booster:before {
  content: "\e9c9";
}
.avr-ic-mouse-pointer:before {
  content: "\e9ca";
}
.avr-ic-no-ads:before {
  content: "\e9cb";
}
.avr-ic-old-clock:before {
  content: "\e9cc";
}
.avr-ic-onwatch:before {
  content: "\e9cd";
}
.avr-ic-phone-overheating:before {
  content: "\e9ce";
}
.avr-ic-power-boost:before {
  content: "\e9cf";
}
.avr-ic-privacy-cleaner:before {
  content: "\e9d0";
}
.avr-ic-registry-cleaner:before {
  content: "\e9d1";
}
.avr-ic-smart-lock:before {
  content: "\e9d2";
}
.avr-ic-speed-watch:before {
  content: "\e9d3";
}
.avr-ic-windows-mode:before {
  content: "\e9d4";
}
.avr-ic-gaming-laptop:before {
  content: "\e9b6";
}
.avr-ic-laptop-stability:before {
  content: "\e9b7";
}
.avr-ic-maintenance:before {
  content: "\e9b8";
}
.avr-ic-battery-booster:before {
  content: "\e9b3";
}
.avr-ic-device-cleaner:before {
  content: "\e9b4";
}
.avr-ic-optimizer-watch:before {
  content: "\e9b5";
}
.avr-ic-bundlles:before {
  content: "\e9b2";
}
.avr-ic-info:before {
  content: "\e9b1";
}
.avr-ic-trustpilot-star:before {
  content: "\e9b0";
}
.avr-ic-envelope-simple:before {
  content: "\e9af";
}
.avr-ic-id-protection:before {
  content: "\e9ae";
}
.avr-ic-dancing-shapes:before {
  content: "\e9aa";
}
.avr-ic-headphones:before {
  content: "\e9ab";
}
.avr-ic-magnet:before {
  content: "\e9ac";
}
.avr-ic-multidevice-2:before {
  content: "\e9ad";
}
.avr-ic-android-ios-only:before {
  content: "\e9a4";
}
.avr-ic-kill-switch:before {
  content: "\e9a5";
}
.avr-ic-left-right-arrows:before {
  content: "\e9a6";
}
.avr-ic-multidevice:before {
  content: "\e9a7";
}
.avr-ic-uncensored:before {
  content: "\e9a8";
}
.avr-ic-unhackable:before {
  content: "\e9a9";
}
.avr-ic-no-logs:before {
  content: "\e9a3";
}
.avr-ic-connect-securely:before {
  content: "\e9a0";
}
.avr-ic-surf-anon:before {
  content: "\e9a1";
}
.avr-ic-unlock-website:before {
  content: "\e9a2";
}
.avr-ic-browser-tracking:before {
  content: "\e99d";
}
.avr-ic-piggy-bank:before {
  content: "\e99e";
}
.avr-ic-safe-things:before {
  content: "\e99f";
}
.avr-ic-performance-graph:before {
  content: "\e99c";
}
.avr-ic-early-adopters:before {
  content: "\e986";
}
.avr-ic-fix-vulnerabilities:before {
  content: "\e987";
}
.avr-ic-hacker-adverse:before {
  content: "\e988";
}
.avr-ic-movie-streamers:before {
  content: "\e989";
}
.avr-ic-privacy-minded:before {
  content: "\e98a";
}
.avr-ic-privacy-overview:before {
  content: "\e98b";
}
.avr-ic-protect-ransomware:before {
  content: "\e98c";
}
.avr-ic-safe-shopping-cart:before {
  content: "\e98d";
}
.avr-ic-scans-prv-vulnerabil:before {
  content: "\e98e";
}
.avr-ic-secure-surfing-shopping:before {
  content: "\e98f";
}
.avr-ic-security-aware:before {
  content: "\e990";
}
.avr-ic-you-control:before {
  content: "\e991";
}
.avr-ic-circle-arrows:before {
  content: "\e992";
}
.avr-ic-email-protection:before {
  content: "\e993";
}
.avr-ic-full-speed-watch:before {
  content: "\e994";
}
.avr-ic-home-guard-product-icon:before {
  content: "\e995";
}
.avr-ic-need-speed-watch:before {
  content: "\e996";
}
.avr-ic-performance-watch:before {
  content: "\e997";
}
.avr-ic-privacy-pal:before {
  content: "\e998";
}
.avr-ic-safeshopping-final:before {
  content: "\e999";
}
.avr-ic-support-24h:before {
  content: "\e99a";
}
.avr-ic-wireless-signal:before {
  content: "\e99b";
}
.avr-ic-german-map:before {
  content: "\e984";
}
.avr-ic-light-feather:before {
  content: "\e985";
}
.avr-ic-devices-6:before {
  content: "\e981";
}
.avr-ic-households-700k:before {
  content: "\e982";
}
.avr-ic-percent-routers-25:before {
  content: "\e983";
}
.avr-ic-to-5:before {
  content: "\e97f";
}
.avr-ic-m:before {
  content: "\e980";
}
.avr-ic-comfor:before {
  content: "\e97c";
}
.avr-ic-double-strong:before {
  content: "\e97d";
}
.avr-ic-savings:before {
  content: "\e97e";
}
.avr-ic-money-back:before {
  content: "\e97b";
}
.avr-ic-more-storage:before {
  content: "\e978";
}
.avr-ic-performance-odometer:before {
  content: "\e979";
}
.avr-ic-private-surfing:before {
  content: "\e97a";
}
.avr-ic-easy-element:before {
  content: "\e973";
}
.avr-ic-simple-element:before {
  content: "\e974";
}
.avr-ic-best-price-ic:before {
  content: "\e975";
}
.avr-ic-coupon-ic:before {
  content: "\e976";
}
.avr-ic-safe-shopping-ic:before {
  content: "\e977";
}
.avr-ic-envelope-wave:before {
  content: "\e972";
}
.avr-ic-pointy-star:before {
  content: "\e971";
}
.avr-ic-hook:before {
  content: "\e96d";
}
.avr-ic-shield-spider:before {
  content: "\e96e";
}
.avr-ic-three-cogs:before {
  content: "\e96c";
}
.avr-ic-check-circle:before {
  content: "\e969";
}
.avr-ic-hand-waves:before {
  content: "\e96a";
}
.avr-ic-smart-element:before {
  content: "\e96b";
}
.avr-ic-star-full:before {
  content: "\e968";
}
.avr-ic-misplaced-phone:before {
  content: "\e964";
}
.avr-ic-unlocked-phone:before {
  content: "\e966";
}
.avr-ic-unwanted-msg:before {
  content: "\e967";
}
.avr-ic-found-phone:before {
  content: "\e962";
}
.avr-ic-lost-phone:before {
  content: "\e963";
}
.avr-ic-stolen-phone:before {
  content: "\e965";
}
.avr-ic-battery-ic:before {
  content: "\e961";
}
.avr-ic-hard-disk-ic:before {
  content: "\e96f";
}
.avr-ic-start-up-ic:before {
  content: "\e970";
}
.avr-ic-globe:before {
  content: "\e95f";
}
.avr-ic-my-account:before {
  content: "\e960";
}
.avr-ic-cloud-scanning:before {
  content: "\e95e";
}
.avr-ic-adware:before {
  content: "\e94d";
}
.avr-ic-berlin_monument:before {
  content: "\e94e";
}
.avr-ic-cloud-running:before {
  content: "\e94f";
}
.avr-ic-cog-head:before {
  content: "\e950";
}
.avr-ic-empty_star:before {
  content: "\e951";
}
.avr-ic-ios:before {
  content: "\e952";
}
.avr-ic-nextgen-ai:before {
  content: "\e953";
}
.avr-ic-phishing:before {
  content: "\e954";
}
.avr-ic-pua-shield:before {
  content: "\e955";
}
.avr-ic-ransomware:before {
  content: "\e956";
}
.avr-ic-rootkits:before {
  content: "\e957";
}
.avr-ic-scanner:before {
  content: "\e958";
}
.avr-ic-security-cog:before {
  content: "\e959";
}
.avr-ic-spyware:before {
  content: "\e95a";
}
.avr-ic-trident:before {
  content: "\e95b";
}
.avr-ic-trojans:before {
  content: "\e95c";
}
.avr-ic-worms:before {
  content: "\e95d";
}
.avr-ic-icn-fingerprint:before {
  content: "\e949";
}
.avr-ic-icn-identity-safe:before {
  content: "\e94a";
}
.avr-ic-icn-safe-shop:before {
  content: "\e94c";
}
.avr-ic-circle-x:before {
  content: "\e947";
}
.avr-ic-bypass:before {
  content: "\e945";
}
.avr-ic-online-privacy:before {
  content: "\e946";
}
.avr-ic-online-security:before {
  content: "\e948";
}
.avr-ic-streaming:before {
  content: "\e94b";
}
.avr-ic-arrow-slim-left:before {
  content: "\e943";
}
.avr-ic-arrow-slim-right:before {
  content: "\e944";
}
.avr-ic-vpn-anonymity:before {
  content: "\e93b";
}
.avr-ic-vpn-info-gathering:before {
  content: "\e93c";
}
.avr-ic-vpn-local-network:before {
  content: "\e93d";
}
.avr-ic-vpn-networking:before {
  content: "\e93e";
}
.avr-ic-vpn-policeman:before {
  content: "\e93f";
}
.avr-ic-vpn-pos:before {
  content: "\e940";
}
.avr-ic-vpn-resources:before {
  content: "\e941";
}
.avr-ic-vpn-undercover:before {
  content: "\e942";
}
.avr-ic-windows_device:before {
  content: "\e93a";
}
.avr-ic-folder:before {
  content: "\e937";
}
.avr-ic-cog:before {
  content: "\e938";
}
.avr-ic-cloud:before {
  content: "\e939";
}
.avr-ic-round-checkmark-new:before {
  content: "\e936";
}
.avr-ic-mobile_ios:before {
  content: "\e933";
}
.avr-ic-mac-dsk:before {
  content: "\e934";
}
.avr-ic-id_scan:before {
  content: "\e935";
}
.avr-ic-abs:before {
  content: "\e923";
}
.avr-ic-av:before {
  content: "\e924";
}
.avr-ic-expl:before {
  content: "\e925";
}
.avr-ic-firewall:before {
  content: "\e926";
}
.avr-ic-id:before {
  content: "\e927";
}
.avr-ic-applock:before {
  content: "\e928";
}
.avr-ic-PWM:before {
  content: "\e929";
}
.avr-ic-soft_updater:before {
  content: "\e92a";
}
.avr-ic-ss:before {
  content: "\e92b";
}
.avr-ic-swu:before {
  content: "\e92c";
}
.avr-ic-vault_2:before {
  content: "\e92d";
}
.avr-ic-vault:before {
  content: "\e92e";
}
.avr-ic-vpn:before {
  content: "\e92f";
}
.avr-ic-antitheft:before {
  content: "\e930";
}
.avr-ic-mobile_android:before {
  content: "\e931";
}
.avr-ic-windows:before {
  content: "\e932";
}
.avr-ic-XL_video:before {
  content: "\e900";
}
.avr-ic-XL_multidevice:before {
  content: "\e901";
}
.avr-ic-XL_encryption:before {
  content: "\e902";
}
.avr-ic-XL_browser_shield:before {
  content: "\e903";
}
.avr-ic-umbrella:before {
  content: "\e904";
}
.avr-ic-hexa_outline:before {
  content: "\e905";
}
.avr-ic-hexa_full:before {
  content: "\e906";
}
.avr-ic-android:before {
  content: "\e907";
}
.avr-ic-apple:before {
  content: "\e908";
}
.avr-ic-arrow_down:before {
  content: "\e909";
}
.avr-ic-arrow_left:before {
  content: "\e90a";
}
.avr-ic-arrow_right:before {
  content: "\e90b";
}
.avr-ic-arrow_up:before {
  content: "\e90c";
}
.avr-ic-arrow_xs_down:before {
  content: "\e90d";
}
.avr-ic-arrow_xs_left:before {
  content: "\e90e";
}
.avr-ic-arrow_xs_right:before {
  content: "\e90f";
}
.avr-ic-arrow_xs_top:before {
  content: "\e910";
}
.avr-ic-browser_shield:before {
  content: "\e911";
}
.avr-ic-checkmark:before {
  content: "\e912";
}
.avr-ic-checkmark_full:before {
  content: "\e913";
}
.avr-ic-feat_01:before {
  content: "\e914";
}
.avr-ic-feat_02:before {
  content: "\e915";
}
.avr-ic-feat_03:before {
  content: "\e916";
}
.avr-ic-feat_04:before {
  content: "\e917";
}
.avr-ic-long_arrow_down:before {
  content: "\e918";
}
.avr-ic-long_arrow_left:before {
  content: "\e919";
}
.avr-ic-long_arrow_right:before {
  content: "\e91a";
}
.avr-ic-long_arrow_up:before {
  content: "\e91b";
}
.avr-ic-social_fb:before {
  content: "\e91c";
}
.avr-ic-social_google:before {
  content: "\e91d";
}
.avr-ic-social_linkedin:before {
  content: "\e91e";
}
.avr-ic-social_pinterest:before {
  content: "\e91f";
}
.avr-ic-social_tw:before {
  content: "\e920";
}
.avr-ic-video:before {
  content: "\e921";
}
.avr-ic-win:before {
  content: "\e922";
}
/* ---------- [12] ICONS                             ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [31] BUTTONS                           ---------- */
.btn {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  padding-top: 17px;
  padding-bottom: 13px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: normal;
}
.btn-default {
  color: #3aacfc;
  background-color: #ededed;
  border-color: #ededed;
  box-shadow: 0 4px 0 0 #a3a3a3;
}
.btn-default:focus,
.btn-default.focus {
  color: #3aacfc;
  background-color: #d4d4d4;
  border-color: #adadad;
}
.btn-default:hover {
  color: #3aacfc;
  background-color: #d4d4d4;
  border-color: #cecece;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #3aacfc;
  background-color: #d4d4d4;
  border-color: #cecece;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #3aacfc;
  background-color: #c2c2c2;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ededed;
  border-color: #ededed;
}
.btn-default .badge {
  color: #ededed;
  background-color: #3aacfc;
}
.btn-default:focus,
.btn-default.focus {
  color: #3aacfc;
  background-color: #ededed;
  border-color: #ededed;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active {
  background-color: #fff;
  border: 1px solid #ededed;
  box-shadow: 0 4px 0 0 #a3a3a3;
}
.btn-default:hover:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:hover:focus,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:hover.focus,
.btn-default:active.focus,
.btn-default.active.focus {
  background-color: #fff;
  border: 1px solid #ededed;
}
.btn-default-white {
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 4px 0 0 #a3a3a3;
}
.btn-default-white:focus,
.btn-default-white.focus {
  background-color: #f3f3f3 !important;
}
.btn-default-white:hover,
.btn-default-white:active,
.btn-default-white.active {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  box-shadow: 0 4px 0 0 #a3a3a3;
}
.btn-default-white:hover:hover,
.btn-default-white:active:hover,
.btn-default-white.active:hover,
.btn-default-white:hover:focus,
.btn-default-white:active:focus,
.btn-default-white.active:focus,
.btn-default-white:hover.focus,
.btn-default-white:active.focus,
.btn-default-white.active.focus {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
}
.btn-staging {
  color: #fff;
  background-color: #22bd03;
  border-color: #22bd03;
  box-shadow: 0 4px 0 0 #1ea303;
}
.btn-staging:focus,
.btn-staging.focus {
  color: #fff;
  background-color: #198b02;
  border-color: #0b3f01;
}
.btn-staging:hover {
  color: #fff;
  background-color: #198b02;
  border-color: #178102;
}
.btn-staging:active,
.btn-staging.active,
.open > .dropdown-toggle.btn-staging {
  color: #fff;
  background-color: #198b02;
  border-color: #178102;
}
.btn-staging:active:hover,
.btn-staging.active:hover,
.open > .dropdown-toggle.btn-staging:hover,
.btn-staging:active:focus,
.btn-staging.active:focus,
.open > .dropdown-toggle.btn-staging:focus,
.btn-staging:active.focus,
.btn-staging.active.focus,
.open > .dropdown-toggle.btn-staging.focus {
  color: #fff;
  background-color: #136802;
  border-color: #0b3f01;
}
.btn-staging:active,
.btn-staging.active,
.open > .dropdown-toggle.btn-staging {
  background-image: none;
}
.btn-staging.disabled:hover,
.btn-staging[disabled]:hover,
fieldset[disabled] .btn-staging:hover,
.btn-staging.disabled:focus,
.btn-staging[disabled]:focus,
fieldset[disabled] .btn-staging:focus,
.btn-staging.disabled.focus,
.btn-staging[disabled].focus,
fieldset[disabled] .btn-staging.focus {
  background-color: #22bd03;
  border-color: #22bd03;
}
.btn-staging .badge {
  color: #22bd03;
  background-color: #fff;
}
.btn-staging:focus,
.btn-staging.focus {
  color: #fff;
  background-color: #22bd03;
  border-color: #22bd03;
}
.btn-staging:hover,
.btn-staging:active,
.btn-staging.active {
  background-color: #27d604;
  border-color: #27d604;
  box-shadow: 0 4px 0 0 #1ea303;
}
.btn-staging:hover:hover,
.btn-staging:active:hover,
.btn-staging.active:hover,
.btn-staging:hover:focus,
.btn-staging:active:focus,
.btn-staging.active:focus,
.btn-staging:hover.focus,
.btn-staging:active.focus,
.btn-staging.active.focus {
  background-color: #27d604;
  border-color: #27d604;
}
@media (min-width: 768px) {
  .btn-staging {
    color: #3aacfc;
    background-color: #ededed;
    border-color: #ededed;
    box-shadow: 0 4px 0 0 #a3a3a3;
  }
  .btn-staging:focus,
  .btn-staging.focus {
    color: #3aacfc;
    background-color: #d4d4d4;
    border-color: #adadad;
  }
  .btn-staging:hover {
    color: #3aacfc;
    background-color: #d4d4d4;
    border-color: #cecece;
  }
  .btn-staging:active,
  .btn-staging.active,
  .open > .dropdown-toggle.btn-staging {
    color: #3aacfc;
    background-color: #d4d4d4;
    border-color: #cecece;
  }
  .btn-staging:active:hover,
  .btn-staging.active:hover,
  .open > .dropdown-toggle.btn-staging:hover,
  .btn-staging:active:focus,
  .btn-staging.active:focus,
  .open > .dropdown-toggle.btn-staging:focus,
  .btn-staging:active.focus,
  .btn-staging.active.focus,
  .open > .dropdown-toggle.btn-staging.focus {
    color: #3aacfc;
    background-color: #c2c2c2;
    border-color: #adadad;
  }
  .btn-staging:active,
  .btn-staging.active,
  .open > .dropdown-toggle.btn-staging {
    background-image: none;
  }
  .btn-staging.disabled:hover,
  .btn-staging[disabled]:hover,
  fieldset[disabled] .btn-staging:hover,
  .btn-staging.disabled:focus,
  .btn-staging[disabled]:focus,
  fieldset[disabled] .btn-staging:focus,
  .btn-staging.disabled.focus,
  .btn-staging[disabled].focus,
  fieldset[disabled] .btn-staging.focus {
    background-color: #ededed;
    border-color: #ededed;
  }
  .btn-staging .badge {
    color: #ededed;
    background-color: #3aacfc;
  }
  .btn-staging:focus,
  .btn-staging.focus {
    color: #3aacfc;
    background-color: #ededed;
    border-color: #ededed;
  }
  .btn-staging:hover,
  .btn-staging:active,
  .btn-staging.active {
    background-color: #fff;
    border: 1px solid #ededed;
    box-shadow: 0 4px 0 0 #a3a3a3;
  }
  .btn-staging:hover:hover,
  .btn-staging:active:hover,
  .btn-staging.active:hover,
  .btn-staging:hover:focus,
  .btn-staging:active:focus,
  .btn-staging.active:focus,
  .btn-staging:hover.focus,
  .btn-staging:active.focus,
  .btn-staging.active.focus {
    background-color: #fff;
    border: 1px solid #ededed;
  }
}
.btn-primary {
  color: #fff;
  background-color: #22bd03;
  border-color: #22bd03;
  box-shadow: 0 4px 0 0 #1ea303;
  margin-bottom: 4px;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #198b02;
  border-color: #0b3f01;
}
.btn-primary:hover {
  color: #fff;
  background-color: #198b02;
  border-color: #178102;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #198b02;
  border-color: #178102;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #136802;
  border-color: #0b3f01;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #22bd03;
  border-color: #22bd03;
}
.btn-primary .badge {
  color: #22bd03;
  background-color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #22bd03;
  border-color: #22bd03;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  background-color: #27d604;
  border-color: #27d604;
  box-shadow: 0 4px 0 0 #1ea303;
}
.btn-primary:hover:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:hover:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:hover.focus,
.btn-primary:active.focus,
.btn-primary.active.focus {
  background-color: #27d604;
  border-color: #27d604;
}
.btn-flat {
  color: #3aacfc;
  background-color: transparent;
  border-color: #3aacfc;
}
.btn-flat:focus,
.btn-flat.focus {
  color: #3aacfc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #036bb4;
}
.btn-flat:hover {
  color: #3aacfc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0492f5;
}
.btn-flat:active,
.btn-flat.active,
.open > .dropdown-toggle.btn-flat {
  color: #3aacfc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0492f5;
}
.btn-flat:active:hover,
.btn-flat.active:hover,
.open > .dropdown-toggle.btn-flat:hover,
.btn-flat:active:focus,
.btn-flat.active:focus,
.open > .dropdown-toggle.btn-flat:focus,
.btn-flat:active.focus,
.btn-flat.active.focus,
.open > .dropdown-toggle.btn-flat.focus {
  color: #3aacfc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #036bb4;
}
.btn-flat:active,
.btn-flat.active,
.open > .dropdown-toggle.btn-flat {
  background-image: none;
}
.btn-flat.disabled:hover,
.btn-flat[disabled]:hover,
fieldset[disabled] .btn-flat:hover,
.btn-flat.disabled:focus,
.btn-flat[disabled]:focus,
fieldset[disabled] .btn-flat:focus,
.btn-flat.disabled.focus,
.btn-flat[disabled].focus,
fieldset[disabled] .btn-flat.focus {
  background-color: transparent;
  border-color: #3aacfc;
}
.btn-flat .badge {
  color: transparent;
  background-color: #3aacfc;
}
.btn-flat:hover,
.btn-flat:active,
.btn-flat.active {
  background-color: rgba(58, 172, 252, 0.1);
}
.btn-flat-white {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-flat-white:focus,
.btn-flat-white.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}
.btn-flat-white:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-flat-white:active,
.btn-flat-white.active,
.open > .dropdown-toggle.btn-flat-white {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-flat-white:active:hover,
.btn-flat-white.active:hover,
.open > .dropdown-toggle.btn-flat-white:hover,
.btn-flat-white:active:focus,
.btn-flat-white.active:focus,
.open > .dropdown-toggle.btn-flat-white:focus,
.btn-flat-white:active.focus,
.btn-flat-white.active.focus,
.open > .dropdown-toggle.btn-flat-white.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}
.btn-flat-white:active,
.btn-flat-white.active,
.open > .dropdown-toggle.btn-flat-white {
  background-image: none;
}
.btn-flat-white.disabled:hover,
.btn-flat-white[disabled]:hover,
fieldset[disabled] .btn-flat-white:hover,
.btn-flat-white.disabled:focus,
.btn-flat-white[disabled]:focus,
fieldset[disabled] .btn-flat-white:focus,
.btn-flat-white.disabled.focus,
.btn-flat-white[disabled].focus,
fieldset[disabled] .btn-flat-white.focus {
  background-color: transparent;
  border-color: #fff;
}
.btn-flat-white .badge {
  color: transparent;
  background-color: #fff;
}
.btn-flat-white:hover,
.btn-flat-white:active,
.btn-flat-white.active {
  background-color: rgba(58, 172, 252, 0.1);
}
.btn-info {
  color: #fff;
  background-color: #3aacfc;
  border-color: #3aacfc;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #0897fb;
  border-color: #036bb4;
}
.btn-info:hover {
  color: #fff;
  background-color: #0897fb;
  border-color: #0492f5;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #0897fb;
  border-color: #0492f5;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #0383dc;
  border-color: #036bb4;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #3aacfc;
  border-color: #3aacfc;
}
.btn-info .badge {
  color: #3aacfc;
  background-color: #fff;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active {
  background-color: #5dbbfd;
  border-color: #5dbbfd;
}
.btn-info:hover:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:hover:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:hover.focus,
.btn-info:active.focus,
.btn-info.active.focus {
  background-color: #5dbbfd;
  border-color: #5dbbfd;
}
.btn-pill {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 100px;
  box-shadow: none;
}
.btn-pill:hover,
.btn-pill:active {
  box-shadow: none;
}
.btn-pill.has-windows {
  padding-left: 50px;
  padding-right: 55px;
}
.btn-pill.has-windows:before {
  display: none;
}
.btn-pill.has-windows:after {
  font-size: 16px;
  margin-top: -11px;
}
.has-arrow {
  position: relative;
  overflow: hidden;
  padding-left: 65px;
  padding-right: 65px;
}
.has-arrow:after,
.has-arrow:before {
  content: "\e91a";
  font-family: "avira_icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
}
.has-arrow:after {
  right: 20px;
}
.has-arrow:before {
  right: 45px;
  opacity: 0;
}
@keyframes arrow-move-after {
  50% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    transform: translate(100px, 0);
  }
}
@keyframes arrow-move-before {
  100% {
    -webkit-transform: translate(25px, 0);
    -ms-transform: translate(25px, 0);
    -o-transform: translate(25px, 0);
    transform: translate(25px, 0);
    opacity: 1;
  }
}
.has-arrow:hover:after,
.has-arrow:focus:after,
.has-arrow:active:hover:after {
  -webkit-animation-name: arrow-move-after;
  animation-name: arrow-move-after;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.has-arrow:hover:before,
.has-arrow:focus:before {
  -webkit-animation-name: arrow-move-before;
  animation-name: arrow-move-before;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.has-windows {
  position: relative;
  overflow: hidden;
  padding-right: 77px;
}
.has-windows:after {
  content: "\e922";
  font-family: "avira_icons";
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
}
.has-windows:before {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.has-windows.btn-flat:before,
.has-windows.btn-default:before {
  background-color: #dbd9d9;
}
.has-android {
  position: relative;
  overflow: hidden;
  padding-right: 77px;
}
.has-android:after {
  content: "\e907";
  font-family: "avira_icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 20px;
}
.has-android:before {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.has-android.btn-flat:before,
.has-android.btn-default:before {
  background-color: #dbd9d9;
}
.has-ios {
  position: relative;
  overflow: hidden;
  padding-right: 77px;
}
.has-ios:after {
  content: "\e908";
  font-family: "avira_icons";
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 20px;
}
.has-ios:before {
  content: "";
  position: absolute;
  right: 60px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.has-ios.btn-flat:before,
.has-ios.btn-default:before {
  background-color: #dbd9d9;
}
.has-dropdown {
  position: relative;
  padding-right: 70px;
}
.has-dropdown:after {
  content: "\e90d";
  font-family: "avira_icons";
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 20px;
}
.has-dropdown:before {
  content: "";
  position: absolute;
  right: 55px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.has-dropdown.btn-flat:before,
.has-dropdown.btn-default:before {
  background-color: #dbd9d9;
}
.btn-price {
  height: 55px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.btn-price--left {
  flex: 1;
}
.btn-price--right {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
  flex: 0.4;
}
.btn-price--right:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
}
.btn-price.btn-default .btn-price--right:before {
  background: rgba(163, 163, 163, 0.3);
}
.btn-fixed-width {
  min-width: 278px;
}
.btn-fixed-width-small {
  min-width: 250px;
}
.btn-large {
  padding-left: 65px;
  padding-right: 65px;
}
.btn-icon-large {
  padding-left: 30px;
  padding-right: 90px;
}
.btn-extralarge {
  padding-left: 65px;
  padding-right: 65px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 22px;
  line-height: 1.3333333;
}
.btn-extralarge.has-arrow {
  padding-right: 100px;
}
.btn-sm {
  padding: 9px 4px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-sm.has-arrow {
  padding-right: 65px;
  padding-left: 20px;
}
.btn-sm.has-arrow:after,
.btn-sm.has-arrow:before {
  font-size: 18px;
}
.btn-xs {
  padding: 7px 9px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
}
.btn-xs.has-arrow {
  padding-right: 65px;
  padding-left: 65px;
}
.btn-xs.has-arrow:after,
.btn-xs.has-arrow:before {
  font-size: 16px;
}
.btn-link {
  color: #3aacfc;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #3aacfc;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #bbbbbb;
  text-decoration: none;
}
.btn-link-plus,
.btn-link-x {
  padding-right: 30px;
  position: relative;
}
.btn-link-plus:before,
.btn-link-x:before {
  content: "";
  background-color: #fff;
  position: absolute;
  right: 4px;
  top: 6px;
  width: 11px;
  height: 11px;
}
.btn-link-plus:after,
.btn-link-x:after {
  content: "\e917";
  font-family: "avira_icons";
  font-size: 20px;
  position: absolute;
  right: 0;
  top: -2px;
  z-index: 1;
}
.btn-link-x:after {
  content: "\e947";
}
.btn-link-arrow {
  position: relative;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  text-decoration: none;
}
.btn-link-arrow:after {
  content: "\e944";
  font-family: "avira_icons";
  font-size: 14px;
  position: relative;
  top: 1px;
  z-index: 1;
  margin-left: 8px;
  display: inline-block;
}
.btn-link-arrow:hover {
  text-decoration: underline;
}
.btn-link-arrow-reverse {
  padding-left: 10px;
  position: relative;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  text-decoration: none;
}
.btn-link-arrow-reverse:after {
  content: "\e90e";
  font-family: "avira_icons";
  font-size: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  margin-top: -3px;
}
.btn-link-arrow-reverse:hover {
  text-decoration: underline;
}
.btn-link-white {
  color: #fff;
}
.btn-link-white:hover {
  color: #fff;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-fat {
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
}
.btn-fat span {
  display: block;
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .has-android-switch,
  .has-ios-switch {
    height: 60px;
    min-width: auto !important;
    background-color: transparent !important;
    border: none;
    box-shadow: none !important;
    transition: none;
    border-radius: 0;
    text-indent: -9999px;
    background-size: cover;
    padding: 0;
  }
  .has-android-switch:focus,
  .has-ios-switch:focus,
  .has-android-switch.focus,
  .has-ios-switch.focus {
    background-color: transparent;
    border: none;
  }
  .has-android-switch:hover,
  .has-ios-switch:hover,
  .has-android-switch:active,
  .has-ios-switch:active,
  .has-android-switch.active,
  .has-ios-switch.active {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .has-android-switch:hover:hover,
  .has-ios-switch:hover:hover,
  .has-android-switch:active:hover,
  .has-ios-switch:active:hover,
  .has-android-switch.active:hover,
  .has-ios-switch.active:hover,
  .has-android-switch:hover:focus,
  .has-ios-switch:hover:focus,
  .has-android-switch:active:focus,
  .has-ios-switch:active:focus,
  .has-android-switch.active:focus,
  .has-ios-switch.active:focus,
  .has-android-switch:hover.focus,
  .has-ios-switch:hover.focus,
  .has-android-switch:active.focus,
  .has-ios-switch:active.focus,
  .has-android-switch.active.focus,
  .has-ios-switch.active.focus {
    background-color: transparent;
    border: none;
  }
  .has-android-switch:after,
  .has-ios-switch:after,
  .has-android-switch:before,
  .has-ios-switch:before {
    display: none;
  }
  .has-android-switch,
  .has-android-switch:active {
    background-image: url("../../images/2x/google_play_btn.png");
    width: 201px !important;
  }
  .has-ios-switch,
  .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn.png");
    width: 180px !important;
  }
  .lang-de .has-android-switch,
  .lang-de .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_de.png");
  }
  .lang-es .has-android-switch,
  .lang-es .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_es.png");
  }
  .lang-fr .has-android-switch,
  .lang-fr .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_fr.png");
  }
  .lang-it .has-android-switch,
  .lang-it .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_it.png");
  }
  .lang-ja .has-android-switch,
  .lang-ja .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_ja.png");
  }
  .lang-pt-br .has-android-switch,
  .lang-pt-br .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_pt-br.png");
  }
  .lang-ru .has-android-switch,
  .lang-ru .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_ru.png");
  }
  .lang-tr .has-android-switch,
  .lang-tr .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_tr.png");
  }
  .lang-zh-cn .has-android-switch,
  .lang-zh-cn .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_zh_cn.png");
  }
  .lang-zh-tw .has-android-switch,
  .lang-zh-tw .has-android-switch:active {
    background-image: url("../../images/2x/google-play-badge_zh_tw.png");
  }
  .lang-de .has-ios-switch,
  .lang-de .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_de.png");
    width: 203px !important;
  }
  .lang-es .has-ios-switch,
  .lang-es .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_es.png");
    width: 203px !important;
  }
  .lang-fr .has-ios-switch,
  .lang-fr .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_fr.png");
    width: 203px !important;
  }
  .lang-it .has-ios-switch,
  .lang-it .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_it.png");
    width: 203px !important;
  }
  .lang-pt-br .has-ios,
  .lang-pt-br .has-ios:active {
    background-image: url("../../images/2x/appstore_btn_pt-br.png");
    width: 203px !important;
  }
  .lang-ru .has-ios-switch,
  .lang-ru .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_ru.png");
    width: 203px !important;
  }
  .lang-tr .has-ios-switch,
  .lang-tr .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_tr.png");
    width: 203px !important;
  }
  .lang-zh-cn .has-ios-switch,
  .lang-zh-cn .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_zh_cn.png");
    width: 203px !important;
  }
  .lang-zh-tw .has-ios-switch,
  .lang-zh-tw .has-ios-switch:active {
    background-image: url("../../images/2x/appstore_btn_zh_tw.png");
    width: 203px !important;
  }
}
@media (max-width: 480px) {
  .btn-fixed-width {
    min-width: 0;
    width: 100%;
  }
  .btn-icon-large {
    padding-left: 20px;
    padding-right: 70px;
  }
  .has-android-switch,
  .lang-en .staging .btn.has-android-switch {
    width: 200px !important;
  }
  .has-ios-switch,
  .lang-en .staging .btn.has-ios-switch {
    width: 180px !important;
  }
  .has-arrow {
    padding-left: 50px;
    padding-right: 50px;
  }
}
/* ---------- [31] BUTTONS                           ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [32] Component: HEADER                  --------- */
.topHeadBar {
  text-align: right;
  background-color: #3d3c40;
}
.topHeadBar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.topHeadBar ul li {
  padding: 0;
}
.topHeadBar a {
  color: #fff;
  line-height: 4rem;
  padding-right: 1rem;
}
.topHeadBar a:hover,
.topHeadBar a:active,
.topHeadBar a:focus {
  color: #ededed;
}
.topHeadBar .btn-link-arrow-down:after {
  position: absolute;
  top: -12px;
  right: 4px;
}
.navbar {
  padding: 2rem 0;
}
.navbar a {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  line-height: 1;
  color: #000;
}
.navbar a:hover, .navbar a:active, .navbar a:focus  {
  outline: none;
  color: #424242;
  text-decoration: none;
}
.navbar .dropdown-menu {
  display: block;
  opacity: 0;
  z-index: -1;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f7f7f7;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.navbar .dropdown-menu.show {
  opacity: 1;
  z-index: 1000;
  top: 90px;
}
.navbar .dropdown-menu.pimcore-menu.show {
  opacity: 0;
  z-index: -1;
  top: 40px;
}
.navbar .dropdown-menu.pimcore-menu.pimcore-show {
  opacity: 1 !important;
  z-index: 1000 !important;
  top: 175px !important;
}
.navbar .dropdown-menu ul {
  list-style-type: none;
  font-size: 16px;
  font-size: 1.6rem;
  color: #777679;
  padding: 0;
  margin: 0;
}
.navbar .dropdown-menu ul a {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  color: #777679;
}
.navbar .dropdown-menu ul a:hover {
  color: #424242;
}
.navbar .dropdown-menu li {
  margin: 1rem 0;
}
.navbar .dropdown-menu a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #3d3c40;
}
.navbar .dropdown-menu li:first-of-type a {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3d3c40;
}
.navbar .dropdown-menu li:first-of-type a:hover {
  color: #777679;
}
.navbar .container {
  padding-right: 10px;
  padding-left: 10px;
}
.navbar ul.navbar-nav > li {
  padding-right: 2rem;
  padding-left: 2rem;
}
.navbar ul.navbar-nav > li:last-of-type {
  padding-right: 0;
  padding-left: 2rem;
}
.navbar span.btn-link-arrow-down {
  display: none;
  position: absolute !important;
  top: 5px;
  right: 0;
  width: 45.25px;
  height: 35.25px;
  vertical-align: middle;
  border-left: 1px solid #ededed;
}
.navbar span.btn-link-arrow-down::after {
  top: 9px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-left: 18px;
}
.global--menu {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  right: 0;
  top: 81px;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  background-color: #f7f7f7;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.global--menu.show {
  display: block;
  opacity: 1;
  z-index: 9;
  top: 131px;
}
.global--menu ul {
  font-size: 16px;
  font-size: 1.6rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #777679;
}
.global--menu ul li {
  margin: 10px 0;
}
.global--menu ul li a {
  color: #3d3c40;
}
.global--menu ul li a:hover {
  color: #777679;
}
.global--menu ul li:first-of-type {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3d3c40;
}
/* ---------- [32] Component: HEADER                  --------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [33] Component: MENU                    --------- */
.btn--menu {
  display: block;
  width: 28px;
  height: 21px;
}
.btn--menu span {
  display: block;
  background-color: #3d3c40;
  width: 100%;
  height: 3px;
}
.btn--menu span:not(:last-child) {
  margin-bottom: 5px;
}
/* ---------- [33] Component: MENU                    --------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [34] Component: GRADIENT BLOCK         ---------- */
.gradient-palette-pink-red {
  background-image: -webkit-linear-gradient(50deg, #DB0D15 0%, #6C1C45 100%);
  background-image: -webkit-linear-gradient(40deg, #DB0D15 0%, #6C1C45 100%);
  background-image: -o-linear-gradient(40deg, #DB0D15 0%, #6C1C45 100%);
  background-image: linear-gradient(50deg, #DB0D15 0%, #6C1C45 100%);
}
.gradient-palette-blue-green {
  background-image: -moz-linear-gradient(50deg, #3aacfc 0%, #22bd03 100%);
  background-image: -webkit-linear-gradient(50deg, #3aacfc 0%, #22bd03 100%);
  background-image: -ms-linear-gradient(50deg, #3aacfc 0%, #22bd03 100%);
  background-image: linear-gradient(50deg, #3aacfc 0%, #22bd03 100%);
}
.gradient-palette-gray-blue {
  background-image: -moz-linear-gradient(50deg, #3d3c40 0%, #3aacfc 100%);
  background-image: -webkit-linear-gradient(50deg, #3d3c40 0%, #3aacfc 100%);
  background-image: -ms-linear-gradient(50deg, #3d3c40 0%, #3aacfc 100%);
  background-image: linear-gradient(50deg, #3d3c40 0%, #3aacfc 100%);
}
.gradient-blue-gray {
  background-image: -moz-linear-gradient(-40deg, #424242 0%, #3aacfc 100%);
  background-image: -webkit-linear-gradient(-40deg, #424242 0%, #3aacfc 100%);
  background-image: -ms-linear-gradient(-40deg, #424242 0%, #3aacfc 100%);
  background-image: linear-gradient(-40deg, #424242 0%, #3aacfc 100%);
}
.gradient-red-pink {
  background-image: -webkit-linear-gradient(50deg, #DB0D15 0%, #6C1C45 100%);
  background-image: -webkit-linear-gradient(40deg, #DB0D15 0%, #6C1C45 100%);
  background-image: -o-linear-gradient(40deg, #DB0D15 0%, #6C1C45 100%);
  background-image: linear-gradient(50deg, #DB0D15 0%, #6C1C45 100%);
}
.gradient-blue-purple {
  background-image: -moz-linear-gradient(-50deg, #35005f 0%, #54a5db 100%);
  background-image: -webkit-linear-gradient(-50deg, #35005f 0%, #54a5db 100%);
  background-image: -ms-linear-gradient(-50deg, #35005f 0%, #54a5db 100%);
  background-image: linear-gradient(-50deg, #35005f 0%, #54a5db 100%);
}
.gradient-blue-purple-hor {
  background-image: -moz-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: -webkit-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: -ms-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: linear-gradient(270deg, #35005f 0%, #54a5db 100%);
}
.gradient-pink-violet {
  background-image: -moz-linear-gradient(-50deg, #35005f 0%, #df047d 100%);
  background-image: -webkit-linear-gradient(-50deg, #35005f 0%, #df047d 100%);
  background-image: -ms-linear-gradient(-50deg, #35005f 0%, #df047d 100%);
  background-image: linear-gradient(-50deg, #35005f 0%, #df047d 100%);
}
.gradient-pink-violet-hor {
  background-image: -moz-linear-gradient(270deg, #35005f 0%, #df047d 100%);
  background-image: -webkit-linear-gradient(270deg, #35005f 0%, #df047d 100%);
  background-image: -ms-linear-gradient(270deg, #35005f 0%, #df047d 100%);
  background-image: linear-gradient(270deg, #35005f 0%, #df047d 100%);
}
.gradient-blue-blue {
  background-image: -moz-linear-gradient(-50deg, #89ccca 0%, #54a5db 100%);
  background-image: -webkit-linear-gradient(-50deg, #89ccca 0%, #54a5db 100%);
  background-image: -ms-linear-gradient(-50deg, #89ccca 0%, #54a5db 100%);
  background-image: linear-gradient(-50deg, #89ccca 0%, #54a5db 100%);
}
.gradient-blue-blue-hor {
  background-image: -moz-linear-gradient(270deg, #89ccca 0%, #54a5db 100%);
  background-image: -webkit-linear-gradient(270deg, #89ccca 0%, #54a5db 100%);
  background-image: -ms-linear-gradient(270deg, #89ccca 0%, #54a5db 100%);
  background-image: linear-gradient(270deg, #89ccca 0%, #54a5db 100%);
}
.component--gradient .cc-block {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.component--gradient h3 {
  margin-bottom: 4rem;
}
.component--gradient p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 4rem;
}
.component--gradient .line-box {
  display: block;
  width: 32px;
  height: 1px;
  padding: 0;
  margin: -2rem auto 3.5rem auto;
  background-color: #fff;
}
/* ---------- [34] Component: GRADIENT BLOCK         ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [41] Component: STAGING                 --------- */
.staging {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.staging h1 {
  position: relative;
  padding-bottom: 2rem !important;
  margin-bottom: 3rem;
}
.staging h1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 1px;
  background-color: #ffffff;
}
.staging h3 {
  margin-bottom: 3rem;
}
.staging p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 27px;
  font-size: 2.7rem;
  margin-bottom: 3rem;
}
/* ---------- [41] Component: STAGING                ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [42] Component: CAROUSEL TEXT          ---------- */
.carousel--text {
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: #3d3c40;
}
.carousel--text h3 {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  margin-bottom: 2rem;
}
.carousel--text p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
}
/* ---------- [42] Component: CAROUSEL TEXT          ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [43] Component: SOLUTIONS              ---------- */
.component--solutions {
  padding-top: 6rem !important;
  background-color: #f7f7f7;
}
.component--solutions h1.cs-title {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  min-height: 100px;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  line-height: 1.1;
  padding-bottom: 1rem !important;
  margin-bottom: 2rem;
}
.component--solutions h1.cs-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 1px;
  background-color: #3d3c40;
  padding: 0;
  margin: 0;
}
.component--solutions figure {
  margin-bottom: 3rem;
}
.component--solutions p:last-of-type {
  margin-bottom: 6rem;
}

@media (max-width: 576.98px) {
  .component--solutions-figure {
    width: 49%;
    float: left;
  }

  .component--solutions-content {
    width: 49%;
    float: left;
  }

  .component--solutions figure{
    text-align: center;
  }
  .component--solutions h1.cs-title{
    min-height: min-content;
  }
}

/* ---------- [43] Component: SOLUTIONS              ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [44] Component: TECHNOLOGIES           ---------- */
.component--technologies {
  padding-top: 6rem
}
.component--technologies h3 {
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
}
.component--technologies .slick-dots {
  bottom: -2rem;
}
.component--technologies img {
  display: block;
  width: 100%;
  height:auto;
}
/* ---------- [44] Component: TECHNOLOGIES           ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [45] Component: CONFERENCE           ---------- */
.component--conference {
  background-image: -moz-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: -webkit-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: -ms-linear-gradient(270deg, #35005f 0%, #54a5db 100%);
  background-image: linear-gradient(270deg, #35005f 0%, #54a5db 100%);
}
.component--conference .cc-block {
  padding-top: 5rem !important;
  padding-bottom: 1rem !important;
  background-size: cover;
  background-repeat: no-repeat;
}
.component--conference h1,
.component--conference p {
  clear: both;
  display: block;
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  line-height: 1;
  /* .mb-4; */
}
.component--conference h1 strong,
.component--conference p strong {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
}
.component--conference h1.bor-bot,
.component--conference p.bor-bot {
  float: left;
  padding-bottom: 2rem !important;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ffffff;
}
.component--conference p {
  font-size: 38px;
  font-size: 3.8rem;
}
.component--conference img.avira-logo {
  max-height: 45px;
  margin-bottom: 4rem;
}
/* ---------- [45] Component: CONFERENCE           ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [46] Component: OUR PARTNERS           ---------- */
.our--partners {
  padding-top: 6rem !important;
  padding-bottom: 8rem !important;
}
.our--partners h1 {
  margin-bottom: 2rem;
}
.our--partners .slick-initialized .slick-slide {
  float: none;

}
.our--partners .slick-slider .slick-track, .slick-slider .slick-list{
  display:flex;
  align-items: center;
}

.our--partners .slick-initialized .slick-slide img {
  display: block;
  max-width: 200px;
  margin-left: auto;
  height: auto;
  margin-right: auto;
}
/* ---------- [46] Component: OUR PARTNERS           ---------- */
/* //////////////////////////////////////////////////////////// */
/* ------------------ IMAGE POPUP CONTAINER --------------------*/
/* //////////////////////////////////////////////////////////// */
.popup-show {
  overflow-y: hidden;
  z-index: 999;
  display: none;
}
.popup-show .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  overflow: absolute;
  z-index: 100;
}
.popup-show .img-show {
  width: 50%;
  background: #FFF;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 101;
}
.popup-show .img-show span {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
}
.popup-show .img-show i {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 99;
  cursor: pointer;
  color: #3d3c40;
  width: 10px;
  height: 10px;
  display: block;
}
.popup-show .img-show img {
  width: 100%;
  height: auto;
}
/* //////////////////////////////////////////////////////////// */
/* ---------- [51] Component: SOLUTIONS PAGE          --------- */
.solutions--staging.pad-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.solutions--staging.pad-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.solutions--staging img {
  display: block;
  max-width: 100%;
  margin: 1rem auto 4rem auto;
}
.solutions--staging h1 {
  position: relative;
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  font-size: 40px;
  font-size: 4rem;
  color: #fff;
  padding-bottom: 2rem !important;
  margin-bottom: 3rem;
}
.solutions--staging h1::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 1px;
  border-bottom: 1px solid #fff;
}
.solutions--staging h3 {
  color: #fff;
}
.solutions--staging p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
}
.solutions--page {
  margin-bottom: 4rem;
}
.solutions--page h2 {
  font-family: 'KievitWebPro-Medium', Helvetica, Arial;
  color: #3aacfc;
  margin-bottom: 2rem;
  font-size: 28px;
  font-size: 2.8rem;
}
.solutions--page .title-icon {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.solutions--page figure.sp-video {
  position: relative;
  margin: 3rem 0 4rem 0;
}
.solutions--page .text-box h4 {
  font-family: 'KievitWebPro-Medium', Helvetica, Arial;
  color: #3aacfc;
}
.solutions--page .text-box p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.solutions--page .text-box figure {
  position: relative;
  margin: 3rem 0 4rem 0;
}
.solutions--page .text-box figure::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(61, 60, 64, 0.5);
}
.solutions--page .text-box img {
  max-width: 100%;
}
.solutions--page .gray-box {
  padding: 0 4rem 3rem 4rem;
  background-color: #eff0f0;
  margin-bottom: 4rem;
}
.solutions--page .gray-box h4 {
  font-family: 'KievitWebPro-Medium', Helvetica, Arial;
  border-bottom: 1px solid #3d3c40;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  font-size: 28px;
  font-size: 2.8rem;
}
.solutions--page .gray-box .gradient-box {
  display: block;
  width: 100%;
  height: 8px;
  margin-bottom: 3rem;
  background-image: -moz-linear-gradient(270deg, #eff0f0 0%, #3aacfc 100%);
  background-image: -webkit-linear-gradient(270deg, #eff0f0 0%, #3aacfc 100%);
  background-image: -ms-linear-gradient(270deg, #eff0f0 0%, #3aacfc 100%);
  background-image: linear-gradient(270deg, #eff0f0 0%, #3aacfc 100%);
}
.solutions--page .line-box {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 0;
  background-color: #3d3c40;
}
.solutions--technologies {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.solutions--technologies h1.main-title {
  color: #fff;
}
.solutions--technologies h3 {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  color: #fff;
}
.solutions--technologies p {
  color: #fff;
}
.solutions--technologies .slick-slider {
  max-width: 1108px;
  margin: 0 auto;
}
.solutions--technologies .slick-slider .slick-list {
  margin-left: -12px;
  margin-right: -12px;
}
.solutions--technologies .slick-slider .slick-slide {
  margin-left: 12px;
  margin-right: 12px;
}
.solutions--technologies .slick-slider .slick-prev:before,
.solutions--technologies .slick-slider .slick-next:before {
  color: #fff;
}
.solutions--technologies .slick-slider .slick-dots {
  position: relative;
  margin-top: -2rem;
  margin-bottom: 4rem;
}
.solutions--technologies .slick-slider .slick-dots li:not(.slick-active) button {
  background-color: #fff;
}
.list--box {
  width: 280px;
  margin-bottom: 4rem;
}
.list--box ul {
  font-size: 18px;
  font-size: 1.8rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.list--box li {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  border-top: 1px solid #3d3c40;
}
.list--box li.blue-text,
.list--box li.blue-text a {
  color: #3aacfc;
}
.list--box a {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  display: block;
  position: relative;
  color: #3d3c40;
  padding-right: 2.25rem;
  font-size: 18px;
  font-size: 1.8rem;
}

.list--box a.btn, .list--box a.btn:hover{
  color: #fff;
  font-weight: 400;
}

.list--box a:hover {
  color: #000;
}
.list--box .sp-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 24px;
  margin-top: -12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.list--box .sp-icon.i_download {
  width: 20px;
  height: 25px;
  background-image: url(../images/i_download_black.png);
}
.list--box .sp-icon.i_screen {
  width: 59px;
  height: 25px;
  background-image: url(../images/i_screen_black.png);
}
.list--box .sp-icon.i_play {
  width: 20px;
  height: 25px;
  background-image: url(../images/i_play_black.png);
}
.play--button {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -28px 0 0 -20px;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 40px solid #fff;
}
.component-modal-video {
  padding: 0 2rem !important;
}
.component-modal-video .modal-header .close {
  outline: 0;
  position: absolute;
  top: -22px;
  right: 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0;
}
.component-modal-video .modal-header .close i {
  color: #fff;
}
.bor-bot {
  float: left;
  padding-bottom: 2rem !important;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ffffff;
}
/* ---------- [51] Component: SOLUTIONS PAGE          --------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [52] Component: TECH                    --------- */
.tech--page {
  padding-bottom: 5rem;
}
.tech--page h2 {
  font-family: 'KievitWeb-Medium', Helvetica, Arial;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.tech--page p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.tech--page img {
  display: block;
  max-width: 100%;
  height: auto;
}
.tech--page .tp-link-box {
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-top: 1px solid #3d3c40;
}
.tech--page .tp-link-box p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  margin-bottom: 0.5rem;
}
.tech--page .tp-link-box a {
  color: #3d3c40;
}
.tech--page .tp-link-box a:hover {
  color: #000;
}
.meet--avira {
  padding-top: 6rem;
  padding-bottom: 5rem;
}
.meet--avira h2 {
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.meet--avira p {
  font-family: 'KievitWebPro-Light', Helvetica, Arial;
  font-size: 28px;
  font-size: 2.8rem;
}
.meet--avira .link-txt {
  font-family: 'KievitWeb-Bold', Helvetica, Arial;
}
.meet--avira .link-txt a {
  color: #3d3c40;
}
.meet--avira .link-txt a:hover {
  color: #3aacfc;
}
.meet--avira .line-box {
  clear: both;
  display: block;
  width: 260px;
  height: 1px;
  padding: 0;
  margin: 2rem auto 2rem auto;
  background-color: #3d3c40;
}
/* ---------- [52] Component: TECH                   ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [53] Component: PARTNER PAGE            --------- */
.partner--page {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.partner--page h1.main--title {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
}
.filter--box {
  position: relative;
}
.filter--box .fb-btn-filter {
  text-align: right;
  margin-bottom: 2rem;
}
.filter--box .fb-btn-filter a {
  display: inline-block;
  min-width: 140px;
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  font-size: 20px;
  font-size: 2rem;
  line-height: 3.8rem;
  text-align: center;
  color: #3d3c40;
  padding: 0 2rem;
  background-color: #f7f7f7;
}
.filter--box .fb-btn-filter a:after {
  font-size: 16px;
  font-size: 1.6rem;
}
.filter--box .partner--filters {
  display: none;
  position: absolute;
  z-index: 5;
  top: 38px;
  right: 0;
}
.partner--box {
  display: block;
  position: relative;
  min-height: 490px;
  min-height: 550px;
  background-color: #f7f7f7;
  padding: 3rem 3rem 3rem 3rem;
  margin-bottom: 2rem;
}
.partner--box h2 {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
  font-size: 28px;
  font-size: 2.8rem;
}
.partner--box p {
  font-size: 22px;
  font-size: 2.2rem;
}
.partner--box .pb-image {
  width: 100%;
  display: table;
  min-height: 50px;
  margin-bottom: 2rem;
}
.partner--box .pb-image figure {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.partner--box .pb-image img {
  /* max-height: 100px;
  max-width: 300px; */
}
.partner--box .pb-video {
  position: relative;
}
.partner--box .pb-video img {
  clear: both;
  display: block;
  width: 100%;
}
.partner--box .list--box {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  margin-bottom: 0;
}
.partner--box .list--box li:first-of-type {
  border-top: 0;
}
.partner-list {
  list-style-type: none;
}
#partner-container {
  margin-left: -10px;
  margin-right: -10px;
  /* width: 100%; */
}
#partner-container .partner-item {
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.partner--filters {
  display: block;
  position: absolute;
  z-index: 1;
  min-width: 300px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  list-style-type: none;
  padding: 2rem 2rem 1.5rem 2rem;
  margin: 0;
  background-color: #d9dadb;
}
.partner--filters a {
  color: #777679;
}
.partner--filters a:hover,
.partner--filters a:active,
.partner--filters a:focus {
  color: #3d3c40;
}
.partner--filters a.active {
  color: #3d3c40;
}
.isotope--pager {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  line-height: 1.5;
  margin-top: 3rem;
}
.isotope--pager .pager {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #3d3c40;
}
.isotope--pager .pager:not(:first-of-type) {
  border-left: 1px solid #3d3c40;
}
.isotope--pager .pager.active {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
}
.pagination--list .pl--item.hide {
  display: none;
}
.pagination--filter {
  list-style-type: none;
  padding: 0;
  margin: 2rem 0 0 0;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
}
.pagination--filter li {
  display: inline-block;
}
.pagination--filter li a {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #3d3c40;
}
.pagination--filter li a.active {
  font-family: 'KievitWeb-Book', Helvetica, Arial;
}
.pagination--filter li:not(:first-of-type) {
  border-left: 1px solid #3d3c40;
}
/* ---------- [53] Component: PARTNER PAGE            --------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [54] Component: CONTACT PAGE            --------- */
.contact--page p {
  font-size: 22px;
  font-size: 2.2rem;
}
.contact--page .gray-box {
  word-break: break-all;
  padding: 6rem 3rem 5rem 3rem;
  background-color: #ededed;
}
.contact--page .line-box {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 6rem;
  margin-bottom: 6rem;
  background-color: #6b6b6b;
}
/* ---------- [54] Component: CONTACT PAGE            --------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [61] Component: SLICK SLIDER           ---------- */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  /*align-items: flex-end; */
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-slider {
  margin-bottom: 4rem;
  border: 0;
  outline: 0;
}
.slick-slider:active,
.slick-slider:focus,
.slick-slider::visited {
  border: 0;
  outline: 0;
  background-color: #ff0000 !important;
}
.slick-slide {
  border: 0;
  outline: 0;
}
.slick-slide:active,
.slick-slide:focus,
.slick-slide::visited {
  border: 0;
  outline: 0;
}
.slick-list {
  border: 0;
  outline: 0;
}
.slick-list:active,
.slick-list:focus,
.slick-list:visited,
.slick-list a:active,
.slick-list a:focus,
.slick-list a:visited{
  border: 0;
  outline: 0;
}
.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'avira_icons';
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  color: #3aacfc;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -40px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -40px;
}
.slick-prev:before {
  content: "\e943";
}
[dir="rtl"] .slick-prev:before {
  content: "\e944";
}
.slick-next {
  right: -40px;
}
[dir="rtl"] .slick-next {
  left: -40px;
  right: auto;
}
.slick-next:before {
  content: "\e944";
}
[dir="rtl"] .slick-next:before {
  content: "\e943";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -4rem;
  height: 12px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  text-align: center;
  margin: 0 4px;
  padding: 0;
  cursor: pointer;
  vertical-align: top;
}
.slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 50%;
  background-color: #b0b3b4;
  outline: none;
  color: transparent;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background-color: #3aacfc;
}
.slick-dots li.slick-active {
  padding: 0;
}
.slick-dots li.slick-active button {
  background-color: #3aacfc;
}
/* ---------- [61] Component: SLICK SLIDER           ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [62] Component: TABS                ------------- */
.tab--block {
  display: block;
  padding-top: 0rem !important;
  padding-bottom: 8rem !important;
  background-color: #f7f7f7;
}
.nav-tabs {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2rem;
  background-color: #f1f1f1;
}
.nav-tabs a {
  display: block;
  text-align: left;
  color: #3d3c40;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.nav-tabs a:hover,
.nav-tabs a.active {
  background-color: #e2e2e3;
}
.sub-subnavigation{
  padding-right: 60px;
  max-width: 250px;
}

@media(max-width: 767.78px){
  .sub-subnavigation{
    padding-right: 60px;
    max-width: 50%;
  }
}

.tab-content {
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 6rem;
  background-color: #e2e2e3;
}
.tab-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tab-content ul li:not(:last-child) {
  border-bottom: 1px solid #3d3c40;
}
.tab-content ul a {
  display: block;
  position: relative;
  color: #3d3c40;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  padding-right: 2.75rem;
}
.tab-content ul a:hover {
  color: #000;
}
.tab-content ul .icon-download {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 24px;
  margin-top: -12px;
  background-image: url("../images/i_download.png");
  background-position: center center;
  background-repeat: no-repeat;
}
/* ---------- [62] Component: TABS                ------------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [71] Component: FOOTER                 ---------- */
footer {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  background-color: #3d3c40;
}
footer .social--media {
  margin-bottom: 6rem;
}
footer .social--media ul {
  text-align: center;
}
footer .social--media li {
  display: inline-block;
  margin: 0 2rem;
}
footer .social--media a {
  font-size: 0;
  color: transparent;
}
footer h4 {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 3rem;
}
footer h4 a,
footer h4 a:hover {
  color: #fff;
}
footer h4 span {
  display: block;
  position: absolute !important;
  top: 5px;
  right: 0;
  width: 45.25px;
  height: 35.25px;
  vertical-align: middle;
  border-left: 1px solid #4a484d;
}
footer h4 .btn-link-arrow-down {
  display: none;
}
footer h4 .btn-link-arrow-down::after {
  top: 9px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-left: 18px;
}
footer ul {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
footer ul li {
  margin: 0;
}
footer ul a {
  display: block;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
footer a {
  color: #b0b3b4;
}
footer a:hover,
footer a:active,
footer a:focus {
  color: #ffffff;
}
footer .list--block {
  position: relative;
}
footer .list--block .footer--list {
  max-width: 48%;
}
footer .footer--list li.active > a {
  color: #fff;
}
footer .footer--sublist {
  display: block;
  opacity: 0;
  z-index: -1;
  width: 48%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
footer .footer--sublist.show {
  opacity: 1;
  z-index: 1;
}
footer .fl-has-children.open {
  background-color: yellow;
}
footer .copyright {
  color: gray;
  font-size: 15px;
  text-shadow: 0 1px 0 #191919;
}
footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: -30px;
}
footer .footer-bottom li {
  margin-right: 20px;
}
.avira-social-icon {
  width: 34px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  color: transparent;
  text-shadow: none;
  border: 0;
  background-color: transparent;
  background-image: url(../images/social-icons-footer.png);
  background-repeat: no-repeat;
}
.avira-social-icon.asi-googlep {
  background-position: 0    0px;
}
.avira-social-icon.asi-twitter {
  background-position: 0 -100px;
}
.avira-social-icon.asi-linkedin {
  background-position: 0 -200px;
}
.avira-social-icon.asi-pinterest {
  background-position: 0 -300px;
}
.avira-social-icon.asi-facebook {
  background-position: 0 -400px;
}
.avira-social-icon:hover.asi-googlep {
  background-position: -54px 0px;
}
.avira-social-icon:hover.asi-twitter {
  background-position: -54px -100px;
}
.avira-social-icon:hover.asi-linkedin {
  background-position: -54px -200px;
}
.avira-social-icon:hover.asi-pinterest {
  background-position: -54px -300px;
}
.avira-social-icon:hover.asi-facebook {
  background-position: -54px -400px;
}
.col-footer {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-footer {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-footer.col-space {
  -ms-flex: 0 0 8%;
  flex: 0 0 8%;
  max-width: 8%;
}
.col-footer.col-small {
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  max-width: 16%;
}
.col-footer.col-large {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
/* ---------- [71] Component: FOOTER                 ---------- */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* ---------- [81] RESPONSIVE                        ---------- */
@media (max-width: 1199.98px) {
  .navbar ul.navbar-nav > li {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar ul.navbar-nav > li:last-of-type {
    padding-left: 3rem;
  }
  .navbar .navbar-brand img {
    max-height: 40px;
  }
  .navbar .dropdown-menu.show {
    top: 85px;
  }
  .global--menu.show {
    top: 126px;
  }
  .partner--box {
    min-height: 560px;
  }
}
@media (max-width: 991.98px) {
  .navbar .dropdown-menu.show {
    top: 132px;
  }
  .col-footer.col-space {
    display: none;
  }
  .col-footer.col-small {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
  }
  .col-footer.col-large {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
  }
  .solutions--page .gray-box {
    padding: 0 3rem 2rem 3rem;
  }
  .list--box ul {
    font-size: 20px;
    font-size: 2rem;
  }
  .list--box .sp-icon {
    background-size: 80% auto;
    background-position: center top;
  }
  .partner--box {
    min-height: 560px;
  }
  .partner--box h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.05;
  }
  .partner--box p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  .navbar .nav-item.dropdown {
    position: relative;
    margin-bottom: -2px;
  }
  .navbar .nav-item.dropdown span.btn-link-arrow-down {
    display: block;
  }
  .navbar .navbar-nav {
    margin-top: 2rem;
  }
  .navbar ul.navbar-nav > li,
  .navbar ul.navbar-nav > li:last-of-type {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar ul.navbar-nav > li a,
  .navbar ul.navbar-nav > li:last-of-type a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .navbar ul.navbar-nav > li:not(:last-child) > a {
    border-bottom: 1px solid #ededed;
  }
  .navbar .dropdown-menu {
    display: block;
    position: relative;
    top: -20px;
    overflow: hidden;
    padding: 0;
    background-color: #fff;
  }
  .navbar .dropdown-menu .container {
    position: absolute;
  }
  .navbar .dropdown-menu.show {
    display: block;
    top: 0;
    padding: 1rem 0;
  }
  .navbar .dropdown-menu.show .container {
    position: relative;
  }
  .col-footer.col-small,
  .col-footer.col-large {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* -- Tab -- */
  .nav-fill .nav-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* -- Partner Page -- */
  .partner--box {
    min-height: auto;
  }
  .partner--box .list--box {
    position: relative;
    top: 2rem;
    bottom: 0;
    left: 0;
  }
  #partner-container .partner-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer .social--media li {
    margin: 0 1rem;
  }
  footer h4 {
    font-family: 'KievitWeb-Book', Helvetica, Arial;
    line-height: 1;
    border-top: 1px solid #4a484d;
    padding: 1.5rem 0 1.125rem 0;
    margin: 0;
  }
  footer h4 .btn-link-arrow-down {
    display: block;
  }
  footer .list--block .footer--list {
    max-width: 100%;
  }
  footer .footer--sublist {
    position: relative;
    height: 0;
    padding-left: 2rem;
    margin-left: 2rem;
    border-left: 1px solid #6b6b6b;
    -webkit-transition: all 0.05s ease-in;
    -o-transition: all 0.05s ease-in;
    transition: all 0.05s ease-in;
  }
  footer .footer--sublist.show {
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  footer .col-footer:not(.show):last-of-type h4 {
    border-bottom: 1px solid #4a484d;
  }
  footer .col-footer.show:last-of-type ul.footer--list {
    border-bottom: 1px solid #4a484d;
  }
  footer .col-footer.show ul.footer--list {
    padding-bottom: 1rem !important;
  }
  footer .col-footer:not(.show) ul.footer--list {
    display: none;
  }
  footer .col-footer ul.footer--list {
    /* display: block !important; */
    transition: height 0.5s ease;
    overflow: hidden;
  }
  .solutions--page:nth-child(odd) .row {
    flex-direction: row-reverse;
  }
  .icon-field {
    order: 1 !important;
  }
  .text-box-field {
    order: 2 !important;
  }
  .gray-box-field {
    order: 3 !important;
  }
  .ln {
    order: 4 !important;
  }
}
@media (max-width: 575.98px) {
  .solutions--staging {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .solutions--staging h1 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.1;
  }
  .solutions--staging img {
    float: left;
  }
  h1 .main-title,
  .component--solutions h1.cs-title b,
  strong,
  .title--block h1 strong,
  .contact-title {
    font-size: 20px;
    font-size: 2rem;
  }
  .partner--box h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.05;
  }
  .partner--box p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .staging p,
  .solutions--staging p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .btn,
  .carousel--text p,
  .component--gradient p,
  .tech--page h2,
  .meet--avira h2,
  .meet--avira p,
  .solutions--page h2,
  .solutions--page .gray-box h4,
  .solutions--page .list--box a,
  .partner--box h2,
  .title--block p,
  .nav-tabs a,
  .tab-content ul a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .partner--box .list--box li {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .partner--box .list--box li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .component--solutions p,
  .tech--page p,
  .solutions--page .text-box p,
  .solutions--page p,
  .solutions--page p b,
  strong,
  .partner--box p {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .footer-bottom {
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
  }
  .footer-bottom .copyright {
    margin-top: 5px;
    flex: 1;
  }
}
@media (max-width: 479.98px) {
  .isotope--pager {
    font-size: 20px;
    font-size: 2rem;
  }
  .filter--box .fb-btn-filter a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 419.98px) {
  .navbar .navbar-brand img {
    max-height: 34px;
  }
  .global--menu.show {
    top: 120px;
  }
  .contact--page p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .contact--page .gray-box {
    padding: 4rem 2rem 3rem 2rem;
  }
  .list--box {
    min-width: 260px;
  }
  .partner--box {
    padding: 2rem 1.5rem 2rem 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  /* -- Tab -- */
  .nav-fill .nav-item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 480px) and (max-width: 575.98px) {
  /* -- Tab -- */
  .nav-fill .nav-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* -- Nav Bar -- */
  .navbar .container {
    display: block;
  }
  .navbar .navbar-collapse {
    display: block;
  }
  .navbar .navbar-nav {
    margin-top: 2rem;
    margin-left: 0 !important;
  }
  .navbar li:first-of-type {
    padding-left: 0;
  }
  /* -- Tab -- */
  .nav-fill .nav-item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  footer {
    padding-bottom: 8rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .contact--page .line-box {
    margin-top: 24rem;
  }
}
@media (min-width: 992px) {
  .tech--page .tp-pad-rig {
    padding-right: 4rem;
  }
}
@media (min-width: 576px) {
  .solutions--technologies h3 {
    min-height: 66px;
  }
}
/* ---------- [81] RESPONSIVE                        ---------- */
/* //////////////////////////////////////////////////////////// */
/*# sourceMappingURL=custom.css.map */


/*--Social Links --*/
.list--box .social-links-blue-text, .posts-content .social-links-blue-text,
.tp-link-box .social-links-blue-text{
  color: #3aacfc !important;
}
.list--box .social-links-blue-text:hover,  .posts-content .social-links-blue-text:hover,
.tp-link-box .social-links-blue-text:hover{
  color: #3aacfc !important;
  text-decoration: underline;
}

footer{
  font-family: 'KievitWebPro-Regular', Helvetica, Arial;
}