body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

body,
input,
textarea,
select,
[class*=hint--]:after {
  color: #FFFFFF;
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Roboto", "Helvetica", "Helvetica-Neue", "Helvetica Neue", "HelveticaNeue", "Arial", sans-serif;
}

h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 15px 30px 15px;
  margin: 15px 0 0 0;
}
fieldset legend {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
}

.material-icon, .material-icons, .materials-icon, .materials-icons, .icon- {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "PANDA" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.material-icon.iconXs, .material-icons.iconXs, .materials-icon.iconXs, .materials-icons.iconXs, .icon-.iconXs {
  font-size: 20px;
}
.material-icon.iconSm, .material-icons.iconSm, .materials-icon.iconSm, .materials-icons.iconSm, .icon-.iconSm {
  font-size: 24px;
}
.material-icon.iconMd, .material-icons.iconMd, .materials-icon.iconMd, .materials-icons.iconMd, .icon-.iconMd {
  font-size: 30px;
}
.material-icon.iconLg, .material-icons.iconLg, .materials-icon.iconLg, .materials-icons.iconLg, .icon-.iconLg {
  font-size: 50px;
}
.material-icon.iconXl, .material-icons.iconXl, .materials-icon.iconXl, .materials-icons.iconXl, .icon-.iconXl {
  font-size: 70px;
}

.noselect,
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

input.boxButton, input.boxButtonIcon, textarea.boxButton, textarea.boxButtonIcon, select.boxButton, select.boxButtonIcon {
  -webkit-touch-callout: initial !important; /* iOS Safari */
  -webkit-user-select: initial !important; /* Safari */
  -khtml-user-select: initial !important; /* Konqueror HTML */
  -moz-user-select: initial !important; /* Firefox */
  -ms-user-select: initial !important; /* Internet Explorer/Edge */
  user-select: initial !important; /* Non-prefixed version, currently */
}

body.cornerSquaring .boxButton,
body.cornerSquaring .boxButtonIcon,
body.cornerSquaring .boxButtonGroup,
body.cornerSquaring .vodItem,
body.cornerSquaring .vodThumbnail,
body.cornerSquaring .itemImage,
body.cornerSquaring .itemPrice,
body.cornerSquaring .externalButton,
body.cornerSquaring .checkoutThumbnail,
body.cornerSquaring .scheduleItem,
body.cornerSquaring .scheduleImage,
body.cornerSquaring .downloadItem,
body.cornerSquaring .rangeSelection a,
body.cornerSquaring .progressBarBackground,
body.cornerSquaring .progressBarWrapper,
body.cornerSquaring .stateResultCard,
body.cornerSquaring .broadcastCard .cover img,
body.cornerSquaring .index,
body.cornerSquaring .dropdownChannels,
body.cornerSquaring .channelTile,
body.cornerSquaring .colorFade,
body.cornerSquaring .tileImage,
body.cornerSquaring .tileLogo,
body.cornerSquaring .badge,
body.cornerSquaring .broadcastListItem,
body.cornerSquaring .broadcastThumbnail,
body.cornerSquaring .pricingPackage,
body.cornerSquaring .channelMegaCard,
body.cornerSquaring .timers .days,
body.cornerSquaring .timers .hours,
body.cornerSquaring .timers .minutes,
body.cornerSquaring .timers .seconds,
body.cornerSquaring .timers .days span,
body.cornerSquaring .timers .hours span,
body.cornerSquaring .timers .minutes span,
body.cornerSquaring .timers .seconds span,
body.cornerSquaring .countdownBanners fieldset {
  border-radius: 0px !important;
}

.boxButton, .boxButtonIcon {
  cursor: pointer;
  height: 32px !important;
  min-width: 12px;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  box-sizing: content-box;
  display: inherit;
  white-space: nowrap;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 32px;
  text-align: center;
  color: #222222;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0 10px;
  margin: 0 5px 0 0;
  transition: 0.2s;
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
}
.boxButton.twoLines, .boxButtonIcon.twoLines {
  line-height: 16px;
}
.boxButton option, .boxButtonIcon option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton:hover, .boxButtonIcon:hover {
    color: #222222;
    border-color: #222222;
  }
}
.boxButton.active, .boxButtonIcon.active {
  color: #222222;
  border-color: #222222;
}
.boxButton.dark, .boxButtonIcon.dark {
  border: solid 1px rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
}
.boxButton.dark option, .boxButtonIcon.dark option {
  color: black !important;
}
@media (hover: hover) {
  .boxButton.dark:hover, .boxButtonIcon.dark:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
}
.boxButton.dark.active, .boxButtonIcon.dark.active {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.boxButton.dark.opaque, .boxButtonIcon.dark.opaque {
  background-color: #222222;
}
.boxButton.disabled, .boxButtonIcon.disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .boxButton.disabled:hover, .boxButtonIcon.disabled:hover {
    color: rgba(0, 0, 0, 0.3);
    border-color: inherit;
  }
}
.boxButton.disabled.dark, .boxButtonIcon.disabled.dark {
  color: rgba(255, 255, 255, 0.15) !important;
}
.boxButton.pandaAccent1Hover:hover, .boxButtonIcon.pandaAccent1Hover:hover {
  color: #222222;
  background: #13eaad;
  border-color: #13eaad;
}
.boxButton.pandaAccent2Hover:hover, .boxButtonIcon.pandaAccent2Hover:hover {
  color: #FFFFFF;
  background: #8641f2;
  border-color: #8641f2;
}
.boxButton.pandaAccent3Hover:hover, .boxButtonIcon.pandaAccent3Hover:hover {
  color: #FFFFFF;
  background: #158EFC;
  border-color: #158EFC;
}
.boxButton.pandaRedHover:hover, .boxButtonIcon.pandaRedHover:hover {
  color: #FFFFFF;
  background: #F71E33;
  border-color: #F71E33;
}
.boxButton.pandaGreenHover:hover, .boxButtonIcon.pandaGreenHover:hover {
  color: #FFFFFF;
  background: #10BF89;
  border-color: #10BF89;
}
.boxButton.highlighted, .boxButtonIcon.highlighted {
  color: #FFFFFF;
}
.boxButton.lowlighted, .boxButtonIcon.lowlighted {
  color: #222222;
}
.boxButton.highlighted.primary, .boxButton.lowlighted.primary, .boxButtonIcon.highlighted.primary, .boxButtonIcon.lowlighted.primary {
  background: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
@media (hover: hover) {
  .boxButton.highlighted.primary:hover, .boxButton.lowlighted.primary:hover, .boxButtonIcon.highlighted.primary:hover, .boxButtonIcon.lowlighted.primary:hover {
    background: #111111;
    border-color: #111111;
  }
}
.boxButton.highlighted.primary.dark, .boxButton.lowlighted.primary.dark, .boxButtonIcon.highlighted.primary.dark, .boxButtonIcon.lowlighted.primary.dark {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #222222;
}
@media (hover: hover) {
  .boxButton.highlighted.primary.dark:hover, .boxButton.lowlighted.primary.dark:hover, .boxButtonIcon.highlighted.primary.dark:hover, .boxButtonIcon.lowlighted.primary.dark:hover {
    border-color: #FFFFFF;
  }
}
.boxButton.highlighted.pandaAccent1, .boxButton.lowlighted.pandaAccent1, .boxButtonIcon.highlighted.pandaAccent1, .boxButtonIcon.lowlighted.pandaAccent1 {
  background: #13eaad;
  border-color: #13eaad;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent1:hover, .boxButton.lowlighted.pandaAccent1:hover, .boxButtonIcon.highlighted.pandaAccent1:hover, .boxButtonIcon.lowlighted.pandaAccent1:hover {
    border-color: #13eaad;
  }
}
.boxButton.highlighted.pandaAccent2, .boxButton.lowlighted.pandaAccent2, .boxButtonIcon.highlighted.pandaAccent2, .boxButtonIcon.lowlighted.pandaAccent2 {
  background: #8641f2;
  border-color: #8641f2;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent2:hover, .boxButton.lowlighted.pandaAccent2:hover, .boxButtonIcon.highlighted.pandaAccent2:hover, .boxButtonIcon.lowlighted.pandaAccent2:hover {
    border-color: #8641f2;
  }
}
.boxButton.highlighted.pandaAccent3, .boxButton.lowlighted.pandaAccent3, .boxButtonIcon.highlighted.pandaAccent3, .boxButtonIcon.lowlighted.pandaAccent3 {
  background: #158EFC;
  border-color: #158EFC;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaAccent3:hover, .boxButton.lowlighted.pandaAccent3:hover, .boxButtonIcon.highlighted.pandaAccent3:hover, .boxButtonIcon.lowlighted.pandaAccent3:hover {
    border-color: #158EFC;
  }
}
.boxButton.highlighted.pandaRed, .boxButton.lowlighted.pandaRed, .boxButtonIcon.highlighted.pandaRed, .boxButtonIcon.lowlighted.pandaRed {
  background: #F71E33;
  border-color: #F71E33;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaRed:hover, .boxButton.lowlighted.pandaRed:hover, .boxButtonIcon.highlighted.pandaRed:hover, .boxButtonIcon.lowlighted.pandaRed:hover {
    border-color: #F71E33;
  }
}
.boxButton.highlighted.pandaGreen, .boxButton.lowlighted.pandaGreen, .boxButtonIcon.highlighted.pandaGreen, .boxButtonIcon.lowlighted.pandaGreen {
  background: #10BF89;
  border-color: #10BF89;
}
@media (hover: hover) {
  .boxButton.highlighted.pandaGreen:hover, .boxButton.lowlighted.pandaGreen:hover, .boxButtonIcon.highlighted.pandaGreen:hover, .boxButtonIcon.lowlighted.pandaGreen:hover {
    border-color: #10BF89;
  }
}
.boxButton.ghost.pandaAccent1, .boxButtonIcon.ghost.pandaAccent1 {
  color: #222222;
  background: rgba(19, 234, 173, 0.3);
  border-color: #13eaad;
}
.boxButton.ghost.pandaAccent1.dark, .boxButtonIcon.ghost.pandaAccent1.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent2, .boxButtonIcon.ghost.pandaAccent2 {
  color: #222222;
  background: rgba(134, 65, 242, 0.3);
  border-color: #8641f2;
}
.boxButton.ghost.pandaAccent2.dark, .boxButtonIcon.ghost.pandaAccent2.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaAccent3, .boxButtonIcon.ghost.pandaAccent3 {
  color: #222222;
  background: rgba(21, 142, 252, 0.3);
  border-color: #158EFC;
}
.boxButton.ghost.pandaAccent3.dark, .boxButtonIcon.ghost.pandaAccent3.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaRed, .boxButtonIcon.ghost.pandaRed {
  color: #222222;
  background: rgba(247, 30, 51, 0.3);
  border-color: #F71E33;
}
.boxButton.ghost.pandaRed.dark, .boxButtonIcon.ghost.pandaRed.dark {
  color: #FFFFFF !important;
}
.boxButton.ghost.pandaGreen, .boxButtonIcon.ghost.pandaGreen {
  color: #222222;
  background: rgba(16, 191, 137, 0.3);
  border-color: #10BF89;
}
.boxButton.ghost.pandaGreen.dark, .boxButtonIcon.ghost.pandaGreen.dark {
  color: #FFFFFF !important;
}
.boxButton .appIcon, .boxButtonIcon .appIcon {
  width: 34px;
  border-radius: 4px;
  float: left;
  margin: -1px 10px 0 -8px;
}

.radioWrapper,
.checkboxWrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
  min-height: 32px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  display: inline-flex;
  padding-right: 10px;
}
.radioWrapper:focus,
.checkboxWrapper:focus {
  border-color: #222222;
  transition: 0.2s ease-in-out;
}
@media (hover: hover) {
  .radioWrapper:hover,
  .checkboxWrapper:hover {
    border-color: #222222;
    transition: 0.2s ease-in-out;
  }
}
.radioWrapper label,
.checkboxWrapper label {
  padding: 6px 0;
  line-height: 20px !important;
}
.radioWrapper input,
.checkboxWrapper input {
  opacity: 0.01;
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Accessibility */
}
.radioWrapper input[type=radio]:not(:checked), .radioWrapper input[type=checkbox]:not(:checked), .radioWrapper input[type=radio]:checked, .radioWrapper input[type=checkbox]:checked,
.checkboxWrapper input[type=radio]:not(:checked),
.checkboxWrapper input[type=checkbox]:not(:checked),
.checkboxWrapper input[type=radio]:checked,
.checkboxWrapper input[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.radioWrapper input[type=radio]:not(:checked) + label, .radioWrapper input[type=checkbox]:not(:checked) + label, .radioWrapper input[type=radio]:checked + label, .radioWrapper input[type=checkbox]:checked + label,
.checkboxWrapper input[type=radio]:not(:checked) + label,
.checkboxWrapper input[type=checkbox]:not(:checked) + label,
.checkboxWrapper input[type=radio]:checked + label,
.checkboxWrapper input[type=checkbox]:checked + label {
  color: #222222;
  line-height: 32px;
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.radioWrapper input[type=radio]:not(:checked) + label:before, .radioWrapper input[type=checkbox]:not(:checked) + label:before, .radioWrapper input[type=radio]:checked + label:before, .radioWrapper input[type=checkbox]:checked + label:before,
.checkboxWrapper input[type=radio]:not(:checked) + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper input[type=radio]:checked + label:before,
.checkboxWrapper input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after, .radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  font-family: "PANDA";
  content: "\e917";
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 24px;
  line-height: 32px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.radioWrapper input[type=radio]:not(:checked) + label:after, .radioWrapper input[type=checkbox]:not(:checked) + label:after,
.checkboxWrapper input[type=radio]:not(:checked) + label:after,
.checkboxWrapper input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}
.radioWrapper input[type=radio]:checked + label:after, .radioWrapper input[type=checkbox]:checked + label:after,
.checkboxWrapper input[type=radio]:checked + label:after,
.checkboxWrapper input[type=checkbox]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.radioWrapper input[type=radio]:checked:focus + label:before, .radioWrapper input[type=checkbox]:checked:focus + label:before, .radioWrapper input[type=radio]:not(:checked):focus + label:before, .radioWrapper input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper input[type=radio]:checked:focus + label:before,
.checkboxWrapper input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.radioWrapper.dark,
.checkboxWrapper.dark {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark:focus,
.checkboxWrapper.dark:focus {
  border-color: #FFFFFF;
}
@media (hover: hover) {
  .radioWrapper.dark:hover,
  .checkboxWrapper.dark:hover {
    border-color: #FFFFFF;
  }
}
.radioWrapper.dark input,
.checkboxWrapper.dark input {
  /* checkbox aspect */
  /* Accessibility */
}
.radioWrapper.dark input[type=radio]:not(:checked) + label, .radioWrapper.dark input[type=checkbox]:not(:checked) + label, .radioWrapper.dark input[type=radio]:checked + label, .radioWrapper.dark input[type=checkbox]:checked + label,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label,
.checkboxWrapper.dark input[type=radio]:checked + label,
.checkboxWrapper.dark input[type=checkbox]:checked + label {
  color: #FFFFFF;
}
.radioWrapper.dark input[type=radio]:not(:checked) + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked) + label:before, .radioWrapper.dark input[type=radio]:checked + label:before, .radioWrapper.dark input[type=checkbox]:checked + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked) + label:before,
.checkboxWrapper.dark input[type=radio]:checked + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked + label:before {
  background: rgba(255, 255, 255, 0.15);
}
.radioWrapper.dark input[type=radio]:checked:focus + label:before, .radioWrapper.dark input[type=checkbox]:checked:focus + label:before, .radioWrapper.dark input[type=radio]:not(:checked):focus + label:before, .radioWrapper.dark input[type=checkbox]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=radio]:checked:focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:checked:focus + label:before,
.checkboxWrapper.dark input[type=radio]:not(:checked):focus + label:before,
.checkboxWrapper.dark input[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.15);
}

input.boxButton,
select.boxButton {
  text-align: left;
  font-weight: 400;
}

input.boxButton,
textarea.boxButton {
  cursor: text;
}
input.boxButton::placeholder,
textarea.boxButton::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
input.boxButton.dark::placeholder,
textarea.boxButton.dark::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

textarea.boxButton {
  white-space: normal;
  line-height: 20px;
  padding: 7px 10px !important;
}

select.boxButton {
  width: calc(100% - 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(0,0,0,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
}
select.boxButton.filter {
  width: auto;
}
select.boxButton.dark {
  background-image: url("data:image/svg+xml;utf8,<svg id='selectArrow' data-name='Select Arrow' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgba(255,255,255,.3)' d='M16.59,8.3,12,12.88,7.41,8.3,6,9.7l6,6,6-6Z'/></svg>");
}

input[type=submit] {
  font-weight: 700;
  cursor: pointer;
}

.boxButtonIcon {
  padding: 0;
}
.boxButtonIcon i {
  font-size: 24px;
  line-height: inherit;
  float: left;
  padding: 0 4px;
}
.boxButtonIcon i.pandaAccent1 {
  color: #13eaad;
}
.boxButtonIcon i.pandaAccent2 {
  color: #8641f2;
}
.boxButtonIcon i.pandaAccent3 {
  color: #158EFC;
}
.boxButtonIcon i.pandaRed {
  color: #F71E33;
}
.boxButtonIcon i.pandaGreen {
  color: #10BF89;
}
.boxButtonIcon.iconLeft {
  padding: 0 10px 0 0;
}
.boxButtonIcon.iconRight {
  padding: 0 0 0 10px;
}
.boxButtonIcon.iconRight i {
  float: right;
}
.boxButtonIcon.iconBoth {
  padding: 0;
}
.boxButtonIcon.iconBoth i:nth-child(2) {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 10px;
}
.boxButtonIcon.dark.iconBoth i:nth-child(2) {
  border-left-color: rgba(255, 255, 255, 0.15);
}

.boxButtonGroup {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  height: 32px;
  width: 64px;
}
.boxButtonGroup.dark {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup.dark .boxButton:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.3);
}
.boxButtonGroup .boxButton {
  background: none;
  margin: -1px;
  border-color: transparent;
}
.boxButtonGroup .boxButton:not(:last-child)::after {
  content: "";
  height: 32px;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  right: -1px;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

.boxButtonGroup .boxButton {
  margin-right: 0;
}
.boxButtonGroup .boxButton:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.boxButtonGroup .boxButton:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html, body {
  width: 100% !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

.top50 {
  margin-top: 50px !important;
}

.top30 {
  margin-top: 30px !important;
}

.top20 {
  margin-top: 20px !important;
}

.top15 {
  margin-top: 15px !important;
}

.top10 {
  margin-top: 10px !important;
}

.top5 {
  margin-top: 5px !important;
}

.top0 {
  margin-top: 0px !important;
}

.bottom50 {
  margin-bottom: 50px !important;
}

.bottom30 {
  margin-bottom: 30px !important;
}

.bottom20 {
  margin-bottom: 20px !important;
}

.bottom15 {
  margin-bottom: 15px !important;
}

.bottom10 {
  margin-bottom: 10px !important;
}

.bottom5 {
  margin-bottom: 5px !important;
}

.bottom0 {
  margin-bottom: 0px !important;
}

.custom_fontHeader {
  font-family: "IBM Plex Sans", "Lexend Deca", "Space Grotesk", "Druk Wide Web", "Roboto", sans-serif !important;
  font-weight: 600;
}

.custom_colorTextPrimary {
  color: #13eaad !important;
  text-transform: uppercase;
}

.custom_colorBackgroundPrimary {
  background: #13eaad !important;
  color: #000000 !important;
}

.custom_colorGhostPrimary {
  background: rgba(19, 234, 173, 0.15) !important;
  color: #13eaad !important;
}

.custom_colorBorderPrimary {
  border: 2px solid #13eaad !important;
}
.custom_colorBorderPrimary:hover {
  color: #000000;
}
.custom_colorBorderPrimary:hover::before, .custom_colorBorderPrimary:hover::after {
  opacity: 0.75;
}

.custom_colorTextSecondary {
  color: #8641f2 !important;
  text-transform: uppercase;
  font-weight: 600;
}

.custom_colorBackgroundSecondary {
  background: #8641f2 !important;
  color: #FFFFFF !important;
}

.custom_colorGhostSecondary {
  background: rgba(134, 65, 242, 0.15) !important;
  color: #8641f2 !important;
}

.custom_colorBorderSecondary {
  border: 2px solid #8641f2 !important;
}
.custom_colorBorderSecondary:hover {
  color: #000000;
}
.custom_colorBorderSecondary:hover::before, .custom_colorBorderSecondary:hover::after {
  opacity: 0.4;
}

.custom_colorTextTertiary {
  color: #158EFC !important;
}

.custom_colorBackgroundTertiary {
  background: #158EFC !important;
  color: #FFFFFF !important;
}

.custom_colorGhostTertiary {
  background: rgba(21, 142, 252, 0.15) !important;
  color: #158EFC !important;
}

.custom_colorBorderTertiary {
  border: 2px solid #158EFC !important;
}
.custom_colorBorderTertiary:hover {
  color: #000000;
}
.custom_colorBorderTertiary:hover::before, .custom_colorBorderTertiary:hover::after {
  opacity: 0.4;
}

.custom_colorTextRed {
  color: #F71E33 !important;
}

.custom_colorBackgroundRed {
  background: #F71E33 !important;
  color: #FFFFFF !important;
}

.custom_colorGhostRed {
  background: rgba(247, 30, 51, 0.15) !important;
  color: #158EFC !important;
}

.custom_colorBorderRed {
  border: 2px solid #F71E33 !important;
}
.custom_colorBorderRed:hover {
  color: #000000;
}
.custom_colorBorderRed:hover::before, .custom_colorBorderRed:hover::after {
  opacity: 0.4;
}

.custom_colorTextGreen {
  color: #10BF89 !important;
}

.custom_colorBackgroundGreen {
  background: #10BF89 !important;
  color: #FFFFFF !important;
}

.custom_colorBorderGreen {
  border: 2px solid #10BF89 !important;
}

.custom_colorBorderGreen {
  border: 2px solid #10BF89 !important;
}
.custom_colorBorderGreen:hover {
  color: #000000;
}
.custom_colorBorderGreen:hover::before, .custom_colorBorderGreen:hover::after {
  opacity: 0.4;
}

.custom_colorGlowPrimary::after,
.custom_colorGlowPrimary::before,
.custom_colorBorderGlowPrimary::before,
.custom_colorGlowSecondary::after,
.custom_colorGlowSecondary::before,
.custom_colorBorderGlowSecondary::before,
.custom_colorGlowTertiary::after,
.custom_colorGlowTertiary::before,
.custom_colorBorderGlowTertiary::before,
.custom_colorGlowRed::after,
.custom_colorGlowRed::before,
.custom_colorBorderGlowRed::before,
.custom_colorGlowGreen::after,
.custom_colorGlowGreen::before,
.custom_colorBorderGlowGreen::before {
  border-radius: 10px;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
}

.custom_colorGlowPrimary::after {
  top: 0;
  bottom: 0;
}

.custom_colorGlowPrimary::before {
  top: 0;
  bottom: 0;
}

.custom_colorBorderGlowPrimary::before {
  bottom: -2px;
}

.custom_colorGlowSecondary::after {
  top: 0;
  bottom: 0;
}

.custom_colorGlowTertiary:hover {
  color: white !important;
  background-color: #158EFC !important;
  transition: all 0.25s;
}

.custom_colorGlowSecondary:hover {
  color: white !important;
  background-color: #8641f2 !important;
  transition: all 0.25s;
}

.custom_colorGlowPrimary:hover {
  color: black !important;
  background-color: #13eaad !important;
  transition: all 0.25s;
}

.custom_colorGlowSecondary::before {
  top: 0;
  bottom: 0;
}

.custom_colorBorderGlowSecondary::before {
  bottom: -2px;
}

.custom_colorGlowTertiary::after {
  top: 0;
  bottom: 0;
}

.custom_colorGlowTertiary::before {
  top: 0;
  bottom: 0;
}

.custom_colorBorderGlowTertiary::before {
  bottom: -2px;
}

.custom_colorGlowRed::after {
  top: 0;
  bottom: 0;
}

.custom_colorGlowRed::before {
  top: 0;
  bottom: 0;
}

.custom_colorBorderGlowRed::before {
  bottom: -2px;
}

.custom_colorGlowGreen::after {
  top: 0;
  bottom: 0;
}

.custom_colorGlowGreen::before {
  top: 0;
  bottom: 0;
}

.custom_colorBorderGlowGreen::before {
  bottom: -2px;
}

img.full {
  display: none;
}
img.layer2 {
  transition-delay: 0.2s;
}
img.layer3 {
  transition-delay: 0.3s;
}
img.layer4 {
  transition-delay: 0.4s;
}
img.layer5 {
  transition-delay: 0.5s;
}
img.layer6 {
  transition-delay: 0.6s;
}
img.layer7 {
  transition-delay: 0.7s;
}
img.layer8 {
  transition-delay: 0.8s;
}
img.layer9 {
  transition-delay: 0.9s;
}
img.layer10 {
  transition-delay: 1s;
}
img.layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.delay0 {
  transition-delay: 0 !important;
}

.delay1 {
  transition-delay: 1s !important;
}

.delay2 {
  transition-delay: 2s !important;
}

.delay3 {
  transition-delay: 3s !important;
}

.delay4 {
  transition-delay: 4s !important;
}

.delay5 {
  transition-delay: 5s !important;
}

.delay6 {
  transition-delay: 6s !important;
}

.delay7 {
  transition-delay: 7s !important;
}

.delay8 {
  transition-delay: 8s !important;
}

.delay9 {
  transition-delay: 9s !important;
}

.delay10 {
  transition-delay: 10s !important;
}

.delay11 {
  transition-delay: 11s !important;
}

.delay12 {
  transition-delay: 12s !important;
}

.delay13 {
  transition-delay: 13s !important;
}

.delay14 {
  transition-delay: 14s !important;
}

.delay15 {
  transition-delay: 15s !important;
}

.delay16 {
  transition-delay: 16s !important;
}

.delay17 {
  transition-delay: 17s !important;
}

.delay18 {
  transition-delay: 18s !important;
}

.delay19 {
  transition-delay: 19s !important;
}

.delay20 {
  transition-delay: 20s !important;
}

.delay21 {
  transition-delay: 21s !important;
}

.delay22 {
  transition-delay: 22s !important;
}

.delay23 {
  transition-delay: 23s !important;
}

.delay24 {
  transition-delay: 24s !important;
}

.delay25 {
  transition-delay: 25s !important;
}

.delay26 {
  transition-delay: 26s !important;
}

.delay27 {
  transition-delay: 27s !important;
}

.delay28 {
  transition-delay: 28s !important;
}

.delay29 {
  transition-delay: 29s !important;
}

.delay30 {
  transition-delay: 30s !important;
}

.exit1,
.exit2,
.exit3,
.exit4,
.exit5,
.exit6,
.exit7,
.exit8,
.exit9,
.exit10,
.exit11,
.exit12,
.exit13,
.exit14,
.exit15,
.exit16,
.exit17,
.exit18,
.exit19,
.exit20,
.exit21,
.exit22,
.exit23,
.exit24,
.exit25,
.exit26,
.exit27,
.exit28,
.exit29,
.exit30 {
  -webkit-animation: fadeout 0.5s ease-in alternate;
  -moz-animation: fadeout 0.5s ease-in alternate;
  animation: fadeout 0.5s ease-in alternate;
  animation-fill-mode: forwards;
}

.exit1 {
  animation-delay: 1s !important;
}

.exit2 {
  animation-delay: 2s !important;
}

.exit3 {
  animation-delay: 3s !important;
}

.exit4 {
  animation-delay: 4s !important;
}

.exit5 {
  animation-delay: 5s !important;
}

.exit6 {
  animation-delay: 6s !important;
}

.exit7 {
  animation-delay: 7s !important;
}

.exit8 {
  animation-delay: 8s !important;
}

.exit9 {
  animation-delay: 9s !important;
}

.exit10 {
  animation-delay: 10s !important;
}

.exit11 {
  animation-delay: 11s !important;
}

.exit12 {
  animation-delay: 12s !important;
}

.exit13 {
  animation-delay: 13s !important;
}

.exit14 {
  animation-delay: 14s !important;
}

.exit15 {
  animation-delay: 15s !important;
}

.exit16 {
  animation-delay: 16s !important;
}

.exit17 {
  animation-delay: 17s !important;
}

.exit18 {
  animation-delay: 18s !important;
}

.exit19 {
  animation-delay: 19s !important;
}

.exit20 {
  animation-delay: 20s !important;
}

.exit21 {
  animation-delay: 21s !important;
}

.exit22 {
  animation-delay: 22s !important;
}

.exit23 {
  animation-delay: 23s !important;
}

.exit24 {
  animation-delay: 24s !important;
}

.exit25 {
  animation-delay: 25s !important;
}

.exit26 {
  animation-delay: 26s !important;
}

.exit27 {
  animation-delay: 27s !important;
}

.exit28 {
  animation-delay: 28s !important;
}

.exit29 {
  animation-delay: 29s !important;
}

.exit30 {
  animation-delay: 30s !important;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
h1 {
  font-size: 50px;
  line-height: 50px;
  max-width: 1250px;
  width: 100%;
  margin: 100px auto 0 auto;
  color: #000000;
}
@media only screen and (max-width: 1310px) {
  h1 {
    width: calc(100% - 60px);
    margin: 100px 30px 0 30px;
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    margin: 50px 30px 0 30px;
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 24px;
    line-height: 24px;
  }
}

.button {
  background: none;
  border: 2px solid #000000;
  border-radius: 10px;
  padding: 0 10px 0 20px;
  margin: 0;
  color: #000000;
  font-size: 13px;
  line-height: 36px;
  height: 40px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  float: left;
  text-transform: uppercase;
  transition: 0.1s all ease-in-out;
  cursor: pointer;
  position: relative;
}
.button:hover {
  color: #000000;
}
.button::before, .button::after {
  transition: 0.2s all ease-in-out;
}
.button i {
  font-size: 24px;
  line-height: 40px;
}
.button.dark {
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  background: none;
  transition: all 0.25s;
}
.button.dark:hover {
  color: black !important;
  border-color: #FFFFFF;
  background: #FFFFFF;
}
.button.dark:hover.active {
  color: black !important;
}
.button.filled {
  background: #FFFFFF;
}
.button.filled.dark {
  color: #000000 !important;
}
.button.filled.dark:hover {
  color: #8641f2 !important;
}
.button.filled.primary {
  background: #13eaad;
  color: #000000;
  border-color: #13eaad !important;
}
.button.filled.secondary {
  background: #8641f2;
  color: #FFFFFF;
  border-color: #8641f2 !important;
}
.button.filled.tertiary {
  background: #158EFC;
  color: #FFFFFF;
  border-color: #158EFC !important;
}

.buttonRow .button {
  margin-right: 15px;
}
.buttonRow .button:last-child {
  margin-right: 0;
}

input:not(.boxButton),
select:not(.boxButton) {
  width: 100%;
  max-width: 500px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  margin: 20px 0 0 0;
  color: #000000;
  transition: 0.1s all ease-in-out;
}
input:not(.boxButton):focus, input:not(.boxButton):hover, input:not(.boxButton):active,
select:not(.boxButton):focus,
select:not(.boxButton):hover,
select:not(.boxButton):active {
  border-color: #000000;
}
input:not(.boxButton)::placeholder,
select:not(.boxButton)::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

select:not(.boxButton) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='rgba(0,0,0,.15)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

header:not(.simple) {
  background-color: #000000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50%;
  overflow: hidden;
}
header:not(.simple).gradientTest {
  border-bottom-right-radius: 50%;
}
@media (min-width: 1800px) {
  header:not(.simple) {
    padding-top: 1000px;
  }
}
header:not(.simple).withExpanding {
  padding-top: 0;
}
header:not(.simple) .headerWrapper .gradientHolder {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
}
header:not(.simple) .headerWrapper .gradientHolder #gradient-canvas {
  width: 100%;
  height: 100%;
  --gradient-color-1: #000000;
  --gradient-color-2: #13eaad;
  --gradient-color-3: #000000;
  --gradient-color-4: #8641f2;
  opacity: 0.7;
}
header:not(.simple) .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem {
  color: #FFFFFF;
}
header:not(.simple) .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem:hover:not(.button) {
  color: #FFFFFF !important;
}
header:not(.simple) .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem:not(.button) {
  color: #FFFFFF;
  border-bottom: 2px solid transparent;
}
@media (max-width: 768px) {
  header:not(.simple) .headerWrapper .headerBody {
    justify-content: inherit !important;
  }
}
header:not(.simple) .headerWrapper .headerBody .headerContent {
  max-width: 80%;
}
@media (max-width: 768px) {
  header:not(.simple) .headerWrapper .headerBody .headerContent {
    order: 2;
    margin: 0;
  }
}

@media (min-width: 1800px) {
  header.withImages {
    padding-top: 0;
    height: 1000px;
  }
}
@media (min-width: 1280px) and (max-width: 1500px) {
  header.withImages {
    padding-top: 60%;
  }
}
@media (max-width: 1279px) {
  header.withImages {
    padding-top: 60%;
  }
}
@media (max-width: 1024px) {
  header.withImages {
    padding-top: 75%;
  }
}
@media (max-width: 768px) {
  header.withImages {
    padding-top: 160%;
  }
}
@media (max-width: 550px) {
  header.withImages {
    padding-top: 170%;
  }
}
@media (max-width: 440px) {
  header.withImages {
    padding-top: 195%;
  }
}
@media (max-width: 400px) {
  header.withImages {
    padding-top: 210%;
  }
}
@media (max-width: 374px) {
  header.withImages {
    padding-top: 220%;
  }
}
header.withImages .headerBody .headerContent {
  max-width: 100%;
}

header {
  width: 100%;
  position: relative;
}
header .headerBackgroundOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  background: rgba(0, 0, 0, 0.85);
}
header .headerWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  display: inline-block;
}
header .headerWrapper.expanding {
  position: relative;
  transform: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
header .headerWrapper.expanding .headerContent {
  margin: 25% 0 !important;
}
header .headerWrapper.withGlow {
  background: linear-gradient(-30deg, rgba(134, 65, 242, 0.5) 25%, rgba(134, 65, 242, 0) 100%) !important;
}
header .headerWrapper .headerNav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: 120px;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerNav {
    width: calc(100% - 60px);
    margin: 0 30px;
    height: 100px;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerNav {
    width: calc(100% - 60px);
    margin: 0 30px;
    height: 80px;
  }
}
header .headerWrapper .headerNav .headerNavLogo {
  cursor: pointer;
}
header .headerWrapper .headerNav .headerNavLogo img {
  max-height: 30px;
  display: block;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerNav .headerNavLogo img {
    max-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerNav .headerNavLogo img {
    max-height: 24px;
  }
}
header .headerWrapper .headerNav .demoHeaderNavLinks .headerNavLinkItem {
  color: #FFFFFF !important;
}
header .headerWrapper .headerNav .headerNavLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem {
  margin-right: 20px;
  font-size: 14px;
  line-height: 34px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  padding: 0 10px;
  color: #000000;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem:hover:not(.button) {
  color: #000000 !important;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem:not(.button) {
  color: #000000;
  border-bottom: 2px solid transparent;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem::before {
  display: none;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.active {
  border-bottom: 2px solid;
  position: relative;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.active::before {
  display: inline;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem:last-child {
  margin-right: 0 !important;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.openDropdown {
  padding: 0 5px 0 10px;
  margin-right: 10px;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.button {
  margin-right: 15px;
  padding: 0 10px 0 20px;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.button::before {
  display: inherit;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.button.mobile {
  padding-left: 10px;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.boxButton {
  margin-right: 15px;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.boxButton i {
  line-height: 32px;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.icon {
  margin: 0;
}
header .headerWrapper .headerNav .headerNavLinks .headerNavLinkItem.icon i {
  font-size: 30px;
}
header .headerWrapper .headerBody {
  width: 100%;
  max-width: 1250px;
  height: calc(100% - 150px);
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody {
    width: calc(100% - 60px);
    flex-direction: column;
    align-items: flex-start;
  }
}
header .headerWrapper .headerBody.noImages {
  text-align: center;
  justify-content: center;
}
header .headerWrapper .headerBody.noImages .headerContent .buttonRow {
  display: flex;
  justify-content: center;
}
header .headerWrapper .headerBody .patent {
  font-size: 13px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.33);
}
header .headerWrapper .headerBody .patent a {
  color: rgba(255, 255, 255, 0.33);
  text-decoration: underline;
}
header .headerWrapper .headerBody .patent a:hover {
  color: white;
}
header .headerWrapper .headerBody .patent.desktop {
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-width: 500px;
  padding-right: 30px;
}
header .headerWrapper .headerBody .patent.mobile {
  padding-top: 30px;
}
header .headerWrapper .headerBody .headerContent {
  max-width: 800px;
  width: 60%;
  margin-right: 5%;
}
header .headerWrapper .headerBody .headerContent.maxWidth500 {
  width: 100%;
  max-width: 500px;
  min-width: 250px;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody .headerContent {
    top: calc(50% + 30px);
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent {
    top: inherit;
    position: relative;
    transform: none;
    margin: 30px 0;
    max-width: none;
    width: 100%;
  }
}
header .headerWrapper .headerBody .headerContent .label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent .label {
    font-size: 16px;
  }
}
header .headerWrapper .headerBody .headerContent h1,
header .headerWrapper .headerBody .headerContent .headline {
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  color: #FFFFFF;
  width: 100%;
}
@media only screen and (max-width: 1500px) {
  header .headerWrapper .headerBody .headerContent h1,
  header .headerWrapper .headerBody .headerContent .headline {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody .headerContent h1,
  header .headerWrapper .headerBody .headerContent .headline {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  header .headerWrapper .headerBody .headerContent h1,
  header .headerWrapper .headerBody .headerContent .headline {
    font-size: 24px;
    line-height: 25px;
  }
}
header .headerWrapper .headerBody .headerContent p {
  font-size: 16px;
  line-height: 30px;
  margin: 20px 0 0 0;
  color: #FFFFFF;
  width: 100%;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody .headerContent p {
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0 0 0;
  }
}
@media only screen and (max-width: 1000px) {
  header .headerWrapper .headerBody .headerContent p {
    font-size: 13px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent p {
    margin: 10px 0 0 0;
  }
}
header .headerWrapper .headerBody .headerContent .author {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody .headerContent .author {
    font-size: 13px;
    line-height: 20px;
    margin-top: 5px;
  }
}
header .headerWrapper .headerBody .headerContent .buttonRow {
  margin-top: 15px;
  min-height: 40px;
  width: 100%;
  float: left;
  clear: both;
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent .buttonRow {
    float: none;
  }
}
header .headerWrapper .headerBody .headerContent .buttonRow .button {
  margin: 15px 15px 0 0;
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent .buttonRow .button {
    margin: 15px 10px 0 0;
  }
}
header .headerWrapper .headerBody .headerContent .buttonRow .button.active {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
header .headerWrapper .headerBody .headerContent .buttonRow .button.active.dark:hover {
  color: black !important;
}
header .headerWrapper .headerBody .headerContent .buttonRow .button:last-child {
  margin-right: 0;
}
header .headerWrapper .headerBody .headerContent small {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 30px;
  display: block;
  float: left;
  clear: both;
}
@media only screen and (max-width: 1310px) {
  header .headerWrapper .headerBody .headerContent small {
    margin: 20px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerContent small {
    margin: 15px 0 0 0;
  }
}
header .headerWrapper .headerBody .headerContent small a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}
header .headerWrapper .headerBody .headerContent small a:hover {
  color: #FFFFFF;
}
header .headerWrapper .headerBody .headerImages {
  display: inline-block;
  z-index: 2;
  position: relative;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .headerBody .headerImages {
    position: relative;
    width: 100%;
    top: inherit;
    right: 0;
    transform: none;
  }
}
header .headerWrapper .headerBody .headerImages .sizeHolder {
  width: 100%;
  display: block;
}
header .headerWrapper .headerBody .headerImages .headerImageGroup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
header .headerWrapper .headerBody .headerImages .headerImageGroup.active {
  display: inherit;
}
header .headerWrapper .headerBody .headerImages .headerImageGroup img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
header .headerWrapper .glow1 {
  position: absolute;
  bottom: -90%;
  right: 5%;
  width: 70%;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 2000px) {
  header .headerWrapper .glow1 {
    bottom: -100%;
    right: -5%;
    width: 60%;
  }
}
@media (min-width: 1280px) and (max-width: 1500px) {
  header .headerWrapper .glow1 {
    bottom: -60%;
    right: 5%;
    width: 70%;
  }
}
@media only screen and (max-width: 1279px) {
  header .headerWrapper .glow1 {
    bottom: -100%;
    right: -15%;
    width: 110%;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .glow1 {
    bottom: -110%;
    right: -40%;
    width: 250%;
  }
}
@media only screen and (max-width: 550px) {
  header .headerWrapper .glow1 {
    bottom: -100%;
  }
}
header .headerWrapper .glow2 {
  position: absolute;
  bottom: -60%;
  right: -30%;
  width: 70%;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 2000px) {
  header .headerWrapper .glow2 {
    bottom: -90%;
    right: -30%;
    width: 70%;
  }
}
@media (min-width: 1280px) and (max-width: 1500px) {
  header .headerWrapper .glow2 {
    bottom: -45%;
    right: -35%;
    width: 80%;
  }
}
@media only screen and (max-width: 1279px) {
  header .headerWrapper .glow2 {
    bottom: -50%;
    right: -40%;
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  header .headerWrapper .glow2 {
    bottom: -80%;
    right: -110%;
    width: 230%;
  }
}
@media only screen and (max-width: 550px) {
  header .headerWrapper .glow2 {
    bottom: -70%;
  }
}
header .headerCurve {
  position: absolute;
  bottom: -3px;
  right: -3px;
  height: 100%;
  max-height: 600px;
  pointer-events: none;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  header .headerCurve {
    max-height: 300px;
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  header .headerCurve {
    max-height: 240px;
  }
}
header .headerCurve svg {
  height: 100%;
  pointer-events: none;
  float: left;
  margin-bottom: 0 !important;
}

.headerPips {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  margin-top: -10px;
  right: 5%;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .headerPips {
    justify-content: center;
    position: relative;
    right: auto;
    bottom: -30px;
    margin: 0 auto;
  }
}
.headerPips .pip {
  border: 2px solid rgba(0, 0, 0, 0.15);
  width: 26px;
  height: 6px;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.headerPips .pip:last-child {
  margin-right: 0;
}
.headerPips .pip.active {
  background: rgba(0, 0, 0, 0.15);
  border: none;
  width: 30px;
  height: 10px;
}
.headerPips .pip:hover {
  border-color: #8641f2;
}

.navDropdown,
.menuDropdown {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.navDropdown .navDropdownBackground,
.navDropdown .menuDropdownBackground,
.menuDropdown .navDropdownBackground,
.menuDropdown .menuDropdownBackground {
  background: #000000;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.navDropdown .navDropdownContent,
.navDropdown .menuDropdownContent,
.menuDropdown .navDropdownContent,
.menuDropdown .menuDropdownContent {
  width: 100%;
  max-width: 1250px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.navDropdown .headerNav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: 120px;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 1310px) {
  .navDropdown .headerNav {
    width: calc(100% - 60px);
    margin: 0 30px;
    height: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .navDropdown .headerNav {
    width: calc(100% - 60px);
    margin: 0 30px;
    height: 80px;
  }
}
.navDropdown .headerNav .headerNavLogo {
  cursor: pointer;
}
.navDropdown .headerNav .headerNavLogo img {
  max-width: 180px;
  max-height: 40px;
  display: block;
}
@media only screen and (max-width: 1310px) {
  .navDropdown .headerNav .headerNavLogo img {
    max-width: 160px;
    max-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .navDropdown .headerNav .headerNavLogo img {
    max-width: 140px;
    max-height: 20px;
  }
}
.navDropdown .headerNav .headerNavLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem {
  margin-right: 20px;
  font-size: 14px;
  line-height: 34px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  padding: 0 10px;
  color: #FFFFFF;
  position: relative;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem:hover:not(.button) {
  color: #FFFFFF !important;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem:not(.button) {
  color: #FFFFFF;
  border-bottom: 2px solid transparent;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem::before {
  display: none;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.active {
  position: relative;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  width: 100%;
  background: #13eaad;
  box-shadow: 0 0 8px 5px rgba(19, 234, 173, 0.5);
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.active::before {
  display: inline;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem:last-child {
  margin-right: 0 !important;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.openDropdown {
  padding: 0 5px 0 10px;
  margin-right: 10px;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.button {
  margin-right: 15px;
  padding: 0 10px 0 20px;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.button::before {
  display: inherit;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.button.mobile {
  padding-left: 10px;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.boxButton {
  margin-right: 15px;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.boxButton i {
  line-height: 32px;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.icon {
  margin: 0;
}
.navDropdown .headerNav .headerNavLinks .headerNavLinkItem.icon i {
  font-size: 30px;
}
.navDropdown .navDropdownContent {
  width: 100%;
  max-width: 1250px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  margin-right: 0px;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem {
  width: 30%;
  max-width: 30%;
  margin-right: 5%;
  min-height: 150px;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem:nth-child(3n) {
  margin-right: 0;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 5px;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem .flexRow i {
  font-size: 24px;
  margin-right: 15px;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem .flexRow .navDropdownItemTitle {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #FFFFFF;
  flex: 1;
}
.navDropdown .navDropdownContent .navDropdownItemsOuter .navDropdownItem .navDropdownItemDescription {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  padding-left: 39px;
  color: rgba(255, 255, 255, 0.5);
}
.navDropdown .navDropdownContent .navDropdownEvents {
  display: flex;
  flex-direction: column;
}
.navDropdown .navDropdownContent .navDropdownEvents .eventCounter {
  border-radius: 10px;
  margin-bottom: 20px;
  height: auto;
}

@media only screen and (min-width: 769px) {
  .menuDropdown {
    display: none !important;
    opacity: 0 !important;
  }
}
.menuDropdown .menuDropdownHeader {
  position: absolute;
  z-index: 10;
  width: calc(100% - 60px);
  margin: 0 30px;
  height: 80px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.menuDropdown .menuDropdownHeader .headerNavLogo {
  max-height: 24px;
  display: block;
}
.menuDropdown .menuDropdownHeader .closeMenu {
  cursor: pointer;
  padding: 0 10px;
}
.menuDropdown .menuDropdownHeader .closeMenu i {
  font-size: 30px;
  color: #FFFFFF;
  display: block;
}
.menuDropdown .menuDropdownContent {
  display: flex;
  flex-direction: column;
  margin: 0 30px;
}
.menuDropdown .menuDropdownContent .menuDropdownItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
  margin: 5px 0;
  position: relative;
}
.menuDropdown .menuDropdownContent .menuDropdownItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.menuDropdown .menuDropdownContent .menuDropdownItem label {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
}
.menuDropdown .menuDropdownContent .menuDropdownItem i {
  margin-left: 5px;
  font-size: 24px;
}
.menuDropdown .menuDropdownContent .menuDropdownItem i.open {
  display: none;
}
.menuDropdown .menuDropdownContent .solutionsList {
  display: none;
}
.menuDropdown .menuDropdownContent .solutionsList .solutionsItem {
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 25px;
  padding: 10px 0;
  margin: 5px 0;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  transition: 0.1s all ease-in-out;
}
.menuDropdown .menuDropdownContent .solutionsList .solutionsItem:hover {
  color: #FFFFFF;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons {
  margin-top: 50px;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.5);
  float: left;
  text-transform: none;
  transition: 0.1s all ease-in-out;
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
  float: left;
  clear: both;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button::before, .menuDropdown .menuDropdownContent .menuDropdownButtons .button::after {
  display: inherit;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button::before, .menuDropdown .menuDropdownContent .menuDropdownButtons .button::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s all ease-in-out;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button.primary {
  color: #FFFFFF !important;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button:hover {
  color: #FFFFFF !important;
  border-color: #FFFFFF;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button:hover::before, .menuDropdown .menuDropdownContent .menuDropdownButtons .button:hover::after {
  opacity: 0.75;
}
.menuDropdown .menuDropdownContent .menuDropdownButtons .button i {
  font-size: 24px;
  line-height: 40px;
}

.clientRow {
  width: 100%;
  overflow: hidden;
  margin: 100px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .clientRow {
    margin: 50px 0 -50px 0;
  }
}
.clientRow .clientRowInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  overflow-x: scroll;
  width: 100%;
}
.clientRow .clientRowInner::-webkit-scrollbar {
  display: none;
}
.clientRow .clientRowInner .client {
  padding: 10px 30px;
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
  .clientRow .clientRowInner .client {
    padding: 10px 15px;
  }
}
.clientRow .clientRowInner .client img {
  opacity: 0.15;
  max-height: 60px;
  max-width: 220px;
}
@media only screen and (max-width: 768px) {
  .clientRow .clientRowInner .client img {
    max-height: 50px;
    max-width: 140px;
  }
}
.clientRow .clientRowInner .client:hover {
  transform: scale(1.1);
}
.clientRow .clientRowInner .client:hover img {
  opacity: 0.3;
}

.block {
  width: 100%;
  display: block;
}
.block.firstBlock {
  padding-top: 200px !important;
}
.block.stacked {
  display: flex;
  flex-direction: column;
  margin: 0 0 100px 0;
}
.block.stacked .stackItem {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem {
    flex-direction: column;
  }
}
.block.stacked .stackItem:nth-child(odd) .stackItemImage {
  order: 1;
}
.block.stacked .stackItem:nth-child(odd) .stackItemImage .colorBlock {
  left: 0;
  right: 30%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.block.stacked .stackItem:nth-child(odd) .stackItemImage .stackItemImageLayers {
  right: 5%;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem:nth-child(odd) .stackItemImage .stackItemImageLayers {
    right: inherit;
  }
}
.block.stacked .stackItem:nth-child(odd) .stackItemContent {
  order: 2;
  margin-right: 100px;
}
.block.stacked .stackItem:nth-child(even) .stackItemImage {
  order: 2;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem:nth-child(even) .stackItemImage {
    order: 1;
  }
}
.block.stacked .stackItem:nth-child(even) .stackItemImage .colorBlock {
  left: 30%;
  right: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.block.stacked .stackItem:nth-child(even) .stackItemImage .stackItemImageLayers {
  left: 5%;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem:nth-child(even) .stackItemImage .stackItemImageLayers {
    left: inherit;
  }
}
.block.stacked .stackItem:nth-child(even) .stackItemContent {
  order: 1;
  margin-left: 100px;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem:nth-child(even) .stackItemContent {
    order: 2;
  }
}
.block.stacked .stackItem .stackItemImage {
  width: 60%;
  min-height: 600px;
  position: relative;
}
@media only screen and (max-width: 1310px) {
  .block.stacked .stackItem .stackItemImage {
    min-height: 400px;
  }
}
@media only screen and (max-width: 900px) {
  .block.stacked .stackItem .stackItemImage {
    width: 100%;
    min-height: 400px;
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemImage {
    width: 100%;
    min-height: 400px;
  }
}
.block.stacked .stackItem .stackItemImage .colorBlock {
  position: absolute;
  top: 0;
  bottom: 0;
}
.block.stacked .stackItem .stackItemImage .stackItemImageLayers {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 600px;
}
@media only screen and (max-width: 1310px) {
  .block.stacked .stackItem .stackItemImage .stackItemImageLayers {
    width: 400px;
  }
}
@media only screen and (max-width: 900px) {
  .block.stacked .stackItem .stackItemImage .stackItemImageLayers {
    width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemImage .stackItemImageLayers {
    width: 100%;
  }
}
.block.stacked .stackItem .stackItemImage .stackItemImageLayers img {
  width: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 900px) {
  .block.stacked .stackItem .stackItemImage .stackItemImageLayers img {
    margin: 0 auto;
  }
}
.block.stacked .stackItem .stackItemContent {
  color: #000000;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 900px) {
  .block.stacked .stackItem .stackItemContent {
    margin-left: 30px !important;
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent {
    width: calc(100% - 60px);
    margin: 50px 30px !important;
  }
}
.block.stacked .stackItem .stackItemContent h3 {
  font-size: 40px;
  line-height: 40px;
}
@media only screen and (max-width: 1310px) {
  .block.stacked .stackItem .stackItemContent h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 900px) {
  .block.stacked .stackItem .stackItemContent h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .block.stacked .stackItem .stackItemContent h3 {
    font-size: 24px;
    line-height: 24px;
  }
}
.block.stacked .stackItem .stackItemContent h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .block.stacked .stackItem .stackItemContent h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.block.stacked .stackItem .stackItemContent p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent p {
    font-size: 13px;
    line-height: 20px;
  }
}
.block.stacked .stackItem .stackItemContent ul {
  margin-top: 15px;
}
.block.stacked .stackItem .stackItemContent ul li {
  font-size: 16px;
  line-height: 24px;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px 0;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent ul li {
    font-size: 13px;
    line-height: 20px;
  }
}
.block.stacked .stackItem .stackItemContent ul li i {
  font-size: 24px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent ul li i {
    font-size: 20px;
  }
}
.block.stacked .stackItem .stackItemContent .buttonRow {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .block.stacked .stackItem .stackItemContent .buttonRow {
    justify-content: center;
  }
}
.block.stacked .stackItem .stackItemContent .buttonRow .button {
  margin-top: 30px;
}
.block .infoBoxGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1250px;
  margin-right: -50px;
  margin-bottom: -50px;
}
.block .infoBoxGrid .gridItem {
  width: calc(50% - 50px);
  box-sizing: border-box;
  padding: 50px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 50px;
  margin-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .block .infoBoxGrid .gridItem {
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
  }
}
.block .infoBoxGrid .gridItem:hover .gridItemImage,
.block .infoBoxGrid .gridItem:hover .gridItemImageHover,
.block .infoBoxGrid .gridItem:hover .gridItemImageDark,
.block .infoBoxGrid .gridItem:hover .gridItemImageHoverDark {
  transform: scale(1.04);
  margin-top: -10px;
}
.block .infoBoxGrid .gridItem:hover .gridItemImageHover,
.block .infoBoxGrid .gridItem:hover .gridItemImageHoverDark {
  opacity: 1 !important;
}
.block .infoBoxGrid .gridItem:last-child {
  margin-right: 0;
}
.block .infoBoxGrid .gridItem .gridItemImageContainer {
  width: 100%;
  padding-top: 50%;
  position: relative;
}
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImage,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHover,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageDark,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHoverDark {
  background: rgba(0, 0, 0, 0.05);
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  transition: 0.3s all ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHover,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHoverDark {
  opacity: 0;
}
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImage,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHover {
  display: inherit;
}
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageDark,
.block .infoBoxGrid .gridItem .gridItemImageContainer .gridItemImageHoverDark {
  display: none;
}
.block .infoBoxGrid .gridItem h2 {
  margin-top: 15px;
}
.block .infoBoxGrid .gridItem h3 {
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 -10px 0;
  font-weight: 400;
}
.block .infoBoxGrid .gridItem.darkMode {
  background: #111111;
}
.block .infoBoxGrid .gridItem.darkMode h2 {
  color: #FFFFFF;
}
.block .infoBoxGrid .gridItem.darkMode h3 {
  color: rgba(255, 255, 255, 0.5);
}
.block .infoBoxGrid .gridItem.darkMode .gridItemImageContainer .gridItemImage,
.block .infoBoxGrid .gridItem.darkMode .gridItemImageContainer .gridItemImageHover {
  display: none;
}
.block .infoBoxGrid .gridItem.darkMode .gridItemImageContainer .gridItemImageDark,
.block .infoBoxGrid .gridItem.darkMode .gridItemImageContainer .gridItemImageHoverDark {
  display: inherit;
}
.block .productSelector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 1250px;
  margin-top: 50px;
  gap: 50px;
}
@media only screen and (max-width: 1310px) {
  .block .productSelector {
    margin: 50px 50px 0 50px;
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 1000px) {
  .block .productSelector {
    grid-template-columns: 1fr;
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .block .productSelector {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block .productSelector .productItem {
  flex-grow: 1;
  flex-basis: 0;
  box-sizing: border-box;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  transition: 0.2s all ease-in-out;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .block .productSelector .productItem {
    margin-bottom: 50px;
    padding: 50px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem {
    padding: 30px;
    width: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .block .productSelector .productItem {
    padding: 20px;
  }
}
.block .productSelector .productItem.pandaStudio {
  padding: 0px;
  padding-top: 50px;
  overflow: hidden;
  flex-grow: 1;
  flex-basis: 0;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem.pandaStudio {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .block .productSelector .productItem.pandaStudio {
    padding-top: 20px;
  }
}
.block .productSelector .productItem.pandaStudio .itemWrapper, .block .productSelector .productItem.pandaStudio .bottom {
  padding: 0px 50px;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem.pandaStudio .itemWrapper, .block .productSelector .productItem.pandaStudio .bottom {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .block .productSelector .productItem.pandaStudio .itemWrapper, .block .productSelector .productItem.pandaStudio .bottom {
    padding-top: 20px;
  }
}
.block .productSelector .productItem.pandaStudio .bottom {
  color: #999;
  background-color: #F2f2f2;
  margin-top: 50px;
  font-size: 13px;
  line-height: 19px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  left: 0px;
  right: 0px;
}
@media only screen and (max-width: 1000px) {
  .block .productSelector .productItem.pandaStudio .bottom {
    margin-top: 30px;
  }
}
.block .productSelector .productItem.pandaStudio .bottom a {
  text-decoration: underline;
  color: #8641f2;
}
.block .productSelector .productItem.pandaStudio .bottom:hover a {
  font-weight: bolder;
}
.block .productSelector .productItem:hover {
  border-color: #000000;
  transform: scale(1.03);
}
.block .productSelector .productItem:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem:last-child {
    margin-bottom: 0;
  }
}
.block .productSelector .productItem img {
  height: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem img {
    height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem h2 {
    font-size: 16px;
    line-height: 20px;
  }
}
.block .productSelector .productItem h3 {
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 -10px 0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem h3 {
    margin: 0;
  }
}
.block .productSelector .productItem .badge {
  position: absolute;
  bottom: 50px;
  right: 50px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 14px;
  padding: 2px 10px;
  color: #8641f2 !important;
  border: 1px solid;
}
@media only screen and (max-width: 768px) {
  .block .productSelector .productItem .badge {
    bottom: 30px;
    right: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .block .productSelector .productItem .badge {
    bottom: 20px;
    right: 20px;
  }
}
.block .productSelector .productItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.block .diagramCards {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 700px;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .block .diagramCards {
    width: calc(100% - 60px);
  }
}
.block .diagramCards .diagramCardItem {
  padding: 40px 40px 40px 40px;
  width: 100%;
  max-width: 220px;
  border-radius: 10px;
  border: 0px !important;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  position: relative;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .block .diagramCards .diagramCardItem {
    padding: 20px 20px 20px 20px;
    margin-right: 15px;
  }
  .block .diagramCards .diagramCardItem:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .block .diagramCards .diagramCardItem {
    padding: 30px 10px 20px 10px;
    margin-right: 15px;
  }
  .block .diagramCards .diagramCardItem:last-child {
    margin-right: 0;
  }
}
.block .diagramCards .diagramCardItem img {
  width: calc(100% - 80px);
  margin: 0 40px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .block .diagramCards .diagramCardItem img {
    width: calc(100% - 80px);
    margin: 0 40px;
  }
}
.block .diagramCards .diagramCardItem .label {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .block .diagramCards .diagramCardItem .label {
    font-size: 13px;
    line-height: 16px;
    margin-top: 20px;
  }
}
.block .fullImageWrapper {
  max-width: 900px;
}
.block .fullImageWrapper img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 960px) {
  .block .fullImageWrapper img {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
.block .clientLogos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -50px;
  margin-right: -50px;
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .block .clientLogos {
    justify-content: space-between;
    margin-right: 0;
    padding: 0 30px;
  }
}
.block .clientLogos .clientItem {
  width: 200px;
  height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin: 0 50px 50px 0;
  position: relative;
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
  .block .clientLogos .clientItem {
    width: calc(50% - 17px);
    margin: 0 0 30px 0;
  }
}
.block .clientLogos .clientItem:hover {
  border-color: #000000;
  transform: scale(1.05);
}
.block .clientLogos .clientItem:hover img {
  opacity: 1;
}
.block .clientLogos .clientItem img {
  max-width: 160px;
  max-height: 50px;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
  .block .clientLogos .clientItem img {
    max-width: 180px;
    max-height: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .block .clientLogos .clientItem img {
    max-width: calc(100% - 40px);
    max-height: 50px;
  }
}
.block .pricingTable {
  display: flex;
  flex-direction: row;
  max-width: 1000px;
  margin-top: 100px;
}
@media only screen and (max-width: 1310px) {
  .block .pricingTable {
    margin: 50px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .pricingTable {
    flex-direction: column;
  }
}
.block .pricingTable .pricingColumn {
  padding: 50px;
  border-radius: 10px;
  margin-right: 30px;
  max-width: 400px;
  width: 100%;
  min-width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
  .block .pricingTable .pricingColumn {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .pricingTable .pricingColumn {
    padding: 50px;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.block .pricingTable .pricingColumn:nth-child(even) {
  margin-right: 0;
}
.block .pricingTable .pricingColumn.light {
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
}
.block .pricingTable .pricingColumn.light .columnTitle,
.block .pricingTable .pricingColumn.light .checklistItem {
  color: #000000;
}
.block .pricingTable .pricingColumn.light .columnDescription,
.block .pricingTable .pricingColumn.light .accordionItemTitle {
  color: rgba(0, 0, 0, 0.5);
}
.block .pricingTable .pricingColumn.light .columnDescription a,
.block .pricingTable .pricingColumn.light .accordionItemTitle a {
  color: rgba(0, 0, 0, 0.5);
}
.block .pricingTable .pricingColumn.light .columnDescription a:hover,
.block .pricingTable .pricingColumn.light .accordionItemTitle a:hover {
  color: #8641f2;
}
.block .pricingTable .pricingColumn.light .checklistItem span,
.block .pricingTable .pricingColumn.light .columnPrice span {
  color: rgba(0, 0, 0, 0.5);
}
.block .pricingTable .pricingColumn.light .accordionItemBullets li {
  color: rgba(0, 0, 0, 0.5);
}
.block .pricingTable .pricingColumn.light .accordionItem:hover .accordionItemTitle {
  color: #000000;
}
.block .pricingTable .pricingColumn.dark {
  background: #000000;
  background: linear-gradient(30deg, rgb(0, 0, 0) 0%, rgb(71, 71, 71) 100%);
}
.block .pricingTable .pricingColumn.dark .columnTitle,
.block .pricingTable .pricingColumn.dark .checklistItem {
  color: #FFFFFF;
}
.block .pricingTable .pricingColumn.dark .columnDescription,
.block .pricingTable .pricingColumn.dark .accordionItemTitle {
  color: rgba(255, 255, 255, 0.5);
}
.block .pricingTable .pricingColumn.dark .columnDescription a,
.block .pricingTable .pricingColumn.dark .accordionItemTitle a {
  color: rgba(255, 255, 255, 0.5);
}
.block .pricingTable .pricingColumn.dark .columnDescription a:hover,
.block .pricingTable .pricingColumn.dark .accordionItemTitle a:hover {
  color: #13eaad;
}
.block .pricingTable .pricingColumn.dark .checklistItem span,
.block .pricingTable .pricingColumn.dark .columnPrice span {
  color: rgba(255, 255, 255, 0.5);
}
.block .pricingTable .pricingColumn.dark .accordionItemBullets li {
  color: rgba(255, 255, 255, 0.5);
}
.block .pricingTable .pricingColumn.dark .accordionItem:hover .accordionItemTitle {
  color: #FFFFFF;
}
.block .pricingTable .pricingColumn.dark .accessCodeInputWrapper input {
  color: #FFFFFF;
}
.block .pricingTable .pricingColumn.dark .accessCodeInputWrapper input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.block .pricingTable .pricingColumn.dark .button {
  color: #FFFFFF;
}
.block .pricingTable .pricingColumn .columnTitle {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.block .pricingTable .pricingColumn .columnDescription {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
}
.block .pricingTable .pricingColumn .columnPrice {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.block .pricingTable .pricingColumn .columnPrice span {
  font-size: 20px;
  line-height: 40px;
  display: inline-block;
}
.block .pricingTable .pricingColumn .columnPrice span.badge {
  margin-left: 10px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 24px;
}
.block .pricingTable .pricingColumn .columnPrice span.callout {
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 0 0 15px;
  text-align: center;
}
.block .pricingTable .pricingColumn .button {
  margin-top: 30px;
}
.block .pricingTable .pricingColumn .columnChecklist {
  margin-bottom: 30px;
  display: block;
  width: 100%;
  clear: both;
}
.block .pricingTable .pricingColumn .columnChecklist .checklistItem {
  font-size: 16px;
  line-height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.block .pricingTable .pricingColumn .columnChecklist .checklistItem .checklistItemContent {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .block .pricingTable .pricingColumn .columnChecklist .checklistItem .checklistItemContent {
    flex-direction: column;
  }
  .block .pricingTable .pricingColumn .columnChecklist .checklistItem .checklistItemContent .checklistItemTitle {
    margin-right: 0;
  }
}
.block .pricingTable .pricingColumn .columnChecklist .checklistItem .checklistItemContent .checklistItemTitle {
  margin-right: 5px;
}
.block .pricingTable .pricingColumn .columnChecklist .checklistItem .checklistItemContent span {
  font-size: 13px;
}
.block .pricingTable .pricingColumn .columnChecklist .checklistItem i {
  font-size: 30px;
  margin-right: 10px;
}
.block .pricingTable .pricingColumn .columnAccordion {
  margin-bottom: 30px;
  display: block;
  width: 100%;
  clear: both;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemTitle i {
  font-size: 20px;
  margin-right: 5px;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemTitle span {
  flex: 1;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemTitle .link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  display: none;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemTitle .link i {
  font-size: 20px;
  margin-left: 5px;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemBullets {
  display: none;
  margin-top: 10px;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemBullets.active {
  display: block;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemBullets.imageBullets li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  padding-left: inherit;
  text-indent: inherit;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemBullets.imageBullets li img {
  width: 30px;
  margin-right: 10px;
}
.block .pricingTable .pricingColumn .columnAccordion .accordionItem .accordionItemBullets li {
  list-style-type: disc;
  margin-left: 30px;
  padding-left: 22px;
  text-indent: -18px;
}
.block .numberCardsList {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1250px;
  margin-top: 50px;
}
@media only screen and (max-width: 1310px) {
  .block .numberCardsList {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
@media only screen and (max-width: 769px) {
  .block .numberCardsList {
    flex-direction: column;
    align-items: center;
  }
}
.block .numberCardsList .numberCardItem {
  background: #FFFFFF;
  border-radius: 20px;
  margin-right: 20px;
  flex: 1;
  padding: 20px;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .block .numberCardsList .numberCardItem {
    margin: 0 0 20px 0;
  }
  .block .numberCardsList .numberCardItem:last-child {
    margin-bottom: 0;
  }
}
.block .numberCardsList .numberCardItem:last-child {
  margin-right: 0;
}
.block .numberCardsList .numberCardItem .numberCardValue {
  font-size: 40px;
  line-height: 40px;
  color: #8641f2;
}
.block .numberCardsList .numberCardItem .numberCardTitle {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000000;
}
.block .numberCardsList .numberCardItem .numberCardDescription {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.block.testimonials .testimonialsOuter {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
.block.testimonials .testimonialsOuter .testimonialPrev,
.block.testimonials .testimonialsOuter .testimonialNext {
  font-size: 50px;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonialPrev,
  .block.testimonials .testimonialsOuter .testimonialNext {
    top: auto;
    transform: none;
    bottom: -60px;
    font-size: 40px;
  }
}
.block.testimonials .testimonialsOuter .testimonialPrev:hover,
.block.testimonials .testimonialsOuter .testimonialNext:hover {
  color: #000000;
}
.block.testimonials .testimonialsOuter .testimonialPrev {
  left: -80px;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonialPrev {
    left: calc(50% - 40px);
  }
}
.block.testimonials .testimonialsOuter .testimonialNext {
  right: -80px;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonialNext {
    right: calc(50% - 40px);
  }
}
.block.testimonials .testimonialsOuter .testimonial {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  width: 100%;
  max-width: 500px;
  height: 240px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial {
    height: 260px;
  }
}
.block.testimonials .testimonialsOuter .testimonial.active {
  display: flex;
}
.block.testimonials .testimonialsOuter .testimonial .quoteStart,
.block.testimonials .testimonialsOuter .testimonial .quoteEnd {
  font-size: 60px;
  color: #8641f2;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .quoteStart,
  .block.testimonials .testimonialsOuter .testimonial .quoteEnd {
    font-size: 50px;
  }
}
.block.testimonials .testimonialsOuter .testimonial .quoteStart {
  top: 0;
  left: 0;
  transform: rotate(180deg);
}
.block.testimonials .testimonialsOuter .testimonial .quoteEnd {
  bottom: 0;
  right: 0;
}
.block.testimonials .testimonialsOuter .testimonial .testimonialText {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #222222;
  margin-bottom: 5px;
  text-align: center;
  position: absolute;
  top: calc(50% - 10px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .testimonialText {
    font-size: 13px;
  }
}
.block.testimonials .testimonialsOuter .testimonial .testimonialAuthor {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  width: calc(100% - 40px);
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .testimonialAuthor {
    bottom: 10px;
  }
}
.block.testimonials .testimonialsOuter .testimonial .testimonialAuthor img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .testimonialAuthor img {
    width: 30px;
    height: 30px;
  }
}
.block.testimonials .testimonialsOuter .testimonial .testimonialAuthor .testimonialAuthorText {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}
.block.testimonials .testimonialsOuter .testimonial .testimonialAuthor .testimonialAuthorText .testimonialAuthorName {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #222222;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .testimonialAuthor .testimonialAuthorText .testimonialAuthorName {
    font-size: 13px;
    line-height: 16px;
  }
}
.block.testimonials .testimonialsOuter .testimonial .testimonialAuthor .testimonialAuthorText .testimonialAuthorTitle {
  font-size: 11px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .block.testimonials .testimonialsOuter .testimonial .testimonialAuthor .testimonialAuthorText .testimonialAuthorTitle {
    line-height: 14px;
  }
}
.block .teamThumbnails {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1250px;
  margin-top: 50px;
  margin-right: -30px;
  justify-content: center;
}
@media only screen and (max-width: 1310px) {
  .block .teamThumbnails {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
.block .teamThumbnails.large {
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .block .teamThumbnails.large .thumbnailItem {
    max-width: none;
    width: calc(33.33% - 30px);
    height: auto;
  }
}
.block .teamThumbnails.large .thumbnailItem {
  flex: inherit;
}
.block .teamThumbnails.large .thumbnailItem:hover {
  transform: none;
  cursor: default;
}
.block .teamThumbnails.large .thumbnailItem:hover .cover {
  cursor: default;
}
.block .teamThumbnails .thumbnailItem {
  max-width: 200px;
  height: 150px;
  margin: 15px;
  display: block;
  position: relative;
  transition: 0.2s all ease-in-out;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .block .teamThumbnails .thumbnailItem {
    margin: 5px !important;
    height: auto;
  }
}
.block .teamThumbnails .thumbnailItem:hover {
  transform: scale(1.05);
}
.block .teamThumbnails .thumbnailItem.hidden {
  display: none;
}
.block .teamThumbnails .thumbnailItem img {
  display: block;
  width: 100%;
}
.block .teamThumbnails .thumbnailItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.block .teamCardList {
  width: 100%;
  max-width: 1250px;
  margin-top: 50px;
  margin-right: -30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (max-width: 1310px) {
  .block .teamCardList {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
.block .teamCardList .teamItemCard {
  width: calc(25% - 30px);
  margin: 0 30px 30px 0;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1310px) {
  .block .teamCardList .teamItemCard {
    width: calc(25% - 24px);
  }
}
@media only screen and (max-width: 900px) {
  .block .teamCardList .teamItemCard {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 500px) {
  .block .teamCardList .teamItemCard .teamItemName {
    font-size: 16px !important;
    line-height: 16px !important;
  }
}
.block .teamCardList .teamItemCard:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  .block .teamCardList .teamItemCard:nth-child(4n) {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 900px) {
  .block .teamCardList .teamItemCard:nth-child(2n) {
    margin-right: 0;
  }
}
.block .teamCardList .teamItemCard.hidden {
  display: none;
}
.block .teamCardList .teamItemCard .teamItemName {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.block .teamCardList .teamItemCard .teamItemTitle {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.block .benefitsCardList,
.block .downloadsCardList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1250px;
  margin: 50px auto 0 auto;
  justify-content: center;
}
.block .benefitsCardList .benefitsCardListInner,
.block .downloadsCardList .benefitsCardListInner {
  width: 100%;
  margin-right: -30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.block .benefitsCardList .benefitsCard,
.block .downloadsCardList .benefitsCard {
  position: relative;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  height: 345px;
  width: calc(25% - 60px);
  min-width: 200px;
  border-radius: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1310px) {
  .block .benefitsCardList .benefitsCard,
  .block .downloadsCardList .benefitsCard {
    height: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .block .benefitsCardList .benefitsCard,
  .block .downloadsCardList .benefitsCard {
    height: 260px;
  }
}
.block .benefitsCardList .benefitsCard i,
.block .downloadsCardList .benefitsCard i {
  font-size: 100px;
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.block .benefitsCardList .benefitsCard .benefitsContent,
.block .downloadsCardList .benefitsCard .benefitsContent {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
.block .benefitsCardList .benefitsCard .benefitsContent .benefitTitle,
.block .downloadsCardList .benefitsCard .benefitsContent .benefitTitle {
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .block .benefitsCardList .benefitsCard .benefitsContent .benefitTitle,
  .block .downloadsCardList .benefitsCard .benefitsContent .benefitTitle {
    font-size: 16px;
    line-height: 20px;
  }
}
.block .benefitsCardList .benefitsCard .benefitsContent p,
.block .downloadsCardList .benefitsCard .benefitsContent p {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .block .benefitsCardList .benefitsCard .benefitsContent p,
  .block .downloadsCardList .benefitsCard .benefitsContent p {
    font-size: 13px;
    line-height: 15px;
  }
}
.block .benefitsCardList .downloadsCard,
.block .downloadsCardList .downloadsCard {
  position: relative;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  height: 345px;
  width: calc(25% - 60px);
  min-width: 200px;
  border-radius: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 1310px) {
  .block .benefitsCardList .downloadsCard,
  .block .downloadsCardList .downloadsCard {
    height: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .block .benefitsCardList .downloadsCard,
  .block .downloadsCardList .downloadsCard {
    height: 260px;
  }
}
.block .benefitsCardList .downloadsCard:last-child,
.block .downloadsCardList .downloadsCard:last-child {
  margin-right: 0;
}
.block .benefitsCardList .downloadsCard:hover,
.block .downloadsCardList .downloadsCard:hover {
  transform: scale(1.05);
}
.block .benefitsCardList .downloadsCard .downloadIcon,
.block .downloadsCardList .downloadsCard .downloadIcon {
  font-size: 50px;
  margin: 100px auto 30px auto;
  color: rgba(0, 0, 0, 0.3);
}
.block .benefitsCardList .downloadsCard .downloadTitle,
.block .downloadsCardList .downloadsCard .downloadTitle {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
}
.block .benefitsCardList .downloadsCard .button,
.block .downloadsCardList .downloadsCard .button {
  margin: 20px auto 0 auto;
}
.block .monetizationDiagram {
  margin-top: 50px;
}
.block .experienceDiagram {
  margin-top: 15px;
  margin-bottom: -100px;
}
.block .monetizationDiagram,
.block .experienceDiagram {
  position: relative;
}
.block .monetizationDiagram img,
.block .experienceDiagram img {
  width: 100%;
  max-width: 1250px;
  display: block;
}
.block .monetizationDiagram img.fullWidth,
.block .experienceDiagram img.fullWidth {
  max-width: none;
}
.block .featureTabs,
.block .featureSubTabs {
  width: 100%;
}
.block .featureTabs .featureTabButtonSelect,
.block .featureTabs .featureSubTabButtonSelect,
.block .featureSubTabs .featureTabButtonSelect,
.block .featureSubTabs .featureSubTabButtonSelect {
  width: calc(100% - 60px);
  margin: 0 30px;
  max-width: none;
}
.block .featureTabs .featureTabButtonList,
.block .featureTabs .featureSubTabButtonList,
.block .featureSubTabs .featureTabButtonList,
.block .featureSubTabs .featureSubTabButtonList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1250px;
  margin: 50px auto 0 auto;
}
@media only screen and (max-width: 1310px) {
  .block .featureTabs .featureTabButtonList,
  .block .featureTabs .featureSubTabButtonList,
  .block .featureSubTabs .featureTabButtonList,
  .block .featureSubTabs .featureSubTabButtonList {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureTabs .featureTabButtonList,
  .block .featureTabs .featureSubTabButtonList,
  .block .featureSubTabs .featureTabButtonList,
  .block .featureSubTabs .featureSubTabButtonList {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
.block .featureTabs .featureTabButtonList .featureTabButton,
.block .featureTabs .featureSubTabButtonList .featureTabButton,
.block .featureSubTabs .featureTabButtonList .featureTabButton,
.block .featureSubTabs .featureSubTabButtonList .featureTabButton {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  flex: 1;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  padding: 10px;
  width: 20%;
  min-width: 16.66%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1310px) {
  .block .featureTabs .featureTabButtonList .featureTabButton,
  .block .featureTabs .featureSubTabButtonList .featureTabButton,
  .block .featureSubTabs .featureTabButtonList .featureTabButton,
  .block .featureSubTabs .featureSubTabButtonList .featureTabButton {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureTabs .featureTabButtonList .featureTabButton,
  .block .featureTabs .featureSubTabButtonList .featureTabButton,
  .block .featureSubTabs .featureTabButtonList .featureTabButton,
  .block .featureSubTabs .featureSubTabButtonList .featureTabButton {
    font-size: 10px;
    line-height: 16px;
    padding: 10px 5px;
  }
}
.block .featureTabs .featureTabButtonList .featureTabButton.active,
.block .featureTabs .featureSubTabButtonList .featureTabButton.active,
.block .featureSubTabs .featureTabButtonList .featureTabButton.active,
.block .featureSubTabs .featureSubTabButtonList .featureTabButton.active {
  color: #8641f2;
  border-color: #8641f2;
}
.block .featureTabs .featureTabButtonList .featureTabButton:hover:not(.active),
.block .featureTabs .featureSubTabButtonList .featureTabButton:hover:not(.active),
.block .featureSubTabs .featureTabButtonList .featureTabButton:hover:not(.active),
.block .featureSubTabs .featureSubTabButtonList .featureTabButton:hover:not(.active) {
  color: #000000;
}
.block .featureTabs .featureTabButtonList .featureSubTabButton,
.block .featureTabs .featureSubTabButtonList .featureSubTabButton,
.block .featureSubTabs .featureTabButtonList .featureSubTabButton,
.block .featureSubTabs .featureSubTabButtonList .featureSubTabButton {
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.1s all ease-in-out;
  padding: 20px 30px;
  margin-right: 20px !important;
}
.block .featureTabs .featureTabButtonList .featureSubTabButton img,
.block .featureTabs .featureSubTabButtonList .featureSubTabButton img,
.block .featureSubTabs .featureTabButtonList .featureSubTabButton img,
.block .featureSubTabs .featureSubTabButtonList .featureSubTabButton img {
  width: 100%;
}
.block .featureTabs .featureTabButtonList .featureSubTabButton img.mobile,
.block .featureTabs .featureSubTabButtonList .featureSubTabButton img.mobile,
.block .featureSubTabs .featureTabButtonList .featureSubTabButton img.mobile,
.block .featureSubTabs .featureSubTabButtonList .featureSubTabButton img.mobile {
  border-radius: 10px;
  width: 40px;
  height: 40px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1310px) {
  .block .featureTabs .featureTabButtonList .featureSubTabButton,
  .block .featureTabs .featureSubTabButtonList .featureSubTabButton,
  .block .featureSubTabs .featureTabButtonList .featureSubTabButton,
  .block .featureSubTabs .featureSubTabButtonList .featureSubTabButton {
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureTabs .featureTabButtonList .featureSubTabButton,
  .block .featureTabs .featureSubTabButtonList .featureSubTabButton,
  .block .featureSubTabs .featureTabButtonList .featureSubTabButton,
  .block .featureSubTabs .featureSubTabButtonList .featureSubTabButton {
    padding: 20px 5px;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 600px) {
  .block .featureTabs .featureTabButtonList .featureSubTabButton img.mobile,
  .block .featureTabs .featureSubTabButtonList .featureSubTabButton img.mobile,
  .block .featureSubTabs .featureTabButtonList .featureSubTabButton img.mobile,
  .block .featureSubTabs .featureSubTabButtonList .featureSubTabButton img.mobile {
    border-radius: 7.5px;
    width: 30px;
    height: 30px;
  }
}
.block .featureTabs .featureTabButtonList .featureSubTabButton.active,
.block .featureTabs .featureSubTabButtonList .featureSubTabButton.active,
.block .featureSubTabs .featureTabButtonList .featureSubTabButton.active,
.block .featureSubTabs .featureSubTabButtonList .featureSubTabButton.active {
  border-color: #8641f2;
}
.block .featureTabs .featureTabButtonList .featureSubTabButton:hover,
.block .featureTabs .featureSubTabButtonList .featureSubTabButton:hover,
.block .featureSubTabs .featureTabButtonList .featureSubTabButton:hover,
.block .featureSubTabs .featureSubTabButtonList .featureSubTabButton:hover {
  transform: scale(1.05);
}
.block .featureTabs .featureTabItem,
.block .featureTabs .featureSubTabItem,
.block .featureSubTabs .featureTabItem,
.block .featureSubTabs .featureSubTabItem {
  display: none;
  margin-top: 50px;
  text-align: center;
}
.block .featureTabs .featureTabItem.active,
.block .featureTabs .featureSubTabItem.active,
.block .featureSubTabs .featureTabItem.active,
.block .featureSubTabs .featureSubTabItem.active {
  display: inherit;
}
.block .featureTabs .featureTabItem .blockContent,
.block .featureTabs .featureSubTabItem .blockContent,
.block .featureSubTabs .featureTabItem .blockContent,
.block .featureSubTabs .featureSubTabItem .blockContent {
  margin: 0 auto;
}
.block .featureTabs .featureTabItem .blockContent.top50,
.block .featureTabs .featureSubTabItem .blockContent.top50,
.block .featureSubTabs .featureTabItem .blockContent.top50,
.block .featureSubTabs .featureSubTabItem .blockContent.top50 {
  margin-top: 50px;
}
.block .featureTabs .featureTabItem .blockContent h3,
.block .featureTabs .featureSubTabItem .blockContent h3,
.block .featureSubTabs .featureTabItem .blockContent h3,
.block .featureSubTabs .featureSubTabItem .blockContent h3 {
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  margin: 50px 0 -5px 0;
}
.block .featureTabs .featureTabItem .fullImage,
.block .featureTabs .featureSubTabItem .fullImage,
.block .featureSubTabs .featureTabItem .fullImage,
.block .featureSubTabs .featureSubTabItem .fullImage {
  margin: 50px auto 0 auto;
  width: 100%;
  max-width: 1250px;
}
@media only screen and (max-width: 1310px) {
  .block .featureTabs .featureTabItem .fullImage,
  .block .featureTabs .featureSubTabItem .fullImage,
  .block .featureSubTabs .featureTabItem .fullImage,
  .block .featureSubTabs .featureSubTabItem .fullImage {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block .featureTabs .featureTabItem .halfImage,
.block .featureTabs .featureSubTabItem .halfImage,
.block .featureSubTabs .featureTabItem .halfImage,
.block .featureSubTabs .featureSubTabItem .halfImage {
  margin: 50px auto 0 auto;
  width: 40%;
  max-width: 1250px;
}
@media only screen and (max-width: 1310px) {
  .block .featureTabs .featureTabItem .halfImage,
  .block .featureTabs .featureSubTabItem .halfImage,
  .block .featureSubTabs .featureTabItem .halfImage,
  .block .featureSubTabs .featureSubTabItem .halfImage {
    margin: 50px 30px 0 30px;
    width: calc(75% - 60px);
  }
}
@media only screen and (max-width: 768px) {
  .block .featureTabs .featureTabItem .halfImage,
  .block .featureTabs .featureSubTabItem .halfImage,
  .block .featureSubTabs .featureTabItem .halfImage,
  .block .featureSubTabs .featureSubTabItem .halfImage {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 1310px) {
  .block .iconTabs {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .iconTabs {
    margin: 0 30px;
  }
}
.block .iconTabs .tabContent {
  position: relative;
}
.block .iconTabs .tabContent .sizeHolder {
  width: 100%;
  max-width: 1250px;
}
.block .iconTabs .tabContent .tabImage {
  display: none;
  width: 100%;
  max-width: 1250px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block .iconTabs .tabContent .tabImage img {
  width: 100%;
  display: block;
}
.block .iconTabs .tabContent .tabImage img.layer:not(.layer1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block .iconTabs .tabContent .tabImage.active {
  display: inherit;
}
.block .iconTabs .tabHighlightBar {
  border: 2px solid;
  border-radius: 6px;
  height: 6px;
  width: calc(100% - 4px);
  margin: 30px 0 0 0;
  max-width: 1250px;
  position: relative;
}
.block .iconTabs .tabHighlightBar .tabHighlight,
.block .iconTabs .tabHighlightBar .positionTarget {
  width: 100%;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  bottom: 0;
  opacity: 1;
  background: #8641f2;
  width: calc(33% + 2px);
  transition: 0.5s;
}
.block .iconTabs .tabHighlightBar .positionTarget {
  background: none;
  cursor: pointer;
}
.block .iconTabs .tabHighlightBar.tabCount2 .tabHighlight,
.block .iconTabs .tabHighlightBar.tabCount2 .positionTarget {
  width: calc(50% + 2px);
}
.block .iconTabs .tabHighlightBar.tabCount3 .tabHighlight,
.block .iconTabs .tabHighlightBar.tabCount3 .positionTarget {
  width: calc(33% + 2px);
}
.block .iconTabs .tabHighlightBar.tabCount4 .tabHighlight,
.block .iconTabs .tabHighlightBar.tabCount4 .positionTarget {
  width: calc(25% + 2px);
}
.block .iconTabs .tabHighlightBar.tabCount5 .tabHighlight,
.block .iconTabs .tabHighlightBar.tabCount5 .positionTarget {
  width: calc(20% + 2px);
}
.block .iconTabs .tabIconList {
  max-width: 1250px;
}
.block.personSpotlightOuter {
  padding: 100px 0;
}
.block.personSpotlightOuter .personSpotlightInner {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1250px;
}
@media only screen and (max-width: 1310px) {
  .block.personSpotlightOuter .personSpotlightInner {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner {
    flex-direction: column;
  }
}
.block.personSpotlightOuter .personSpotlightInner .imageWrapper {
  width: 50%;
  position: relative;
  margin-right: 50px;
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner .imageWrapper {
    margin-right: 0;
    width: 100%;
  }
}
.block.personSpotlightOuter .personSpotlightInner .imageWrapper .image {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner .imageWrapper .image {
    width: calc(100% - 100px);
    margin: 0 50px;
  }
}
.block.personSpotlightOuter .personSpotlightInner .imageWrapper .glow {
  position: absolute;
  top: -20%;
  right: -20%;
  width: 100%;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner .imageWrapper .glow {
    right: -15%;
  }
}
.block.personSpotlightOuter .personSpotlightInner .blockContent {
  width: 50%;
}
@media only screen and (max-width: 1310px) {
  .block.personSpotlightOuter .personSpotlightInner .blockContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .block.personSpotlightOuter .personSpotlightInner .blockContent .button {
    margin: 30px auto 20px auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner .blockContent {
    width: calc(100% - 60px);
    margin-top: 50px;
  }
  .block.personSpotlightOuter .personSpotlightInner .blockContent label,
  .block.personSpotlightOuter .personSpotlightInner .blockContent h2,
  .block.personSpotlightOuter .personSpotlightInner .blockContent p {
    text-align: center;
  }
}
.block.personSpotlightOuter .personSpotlightInner .blockContent label {
  font-size: 16px;
  line-height: 25px;
  width: 100%;
}
.block.personSpotlightOuter .personSpotlightInner .blockContent h2 {
  margin-top: 5px;
  font-size: 30px;
  line-height: 30px;
  width: 100%;
}
@media only screen and (max-width: 1310px) {
  .block.personSpotlightOuter .personSpotlightInner .blockContent h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .block.personSpotlightOuter .personSpotlightInner .blockContent h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
.block.personSpotlightOuter .personSpotlightInner .blockContent p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 25px;
  width: 100%;
}
.block.contactus .link {
  margin-top: 20px;
  color: #8641f2;
  font-weight: 700;
  display: flex;
}
.block.contactus .link i {
  margin-right: 5px;
  font-size: 24px;
}
.block.bookdemo {
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  .block.bookdemo {
    padding-bottom: 0;
  }
}
.block.download, .block.webinar, .block.bookdemo {
  padding-top: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1250px;
  margin: 0 auto;
}
@media only screen and (max-width: 1310px) {
  .block.download, .block.webinar, .block.bookdemo {
    margin: 0 30px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 768px) {
  .block.download, .block.webinar, .block.bookdemo {
    flex-direction: column;
  }
}
.block.download .textWrapper, .block.webinar .textWrapper, .block.bookdemo .textWrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 100px;
}
@media only screen and (max-width: 768px) {
  .block.download .textWrapper, .block.webinar .textWrapper, .block.bookdemo .textWrapper {
    margin-right: 0;
    width: 100%;
    order: 1;
  }
}
.block.download .textWrapper label, .block.webinar .textWrapper label, .block.bookdemo .textWrapper label {
  text-align: left;
  font-size: 16px;
  line-height: 30px;
}
.block.download .textWrapper h2, .block.webinar .textWrapper h2, .block.bookdemo .textWrapper h2 {
  margin-top: 5px;
  font-size: 30px;
  line-height: 30px;
  text-align: left;
  color: #000000;
}
@media only screen and (max-width: 1024px) {
  .block.download .textWrapper h2, .block.webinar .textWrapper h2, .block.bookdemo .textWrapper h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .block.download .textWrapper h2, .block.webinar .textWrapper h2, .block.bookdemo .textWrapper h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
.block.download .textWrapper p, .block.webinar .textWrapper p, .block.bookdemo .textWrapper p {
  text-align: left;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 30px;
  margin: 20px 0 0 0;
}
.block.download .textWrapper ul, .block.webinar .textWrapper ul, .block.bookdemo .textWrapper ul {
  margin: 20px 0 0 0;
}
.block.download .textWrapper ul li, .block.webinar .textWrapper ul li, .block.bookdemo .textWrapper ul li {
  color: rgba(0, 0, 0, 0.5);
  list-style: disc;
  font-size: 16px;
  line-height: 25px;
  padding-inline-start: 10px;
  list-style-position: inside;
}
.block.download .textWrapper .clientLogoList, .block.webinar .textWrapper .clientLogoList, .block.bookdemo .textWrapper .clientLogoList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.block.download .textWrapper .clientLogoList .clientLogoItem, .block.webinar .textWrapper .clientLogoList .clientLogoItem, .block.bookdemo .textWrapper .clientLogoList .clientLogoItem {
  margin: 50px 5% 0 0;
  width: 30%;
  max-width: 30%;
  min-width: 30%;
  display: flex;
  align-items: center;
}
.block.download .textWrapper .clientLogoList .clientLogoItem:nth-child(3n), .block.webinar .textWrapper .clientLogoList .clientLogoItem:nth-child(3n), .block.bookdemo .textWrapper .clientLogoList .clientLogoItem:nth-child(3n) {
  margin-right: 0;
}
.block.download .textWrapper .clientLogoList .clientLogoItem img, .block.webinar .textWrapper .clientLogoList .clientLogoItem img, .block.bookdemo .textWrapper .clientLogoList .clientLogoItem img {
  opacity: 0.15;
  width: 80%;
  max-width: 180px;
  max-height: 60px;
}
.block.download .textWrapper .downloadForm,
.block.download .textWrapper .webinarForm,
.block.download .textWrapper .casestudyForm, .block.webinar .textWrapper .downloadForm,
.block.webinar .textWrapper .webinarForm,
.block.webinar .textWrapper .casestudyForm, .block.bookdemo .textWrapper .downloadForm,
.block.bookdemo .textWrapper .webinarForm,
.block.bookdemo .textWrapper .casestudyForm {
  width: 100%;
}
.block.download .textWrapper .downloadForm .button,
.block.download .textWrapper .webinarForm .button,
.block.download .textWrapper .casestudyForm .button, .block.webinar .textWrapper .downloadForm .button,
.block.webinar .textWrapper .webinarForm .button,
.block.webinar .textWrapper .casestudyForm .button, .block.bookdemo .textWrapper .downloadForm .button,
.block.bookdemo .textWrapper .webinarForm .button,
.block.bookdemo .textWrapper .casestudyForm .button {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .block.download .demoForm, .block.webinar .demoForm, .block.bookdemo .demoForm {
    order: 2;
  }
}
.block.download .imageWrapper,
.block.download .webinarContent, .block.webinar .imageWrapper,
.block.webinar .webinarContent, .block.bookdemo .imageWrapper,
.block.bookdemo .webinarContent {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .block.download .imageWrapper,
  .block.download .webinarContent, .block.webinar .imageWrapper,
  .block.webinar .webinarContent, .block.bookdemo .imageWrapper,
  .block.bookdemo .webinarContent {
    width: 100%;
    order: 1;
  }
}
.block.download .imageWrapper img,
.block.download .webinarContent img, .block.webinar .imageWrapper img,
.block.webinar .webinarContent img, .block.bookdemo .imageWrapper img,
.block.bookdemo .webinarContent img {
  width: 100%;
}
.block.download .webinarContent .webinarImage, .block.webinar .webinarContent .webinarImage, .block.bookdemo .webinarContent .webinarImage {
  border-radius: 10px;
  width: 100%;
}
.block.download .webinarContent .countdownWrapper, .block.webinar .webinarContent .countdownWrapper, .block.bookdemo .webinarContent .countdownWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: -30px auto 0 auto;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.block.download .webinarContent .countdownWrapper .countdownUnit, .block.webinar .webinarContent .countdownWrapper .countdownUnit, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit {
  margin-right: 30px;
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 100px;
  height: 100px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .block.download .webinarContent .countdownWrapper .countdownUnit, .block.webinar .webinarContent .countdownWrapper .countdownUnit, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit {
    width: 80px;
    height: 80px;
  }
}
.block.download .webinarContent .countdownWrapper .countdownUnit:last-child, .block.webinar .webinarContent .countdownWrapper .countdownUnit:last-child, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit:last-child {
  margin-right: 0;
}
.block.download .webinarContent .countdownWrapper .countdownUnit .countdownValue, .block.webinar .webinarContent .countdownWrapper .countdownUnit .countdownValue, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit .countdownValue {
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  margin-top: 20px;
  color: #8641f2;
}
@media only screen and (max-width: 768px) {
  .block.download .webinarContent .countdownWrapper .countdownUnit .countdownValue, .block.webinar .webinarContent .countdownWrapper .countdownUnit .countdownValue, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit .countdownValue {
    margin-top: 10px;
  }
}
.block.download .webinarContent .countdownWrapper .countdownUnit .countdownLabel, .block.webinar .webinarContent .countdownWrapper .countdownUnit .countdownLabel, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit .countdownLabel {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
}
.block.download .webinarContent .countdownWrapper .countdownUnit .countdownDivider, .block.webinar .webinarContent .countdownWrapper .countdownUnit .countdownDivider, .block.bookdemo .webinarContent .countdownWrapper .countdownUnit .countdownDivider {
  font-size: 30px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -18px;
}
.block.download .webinarContent .webinarDate, .block.webinar .webinarContent .webinarDate, .block.bookdemo .webinarContent .webinarDate {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
  text-align: center;
  width: 100%;
  margin-top: 50px;
}
.block.download .webinarContent .webinarDateLabel, .block.webinar .webinarContent .webinarDateLabel, .block.bookdemo .webinarContent .webinarDateLabel {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
}
.block.download .webinarContent .calendarButtonRow, .block.webinar .webinarContent .calendarButtonRow, .block.bookdemo .webinarContent .calendarButtonRow {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 30px;
}
.block.download .webinarContent .calendarButtonRow .calendarButton, .block.webinar .webinarContent .calendarButtonRow .calendarButton, .block.bookdemo .webinarContent .calendarButtonRow .calendarButton {
  background: #FFFFFF;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  width: 120px;
  height: 100px;
  color: rgba(0, 0, 0, 0.3);
  transition: 0.2s all ease-in-out;
  cursor: pointer;
}
.block.download .webinarContent .calendarButtonRow .calendarButton:last-child, .block.webinar .webinarContent .calendarButtonRow .calendarButton:last-child, .block.bookdemo .webinarContent .calendarButtonRow .calendarButton:last-child {
  margin-right: 0;
}
.block.download .webinarContent .calendarButtonRow .calendarButton:hover, .block.webinar .webinarContent .calendarButtonRow .calendarButton:hover, .block.bookdemo .webinarContent .calendarButtonRow .calendarButton:hover {
  transform: scale(1.05);
  color: #000000;
}
.block.download .webinarContent .calendarButtonRow .calendarButton img, .block.webinar .webinarContent .calendarButtonRow .calendarButton img, .block.bookdemo .webinarContent .calendarButtonRow .calendarButton img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.block.download .webinarContent .otherCalendars, .block.webinar .webinarContent .otherCalendars, .block.bookdemo .webinarContent .otherCalendars {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
  text-decoration: underline;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 20px;
  cursor: pointer;
}
.block.download .webinarContent .otherCalendars:hover, .block.webinar .webinarContent .otherCalendars:hover, .block.bookdemo .webinarContent .otherCalendars:hover {
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .block.download .webinarContent .otherCalendars, .block.webinar .webinarContent .otherCalendars, .block.bookdemo .webinarContent .otherCalendars {
    margin-bottom: 50px;
  }
}
.block.download .contactForm, .block.webinar .contactForm, .block.bookdemo .contactForm {
  margin: 100px 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 340px;
}
@media only screen and (max-width: 768px) {
  .block.download .contactForm, .block.webinar .contactForm, .block.bookdemo .contactForm {
    width: 100%;
    margin: 50px 0 100px 0;
  }
}
.block.download .contactForm .glow, .block.webinar .contactForm .glow, .block.bookdemo .contactForm .glow {
  position: absolute;
  width: 100%;
  opacity: 0.3;
  z-index: 0;
  top: -50%;
  left: -25%;
}
@media only screen and (max-width: 768px) {
  .block.download .contactForm .glow, .block.webinar .contactForm .glow, .block.bookdemo .contactForm .glow {
    left: -15%;
    top: -30%;
  }
}
.block.download .contactForm .buttonList, .block.webinar .contactForm .buttonList, .block.bookdemo .contactForm .buttonList {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.block.download .contactForm .buttonList .bubbleButton, .block.webinar .contactForm .buttonList .bubbleButton, .block.bookdemo .contactForm .buttonList .bubbleButton {
  font-size: 20px;
  line-height: 30px;
  background: #FFFFFF;
  color: #000000;
  border-radius: 10px;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
  .block.download .contactForm .buttonList .bubbleButton, .block.webinar .contactForm .buttonList .bubbleButton, .block.bookdemo .contactForm .buttonList .bubbleButton {
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block.download .contactForm .buttonList .bubbleButton.collapsing, .block.webinar .contactForm .buttonList .bubbleButton.collapsing, .block.bookdemo .contactForm .buttonList .bubbleButton.collapsing {
    width: calc(50% - 10px);
    float: left;
  }
  .block.download .contactForm .buttonList .bubbleButton.collapsing:nth-child(1), .block.webinar .contactForm .buttonList .bubbleButton.collapsing:nth-child(1), .block.bookdemo .contactForm .buttonList .bubbleButton.collapsing:nth-child(1) {
    margin-right: 10px;
  }
  .block.download .contactForm .buttonList .bubbleButton.collapsing:nth-child(2), .block.webinar .contactForm .buttonList .bubbleButton.collapsing:nth-child(2), .block.bookdemo .contactForm .buttonList .bubbleButton.collapsing:nth-child(2) {
    margin-left: 10px;
  }
  .block.download .contactForm .buttonList .bubbleButton.collapsing span, .block.webinar .contactForm .buttonList .bubbleButton.collapsing span, .block.bookdemo .contactForm .buttonList .bubbleButton.collapsing span {
    display: none;
  }
  .block.download .contactForm .buttonList .bubbleButton.collapsing i, .block.webinar .contactForm .buttonList .bubbleButton.collapsing i, .block.bookdemo .contactForm .buttonList .bubbleButton.collapsing i {
    margin: 0 auto;
  }
}
.block.download .contactForm .buttonList .bubbleButton:hover, .block.webinar .contactForm .buttonList .bubbleButton:hover, .block.bookdemo .contactForm .buttonList .bubbleButton:hover {
  transform: scale(1.02);
}
.block.download .contactForm .buttonList .bubbleButton i, .block.webinar .contactForm .buttonList .bubbleButton i, .block.bookdemo .contactForm .buttonList .bubbleButton i {
  font-size: 30px;
  color: #8641f2;
  margin-right: 15px;
}
.block.download .demoForm, .block.webinar .demoForm, .block.bookdemo .demoForm {
  margin: 100px 0;
}
.block.download .demoForm .alert, .block.webinar .demoForm .alert, .block.bookdemo .demoForm .alert {
  margin-top: 30px;
  font-size: 20px;
  line-height: 20px;
  color: #8641f2;
  border: 1px solid #8641f2;
  border-radius: 10px;
  background: rgba(134, 65, 242, 0.15);
  text-align: center;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
.block.download .webinarForm, .block.webinar .webinarForm, .block.bookdemo .webinarForm {
  margin: 0;
}
.block.download .demoForm,
.block.download .webinarForm, .block.webinar .demoForm,
.block.webinar .webinarForm, .block.bookdemo .demoForm,
.block.bookdemo .webinarForm {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .block.download .demoForm,
  .block.download .webinarForm, .block.webinar .demoForm,
  .block.webinar .webinarForm, .block.bookdemo .demoForm,
  .block.bookdemo .webinarForm {
    width: 100%;
    margin: 30px 0 100px 0;
  }
}
.block.download .demoForm input,
.block.download .demoForm select,
.block.download .webinarForm input,
.block.download .webinarForm select, .block.webinar .demoForm input,
.block.webinar .demoForm select,
.block.webinar .webinarForm input,
.block.webinar .webinarForm select, .block.bookdemo .demoForm input,
.block.bookdemo .demoForm select,
.block.bookdemo .webinarForm input,
.block.bookdemo .webinarForm select {
  width: 100%;
  max-width: none;
}
.block.download .demoForm select,
.block.download .webinarForm select, .block.webinar .demoForm select,
.block.webinar .webinarForm select, .block.bookdemo .demoForm select,
.block.bookdemo .webinarForm select {
  color: rgba(0, 0, 0, 0.3);
}
.block.download .demoForm .button,
.block.download .webinarForm .button, .block.webinar .demoForm .button,
.block.webinar .webinarForm .button, .block.bookdemo .demoForm .button,
.block.bookdemo .webinarForm .button {
  margin: 30px 0 0 0;
}
.block.descriptionCards {
  display: flex;
  flex-direction: row;
  max-width: 1250px;
  margin: 100px auto;
}
@media only screen and (max-width: 768px) {
  .block.descriptionCards {
    flex-direction: column;
  }
}
.block.descriptionCards .descriptionCardItem {
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-right: 30px;
  padding: 50px;
  box-sizing: border-box;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .block.descriptionCards .descriptionCardItem {
    padding: 30px;
    margin: 0 30px 50px 30px !important;
    box-shadow: none;
    padding: 0;
  }
}
.block.descriptionCards .descriptionCardItem:last-child {
  margin-right: 0;
}
.block.descriptionCards .descriptionCardItem h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 20px;
}
.block.descriptionCards .descriptionCardItem p {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
}
.block.descriptionCards .descriptionCardItem p:last-child {
  margin-bottom: 0;
}
.block.descriptionCards .descriptionCardItem ul li {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  list-style: disc;
}
.block.descriptionCards .descriptionCardItem ul li:last-child {
  margin-bottom: 0;
}
.block.dark {
  background: #000000;
  background: linear-gradient(30deg, rgb(0, 0, 0) 0%, rgb(71, 71, 71) 100%);
}
.block.dark h2 {
  color: #FFFFFF;
}
.block.dark p {
  color: rgba(255, 255, 255, 0.5);
}
.block.dark .button {
  color: #FFFFFF;
}
.block.dark .pip {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.block.dark .pip.active {
  background: rgba(255, 255, 255, 0.15) !important;
}
.block.dark .pip:hover {
  border-color: #8641f2 !important;
}
.block.dark .tabButton {
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.block.dark .tabButton:hover {
  color: #FFFFFF;
}
.block.dark .tabButton.active {
  color: #FFFFFF;
  border-bottom: #13eaad;
}
.block.dark .tabIconItem i {
  color: #FFFFFF;
}
.block.dark .tabIconItem label {
  color: #FFFFFF;
}
.block.dark .tabIconItem p {
  color: rgba(255, 255, 255, 0.5);
}
.block.dark .tabIconItem .tabHighlight {
  opacity: 0;
}
.block.dark .tabIconItem.active i, .block.dark .tabIconItem.active label {
  color: #13eaad;
}
.block.dark .tabHighlightBar {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.block.dark .tabHighlightBar .tabHighlight {
  background: #13eaad;
  opacity: 1 !important;
  width: 25%;
}
.block.dark .eventCounter {
  background: rgba(255, 255, 255, 0.15);
}
.block.light, .block.light2 {
  background: #FFFFFF;
}
.block.light h2, .block.light2 h2 {
  color: #000000;
}
.block.light p, .block.light li, .block.light2 p, .block.light2 li {
  color: rgba(0, 0, 0, 0.5);
}
.block.light ul, .block.light2 ul {
  margin-top: 10px;
}
.block.light ul li, .block.light2 ul li {
  font-size: 16px;
  margin-bottom: 5px;
}
.block.light .button, .block.light2 .button {
  color: #000000;
}
.block.light .button.active, .block.light2 .button.active {
  color: #000000;
  border-bottom: #8641f2;
}
.block.light .pip, .block.light2 .pip {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.block.light .pip.active, .block.light2 .pip.active {
  background: rgba(0, 0, 0, 0.15) !important;
}
.block.light .pip:hover, .block.light2 .pip:hover {
  border-color: #8641f2 !important;
}
.block.light .tabIconItem i, .block.light2 .tabIconItem i {
  color: #000000;
}
.block.light .tabIconItem label, .block.light2 .tabIconItem label {
  color: #000000;
}
.block.light .tabIconItem p, .block.light2 .tabIconItem p {
  color: rgba(0, 0, 0, 0.5);
}
.block.light .tabIconItem .tabHighlight, .block.light2 .tabIconItem .tabHighlight {
  opacity: 0;
}
.block.light .tabIconItem.active i, .block.light .tabIconItem.active label, .block.light2 .tabIconItem.active i, .block.light2 .tabIconItem.active label {
  color: #8641f2;
}
.block.light .tabHighlightBar, .block.light2 .tabHighlightBar {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.block.light .eventCounter, .block.light2 .eventCounter {
  background: #222222;
}
.block.light2 {
  background: #F2F2F2 !important;
}
.block.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 0;
}
.block.centered .signupForm,
.block.centered .paymentForm {
  margin-top: 30px;
  width: 100%;
  max-width: 500px;
  text-align: center;
}
@media only screen and (max-width: 660px) {
  .block.centered .signupForm,
  .block.centered .paymentForm {
    margin: 30px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block.centered .signupForm fieldset,
.block.centered .paymentForm fieldset {
  margin-bottom: 30px;
  border-color: #8641f2;
}
.block.centered .signupForm fieldset legend,
.block.centered .paymentForm fieldset legend {
  color: #8641f2;
}
.block.centered .signupForm fieldset .itemRow,
.block.centered .paymentForm fieldset .itemRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 20px;
}
.block.centered .signupForm fieldset .itemRow label,
.block.centered .paymentForm fieldset .itemRow label {
  color: #000000;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 110px;
}
.block.centered .signupForm fieldset .itemRow .itemValue,
.block.centered .paymentForm fieldset .itemRow .itemValue {
  color: #000000;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
}
.block.centered .signupForm fieldset .itemRow .itemValue select,
.block.centered .paymentForm fieldset .itemRow .itemValue select {
  margin: 0;
}
.block.centered .signupForm .avatar,
.block.centered .paymentForm .avatar {
  margin: 0 auto 30px auto;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  cursor: pointer;
}
.block.centered .signupForm .avatar i,
.block.centered .paymentForm .avatar i {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.15);
  padding: 30px;
  display: block;
}
.block.centered .signupForm .inputWrapper,
.block.centered .paymentForm .inputWrapper {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.block.centered .signupForm .inputWrapper.error label span,
.block.centered .paymentForm .inputWrapper.error label span {
  display: inline-block;
}
.block.centered .signupForm .inputWrapper.error input,
.block.centered .paymentForm .inputWrapper.error input {
  border-bottom-color: #F71E33;
}
.block.centered .signupForm .inputWrapper .flexRow,
.block.centered .paymentForm .inputWrapper .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.block.centered .signupForm .inputWrapper .flexRow input:not(:first-child),
.block.centered .paymentForm .inputWrapper .flexRow input:not(:first-child) {
  margin-left: 20px;
}
.block.centered .signupForm .inputWrapper .flexRow .flex1,
.block.centered .paymentForm .inputWrapper .flexRow .flex1 {
  flex: 1;
}
.block.centered .signupForm .inputWrapper .flexRow .flex2,
.block.centered .paymentForm .inputWrapper .flexRow .flex2 {
  flex: 2;
}
.block.centered .signupForm .inputWrapper .flexRow .flex3,
.block.centered .paymentForm .inputWrapper .flexRow .flex3 {
  flex: 3;
}
.block.centered .signupForm .inputWrapper .flexRow .flex4,
.block.centered .paymentForm .inputWrapper .flexRow .flex4 {
  flex: 4;
}
.block.centered .signupForm .inputWrapper label,
.block.centered .paymentForm .inputWrapper label {
  color: #000000;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.block.centered .signupForm .inputWrapper label span,
.block.centered .paymentForm .inputWrapper label span {
  text-align: right;
  color: #F71E33;
  flex: 1;
  display: none;
}
.block.centered .signupForm .inputWrapper input,
.block.centered .paymentForm .inputWrapper input {
  margin-top: 0;
  padding: 0;
}
.block.centered .signupForm .inputWrapper small,
.block.centered .paymentForm .inputWrapper small {
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px;
  text-align: left;
}
.block.centered .signupForm .inputWrapper .tip,
.block.centered .paymentForm .inputWrapper .tip {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #8641f2;
  background: rgba(134, 65, 242, 0.15);
  border: 1px solid #8641f2;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0 0 0;
}
.block.centered .signupForm .checkboxWrapper,
.block.centered .paymentForm .checkboxWrapper {
  margin: 0 auto;
}
.block.centered .integrationLogo {
  height: 40px;
  margin: 20px auto 0 auto;
}
.block.centered .clientLogo {
  max-width: 240px;
  max-height: 80px;
  margin: 0 auto 30px auto;
}
.block.centered .imageContainer {
  position: relative;
}
.block.centered .imageContainer img {
  width: 100%;
  max-width: 1250px;
}
.block.centered .imageContainer img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1310px) {
  .block.centered .imageContainer img {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block.centered .monetizationUnitsList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 50px auto 0 auto;
  width: 100%;
  max-width: 1250px;
}
@media only screen and (max-width: 1310px) {
  .block.centered .monetizationUnitsList {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 600px) {
  .block.centered .monetizationUnitsList {
    flex-direction: column !important;
  }
}
.block.centered .monetizationUnitsList .monetizationUnitItem {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .block.centered .monetizationUnitsList .monetizationUnitItem {
    margin-bottom: 30px;
    width: calc(50% - 20px);
  }
  .block.centered .monetizationUnitsList .monetizationUnitItem:nth-child(2n) {
    margin-right: 0;
  }
  .block.centered .monetizationUnitsList .monetizationUnitItem:nth-child(3n) {
    margin-right: inherit !important;
  }
}
@media only screen and (max-width: 600px) {
  .block.centered .monetizationUnitsList .monetizationUnitItem {
    width: 100%;
  }
}
.block.centered .monetizationUnitsList .monetizationUnitItem:nth-child(3n) {
  margin-right: 0;
}
.block.centered .monetizationUnitsList .monetizationUnitItem img {
  width: 100%;
  max-width: 100%;
}
.block.centered .monetizationUnitsList .monetizationUnitItem .monetizationUnitCard {
  width: 70%;
  margin: 30px 15% 0 15%;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .block.centered .monetizationUnitsList .monetizationUnitItem .monetizationUnitCard {
    margin-top: 15px;
    width: calc(100% - 30px);
    margin: 15px 0 0 0;
  }
}
.block.centered .monetizationUnitsList .monetizationUnitItem .monetizationUnitCard .monetizationUnitName {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.block.centered .monetizationUnitsList .monetizationUnitItem .monetizationUnitCard .monetizationUnitDescription {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.block.centered .panelSlider {
  width: 100%;
  max-width: 100%;
}
.block.centered .panelSlider .panelSliderControls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 50px auto 30px auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .block.centered .panelSlider .panelSliderControls {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block.centered .panelSlider .panelSliderControls .panelSliderButton {
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-right: 15px;
  cursor: pointer;
  height: 50px;
}
.block.centered .panelSlider .panelSliderControls .panelSliderButton:hover i {
  color: #000000 !important;
}
.block.centered .panelSlider .panelSliderControls .panelSliderButton:last-child {
  margin-right: 0;
}
.block.centered .panelSlider .panelSliderControls .panelSliderButton i {
  color: rgba(0, 0, 0, 0.3);
  font-size: 30px;
  display: block;
  padding: 10px;
}
.block.centered .panelSlider .panelSliderControls .panelSliderSelect {
  border: none;
  appearance: none;
  background-image: none;
  text-align: center;
  margin: 0 15px 0 0;
  width: 100%;
  max-width: 200px;
  text-align: center;
  position: relative;
}
.block.centered .panelSlider .panelSliderControls .panelSliderSelect span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  z-index: 0;
  line-height: 1em;
}
.block.centered .panelSlider .panelSliderControls .panelSliderSelect select {
  z-index: 1;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 50px;
  top: 0px;
  padding: 0px;
  box-sizing: border-box;
  left: 0px;
  top: -18px;
}
.block.centered .panelSlider .panelSliderSelected {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 1060px) {
  .block.centered .panelSlider .panelSliderSelected {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block.centered .panelSlider .panelSliderSelected img {
  width: 100%;
}
.block.centered .panelSlider .panelSliderOuter {
  overflow: hidden;
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  justify-content: flex-start;
  margin: 50px 0 30px 0;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner::-webkit-scrollbar {
  display: none;
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem {
  opacity: 0.3;
  width: 300px;
  max-width: 300px;
  min-width: 200px;
  margin-left: 30px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
  .block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem {
    width: 240px;
    max-width: 240px;
    min-width: 180px;
    margin-left: 15px;
  }
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem:hover {
  opacity: 0.5;
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem:last-child {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem:last-child {
    margin-right: 15px;
  }
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem.active {
  opacity: 1;
}
.block.centered .panelSlider .panelSliderOuter .panelSliderInner .panelSliderItem img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.block.centered .textSection {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}
@media only screen and (max-width: 1310px) {
  .block.centered .textSection {
    margin: 30px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block.centered .textSection h3 {
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  text-align: left;
  width: 100%;
}
.block.centered .textSection ul li {
  list-style: disc;
  padding-left: 10px;
  margin-left: 20px;
  width: calc(100% - 30px);
}
.block.centered .textSection p, .block.centered .textSection li {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
  width: 100%;
}
.block.centered .textSection p span, .block.centered .textSection li span {
  text-decoration: underline;
}
.block.centered .textSection p a, .block.centered .textSection li a {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
}
.block.centered .textSection p a:hover, .block.centered .textSection li a:hover {
  color: #000000;
}
.block.centered .textSection div {
  width: 100%;
}
.block.centered .blockContent {
  padding: 0 30px;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .block.centered .blockContent {
    max-width: none;
  }
}
.block.centered .blockContent label {
  font-size: 16px;
  line-height: 30px;
}
.block.centered .blockContent h2 {
  margin-top: 5px;
  font-size: 30px;
  line-height: 30px;
}
@media only screen and (max-width: 1500px) {
  .block.centered .blockContent h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .block.centered .blockContent h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
.block.centered .blockContent p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
}
.block.centered .blockContent .button {
  margin-top: 30px;
  margin-bottom: 50px;
}
.block.centered .blockContent .toggleSwitch {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  width: 160px;
  height: 28px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 30px;
  margin-bottom: 50px;
}
.block.centered .blockContent .toggleSwitch .switchItem {
  width: calc(50% + 10px);
  cursor: pointer;
  margin: -1px;
  position: relative;
}
.block.centered .blockContent .toggleSwitch .switchItem:hover span {
  color: #000000;
}
.block.centered .blockContent .toggleSwitch .switchItem:first-child {
  margin-right: -5px;
}
.block.centered .blockContent .toggleSwitch .switchItem:nth-child(2) {
  margin-left: -5px;
}
.block.centered .blockContent .toggleSwitch .switchItem.active {
  border-radius: 15px;
  background: #8641f2;
}
.block.centered .blockContent .toggleSwitch .switchItem.active span {
  color: #FFFFFF;
}
.block.centered .blockContent .toggleSwitch .switchItem.active:hover span {
  color: #FFFFFF;
}
.block.centered .blockContent .toggleSwitch .switchItem span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  transition: 0.2s all ease-in-out;
}
.block.centered .downloadSlider {
  margin: 50px 0;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .block.centered .downloadSlider {
    margin: 50px 0 0 0;
  }
}
.block.centered .downloadSlider .downloadSliderInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 30px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media only screen and (max-width: 930px) {
  .block.centered .downloadSlider .downloadSliderInner {
    justify-content: flex-start;
  }
}
.block.centered .downloadSlider .downloadSliderInner::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem {
  position: relative;
  min-width: 270px;
  max-width: 270px;
  width: 270px;
  min-height: 360px;
  max-height: 360px;
  height: 360px;
  margin-right: 30px;
  border-radius: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .block.centered .downloadSlider .downloadSliderInner .downloadSliderItem {
    min-width: 210px;
    max-width: 210px;
    width: 210px;
    min-height: 280px;
    max-height: 280px;
    height: 280px;
    margin-right: 15px;
  }
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem:last-child {
  margin-right: 0;
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem:hover .fadeActive {
  opacity: 1;
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .downloadImage {
  width: 100%;
  border-radius: 10px;
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .fade {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0) 100%);
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .fadeActive {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(30deg, rgba(19, 234, 173, 0.8) 25%, rgba(134, 65, 242, 0) 100%) !important;
  transition: 0.1s all ease-in-out;
  opacity: 0;
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .downloadLogo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  max-width: 120px;
  max-height: 60px;
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .downloadTitle {
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
@media only screen and (max-width: 768px) {
  .block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .downloadTitle {
    font-size: 13px;
    line-height: 16px;
  }
}
.block.centered .downloadSlider .downloadSliderInner .downloadSliderItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.block.centered .tableCard {
  margin-top: 100px;
  padding: 50px;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 100%;
  max-width: 1250px;
  background: #FFFFFF;
}
@media only screen and (max-width: 1310px) {
  .block.centered .tableCard {
    width: calc(100% - 60px);
    margin: 0 30px;
    box-sizing: border-box;
    padding: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block.centered .tableCard {
    box-shadow: none;
    padding: 0;
    margin-top: 100px;
  }
}
.block.centered .tableCard table {
  width: 100%;
}
.block.centered .tableCard table tr:last-child td {
  border-bottom: none;
}
.block.centered .tableCard table tr th, .block.centered .tableCard table tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 15px;
}
.block.centered .tableCard table tr th.column1, .block.centered .tableCard table tr td.column1 {
  width: 60%;
}
.block.centered .tableCard table tr th.column2, .block.centered .tableCard table tr th.column3, .block.centered .tableCard table tr td.column2, .block.centered .tableCard table tr td.column3 {
  width: 20%;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.block.centered .tableCard table tr th.column2 .positive, .block.centered .tableCard table tr th.column2 .negative, .block.centered .tableCard table tr th.column3 .positive, .block.centered .tableCard table tr th.column3 .negative, .block.centered .tableCard table tr td.column2 .positive, .block.centered .tableCard table tr td.column2 .negative, .block.centered .tableCard table tr td.column3 .positive, .block.centered .tableCard table tr td.column3 .negative {
  margin: 0 auto;
}
.block.centered .tableCard table tr th {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  text-align: center;
}
@media only screen and (max-width: 1250px) {
  .block.centered .tableCard table tr th {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .block.centered .tableCard table tr th {
    font-size: 13px;
  }
}
@media only screen and (max-width: 600px) {
  .block.centered .tableCard table tr th {
    font-size: 11px;
  }
}
.block.centered .tableCard table tr td {
  font-size: 16px;
  line-height: 25px;
}
@media only screen and (max-width: 768px) {
  .block.centered .tableCard table tr td {
    font-size: 13px;
    line-height: 20px;
  }
}
.block.centered .tableCard table tr td .cellTitle {
  font-weight: 700;
  color: #000000;
}
.block.centered .tableCard table tr td .cellDescription {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.block.centered .tableCard table tr td .positive,
.block.centered .tableCard table tr td .negative {
  font-size: 30px;
  border: 2px solid;
  padding: 5px;
  border-radius: 10px;
  position: relative;
}
.block.right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .block.right {
    flex-direction: column;
  }
}
.block.right .glow {
  position: absolute;
  bottom: 0;
  right: 35%;
  width: 800px;
  opacity: 0.3;
  pointer-events: none;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .block.right .glow {
    right: -10%;
    bottom: -10%;
  }
}
.block.right .categoryTabs {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .block.right .categoryTabs {
    order: 2;
  }
}
.block.right .categoryTabs .tabButtonList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  z-index: 2;
}
.block.right .categoryTabs .tabButtonList .tabButton {
  font-size: 16px;
  line-height: 30px;
  padding: 10px 20px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  position: relative;
}
@media only screen and (max-width: 1310px) {
  .block.right .categoryTabs .tabButtonList .tabButton {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .block.right .categoryTabs .tabButtonList .tabButton {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 10px;
  }
}
.block.right .categoryTabs .tabButtonList .tabButton.active::before {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #13eaad;
  border-radius: 2px;
}
.block.right .categoryTabs .tabButtonList .tabButton.active::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #13eaad;
  opacity: 0.3;
  box-shadow: 0 0 6px 4px #13eaad;
  border-radius: 2px;
}
.block.right .categoryTabs .tabContent {
  position: relative;
  margin: 0 30px;
}
.block.right .categoryTabs .tabContent .tabContentInner {
  display: none;
}
.block.right .categoryTabs .tabContent .tabContentInner.active {
  display: inherit;
}
.block.right .categoryTabs .tabContent img {
  width: 100%;
  max-width: 900px;
}
.block.right .blockContent {
  max-width: 300px;
  padding-left: 100px;
}
@media only screen and (max-width: 1500px) {
  .block.right .blockContent {
    margin-right: 30px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .block.right .blockContent {
    max-width: calc(100% - 60px);
    width: calc(100% - 60px);
    padding-right: 0;
    padding-left: 0;
    margin: 0 30px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .block.right .blockContent label,
  .block.right .blockContent h2,
  .block.right .blockContent p {
    text-align: center;
  }
  .block.right .blockContent .button {
    margin: 30px auto 0 auto;
  }
}
.block.right .blockContent label {
  font-size: 16px;
  line-height: 30px;
}
.block.right .blockContent h2 {
  margin-top: 5px;
  font-size: 30px;
  line-height: 30px;
}
@media only screen and (max-width: 1500px) {
  .block.right .blockContent h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .block.right .blockContent h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
.block.right .blockContent p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
}
.block.right .blockContent .button {
  margin-top: 30px;
}
.block.left {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
  position: relative;
}
@media only screen and (max-width: 1310px) {
  .block.left {
    flex-direction: column;
  }
}
.block.left .blockContent {
  max-width: 360px;
  padding-right: 100px;
}
@media only screen and (max-width: 1310px) {
  .block.left .blockContent {
    max-width: 600px;
    width: calc(100% - 60px);
    padding-right: 0;
    margin: 0 auto 30px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .block.left .blockContent label,
  .block.left .blockContent h2,
  .block.left .blockContent p {
    text-align: center;
  }
  .block.left .blockContent .button {
    margin: 30px auto 20px auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .block.left .blockContent {
    max-width: calc(100% - 60px);
    margin: 0 30px 30px 30px;
  }
}
.block.left .blockContent label {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
}
.block.left .blockContent h2 {
  margin-top: 5px;
  width: 100%;
  overflow: hidden;
  font-size: 30px;
  line-height: 30px;
}
@media only screen and (max-width: 1500px) {
  .block.left .blockContent h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .block.left .blockContent h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
.block.left .blockContent p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
  width: 100%;
}
.block.left .blockContent .button {
  margin-top: 30px;
}
.block.left .iconTabs .tabContent {
  max-width: 840px;
}
.block.left .iconTabs .tabContent .tabImage {
  display: none;
  width: 100%;
}
.block.left .iconTabs .tabContent .tabImage img {
  width: 100%;
}
.block.left .iconTabs .tabContent .tabImage.active {
  display: inherit;
}
.block.left .iconTabs .tabIconList {
  max-width: 840px;
}
.block .featureRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 100px;
}
@media only screen and (max-width: 1310px) {
  .block .featureRow {
    margin: 100px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureRow {
    flex-direction: column;
    margin: 100px 0 0 0;
  }
}
.block .featureRow.right .featureRowImage {
  order: 1;
}
.block .featureRow.right .blockContent {
  order: 2;
}
.block .featureRow.left .featureRowImage {
  order: 2;
}
@media only screen and (max-width: 768px) {
  .block .featureRow.left .featureRowImage {
    order: 1;
  }
}
.block .featureRow.left .blockContent {
  order: 1;
}
@media only screen and (max-width: 768px) {
  .block .featureRow.left .blockContent {
    order: 2;
  }
}
.block .featureRow .featureRowImage {
  width: 40%;
  max-width: 600px;
}
@media only screen and (max-width: 1310px) {
  .block .featureRow .featureRowImage {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureRow .featureRowImage {
    width: calc(100% - 60px);
    max-width: none;
    margin: 0 30px 20px 30px;
  }
}
.block .featureRow .featureRowImage img {
  width: 100%;
  height: auto;
}
.block .featureRow .blockContent {
  width: 60%;
  text-align: left;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 1310px) {
  .block .featureRow .blockContent {
    width: 50%;
    margin: 100px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .featureRow .blockContent {
    width: 100%;
  }
}
.block .featureRow .blockContent h2, .block .featureRow .blockContent p, .block .featureRow .blockContent .listTitle {
  text-align: left;
  width: 100%;
}
.block .featureRow .blockContent ul, .block .featureRow .blockContent li {
  width: calc(100% - 15px);
}
.block .featureRow .blockContent p a {
  color: #8641f2;
}
.block .featureRow .blockContent .iconRowTitle {
  font-size: 20px;
  line-height: 20px;
  color: #000000;
}
.block .featureRow .listTitle {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
  margin-top: 20px;
}
.block .featureRow .button {
  margin: 20px 0 0 0 !important;
}
.block .featureRow ul li {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  list-style-type: disc;
  text-indent: -20px;
  padding-left: 20px;
}
.block.patents {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
}
@media only screen and (max-width: 1310px) {
  .block.patents {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block.patents {
    flex-direction: column;
  }
}
.block.patents .contentColumn {
  flex: 4;
  padding-right: 100px;
}
@media only screen and (max-width: 1310px) {
  .block.patents .contentColumn {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .block.patents .contentColumn {
    padding-right: 0;
    order: 2;
  }
}
.block.patents .contentColumn .contentBlock {
  padding: 100px;
  border-radius: 20px;
  margin-bottom: 100px;
  background: linear-gradient(30deg, rgb(0, 0, 0) 0%, rgb(71, 71, 71) 100%);
}
@media only screen and (max-width: 1310px) {
  .block.patents .contentColumn .contentBlock {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .block.patents .contentColumn .contentBlock {
    padding: 50px 30px;
  }
}
.block.patents .contentColumn .contentBlock h2 {
  font-size: 40px;
  line-height: 40px;
  color: #13eaad;
}
.block.patents .contentColumn .contentBlock h3 {
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  margin-top: 50px;
}
.block.patents .contentColumn .contentBlock p {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
  margin-top: 20px;
}
.block.patents .contentColumn .contentBlock small {
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
.block.patents .contentColumn .contentBlock img {
  width: calc(100% + 100px);
  margin: 20px -50px 0 -50px;
}
@media only screen and (max-width: 1310px) {
  .block.patents .contentColumn .contentBlock img {
    width: calc(100% + 40px);
    margin: 20px -20px 0 -20px;
  }
}
.block.patents .pinnedColumn {
  flex: 1;
  border-left: 2px solid #13eaad;
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  .block.patents .pinnedColumn {
    order: 1;
    margin-bottom: 100px;
  }
}
.block.patents .pinnedColumn .pinnedContent {
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .block.patents .pinnedColumn .pinnedContent {
    padding-bottom: 0;
  }
}
.block.patents .pinnedColumn .pinnedContent h2 {
  font-size: 30px;
  line-height: 30px;
}
.block.patents .pinnedColumn .pinnedContent p {
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
}
.block .latestBlogPosts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1250px;
  margin-top: 50px;
}
@media only screen and (max-width: 1310px) {
  .block .latestBlogPosts {
    width: calc(100% - 60px);
    margin: 50px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .latestBlogPosts {
    flex-direction: column;
  }
}
.block .latestBlogPosts .blogPost {
  width: calc(50% - 15px);
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .block .latestBlogPosts .blogPost {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.block .latestBlogPosts .blogPost:hover .postFadeActive {
  opacity: 1;
}
.block .latestBlogPosts .blogPost img {
  width: 100%;
  border-radius: 10px;
  display: block;
}
.block .latestBlogPosts .blogPost .postFadeActive {
  background: linear-gradient(30deg, rgb(134, 65, 242) 25%, rgba(134, 65, 242, 0) 100%) !important;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.1s all ease-in-out;
  border-radius: 10px;
  z-index: 2;
}
.block .latestBlogPosts .blogPost .postFade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0) 100%);
  transition: 0.1s all ease-in-out;
  border-radius: 10px;
  z-index: 1;
}
.block .latestBlogPosts .blogPost .postInfo {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  z-index: 3;
}
@media only screen and (min-width: 1310px) {
  .block .latestBlogPosts .blogPost .postInfo {
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .block .latestBlogPosts .blogPost .postInfo {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }
}
.block .latestBlogPosts .blogPost .postInfo .postAuthor {
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
}
.block .latestBlogPosts .blogPost .postInfo .postTitle {
  font-size: 24px;
  line-height: 25px;
  color: #FFFFFF;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1310px) {
  .block .latestBlogPosts .blogPost .postInfo .postTitle {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 900px) {
  .block .latestBlogPosts .blogPost .postInfo .postTitle {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .block .latestBlogPosts .blogPost .postInfo .postTitle {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .block .latestBlogPosts .blogPost .postInfo .postTitle {
    font-size: 16px;
    line-height: 16px;
  }
}
.block .latestBlogPosts .blogPost .postInfo .postDescription {
  font-size: 16px;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1310px) {
  .block .latestBlogPosts .blogPost .postInfo .postDescription {
    font-size: 13px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .block .latestBlogPosts .blogPost .postInfo .postDescription {
    font-size: 11px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .block .latestBlogPosts .blogPost .postInfo .postDescription {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}
.block .latestBlogPosts .blogPost .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 3;
}
.block .clientRowList {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
}
.block .clientRowList .clientRowItem {
  display: flex;
  flex-direction: row;
}
.block .clientRowList .clientRowItem:nth-child(odd) .clientContent .clientContentInner {
  right: auto;
}
.block .clientRowList .clientRowItem:nth-child(even) .imageWrapper {
  order: 2;
}
.block .clientRowList .clientRowItem:nth-child(even) .clientContent {
  order: 1;
}
.block .clientRowList .clientRowItem:nth-child(even) .clientContent .clientContentInner {
  left: auto;
}
@media only screen and (max-width: 768px) {
  .block .clientRowList .clientRowItem {
    flex-direction: column;
  }
  .block .clientRowList .clientRowItem .imageWrapper {
    order: 1 !important;
  }
  .block .clientRowList .clientRowItem .clientContent {
    order: 2 !important;
  }
}
.block .clientRowList .clientRowItem .imageWrapper {
  position: relative;
  width: 50%;
  background: #FFFFFF;
  padding-top: 50%;
}
@media only screen and (max-width: 768px) {
  .block .clientRowList .clientRowItem .imageWrapper {
    width: 100%;
    padding-top: 75%;
  }
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .imageWrapper {
    padding-top: 75%;
  }
}
@media only screen and (min-width: 1600px) {
  .block .clientRowList .clientRowItem .imageWrapper {
    padding-top: 40%;
  }
}
@media only screen and (min-width: 1800px) {
  .block .clientRowList .clientRowItem .imageWrapper {
    padding-top: 35%;
  }
}
@media only screen and (min-width: 2000px) {
  .block .clientRowList .clientRowItem .imageWrapper {
    padding-top: 30%;
  }
}
.block .clientRowList .clientRowItem .imageWrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 900px;
}
.block .clientRowList .clientRowItem .clientContent {
  width: 50%;
  background: #000000;
  background: linear-gradient(30deg, rgb(0, 0, 0) 0%, rgb(71, 71, 71) 100%);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .block .clientRowList .clientRowItem .clientContent {
    width: 100%;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner {
  width: calc(100% - 100px);
  max-width: 800px;
  position: absolute;
  left: 50px;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
    width: calc(100% - 60px);
    padding: 50px 30px;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .logoWrapper {
  width: 180px;
  height: 80px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 10px 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .logoWrapper {
    margin-right: 0;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .logoWrapper img {
  max-width: 180px;
  max-height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText {
    margin-top: 30px;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText h3 {
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  margin: 0 0 5px 0;
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText h3 {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText p {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner .companyWrapper .companyText p {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul {
  margin-top: 0;
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul li {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 30px;
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul li i {
  font-size: 30px;
  margin-right: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  padding: 10px;
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul li .listText {
  display: flex;
  flex-direction: column;
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul li .listText .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner ul li .listText .title {
    font-size: 16px;
    line-height: 20px;
  }
}
.block .clientRowList .clientRowItem .clientContent .clientContentInner ul li .listText .description {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1310px) {
  .block .clientRowList .clientRowItem .clientContent .clientContentInner ul li .listText .description {
    font-size: 13px;
    line-height: 16px;
  }
}
.block .statsRowOuter {
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .block .statsRowOuter {
    margin: -15px 0;
  }
}
.block .statsRowOuter .statsRowInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  overflow-x: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media only screen and (max-width: 1500px) {
  .block .statsRowOuter .statsRowInner {
    justify-content: flex-start;
  }
}
.block .statsRowOuter .statsRowInner::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}
.block .statsRowOuter .statsRowInner .statsRowItem {
  text-align: center;
  width: 100%;
  min-width: 240px;
}
@media only screen and (max-width: 768px) {
  .block .statsRowOuter .statsRowInner .statsRowItem {
    min-width: 150px;
  }
}
.block .statsRowOuter .statsRowInner .statsRowItem .value {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  background-color: #13eaad;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media only screen and (min-width: 1310px) {
  .block .statsRowOuter .statsRowInner .statsRowItem .value {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .block .statsRowOuter .statsRowInner .statsRowItem .value {
    font-size: 16px;
    line-height: 16px;
  }
}
.block .statsRowOuter .statsRowInner .statsRowItem .value.gradient1 {
  background-image: -webkit-linear-gradient(0deg, rgb(100, 249, 203) 0%, rgb(15, 109, 193) 100%);
}
.block .statsRowOuter .statsRowInner .statsRowItem .value.gradient2 {
  background-image: -webkit-linear-gradient(0deg, rgb(255, 222, 82) 0%, rgb(16, 191, 137) 100%);
}
.block .statsRowOuter .statsRowInner .statsRowItem .value.gradient3 {
  background-image: -webkit-linear-gradient(0deg, rgb(255, 80, 90) 0%, rgb(151, 93, 243) 100%);
}
.block .statsRowOuter .statsRowInner .statsRowItem .label {
  font-size: 16px;
  line-height: 25px;
  margin-top: 5px;
}
@media only screen and (max-width: 768px) {
  .block .statsRowOuter .statsRowInner .statsRowItem .label {
    font-size: 13px;
    line-height: 20px;
  }
}
.block .tabIconList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  padding-bottom: 30px;
  position: relative;
}
.block .tabIconList .tabIconItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px 0 15px;
  cursor: pointer;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem {
    padding: 30px 5px 0 5px;
  }
}
.block .tabIconList .tabIconItem.active .pips {
  display: flex;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem.active p {
    display: inherit;
    flex-direction: column;
  }
}
.block .tabIconList .tabIconItem i {
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem i {
    margin-bottom: 5px;
  }
}
.block .tabIconList .tabIconItem label {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem label {
    font-size: 13px;
  }
}
@media only screen and (max-width: 600px) {
  .block .tabIconList .tabIconItem label {
    font-size: 11px;
  }
}
.block .tabIconList .tabIconItem p {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem p {
    font-size: 13px;
    line-height: 20px;
    display: none;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 120px;
  }
}
.block .tabIconList .tabIconItem p .link {
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
  display: block;
}
.block .tabIconList .tabIconItem .pips {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .block .tabIconList .tabIconItem .pips {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
  }
}
.block .tabIconList .tabIconItem .pips .pip {
  border: 2px solid;
  width: 26px;
  height: 6px;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 15px;
  cursor: pointer;
}
.block .tabIconList .tabIconItem .pips .pip:last-child {
  margin-right: 0;
}
.block .tabIconList .tabIconItem .pips .pip.active {
  background: rgba(0, 0, 0, 0.15);
  border: none;
  width: 30px;
  height: 10px;
}
.block .tabIconList .tabIconItem .pips .pip:hover {
  border-color: #8641f2;
}
.block .blockImage {
  width: 100%;
  max-width: 1000px;
}
.block .licensesRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1250px;
  margin: 50px auto 0 auto;
}
@media only screen and (max-width: 1310px) {
  .block .licensesRow {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block .licensesRow .licenseItem {
  margin: 0 20px 20px 0;
  padding: 0 30px;
  box-sizing: border-box;
  width: 200px;
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 1310px) {
  .block .licensesRow .licenseItem {
    width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
}
@media only screen and (max-width: 1000px) {
  .block .licensesRow .licenseItem {
    width: calc(33% - 20px);
    max-width: calc(33% - 20px);
  }
  .block .licensesRow .licenseItem:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .block .licensesRow .licenseItem {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  .block .licensesRow .licenseItem:nth-child(3n) {
    margin-right: 20px;
  }
  .block .licensesRow .licenseItem:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 500px) {
  .block .licensesRow .licenseItem {
    padding: 15px 20px;
  }
}
.block .licensesRow .licenseItem:nth-child(5n) {
  margin-right: 0;
}
.block .licensesRow .licenseItem:hover {
  transform: scale(1.1);
}
.block .licensesRow .licenseItem img {
  width: 90%;
  display: block;
}
@media only screen and (max-width: 500px) {
  .block .licensesRow .licenseItem img {
    width: 90%;
  }
}
.block .licensesRow .licenseItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.block .integrationsRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1320px;
  margin: 50px auto 0 auto;
}
@media only screen and (max-width: 1310px) {
  .block .integrationsRow {
    margin: 50px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.block .integrationsRow.featureSubTabButtonList {
  width: calc(100% - 60px);
}
@media only screen and (max-width: 768px) {
  .block .integrationsRow.featureSubTabButtonList .integrationsRowInner {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .block .integrationsRow.featureSubTabButtonList .integrationsRowInner {
    margin: 0 !important;
  }
  .block .integrationsRow.featureSubTabButtonList .integrationsRowInner img.mobile {
    width: 60%;
    height: auto;
  }
}
@media only screen and (max-width: 500px) {
  .block .integrationsRow.featureSubTabButtonList .integrationsRowInner img.mobile {
    width: 100%;
    height: auto;
  }
}
.block .integrationsRow.featureSubTabButtonList .integrationsRowInner .integrationItem {
  height: inherit;
  width: calc(20% - 10px);
}
.block .integrationsRow .integrationsRowInner {
  margin-right: -20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.block .integrationsRow .integrationItem {
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
  margin: 0 20px 20px 0;
  padding: 50px 30px;
  height: 150px;
  box-sizing: border-box;
  width: 200px;
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
@media only screen and (max-width: 1310px) {
  .block .integrationsRow .integrationItem {
    width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
}
@media only screen and (max-width: 1000px) {
  .block .integrationsRow .integrationItem {
    width: calc(33% - 20px);
    max-width: calc(33% - 20px);
  }
}
@media only screen and (max-width: 768px) {
  .block .integrationsRow .integrationItem {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 500px) {
  .block .integrationsRow .integrationItem {
    padding: 30px 20px;
  }
}
.block .integrationsRow .integrationItem.withHover:hover .cardFront {
  opacity: 0;
  margin-top: -60px;
  transform: scale(0.9);
  transition: 0.2s all ease-in-out;
  transition-delay: 0;
}
.block .integrationsRow .integrationItem.withHover:hover .cardBack {
  opacity: 1;
  top: 50%;
  transition: 0.1s all ease-in-out;
  transition-delay: 0.2s;
}
.block .integrationsRow .integrationItem.withHover .cardFront {
  transition: 0.2s all ease-in-out;
  transition-delay: 0.2s;
}
.block .integrationsRow .integrationItem.withHover .cardBack {
  opacity: 0;
  position: absolute;
  top: 70%;
  left: 50%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #000000;
  transition: 0.4s all ease-in-out;
  transition-delay: 0;
  width: 90%;
  pointer-events: none;
}
.block .integrationsRow .integrationItem.withHover .cardBack .cardBackText {
  text-align: center;
  transform: translate(-50%, -50%);
}
.block .integrationsRow .integrationItem.withHover .cardBack .cardBackText span {
  font-weight: 700;
}
.block .integrationsRow .integrationItem .badge {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  background: rgba(134, 65, 242, 0.15);
  color: #8641f2;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 8px;
}
.block .integrationsRow .integrationItem img {
  width: auto;
  display: block;
  max-height: 60px;
  max-width: 100%;
}

.blogBody {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 100px auto 0 auto;
}
@media only screen and (max-width: 768px) {
  .blogBody {
    flex-direction: column;
  }
}

.blogPostList {
  margin: 50px auto 0 auto;
}

.blogBody,
.blogPostList {
  width: 100%;
  max-width: 1250px;
  position: relative;
  color: #000000;
}
@media only screen and (max-width: 1310px) {
  .blogBody,
  .blogPostList {
    width: calc(100% - 60px);
    margin: 100px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .blogBody,
  .blogPostList {
    margin: 50px 30px 0 30px;
  }
}
.blogBody .externalLinks,
.blogPostList .externalLinks {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 210px;
  min-width: 210px;
}
@media only screen and (max-width: 1310px) {
  .blogBody .externalLinks,
  .blogPostList .externalLinks {
    width: 100px;
    min-width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .blogBody .externalLinks,
  .blogPostList .externalLinks {
    width: 100%;
    flex-direction: row;
    margin-bottom: 30px;
    min-width: inherit;
  }
  .blogBody .externalLinks a,
  .blogPostList .externalLinks a {
    margin: 0 10px 0 0;
  }
}
.blogBody .externalLinks a,
.blogPostList .externalLinks a {
  margin-bottom: 10px;
  transition: 0.1s all ease-in-out;
  cursor: pointer;
}
.blogBody .externalLinks a i,
.blogPostList .externalLinks a i {
  color: rgba(0, 0, 0, 0.3);
  font-size: 30px;
}
.blogBody .externalLinks a:hover i,
.blogPostList .externalLinks a:hover i {
  color: #000000;
}
.blogBody .blogContent,
.blogPostList .blogContent {
  flex: 1;
  color: rgba(0, 0, 0, 0.5);
  width: calc(100% - 210px);
}
@media only screen and (max-width: 1310px) {
  .blogBody .blogContent,
  .blogPostList .blogContent {
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 768px) {
  .blogBody .blogContent,
  .blogPostList .blogContent {
    width: 100%;
  }
}
.blogBody .blogContent i,
.blogPostList .blogContent i {
  font-size: 13px;
  line-height: 20px;
}
.blogBody .blogContent h1,
.blogPostList .blogContent h1 {
  color: #000000;
  font-size: 30px;
  line-height: 30px;
  margin: 20px 0 10px 0;
}
.blogBody .blogContent h2,
.blogPostList .blogContent h2 {
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  margin: 20px 0 10px 0;
}
.blogBody .blogContent p,
.blogPostList .blogContent p {
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
}
@media only screen and (min-width: 1310px) {
  .blogBody .blogContent p,
  .blogPostList .blogContent p {
    font-size: 20px;
    line-height: 40px;
  }
}
.blogBody .blogContent p:first-child,
.blogPostList .blogContent p:first-child {
  margin-top: 0;
}
.blogBody .blogContent p a:hover,
.blogPostList .blogContent p a:hover {
  text-decoration: underline;
}
.blogBody .blogContent img,
.blogPostList .blogContent img {
  max-width: 100%;
  border-radius: 10px;
}
.blogBody .blogContent ol,
.blogBody .blogContent ul,
.blogPostList .blogContent ol,
.blogPostList .blogContent ul {
  margin: 15px 30px;
}
.blogBody .blogContent ol li,
.blogBody .blogContent ul li,
.blogPostList .blogContent ol li,
.blogPostList .blogContent ul li {
  font-size: 16px;
  line-height: 30px;
  list-style-type: disc;
}
.blogBody .blogContent ol li a:hover,
.blogBody .blogContent ul li a:hover,
.blogPostList .blogContent ol li a:hover,
.blogPostList .blogContent ul li a:hover {
  text-decoration: underline;
}
.blogBody .blogContent strong,
.blogPostList .blogContent strong {
  color: #000000;
}
.blogBody .blogContent table,
.blogPostList .blogContent table {
  border-color: rgba(0, 0, 0, 0.15) !important;
  border: none;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  height: auto !important;
  margin: 0 auto;
}
.blogBody .blogContent table td,
.blogPostList .blogContent table td {
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: rgba(0, 0, 0, 0.5);
  padding: 10px;
}
.blogBody .eventCounter,
.blogPostList .eventCounter {
  position: sticky;
  top: 30px;
}
@media only screen and (max-width: 768px) {
  .blogBody .eventCounter,
  .blogPostList .eventCounter {
    margin: 50px auto 0 auto;
  }
}
.blogBody .blogPostItem,
.blogPostList .blogPostItem {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 1024px) {
  .blogBody .blogPostItem,
  .blogPostList .blogPostItem {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .blogBody .blogPostItem,
  .blogPostList .blogPostItem {
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.blogBody .blogPostItem:hover .blogPostItemImage,
.blogPostList .blogPostItem:hover .blogPostItemImage {
  transform: scale(1.02);
}
.blogBody .blogPostItem .blogPostItemImage,
.blogPostList .blogPostItem .blogPostItemImage {
  background: rgba(0, 0, 0, 0.15);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 50%;
  border-radius: 10px;
  transition: 0.2s all ease-in-out;
}
@media (max-width: 768px) {
  .blogBody .blogPostItem .blogPostItemImage,
  .blogPostList .blogPostItem .blogPostItemImage {
    max-width: none;
  }
}
.blogBody .blogPostItem .blogPostItemOuter,
.blogPostList .blogPostItem .blogPostItemOuter {
  flex: 1;
  margin-left: 50px;
  position: relative;
}
@media (max-width: 1024px) {
  .blogBody .blogPostItem .blogPostItemOuter,
  .blogPostList .blogPostItem .blogPostItemOuter {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .blogBody .blogPostItem .blogPostItemOuter,
  .blogPostList .blogPostItem .blogPostItemOuter {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner label,
.blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner label {
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle,
.blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle {
  font-size: 30px;
  line-height: 30px;
  color: #000000;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle,
  .blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 500px) {
  .blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle,
  .blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostTitle {
    font-size: 20px;
    line-height: 20px;
  }
}
.blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostDate,
.blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostDate {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
  width: 100%;
  display: block;
  margin: 5px 0 0 0;
}
.blogBody .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostDescription,
.blogPostList .blogPostItem .blogPostItemOuter .blogPostItemInner .blogPostDescription {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.5);
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogBody .blogPostItem .blogPostItemInner,
.blogPostList .blogPostItem .blogPostItemInner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .blogBody .blogPostItem .blogPostItemInner,
  .blogPostList .blogPostItem .blogPostItemInner {
    position: relative;
    transform: none;
    margin-top: 30px;
  }
}
.blogBody .blogPostItem .cover,
.blogPostList .blogPostItem .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.eventCounter {
  height: 100%;
  width: 300px;
  margin-left: 30px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
}
.eventCounter.wide {
  margin: 30px auto 0 auto;
  width: 100%;
  max-width: 1250px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 300px;
}
@media only screen and (max-width: 1310px) {
  .eventCounter.wide {
    width: calc(100% - 60px);
    margin: 30px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .eventCounter.wide {
    height: auto;
    flex-direction: column;
    max-width: 300px;
    width: 100%;
  }
  .eventCounter.wide .eventCounterHeader {
    width: inherit;
  }
}
.eventCounter.wide .eventCounterHeader {
  width: 50%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .eventCounter.wide .eventCounterHeader {
    width: 100%;
    height: 200px;
    min-height: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .eventCounter.wide .eventCounterHeader .eventTitle {
    font-size: 30px !important;
    line-height: 30px;
  }
}
.eventCounter.wide .eventCounterHeader .counter {
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .eventCounter.wide .eventCounterHeader .counter {
    max-width: 200px;
  }
}
.eventCounter.wide .eventContent {
  width: 50%;
  padding: 35px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .eventCounter.wide .eventContent {
    width: 100%;
    padding: 0;
  }
}
.eventCounter.wide .eventContent .eventDescription {
  font-size: 16px;
  line-height: 30px;
}
@media only screen and (max-width: 768px) {
  .eventCounter.wide .eventContent .eventDescription {
    font-size: 13px;
    line-height: 20px;
  }
}
.eventCounter .eventCounterHeader {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: auto;
}
.eventCounter .eventCounterHeader .eventCounterImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.eventCounter .eventCounterHeader .eventCounterImage .eventCounterOverlay {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  opacity: 0.75;
}
.eventCounter .eventCounterHeader .eventCounterImage .eventCounterOverlay.darken {
  background: #000000;
  opacity: 0.5;
  z-index: 1;
}
.eventCounter .eventCounterHeader .eventCounterImage .eventCounterOverlay.gradient1 {
  background-image: -webkit-linear-gradient(30deg, rgb(100, 249, 203) 0%, rgba(15, 109, 193, 0.4) 100%);
  z-index: 2;
}
.eventCounter .eventCounterHeader .eventCounterImage .eventCounterOverlay.gradient2 {
  background-image: -webkit-linear-gradient(30deg, rgb(255, 222, 82) 0%, rgba(16, 191, 137, 0.4) 100%);
  z-index: 2;
}
.eventCounter .eventCounterHeader .eventCounterImage .eventCounterOverlay.gradient3 {
  background-image: -webkit-linear-gradient(30deg, rgb(255, 80, 90) 0%, rgba(151, 93, 243, 0.4) 100%);
  z-index: 2;
}
.eventCounter .eventCounterHeader label {
  font-size: 11px;
  line-height: 20px;
  color: #FFFFFF;
  display: block;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.eventCounter .eventCounterHeader .eventTitle {
  font-size: 20px;
  line-height: 20px;
  color: #FFFFFF;
  display: block;
  margin: 5px 15px 20px 15px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.eventCounter .eventCounterHeader .counter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(100% - 20px);
  margin: 0 10px 10px 10px;
  position: relative;
  z-index: 1;
}
.eventCounter .eventCounterHeader .counter .counterItem {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  flex: 1;
  margin-right: 5px;
  text-align: center;
  padding: 5px;
}
.eventCounter .eventCounterHeader .counter .counterItem:last-child {
  margin: 0;
}
.eventCounter .eventCounterHeader .counter .counterItem .counterValue {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
.eventCounter .eventCounterHeader .counter .counterItem .counterUnit {
  font-size: 11px;
  line-height: 14px;
  color: #FFFFFF;
}
.eventCounter .eventDescription {
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.eventCounter .button,
.eventCounter .boxButton {
  margin-left: 15px;
  margin-bottom: 15px;
}
.eventCounter .boxButton {
  display: inline-block;
}

.eventRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  max-width: 1250px;
}
@media only screen and (max-width: 1310px) {
  .eventRow {
    margin: 15px 30px 0 30px;
  }
  .eventRow .eventCounter {
    margin: 15px 30px 15px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .eventRow {
    flex-direction: column;
  }
  .eventRow .eventCounter {
    margin: 15px 0 !important;
  }
}
.eventRow .eventCounter {
  margin: 15px 30px 0 0;
  background: rgba(255, 255, 255, 0.15);
}
.eventRow .eventCounter:last-child {
  margin-right: 0;
}

.ctaRow {
  background-image: url("https://pandatechV2.b-cdn.net/upload/1453095/1661811129/PANDA_Icon_Background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px;
  text-align: center;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .ctaRow {
    padding: 50px 30px;
  }
}
.ctaRow h1 {
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  max-width: 1250px;
  margin: 0 auto 20px auto;
}
@media only screen and (max-width: 768px) {
  .ctaRow h1 {
    font-size: 24px;
    line-height: 25px;
    margin: 0 auto 10px auto;
  }
}
.ctaRow p {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  max-width: 1250px;
  margin: 0 auto 30px auto;
}
@media only screen and (max-width: 768px) {
  .ctaRow p {
    margin: 0 auto 20px auto;
  }
}
.ctaRow .button {
  border: 2px solid;
}
.ctaRow .button,
.ctaRow .boxButton {
  color: #FFFFFF;
  background: none;
  margin: 0 auto;
}

.newsletterRow {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .newsletterRow {
    width: calc(100% - 60px);
    padding: 0 30px;
    height: 300px;
    padding-bottom: 200px;
  }
}
.newsletterRow .newsletterRowContent {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 1310px) {
  .newsletterRow .newsletterRowContent {
    margin: 0 30px 50px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .newsletterRow .newsletterRowContent {
    width: calc(100% - 60px);
    margin: 0;
    top: calc(50% - 100px);
  }
}
.newsletterRow .newsletterRowContent h1 {
  width: 100%;
  max-width: 500px;
  color: #000000;
  text-align: left;
  margin: 0;
  font-size: 40px;
  line-height: 40px;
}
@media only screen and (max-width: 768px) {
  .newsletterRow .newsletterRowContent h1 {
    font-size: 24px;
    line-height: 25px;
  }
}
.newsletterRow .newsletterRowContent p {
  width: 100%;
  max-width: 500px;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .newsletterRow .newsletterRowContent p {
    margin: 10px 0 0 0;
  }
}
.newsletterRow .newsletterRowContent .flexRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 500px;
  margin: 20px 0 0 0;
}
.newsletterRow .newsletterRowContent .flexRow input {
  flex: 1;
}
.newsletterRow .newsletterRowContent .button {
  margin-top: 30px !important;
}
.newsletterRow .backgroundIcon {
  font-size: 700px;
  color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 30px;
  right: 100px;
  user-select: none;
}
@media only screen and (max-width: 768px) {
  .newsletterRow .backgroundIcon {
    font-size: 400px;
    right: auto;
    left: 50%;
    top: auto;
    bottom: -180px;
    transform: translateX(-50%);
  }
}

.demoCUB {
  display: flex;
  flex-direction: column;
}
.demoCUB .headerWrapper {
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  width: 100%;
  z-index: 2;
  transform: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.demoCUB .headerWrapper .headerNav {
  background: #000000;
  max-width: none;
  width: calc(100% - 60px);
  height: 80px;
  margin: 0 30px;
}
.demoCUB .headerWrapper .headerNav .demoHeaderBadgeOuter {
  flex: 1;
  margin: 30px;
}
@media only screen and (max-width: 767px) {
  .demoCUB .headerWrapper .headerNav .demoHeaderBadgeOuter {
    margin: 30px 0;
  }
}
.demoCUB .headerWrapper .headerNav .demoHeaderBadgeOuter .demoHeaderBadgeInner {
  font-size: 11px;
  line-height: 20px;
  color: #FFFFFF;
  background: rgba(134, 65, 242, 0.3);
  border: 1px solid #8641f2;
  border-radius: 5px;
  padding: 2px 10px;
  position: relative;
  float: left;
}
@media only screen and (max-width: 767px) {
  .demoCUB .headerWrapper .headerNav .demoHeaderBadgeOuter .demoHeaderBadgeInner {
    float: right;
  }
}
.demoCUB .demoControls {
  display: flex;
  flex-direction: row;
  background: #000000;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 1200px) {
  .demoCUB .demoControls {
    box-sizing: border-box;
    padding: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .demoCUB .demoControls {
    box-sizing: border-box;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 800px) {
  .demoCUB .demoControls {
    padding: 0;
  }
}
.demoCUB .demoControls .arrowPrev,
.demoCUB .demoControls .arrowNext {
  color: #FFFFFF;
  padding: 5px 5px;
  font-size: 30px;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: calc(100% - 10px);
  display: none;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
@media only screen and (max-width: 1200px) {
  .demoCUB .demoControls .arrowPrev,
  .demoCUB .demoControls .arrowNext {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1000px) {
  .demoCUB .demoControls .arrowPrev,
  .demoCUB .demoControls .arrowNext {
    display: flex;
    align-items: center;
  }
}
.demoCUB .demoControls .arrowPrev:hover,
.demoCUB .demoControls .arrowNext:hover {
  background: rgba(255, 255, 255, 0.15);
}
.demoCUB .demoControls .arrowPrev i,
.demoCUB .demoControls .arrowNext i {
  display: block;
}
.demoCUB .demoControls .arrowPrev.disabled,
.demoCUB .demoControls .arrowNext.disabled {
  color: rgba(255, 255, 255, 0.3);
  background: none;
  cursor: default;
}
.demoCUB .demoControls .arrowPrev.enabled,
.demoCUB .demoControls .arrowNext.enabled {
  color: #FFFFFF;
}
.demoCUB .demoControls .arrowPrev {
  left: 0;
}
.demoCUB .demoControls .arrowNext {
  right: 0;
}
.demoCUB .demoControls .controlColumn {
  width: 100%;
  min-height: 155px;
  padding: 20px 30px 10px 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  box-sizing: border-box;
  min-width: 25%;
}
.demoCUB .demoControls .controlColumn:first-child {
  border-left: 0;
}
@media only screen and (max-width: 1200px) {
  .demoCUB .demoControls .controlColumn {
    min-width: 33.33%;
    display: none;
    padding: 20px 50px 10px 50px;
  }
  .demoCUB .demoControls .controlColumn.active {
    display: inline-block;
  }
}
@media only screen and (max-width: 1000px) {
  .demoCUB .demoControls .controlColumn {
    min-width: calc(50% - 120px);
    border-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  .demoCUB .demoControls .controlColumn {
    min-width: calc(100% - 70px);
    margin: 0 30px;
    display: none;
    border-left: 0;
  }
  .demoCUB .demoControls .controlColumn.active {
    display: inline-block;
  }
}
.demoCUB .demoControls .controlColumn .tooltip {
  z-index: 10;
  position: absolute;
  right: 20%;
  left: 20%;
  bottom: -20px;
  transform: translateY(100%);
  font-size: 16px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.85);
  padding: 20px;
  border-radius: 10px;
  opacity: 0;
  pointer-events: none;
  transition: 0.1s all ease-in-out;
}
.demoCUB .demoControls .controlColumn .tooltip.visible {
  opacity: 1;
}
.demoCUB .demoControls .controlColumn .tooltip:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid rgba(0, 0, 0, 0.85);
}
.demoCUB .demoControls .controlColumn .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  margin-bottom: 10px;
}
@media only screen and (max-width: 1300px) {
  .demoCUB .demoControls .controlColumn .title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 900px) {
  .demoCUB .demoControls .controlColumn .title {
    font-size: 13px;
  }
}
.demoCUB .demoControls .controlColumn .title i {
  margin-top: -5px;
  padding: 5px;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 20px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.2s;
}
.demoCUB .demoControls .controlColumn .title i.active {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.15);
}
.demoCUB .demoControls .controlColumn .title i:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.15);
}
.demoCUB .demoControls .controlColumn select {
  margin: 0 0 10px 0;
  background-color: transparent;
}
.demoCUB .demoControls .controlColumn .counterRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: calc(100% + 2px);
  border: none;
}
.demoCUB .demoControls .controlColumn .counterRow label {
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  flex: 1;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.demoCUB .demoControls .controlColumn .counterRow .demoSportsbookCount {
  padding: 0 35px 0 15px;
  color: #000000;
  height: 30px;
  width: 20px;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: block;
  float: right;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.demoCUB .demoControls .controlColumn .checkboxRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.demoCUB .demoControls .controlColumn .checkboxRow .checkboxWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
  margin-right: 10px;
  margin-bottom: 10px;
}
.demoCUB .demoControls .controlColumn .checkboxRow .checkboxWrapper:hover {
  border-color: #FFFFFF;
}
.demoCUB .demoControls .controlColumn .checkboxRow .checkboxWrapper:last-child {
  margin-right: 0;
}
.demoCUB .demoControls .controlColumn .checkboxRow .checkboxWrapper label {
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  white-space: nowrap;
}
.demoCUB .demoControls .controlColumn .checkboxRow .checkboxWrapper input:checked + label:after {
  color: #13eaad;
}
.demoCUB .demoControls .controlColumn .inputWrapper {
  position: relative;
  flex: 1;
  display: block;
}
.demoCUB .demoControls .controlColumn .inputWrapper input {
  font-size: 13px;
  line-height: 24px;
  padding: 0 10px 0 25px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  color: #FFFFFF;
  margin: 0;
  height: 32px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  transition: 0.2s;
}
.demoCUB .demoControls .controlColumn .inputWrapper input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.demoCUB .demoControls .controlColumn .inputWrapper input:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.demoCUB .demoControls .controlColumn .inputWrapper .frozenPrefix {
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 16px;
  transition: 0.2s;
}
.demoCUB .demoControls .controlColumn .inputWrapper .pinnedIcon {
  position: absolute;
  top: 1px;
  right: -1px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.demoCUB .demoControls .controlColumn .inputWrapper .pinnedIcon:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.15);
}
.demoCUB .demoControls .controlColumn .button {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
  width: auto;
  align-self: center;
  margin-top: 30px;
}
.demoCUB .fixedSignupButton {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 20px 30px;
  background: rgba(0, 0, 0, 0.85);
}
.demoCUB .fixedSignupButton .button {
  color: #FFFFFF !important;
}
.demoCUB .demoPreview {
  background: rgba(0, 0, 0, 0.05);
  padding-top: 220px;
}
@media only screen and (max-width: 1140px) {
  .demoCUB .demoPreview {
    padding-top: 270px;
  }
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview {
    padding-top: 200px;
  }
}
.demoCUB .demoPreview .demoNav {
  width: 100%;
  padding: 20px 0;
  display: block;
}
@media only screen and (max-width: 1140px) {
  .demoCUB .demoPreview .demoNav {
    margin: -50px 50px 0 50px;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoNav {
    margin: 0 30px;
  }
}
.demoCUB .demoPreview .demoNav .demoNavContent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 0;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
@media only screen and (max-width: 1140px) {
  .demoCUB .demoPreview .demoNav .demoNavContent {
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoNav .demoNavContent {
    margin-top: 20px;
  }
}
.demoCUB .demoPreview .demoNav .demoNavContent .demoNavName {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.3);
}
.demoCUB .demoPreview .demoNav .demoNavContent .demoNavLinks {
  display: flex;
  flex-direction: row;
}
.demoCUB .demoPreview .demoNav .demoNavContent .demoNavLinks i {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.3);
  margin: 0 0 0 10px;
}
.demoCUB .demoPreview .demoBreadcrumbs {
  color: rgba(0, 0, 0, 0.3);
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: -10px auto -60px auto;
  display: block;
  width: 100%;
  max-width: 900px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
@media only screen and (max-width: 1140px) {
  .demoCUB .demoPreview .demoBreadcrumbs {
    margin: -10px 50px 0 50px;
    width: calc(100% - 100px);
    max-width: none;
  }
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoBreadcrumbs {
    margin: -10px 30px 0 30px;
    width: calc(100% - 60px);
  }
}
.demoCUB .demoPreview .demoPreviewCard {
  background: #FFFFFF;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 900px;
  margin: 100px auto;
  padding: 40px 80px;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
.demoCUB .demoPreview .demoPreviewCard::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(135deg, #fff 12px, transparent 0%), linear-gradient(-135deg, #fff 12px, transparent 0%);
  background-size: 20px;
}
.demoCUB .demoPreview .demoPreviewCard::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(45deg, #fff 12px, transparent 0%), linear-gradient(-45deg, #fff 12px, transparent 0%);
  background-size: 20px;
}
@media only screen and (max-width: 1140px) {
  .demoCUB .demoPreview .demoPreviewCard {
    margin: 40px 50px 100px 50px;
    width: calc(100% - 100px);
    max-width: none;
    padding: 30px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoPreviewCard {
    margin: 40px 30px 100px 30px;
    width: calc(100% - 60px);
    padding: 30px 20px;
  }
}
.demoCUB .demoPreview .demoPreviewCard .articlePublishDate {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 15px 0;
}
.demoCUB .demoPreview .demoPreviewCard h1 {
  font-size: 40px;
  line-height: 40px;
  color: #111111;
  text-align: left;
  margin: 0 0 15px 0;
  display: block;
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoPreviewCard h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .demoCUB .demoPreview .demoPreviewCard h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
.demoCUB .demoPreview .demoPreviewCard h2 {
  font-size: 24px;
  line-height: 30px;
  color: #111111;
  text-align: left;
  margin: 0 0 10px 0;
  display: block;
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoPreviewCard h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.demoCUB .demoPreview .demoPreviewCard p {
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  text-align: left;
  margin: 0 0 30px 0;
  display: block;
}
@media only screen and (max-width: 768px) {
  .demoCUB .demoPreview .demoPreviewCard p {
    margin-bottom: 30px;
  }
}
.demoCUB .demoPreview .demoPreviewCard .articleImage {
  width: 100%;
  margin-bottom: 30px;
}
.demoCUB .demoPreview.darkMode {
  background: #111111;
}
.demoCUB .demoPreview.darkMode .demoPreviewCard {
  background: #222222;
}
.demoCUB .demoPreview.darkMode .demoPreviewCard::before {
  background: linear-gradient(135deg, #222222 12px, transparent 0%), linear-gradient(-135deg, #222222 12px, transparent 0%);
  background-size: 20px;
}
.demoCUB .demoPreview.darkMode .demoPreviewCard::after {
  background: linear-gradient(45deg, #222222 12px, transparent 0%), linear-gradient(-45deg, #222222 12px, transparent 0%);
  background-size: 20px;
}
.demoCUB .demoPreview.darkMode label {
  color: rgba(255, 255, 255, 0.3);
}
.demoCUB .demoPreview.darkMode h1, .demoCUB .demoPreview.darkMode h2 {
  color: #F2F2F2;
}
.demoCUB .demoPreview.darkMode p {
  color: #DDDDDD;
}

footer {
  padding: 50px 0;
  background: #000000;
}
footer::after {
  content: "";
  width: 100%;
  height: 999px;
  background: #000000;
  position: fixed;
  left: 0;
  right: 0;
}
footer .footerContent {
  width: 100%;
  max-width: 1250px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 auto 50px auto;
}
@media only screen and (max-width: 1310px) {
  footer .footerContent {
    margin: 0 30px 50px 30px;
  }
}
@media only screen and (max-width: 768px) {
  footer .footerContent {
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 30px;
    width: calc(100% - 60px);
  }
}
footer .footerContent .footerBlock.copyright {
  width: 40%;
  margin-right: 100px;
  order: 1;
}
@media only screen and (max-width: 768px) {
  footer .footerContent .footerBlock.copyright {
    width: 100%;
    margin-right: 0;
    order: 2;
  }
}
footer .footerContent .footerBlock.copyright .footerLogo {
  max-width: 200px;
  max-height: 80px;
}
footer .footerContent .footerBlock.copyright .footerCopyright {
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 15px;
}
footer .footerContent .footerBlock.copyright .socialLinks {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
footer .footerContent .footerBlock.copyright .socialLinks a {
  margin-right: 10px;
}
footer .footerContent .footerBlock.copyright .socialLinks a i {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.3);
}
footer .footerContent .footerBlock.copyright .socialLinks a:hover i {
  color: #FFFFFF;
}
footer .footerContent .footerBlock .button {
  display: inline-flex;
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  footer .footerContent .footerBlock .button {
    margin-bottom: 50px;
  }
}
footer .footerContent .footerBlock.links {
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  order: 2;
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  footer .footerContent .footerBlock.links {
    width: 100%;
    margin: 0;
    order: 1;
    flex-wrap: wrap;
  }
}
footer .footerContent .footerBlock.links .footerGroup {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  footer .footerContent .footerBlock.links .footerGroup {
    width: 50%;
    min-width: 50%;
    display: inline-block;
    margin-bottom: 50px;
  }
}
footer .footerContent .footerBlock.links .footerGroup label {
  font-size: 13px;
  line-height: 25px;
  font-weight: 600;
  color: #FFFFFF;
  display: block;
}
footer .footerContent .footerBlock.links .footerGroup .footerLink {
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}
footer .footerContent .footerBlock.links .footerGroup .footerLink:hover {
  color: #FFFFFF;
}
footer .thirdPartyLogoRow {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 50px auto 0 auto;
  padding: 30px 0 0 0;
  height: 80px;
  max-width: 1250px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1310px) {
  footer .thirdPartyLogoRow {
    margin: 50px 30px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  footer .thirdPartyLogoRow {
    margin: 30px 30px 0 30px;
  }
}
footer .thirdPartyLogoRow a {
  margin: 0 5px;
  transition: 0.1s all ease-in-out;
}
footer .thirdPartyLogoRow a img {
  max-width: 60px;
  max-height: 40px;
}
footer .thirdPartyLogoRow a:hover {
  transform: scale(1.05);
}

body.basic .contentWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 280px 30px 200px 30px;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  body.basic .contentWrapper {
    padding: 180px 30px 100px 30px;
  }
}
body.basic .contentWrapper img {
  display: block;
  width: 100%;
  max-width: 80px;
  margin: 0 auto;
}
body.basic .contentWrapper h1 {
  text-align: center;
  color: #000000;
  margin-top: 30px;
}
body.basic .contentWrapper p {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin: 15px 0 30px 0;
}
.revealer {
  max-width: 1250px;
  width: 100%;
}
.revealer .cd-image-container {
  position: relative;
  width: 90%;
  margin: 0em auto;
}
.revealer .cd-image-container img {
  width: 100%;
  display: block;
}
.revealer .cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.revealer .cd-image-label.is-hidden {
  visibility: hidden;
}
.revealer .is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.revealer .cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.revealer .cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.revealer .cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.revealer .is-visible .cd-resize-img {
  width: 65%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 80%;
  }
  100% {
    width: 65%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 80%;
  }
  100% {
    width: 65%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 80%;
  }
  100% {
    width: 65%;
  }
}
.revealer .cd-handle {
  position: absolute;
  left: 65%;
  top: 0%;
  height: 100%;
  /*
      margin-left: -22px;
      margin-top: -22px;
      border-radius: 50%;
      background: #dc717d  no-repeat center center;
      cursor: move;
      box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
      opacity: 0;
  */
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.revealer .cd-handle .revealerHandle {
  width: 2px;
  border-radius: 2px;
  background: #13eaad;
  position: absolute;
  top: 15%;
  bottom: 15%;
  left: calc(50% - 1px);
  cursor: grab;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .revealer .cd-handle .revealerHandle {
    width: 2px;
    left: calc(50% - 1px);
  }
}
.revealer .cd-handle .revealerHandle .revealerHandleCircle {
  background: #13eaad;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  position: absolute;
  left: -19px;
  top: calc(50% - 19px);
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .revealer .cd-handle .revealerHandle .revealerHandleCircle {
    left: -19px;
    top: calc(50% - 19px);
  }
}
.revealer .cd-handle .revealerHandle .revealerHandleCircle::after, .revealer .cd-handle .revealerHandle .revealerHandleCircle::before, .revealer .cd-handle .revealerHandle .revealerHandleCircle::before {
  border-radius: 20px;
}
.revealer .cd-handle .revealerHandle .revealerHandleCircle i {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
}
.revealer .cd-handle .revealerHandle .revealerHandleCircle i.arrowLeft {
  top: 0;
  left: -7px;
}
.revealer .cd-handle .revealerHandle .revealerHandleCircle i.arrowRight {
  top: 0;
  right: -7px;
}
.revealer .cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.revealer .is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.revealer .layer3 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body {
  max-width: 100%;
  overflow-x: hidden;
}

.tickerOuter {
  background: #000000;
  height: 20px;
  padding: 5px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 20%;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .tickerOuter {
    left: -30px;
    right: -30px;
  }
}
.tickerOuter.tickerFade {
  white-space: nowrap;
  overflow: hidden;
}
.tickerOuter.tickerFade .tickerLogo {
  position: relative;
  float: left;
  margin-top: -5px;
  border-right: 5px solid #13eaad;
  border-color: #13eaad;
}
.tickerOuter.tickerFade .tickerLogo .tickerLogoAccent {
  display: none;
}
.tickerOuter.tickerFade .tickerLogo .tickerLogoTriangle {
  display: none;
}
.tickerOuter.tickerFade .tickerWrap {
  width: auto;
}
.tickerOuter.tickerFade .tickerWrap .ticker {
  margin-top: -5px;
  padding-left: 0px;
}
.tickerOuter.tickerFade .tickerWrap .ticker .tickerItem {
  position: absolute;
  margin-left: 15px;
  display: none;
  opacity: 0;
  transition: 1s;
  margin-top: 3px;
}
.tickerOuter.tickerFade .tickerWrap .ticker .tickerItem.visible {
  display: block;
}
.tickerOuter.tickerFade .tickerWrap .ticker .tickerItem.active {
  opacity: 1;
}
.tickerOuter .tickerCover {
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.tickerOuter .tickerLogo {
  position: absolute;
  left: 0;
  top: 0;
  height: 32px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .tickerOuter .tickerLogo {
    display: none;
  }
}
.tickerOuter .tickerLogo .tickerLogoAccent {
  position: absolute;
  top: -1px;
  right: -32px;
  font-size: 0px;
  line-height: 0%;
  width: 8px;
  border-top: 32px solid;
  border-right: 32px solid transparent !important;
  border-color: #13eaad;
}
.tickerOuter .tickerLogo .tickerLogoTriangle {
  position: absolute;
  top: -1px;
  right: -24px;
  font-size: 0px;
  line-height: 0%;
  width: 8px;
  border-top: 32px solid;
  border-right: 32px solid transparent !important;
  border-color: #000000;
}
.tickerOuter .tickerLogo .tickerLogoImage {
  height: 20px;
  width: auto;
  margin-top: -1px;
  padding: 6px 16px 6px 15px;
  background-color: #000000;
}
.tickerOuter .tickerLogo .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.tickerOuter .tickerWrap {
  height: 20px;
}
.tickerOuter .tickerWrap .ticker {
  display: inline-block;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 100%;
  scrollbar-width: none;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  box-sizing: border-box;
}
.tickerOuter .tickerWrap .ticker::-webkit-scrollbar {
  display: none;
}
.tickerOuter .tickerWrap .ticker .tickerItem {
  padding-right: 15px;
  display: inline-block;
}
.tickerOuter .tickerWrap .ticker .tickerItem img {
  height: 20px;
  margin-right: 5px;
}
.tickerOuter .tickerWrap .ticker .tickerItem a {
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  line-height: 21px;
  color: #FFFFFF;
  display: flex;
  pointer-events: none;
}
.tickerOuter .tickerWrap .ticker .tickerItem a i {
  font-size: 20px;
  margin-right: 5px;
  color: #13eaad;
}

.uppercase {
  text-transform: uppercase;
}

.thirdPartyWrapper {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.thirdPartyWrapper p {
  margin-bottom: 15px;
}

.thirdPartyInner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  overflow-x: hidden;
  width: 100%;
  gap: 15px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.thirdPartyInner::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.thirdPartyInner img {
  width: 100px;
}

@media (max-width: 500px) {
  .thirdPartyInner img {
    width: 50px;
  }
}

/*# sourceMappingURL=marketingSite.css.map */