@charset "UTF-8";
@-webkit-keyframes load7 {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: transparent;
  }
}
@-moz-keyframes load7 {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: transparent;
  }
}
@-ms-keyframes load7 {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: transparent;
  }
}
@-o-keyframes load7 {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: transparent;
  }
}
@keyframes load7 {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
@-ms-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
@-o-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}
@-webkit-keyframes errormark {
  0% {
    height: 0;
  }
  100% {
    height: 3.5em;
  }
}
@-moz-keyframes errormark {
  0% {
    height: 0;
  }
  100% {
    height: 3.5em;
  }
}
@-ms-keyframes errormark {
  0% {
    height: 0;
  }
  100% {
    height: 3.5em;
  }
}
@-o-keyframes errormark {
  0% {
    height: 0;
  }
  100% {
    height: 3.5em;
  }
}
@keyframes errormark {
  0% {
    height: 0;
  }
  100% {
    height: 3.5em;
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bubbleDotFadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes bubbleDotFadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes bubbleDotFadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes bubbleDotFadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bubbleDotFadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes scroll-status-text {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@-moz-keyframes scroll-status-text {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@-ms-keyframes scroll-status-text {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@-o-keyframes scroll-status-text {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll-status-text {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes zoomIn {
  from {
    transform: scale3d(0.75, 0.75, 0.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes zoomIn {
  from {
    transform: scale3d(0.75, 0.75, 0.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes zoomIn {
  from {
    transform: scale3d(0.75, 0.75, 0.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes zoomIn {
  from {
    transform: scale3d(0.75, 0.75, 0.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  from {
    transform: scale3d(0.75, 0.75, 0.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
/*
Theme Name: Consteel WP
Theme URI: https://consteelsoftware.com
Author: the Consteel dev team
Author URI: https://consteelsoftware.com
Description: This is the WordPress theme for Consteel's new 2020 website.
Version: 0.8
Text Domain: Consteel Theme
*/
@font-face {
  font-family: "Consteel Icons";
  src: url("fonts/consteel-icons.ttf") format("truetype"), url("fonts/consteel-icons.woff") format("woff"), url("fonts/consteel-icons.svg#consteel-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
* {
  box-sizing: border-box;
}

body :target {
  margin-top: -4.5rem !important;
  padding-top: 4.5rem !important;
}
@media screen and (min-width: 1024px) {
  body :target {
    margin-top: -8rem !important;
    padding-top: 8rem !important;
  }
}

h1 {
  font-family: "Roboto";
  font-size: 2.25rem;
  font-weight: bold;
}

h2 {
  font-family: "Roboto";
  font-size: 1.5rem;
}

h3 {
  font-size: 1.5rem;
  font-weight: 500;
}

h4 {
  font-size: 1.125rem;
  font-weight: 500;
}

.btn {
  display: inline-block;
  text-decoration: none;
  background: linear-gradient(to right, hsl(199, 96%, 55%), hsl(209, 100%, 42%));
  border: none;
  color: hsl(0, 0%, 100%);
  padding: 6.5px 1rem;
  text-align: center;
  border-radius: 2px;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 1.125rem;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:hover {
  background: linear-gradient(to right, hsl(199, 95%, 64%), hsl(209, 76%, 56%));
}
.btn.outlined {
  background: hsl(0, 0%, 100%);
  color: hsl(209, 100%, 42%);
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 2px;
  z-index: 1;
  padding: 4.5px 1rem;
}
.btn.outlined::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, hsl(199, 96%, 55%), hsl(209, 100%, 42%));
  transition: 0.15s all;
}
.btn.outlined::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 1px;
  background: hsl(0, 0%, 100%);
}
.btn.outlined:hover {
  color: hsl(209, 76%, 56%);
}
.btn.outlined:hover::before {
  background: linear-gradient(to right, hsl(199, 95%, 64%), hsl(209, 76%, 56%));
}
.btn.outlined.disabled {
  color: hsl(0, 0%, 62%);
}
.btn.outlined.disabled::before {
  background: linear-gradient(to right, hsl(0, 0%, 83%), hsl(0, 0%, 62%));
}
.btn.sm {
  font-size: 0.875rem;
}
.btn.xl {
  font-size: 1.5rem;
}
.btn.disabled {
  pointer-events: none;
  background: linear-gradient(to right, hsl(0, 0%, 83%), hsl(0, 0%, 62%));
}
.btn.disabled.modal-opener {
  display: none;
}
.btn.external, .btn.external::after {
  transition: all 0.2s;
}
.btn.external::after {
  font-family: "Consteel Icons";
  font-size: 1rem;
  content: "\e906";
  transform: rotate(270deg) translateX(-1px);
  display: inline-block;
  margin: 0 -10px 0 20px;
  font-weight: normal;
}
.btn.external:hover::after {
  transform: rotate(270deg) translateX(-1px) translateY(10px);
  margin: 0 -10px 0 0px;
}
.btn.loading {
  color: transparent !important;
  pointer-events: none !important;
}
.btn > .spinner::after, .btn > .spinner::before, .btn > .spinner {
  display: none;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  background-color: #fff;
  -webkit-animation: load7 1s infinite ease-in-out;
  -moz-animation: load7 1s infinite ease-in-out;
  -o-animation: load7 1s infinite ease-in-out;
  animation: load7 1s infinite ease-in-out;
}
.btn > .spinner {
  color: hsl(0, 0%, 100%);
  font-size: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-animation-delay: -0.12s;
  -moz-animation-delay: -0.12s;
  -o-animation-delay: -0.12s;
  animation-delay: -0.12s;
}
.btn > .spinner::after, .btn > .spinner::before {
  content: "";
  position: absolute;
  top: 0;
}
.btn > .spinner::before {
  left: -3.5em;
  -webkit-animation-delay: -0.24s;
  -moz-animation-delay: -0.24s;
  -o-animation-delay: -0.24s;
  animation-delay: -0.24s;
}
.btn > .spinner::after {
  left: 3.5em;
}
.loading.btn > .spinner,
.loading.btn > .spinner::before,
.loading.btn > .spinner::after {
  display: block;
}

a {
  text-decoration: none;
  color: hsl(209, 100%, 42%);
}

button {
  outline: none;
}

i.error {
  position: relative;
  display: flex;
  height: 5em;
}

i.error:before, i.error:after {
  position: absolute;
  left: 45%;
  top: 20%;
  content: "";
  height: 3.5em;
  width: 6px;
  background-color: hsl(348, 83%, 47%);
  animation-timing-function: ease;
  animation-name: errormark;
  animation-duration: 0.75s;
}

i.error:before {
  transform: rotate(45deg);
}

i.error:after {
  transform: rotate(-45deg);
}

i.check-around {
  position: relative;
  display: flex;
  height: 5em;
}
i.check-around::before {
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 6px solid hsl(120, 39%, 54%);
  border-top: 6px solid hsl(120, 39%, 54%);
  content: "";
  left: 42%;
  top: 50%;
  position: absolute;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}

.socialbutton {
  display: inline-block;
  margin-bottom: 1rem;
  font-family: "Consteel Icons";
  color: hsl(0, 0%, 18%);
  border: 4px solid hsl(0, 0%, 18%);
  border-radius: 50%;
  transition: all 0.2s;
  font-size: 2rem;
  height: 4rem;
  width: 4rem;
  text-align: center;
  cursor: pointer;
  line-height: 3.5rem !important;
}
.socialbutton:not(:last-child) {
  margin-right: 1rem;
}

input:focus:not([type=submit]), select:focus {
  box-shadow: 0 2px 0 0 hsl(0, 0%, 18%);
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input::-ms-reveal, input::-ms-clear {
  display: none;
}
input:not(.btn),
select,
textarea {
  border: none;
  border-bottom: 1px solid hsl(0, 0%, 18%);
  font-family: "Roboto";
  padding: 10px 0;
  font-size: 1.125rem;
  border-radius: 1px;
  outline: none;
  width: 100%;
  max-width: 100%;
}

input[type=radio], input[type=checkbox] {
  display: none;
}
input[type=radio] + label, input[type=checkbox] + label {
  display: flex;
  flex-direction: row;
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 0.875rem;
}
input[type=radio] + label > i.box, input[type=checkbox] + label > i.box {
  align-self: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  box-sizing: border-box;
  margin-right: 15px;
  font-style: normal;
  font-weight: bold;
  margin-top: -4px;
}
input[type=radio] + label > i.box::before, input[type=checkbox] + label > i.box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "Material Icons Outlined";
  display: block;
  content: "check";
  line-height: 22px;
  border: 1px solid hsl(0, 0%, 18%);
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
  text-align: center;
}
input[type=radio]:checked + label > i.box::before, input[type=checkbox]:checked + label > i.box::before {
  background-color: hsl(209, 100%, 42%);
  border-color: hsl(209, 100%, 42%);
}
input[type=radio] + label > i.box::before {
  border-radius: 50%;
}

.wp-block-image.size-large > div > div.components-resizable-box__container,
.wp-block-image.size-full > div > div.components-resizable-box__container {
  width: 100% !important;
}

.wp-block-image.size-large img,
.wp-block-image .size-large img {
  height: auto;
}

.select-wrapper {
  position: relative;
}
.select-wrapper::after {
  pointer-events: none;
  content: "\e906";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  font-family: "Consteel Icons";
}
.select-wrapper > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}

kbd {
  color: #000;
  background-color: #eee;
  padding: 0.15rem 0.5rem 0.1rem;
  font-size: 1.125em;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.downloads-content.carousel-container {
  display: flex;
  justify-content: center;
}
.downloads-content.carousel-container > div {
  flex-grow: 1;
}
.downloads-content.carousel-container > div > span {
  display: block;
  text-align: center;
  color: #2d2d2d;
  font-size: 2rem;
  font-weight: 500;
}
.downloads-content.carousel-container > div > a {
  margin: 1.5rem 35% 0 35%;
}
.downloads-content.carousel-container > div.installers {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.downloads-content.carousel-container > div.plugins-installers {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

form div.step {
  flex-wrap: wrap;
  justify-content: center;
}
form div.step .half-row {
  margin: 2.5rem 2rem 0 2rem;
  flex-basis: calc(50% - 4rem);
}
form div.step .full-row {
  flex-basis: 100%;
  margin: 2.5rem 2rem 0 2rem;
}
form div.step div.form-group label[for=presentation] span {
  font-family: "Roboto";
  font-weight: 600;
}
form div.step div.form-group.number-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
form div.step div.form-group.number-selector select {
  flex-basis: 30%;
  margin-right: 1rem;
}
form div.step[data-step="1"] {
  display: flex;
}
form div.step[data-step="2"] {
  display: flex;
}

form[data-name="Discussion request"] div.step[data-step="2"] {
  flex-direction: column;
  align-items: stretch;
}

pre {
  font-family: inherit;
}

.form-group > label:first-child, .modal h1 {
  font-family: "Roboto";
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.modal {
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  display: block;
  overflow-y: auto;
  background-color: hsl(0, 0%, 100%);
  z-index: 99;
  overflow-y: auto;
  display: none;
}
.modal .form-group > label:first-child, .modal p, .modal span {
  font-size: 0.875rem;
}
body.modal-open {
  overflow: hidden;
}

.modal .modal-box {
  padding: 5% 10%;
  background-color: hsl(0, 0%, 100%);
  width: 100%;
  min-height: 100%;
  position: relative;
  text-align: left;
}
.modal .modal-box *:last-child {
  margin-bottom: 0;
}
.modal .modal-box .forum-columns {
  margin-bottom: 30px;
}
.modal .modal-box.pwreset-modal .form-group {
  margin-top: 40px;
}

.modal-title {
  font-size: 1.5rem;
  color: hsl(0, 0%, 18%);
  font-weight: bold;
  margin-top: 0;
  margin-right: 0.75rem;
}
.modal-title > .modal-close {
  float: right;
  cursor: pointer;
  display: none;
}
.modal-title > .modal-close:not(button)::before {
  display: block;
  content: "close";
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 15px;
}

.form-group {
  margin-top: 2.5rem;
}
.form-group.horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.form-group.horizontal .btn {
  flex-grow: 1;
}
.form-group.horizontal .btn:last-child {
  margin-left: auto;
  flex-grow: 9999;
}
.form-group.horizontal .btn:only-of-type {
  flex-grow: 0;
}
.form-group.required > label:first-child::after {
  content: " *";
  color: hsl(348, 83%, 47%);
}
.cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.72;
  background-color: white;
}
.cover.hidden {
  display: none;
}

.modal-box .modal-box.duplicate-email-error-box {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin: 0;
  transform: translateY(-50%);
}
.modal-box .modal-box.duplicate-email-error-box.hidden {
  display: none;
}
.modal-box .modal-box.duplicate-email-error-box .modal-close2::before {
  float: right;
  cursor: pointer;
  display: block;
  content: "close";
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 15px;
  position: absolute;
  top: 0;
  right: 0;
}
.modal-box .modal-box.duplicate-email-error-box .cross {
  display: block;
  text-align: center;
  margin: 15px;
}
.modal-box .modal-box.duplicate-email-error-box .cross::before {
  content: "close";
  font-family: "Material Icons Outlined";
  font-size: 48px;
  line-height: 32px;
  color: #FF0000;
}
.modal-box .modal-box.duplicate-email-error-box .btn-group {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}

.kb-page > .kb-page-content > .tag-container > .tag,
.kb-page > .script-page-content > .tag-container > .tag,
.script-page > .kb-page-content > .tag-container > .tag,
.script-page > .script-page-content > .tag-container > .tag, .servicecenter_filtered_content .list.results .result-container .description > .tag-container > .tag, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .tag, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .tag, .card > .description > .tag-container > .tag, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .tag {
  display: flex;
  align-items: center;
  border: 1.5px solid hsl(209, 100%, 42%);
  color: hsl(209, 100%, 42%);
  padding: 0.1rem 0.8rem;
  font-size: 0.75rem;
}
.kb-page > .kb-page-content > .tag-container > .tag.highlight,
.kb-page > .script-page-content > .tag-container > .tag.highlight,
.script-page > .kb-page-content > .tag-container > .tag.highlight,
.script-page > .script-page-content > .tag-container > .tag.highlight, .servicecenter_filtered_content .list.results .result-container .description > .tag-container > .tag.highlight, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .tag.highlight, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .tag.highlight, .card > .description > .tag-container > .tag.highlight, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .tag.highlight {
  background-color: hsl(209, 100%, 42%);
  color: hsl(0, 0%, 100%);
}

.servicecenter_filtered_content .list.results .result-container .description > .tag-container, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container, .servicecenter-search-content .page .list.results .result-container .description > .tag-container, .card > .description > .tag-container, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: auto;
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code, .card > .description > .tag-container > .code, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code {
  height: 1.5rem;
  display: flex;
  column-gap: 0.5rem;
  margin-left: auto;
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code > *, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code > *, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code > *, .card > .description > .tag-container > .code > *, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code > * {
  height: 1.5rem;
  width: 1.5rem;
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .download::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .download::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .download::after, .card > .description > .tag-container > .code .download::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .download::after, .servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .link::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .link::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .link::after, .card > .description > .tag-container > .code .link::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .link::after {
  display: inline-block;
  font-family: "Consteel Icons";
  font-size: 1.5rem;
  height: 100%;
  width: 100%;
  color: black;
  transition: 0.1s;
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .download:hover::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .download:hover::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .download:hover::after, .card > .description > .tag-container > .code .download:hover::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .download:hover::after, .servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .link:hover::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .link:hover::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .link:hover::after, .card > .description > .tag-container > .code .link:hover::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .link:hover::after {
  color: hsl(209, 100%, 42%);
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .download::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .download::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .download::after, .card > .description > .tag-container > .code .download::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .download::after {
  content: "file_download_alt";
  transform: scale(0.9);
}
.servicecenter_filtered_content .list.results .result-container .description > .tag-container > .code .link::after, .servicecenter-manual-content .page .list.results .result-container .description > .tag-container > .code .link::after, .servicecenter-search-content .page .list.results .result-container .description > .tag-container > .code .link::after, .card > .description > .tag-container > .code .link::after, .servicecenter_filtered_content .results.cards .result-container > .description > .tag-container > .code .link::after {
  content: "github_alt";
}

.card, .servicecenter_filtered_content .results.cards .result-container {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  background-color: hsl(0, 0%, 100%);
  text-decoration: none;
  color: hsl(0, 0%, 0%);
  position: relative;
}
.card > img, .servicecenter_filtered_content .results.cards .result-container > img {
  z-index: 0;
  min-height: 2rem;
}
.card > .flag, .servicecenter_filtered_content .results.cards .result-container > .flag {
  background-color: hsl(209, 100%, 42%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  color: hsl(0, 0%, 100%);
  padding: 0.5rem 3.5rem;
  font-weight: 500;
  font-family: "Roboto";
}
.card > .flag[membership=basic], .servicecenter_filtered_content .results.cards .result-container > .flag[membership=basic],
.card > .flag[membership=Basic],
.servicecenter_filtered_content .results.cards .result-container > .flag[membership=Basic] {
  background-color: hsl(199, 96%, 55%);
}
.card > .flag[membership=premium], .servicecenter_filtered_content .results.cards .result-container > .flag[membership=premium],
.card > .flag[membership=Premium],
.servicecenter_filtered_content .results.cards .result-container > .flag[membership=Premium] {
  background-color: #004585;
}
.card > .description, .servicecenter_filtered_content .results.cards .result-container > .description {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card > .description > h2, .servicecenter_filtered_content .results.cards .result-container > .description > h2 {
  font-size: 1.125rem;
  margin: 0 0 1rem 0;
}
.card.link-card, .servicecenter_filtered_content .results.cards .link-card.result-container {
  cursor: pointer;
  transition: all 0.2s;
}
.card.link-card:hover, .servicecenter_filtered_content .results.cards .link-card.result-container:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.servicecenter-title > .servicecenter-search, .servicecenter-page-title .servicecenter-search {
  max-width: 800px;
  margin: auto;
  padding: 2.5rem 1rem;
  position: relative;
}
.servicecenter-title > .servicecenter-search > input, .servicecenter-page-title .servicecenter-search > input {
  border-radius: 4px;
  border: none;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: none;
}
.servicecenter-title > .servicecenter-search > input:focus, .servicecenter-page-title .servicecenter-search > input:focus {
  box-shadow: 0px 0px 1px 2px hsl(199, 95%, 64%);
}
.servicecenter-title > .servicecenter-search > input:focus + i::before, .servicecenter-page-title .servicecenter-search > input:focus + i::before {
  color: hsl(199, 95%, 64%);
}
.servicecenter-title > .servicecenter-search > input + i, .servicecenter-page-title .servicecenter-search > input + i {
  position: inherit;
}
.servicecenter-title > .servicecenter-search > input + i::before, .servicecenter-page-title .servicecenter-search > input + i::before {
  display: block;
  position: absolute;
  right: 0.75rem;
  top: 0;
  transform: translateY(-25%);
  content: "search";
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-size: 2rem;
  color: hsl(209, 100%, 42%);
  background-color: hsl(0, 0%, 100%);
  box-shadow: -8px 0px 4px -4px hsl(0, 0%, 100%);
}

.servicecenter-page-title {
  min-height: 10rem;
  display: flex;
  background-color: hsl(209, 100%, 42%);
}
.servicecenter-page-title > div {
  flex-basis: 0;
  flex-grow: 1;
  align-self: center;
}
.servicecenter-page-title h1 {
  margin: 2rem 2rem 2rem 0 !important;
  color: hsl(0, 0%, 100%);
}
.servicecenter-page-title .width-restrict > .wp-block-columns > .wp-block-column {
  display: flex;
  align-content: center;
}
.servicecenter-page-title .width-restrict > .wp-block-columns > .wp-block-column > * {
  flex-basis: 0;
  flex-grow: 1;
  align-self: center;
}

.servicecenter-title {
  position: relative;
  padding-bottom: 12rem !important;
  margin-bottom: -12rem;
  z-index: 1;
}
.servicecenter-title * {
  position: relative;
  z-index: auto;
}
.servicecenter-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 111, 214, 0.871), rgba(0, 69, 133, 0.871));
}
.servicecenter-main-card-container {
  position: relative;
  z-index: 2;
}
.servicecenter-main-card-container > div > a {
  height: calc(100% - 4.5rem);
  font-size: 18px;
}
.servicecenter-main-card-container > .wp-block-column > a {
  --margin: 1rem;
  margin: var(--margin) 0;
  height: calc(100% - 2 * var(--margin));
  padding: 3rem 1.5rem;
}

.servicecenter-recently-addded-container {
  margin: 3rem 0 !important;
}
.servicecenter-recently-addded-container img {
  min-height: 12rem;
  max-height: 12rem;
  object-fit: cover;
}
.servicecenter-recently-addded-container > .wp-block-column > a {
  --margin: 1rem;
  margin: var(--margin) 0;
  height: calc(100% - 2 * var(--margin));
}

.servicecenter-membership-container {
  margin-bottom: 3rem !important;
}
.servicecenter-membership-container > div:first-child {
  flex-basis: 0;
  flex-grow: 0.4;
}
.servicecenter-membership-container > div:nth-child(2) {
  flex-basis: 0;
  flex-grow: 0.6;
}

.servicecenter-table > table {
  padding-top: 10px;
  border-spacing: 0 !important;
}
.servicecenter-table > table > thead > tr > th:nth-child(3) {
  background-color: hsl(209, 100%, 42%) !important;
  color: hsl(0, 0%, 100%);
}
.servicecenter-table > table > thead th {
  background-color: hsl(0, 0%, 100%) !important;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid hsl(0, 0%, 85%) !important;
  border-width: 0 1px !important;
}
.servicecenter-table > table > thead th::before {
  background-color: hsl(0, 0%, 100%) !important;
}
.servicecenter-table > table > thead th:first-child {
  padding: 0.5rem !important;
}
.servicecenter-table > table > thead th:first-child::before {
  left: calc(-2vw - 1px) !important;
  height: 115% !important;
  transform: translateY(-5%);
}
.servicecenter-table > table > thead tr:first-child > th {
  border-width: 1px 1px 0 !important;
}
.servicecenter-table > table > tbody td {
  background-color: hsl(0, 0%, 100%) !important;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid hsl(0, 0%, 85%) !important;
  border-width: 0 1px !important;
}
.servicecenter-table > table > tbody td::before {
  background-color: hsl(0, 0%, 100%) !important;
}
.servicecenter-table > table > tbody td:first-child {
  padding: 0.5rem !important;
}
.servicecenter-table > table > tbody td:first-child::before {
  left: calc(-2vw - 1px) !important;
  height: 115% !important;
  transform: translateY(-5%);
}
.servicecenter-table > table > tbody tr:last-child > td {
  border-width: 0 1px 1px !important;
}

.servicecenter_filtered_content {
  display: grid;
  grid-template-columns: 13rem 1fr;
  grid-template-rows: min-content 1fr;
  gap: 1rem 2.5rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 599px) {
  .servicecenter_filtered_content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.servicecenter_filtered_content > span:first-child {
  font-size: 1.125rem;
  font-weight: 500;
  display: block;
  grid-row: 1/2;
  align-self: center;
  padding-top: 1rem;
}
@media screen and (max-width: 599px) {
  .servicecenter_filtered_content > span:first-child {
    grid-row: auto;
    grid-column: auto;
    justify-self: center;
    border: 1px solid hsl(0, 0%, 0%);
    width: 100%;
    height: 100%;
    text-align: center;
    padding-bottom: 1rem;
  }
  .servicecenter_filtered_content > span:first-child:not(.open)::before {
    color: hsl(0, 0%, 0%);
  }
}
.servicecenter_filtered_content > span:first-child::before {
  content: "filter_list";
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  color: hsl(209, 100%, 42%);
  vertical-align: bottom;
  margin-right: 10px;
}
.servicecenter_filtered_content .searchParameters {
  grid-row: 1/2;
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0;
}
@media screen and (max-width: 599px) {
  .servicecenter_filtered_content .searchParameters {
    grid-row: auto;
    grid-column: auto;
  }
}
.servicecenter_filtered_content .searchParameters > .viewOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem 0;
}
@media screen and (max-width: 400px) {
  .servicecenter_filtered_content .searchParameters > .viewOptions {
    padding-bottom: 0.75rem;
  }
}
@media screen and (max-width: 400px) {
  .servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer {
    width: 100%;
  }
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer .sortBy {
  align-self: center;
  font-weight: 500;
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer .custom-select {
  position: relative;
  display: inline-block;
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer .custom-select::after {
  display: inline-block;
  content: "\e906";
  font-family: "Consteel Icons";
  font-size: 0.8rem;
  transform: scale3d(1, 1, 1);
  transform-origin: 75% 50%;
  transition: all 0.2s;
  position: absolute;
  right: -0.5rem;
  top: calc(50% - 0.4rem);
  pointer-events: none;
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer .custom-select:focus-within::after {
  transform: scale3d(1, -1, 1);
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-self: flex-end;
  border: none;
  padding: 0 1rem 0 0;
  margin: 0 0 0 1rem;
  font-size: 1rem;
}
.servicecenter_filtered_content .searchParameters > .viewOptions > .sortByContainer select::-ms-expand {
  display: none;
}
.servicecenter_filtered_content .searchParameters > .viewOptions .numResults {
  align-self: flex-end;
  margin-left: auto;
  padding-left: 2rem;
}
@media screen and (max-width: 400px) {
  .servicecenter_filtered_content .searchParameters > .viewOptions .numResults {
    margin-left: 0;
    padding-left: 0;
  }
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout {
  display: flex;
  align-self: flex-end;
  margin-left: 1rem;
  gap: 0.5rem;
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout label {
  margin-left: 0.5rem;
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout label:last-of-type::before, .servicecenter_filtered_content .searchParameters > .viewOptions .layout label:first-of-type::before {
  font-family: "Consteel Icons";
  font-size: 1.35rem;
  line-height: 1.35rem;
  display: inline-block;
  color: hsl(0, 0%, 0%);
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout label:last-of-type::before :checked, .servicecenter_filtered_content .searchParameters > .viewOptions .layout label:first-of-type::before :checked {
  color: hsl(209, 100%, 42%);
}

.servicecenter_filtered_content .searchParameters > .viewOptions .layout label:first-of-type::before {
  content: "view_list";
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout label:last-of-type::before {
  content: "view_card";
}
.servicecenter_filtered_content .searchParameters > .viewOptions .layout input:checked + label:first-of-type::before, .servicecenter_filtered_content .searchParameters > .viewOptions .layout input:checked + label:last-of-type::before {
  color: hsl(209, 100%, 42%);
}
.servicecenter_filtered_content .searchParameters .searchInputs > .tags, .servicecenter_filtered_content .searchParameters .searchInputs > .searchString {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.75rem;
}
.servicecenter_filtered_content .searchParameters .searchInputs > .tags > span:only-child, .servicecenter_filtered_content .searchParameters .searchInputs > .searchString > span:only-child {
  display: none;
}
.servicecenter_filtered_content .searchParameters .searchInputs > .searchString {
  font-weight: 500;
}
.servicecenter_filtered_content .searchParameters .searchInputs > .tags > span:first-child:not(:only-child) {
  font-weight: 500;
  font-size: 0.875rem;
  display: flex;
  align-self: center;
}
.servicecenter_filtered_content .searchParameters .searchInputs > .tags > .tag {
  display: flex;
  align-items: center;
  border: 1.5px solid hsl(209, 100%, 42%);
  color: hsl(209, 100%, 42%);
  padding: 0.1rem 0.8rem;
  cursor: pointer;
  font-size: 0.75rem;
}
.servicecenter_filtered_content .searchParameters .searchInputs > .tags > .tag::after {
  content: "close";
  font-family: "Material Icons Outlined";
  font-size: inherit;
  line-height: 1.125rem;
  display: inline-block;
  padding-left: 0.3rem;
  vertical-align: bottom;
}
.servicecenter_filtered_content .results {
  margin-bottom: auto;
}
.servicecenter_filtered_content .results.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-rows: min-content;
  gap: 3rem 2%;
  justify-items: center;
}
.servicecenter_filtered_content .results.cards .result-container {
  max-width: 325px;
  width: 100%;
}
.servicecenter_filtered_content .results.cards .result-container > img {
  max-height: 12rem;
  min-height: 12rem;
  object-fit: cover;
}
.servicecenter_filtered_content .results.cards .result-container .description p {
  display: none;
}
.servicecenter_filtered_content .filters {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-top: -2rem;
}
@media screen and (max-width: 599px) {
  .servicecenter_filtered_content .filters {
    grid-column: auto;
    justify-self: center;
    margin-top: calc(-1rem - 1px);
    width: 100%;
    border: 1px solid hsl(0, 0%, 0%);
    border-top: 0px;
  }
  .servicecenter_filtered_content .filters > .filterCategory {
    width: max-content;
    margin: auto;
  }
  .servicecenter_filtered_content .filters:not(.open) {
    height: 0;
    overflow: hidden;
  }
}
.servicecenter_filtered_content .filters label {
  display: inline-block;
  position: relative;
}
.servicecenter_filtered_content .filters label span::before {
  content: "check";
  font-family: "Material Icons Outlined";
  font-size: 12px;
  line-height: 12px;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid hsl(0, 0%, 0%);
  margin-right: 10px;
}
.servicecenter_filtered_content .filters label input[type=checkbox]:checked ~ span::before {
  background-color: hsl(209, 100%, 42%);
  border-color: hsl(209, 100%, 42%);
}
.servicecenter_filtered_content .filters label input[type=checkbox]:checked ~ span::after {
  background-color: hsl(209, 100%, 42%);
  border-color: hsl(209, 100%, 42%);
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel {
  height: 0;
  overflow: hidden;
}
.servicecenter_filtered_content .filters > .btn {
  width: 100%;
}

.servicecenter-manual-content {
  display: grid;
  grid-template-columns: 13rem 1fr;
  gap: 1rem 2.5rem;
  padding-bottom: 3rem;
  overflow: auto;
}
@media screen and (max-width: 599px) {
  .servicecenter-manual-content h1 {
    font-size: 2rem;
  }
}
.servicecenter-manual-content p:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content li:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h1:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h2:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h3:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h4:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h5:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.servicecenter-manual-content h6:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right) {
  text-align: justify;
}
@media screen and (max-width: 599px) {
  .servicecenter-manual-content {
    grid-template-columns: 1fr;
  }
}
.servicecenter-manual-content .toc .topLevel .open a.selected {
  color: #006fd6;
}
.servicecenter-manual-content .toc > span {
  margin: 1.5rem 0 1rem 0;
  display: block;
}
@media screen and (max-width: 599px) {
  .servicecenter-manual-content .toc > span {
    text-align: center;
    margin: 1rem -2rem;
    border-bottom: 1px solid black;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .servicecenter-manual-content .toc {
    border: 1px solid black;
    padding: 0 2rem;
  }
  .servicecenter-manual-content .toc:not(.open) > span {
    margin-bottom: 0;
    border-bottom: 0px;
  }
  .servicecenter-manual-content .toc:not(.open) > ul {
    height: 0;
    overflow: hidden;
    margin: 0;
  }
}
.servicecenter-manual-content .page {
  overflow: auto;
  line-height: 1.6;
}
.servicecenter-manual-content .page a {
  word-break: normal;
  overflow-wrap: anywhere;
}
.servicecenter-search-content .page {
  line-height: 1.6;
}
.servicecenter-search-content .page p:first-child {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
}
.servicecenter-search-content .page p:first-child span {
  color: #b7b7b7;
}
.servicecenter-manual-authgate {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 5vw, 5rem);
  align-items: center;
  padding-top: clamp(1rem, 10vw, 5rem);
  padding-bottom: 3rem;
  text-align: center;
}
.servicecenter-manual-authgate > img {
  width: clamp(5rem, 80%, 40rem);
}
.servicecenter-manual-authgate > .login-or-register {
  display: flex;
  gap: 1rem 3rem;
  flex-wrap: wrap;
  justify-content: center;
}

.kb-page > .kb-page-title,
.kb-page > .script-page-title,
.script-page > .kb-page-title,
.script-page > .script-page-title {
  height: clamp(0px, 50vw, 20rem);
  background-color: hsl(209, 100%, 42%);
  position: relative;
}
.kb-page > .kb-page-title > img,
.kb-page > .script-page-title > img,
.script-page > .kb-page-title > img,
.script-page > .script-page-title > img {
  display: block;
  position: absolute;
  object-fit: cover;
  width: clamp(0px, 80%, 30rem);
  max-height: clamp(0px, 50vw, 20rem);
  top: clamp(1rem, 10vw, 5rem);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.kb-page > .kb-page-content,
.kb-page > .script-page-content,
.script-page > .kb-page-content,
.script-page > .script-page-content {
  padding-top: clamp(2rem, 15vw, 7rem);
  padding-bottom: 4rem;
}
.kb-page > .kb-page-content .script-page-description,
.kb-page > .script-page-content .script-page-description,
.script-page > .kb-page-content .script-page-description,
.script-page > .script-page-content .script-page-description {
  white-space: pre-wrap;
}
.kb-page > .kb-page-content figcaption,
.kb-page > .script-page-content figcaption,
.script-page > .kb-page-content figcaption,
.script-page > .script-page-content figcaption {
  text-align: center;
}
.kb-page > .kb-page-content > .page-link,
.kb-page > .script-page-content > .page-link,
.script-page > .kb-page-content > .page-link,
.script-page > .script-page-content > .page-link {
  display: flex;
  flex-wrap: wrap;
  color: hsl(0, 0%, 62%);
  gap: 1rem 4rem;
}
.kb-page > .kb-page-content > .page-link span:first-child a,
.kb-page > .script-page-content > .page-link span:first-child a,
.script-page > .kb-page-content > .page-link span:first-child a,
.script-page > .script-page-content > .page-link span:first-child a {
  color: hsl(0, 0%, 62%);
  text-decoration: underline;
}
.kb-page > .kb-page-content > .page-link span:first-child a::before,
.kb-page > .script-page-content > .page-link span:first-child a::before,
.script-page > .kb-page-content > .page-link span:first-child a::before,
.script-page > .script-page-content > .page-link span:first-child a::before {
  content: "globe-grid";
  font-family: "Consteel Icons";
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
  vertical-align: middle;
}
.kb-page > .kb-page-content > .page-link span:first-child span,
.kb-page > .script-page-content > .page-link span:first-child span,
.script-page > .kb-page-content > .page-link span:first-child span,
.script-page > .script-page-content > .page-link span:first-child span {
  margin-left: 0;
}
.kb-page > .kb-page-content > .page-link span:first-child span::before,
.kb-page > .script-page-content > .page-link span:first-child span::before,
.script-page > .kb-page-content > .page-link span:first-child span::before,
.script-page > .script-page-content > .page-link span:first-child span::before {
  content: "/";
  display: inline;
  padding: 0 0.5rem;
}
@media screen and (min-width: 900px) {
  .kb-page > .kb-page-content > .page-link span:nth-child(2),
  .kb-page > .script-page-content > .page-link span:nth-child(2),
  .script-page > .kb-page-content > .page-link span:nth-child(2),
  .script-page > .script-page-content > .page-link span:nth-child(2) {
    margin-left: auto;
  }
}
.kb-page > .kb-page-content > .page-link a,
.kb-page > .script-page-content > .page-link a,
.script-page > .kb-page-content > .page-link a,
.script-page > .script-page-content > .page-link a {
  color: hsl(0, 0%, 62%);
  text-decoration: underline;
}
.kb-page > .kb-page-content > .page-link a::before,
.kb-page > .script-page-content > .page-link a::before,
.script-page > .kb-page-content > .page-link a::before,
.script-page > .script-page-content > .page-link a::before {
  content: "globe-grid";
  font-family: "Consteel Icons";
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
  vertical-align: middle;
}
.kb-page > .kb-page-content > .page-link .date::before,
.kb-page > .kb-page-content > .page-link .readtime::before,
.kb-page > .kb-page-content > .page-link .author::before,
.kb-page > .script-page-content > .page-link .date::before,
.kb-page > .script-page-content > .page-link .readtime::before,
.kb-page > .script-page-content > .page-link .author::before,
.script-page > .kb-page-content > .page-link .date::before,
.script-page > .kb-page-content > .page-link .readtime::before,
.script-page > .kb-page-content > .page-link .author::before,
.script-page > .script-page-content > .page-link .date::before,
.script-page > .script-page-content > .page-link .readtime::before,
.script-page > .script-page-content > .page-link .author::before {
  font-family: "Consteel Icons";
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
}
.kb-page > .kb-page-content > .page-link .date::before,
.kb-page > .script-page-content > .page-link .date::before,
.script-page > .kb-page-content > .page-link .date::before,
.script-page > .script-page-content > .page-link .date::before {
  content: "calendar";
}
.kb-page > .kb-page-content > .page-link .readtime::before,
.kb-page > .script-page-content > .page-link .readtime::before,
.script-page > .kb-page-content > .page-link .readtime::before,
.script-page > .script-page-content > .page-link .readtime::before {
  content: "time";
}
.kb-page > .kb-page-content > .page-link .author::before,
.kb-page > .script-page-content > .page-link .author::before,
.script-page > .kb-page-content > .page-link .author::before,
.script-page > .script-page-content > .page-link .author::before {
  content: "person";
}
.kb-page > .kb-page-content > h1,
.kb-page > .script-page-content > h1,
.script-page > .kb-page-content > h1,
.script-page > .script-page-content > h1 {
  text-align: center;
}
.kb-page > .kb-page-content > .source-download-grid,
.kb-page > .script-page-content > .source-download-grid,
.script-page > .kb-page-content > .source-download-grid,
.script-page > .script-page-content > .source-download-grid {
  display: grid;
  grid-template-columns: min-content 2rem;
  gap: 1rem;
}
.kb-page > .kb-page-content > .source-download-grid h4,
.kb-page > .script-page-content > .source-download-grid h4,
.script-page > .kb-page-content > .source-download-grid h4,
.script-page > .script-page-content > .source-download-grid h4 {
  margin: 0 !important;
}
.kb-page > .kb-page-content > .source-download-grid > .github,
.kb-page > .script-page-content > .source-download-grid > .github,
.script-page > .kb-page-content > .source-download-grid > .github,
.script-page > .script-page-content > .source-download-grid > .github {
  align-self: center;
}
.kb-page > .kb-page-content > .source-download-grid > .github::after,
.kb-page > .script-page-content > .source-download-grid > .github::after,
.script-page > .kb-page-content > .source-download-grid > .github::after,
.script-page > .script-page-content > .source-download-grid > .github::after {
  color: hsl(0, 0%, 0%);
  content: "github_alt";
  font-family: "Consteel Icons";
  font-size: 1.3rem;
  line-height: 1.3rem;
  display: inline-block;
  transition: 0.1s;
}
.kb-page > .kb-page-content > .source-download-grid > .github:hover::after,
.kb-page > .script-page-content > .source-download-grid > .github:hover::after,
.script-page > .kb-page-content > .source-download-grid > .github:hover::after,
.script-page > .script-page-content > .source-download-grid > .github:hover::after {
  color: hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .source-download-grid > .download,
.kb-page > .script-page-content > .source-download-grid > .download,
.script-page > .kb-page-content > .source-download-grid > .download,
.script-page > .script-page-content > .source-download-grid > .download {
  align-self: center;
}
.kb-page > .kb-page-content > .source-download-grid > .download::after,
.kb-page > .script-page-content > .source-download-grid > .download::after,
.script-page > .kb-page-content > .source-download-grid > .download::after,
.script-page > .script-page-content > .source-download-grid > .download::after {
  color: hsl(0, 0%, 0%);
  content: "file_download_alt";
  font-family: "Consteel Icons";
  font-size: 1.3rem;
  line-height: 1.3rem;
  display: inline-block;
  transition: 0.1s;
  transform: scale(0.9);
}
.kb-page > .kb-page-content > .source-download-grid > .download:hover::after,
.kb-page > .script-page-content > .source-download-grid > .download:hover::after,
.script-page > .kb-page-content > .source-download-grid > .download:hover::after,
.script-page > .script-page-content > .source-download-grid > .download:hover::after {
  color: hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .tag-container,
.kb-page > .script-page-content > .tag-container,
.script-page > .kb-page-content > .tag-container,
.script-page > .script-page-content > .tag-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.5rem;
  padding: 2rem 0;
  margin: 2rem 0;
  border-top: 1px solid hsl(0, 0%, 62%);
  border-bottom: 1px solid hsl(0, 0%, 62%);
}
.kb-page > .kb-page-content > .tag-container::before,
.kb-page > .script-page-content > .tag-container::before,
.script-page > .kb-page-content > .tag-container::before,
.script-page > .script-page-content > .tag-container::before {
  color: hsl(0, 0%, 62%);
  content: "tags";
  font-family: "Consteel Icons";
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
}
.kb-page > .kb-page-content > .tag-container > .share,
.kb-page > .script-page-content > .tag-container > .share,
.script-page > .kb-page-content > .tag-container > .share,
.script-page > .script-page-content > .tag-container > .share {
  margin-left: auto;
}
.kb-page > .kb-page-content > .tag-container > .share span,
.kb-page > .script-page-content > .tag-container > .share span,
.script-page > .kb-page-content > .tag-container > .share span,
.script-page > .script-page-content > .tag-container > .share span {
  font-weight: 500;
}
.kb-page > .kb-page-content > .tag-container > .share .twitter,
.kb-page > .kb-page-content > .tag-container > .share .facebook,
.kb-page > .kb-page-content > .tag-container > .share .linkedin,
.kb-page > .kb-page-content > .tag-container > .share .link,
.kb-page > .script-page-content > .tag-container > .share .twitter,
.kb-page > .script-page-content > .tag-container > .share .facebook,
.kb-page > .script-page-content > .tag-container > .share .linkedin,
.kb-page > .script-page-content > .tag-container > .share .link,
.script-page > .kb-page-content > .tag-container > .share .twitter,
.script-page > .kb-page-content > .tag-container > .share .facebook,
.script-page > .kb-page-content > .tag-container > .share .linkedin,
.script-page > .kb-page-content > .tag-container > .share .link,
.script-page > .script-page-content > .tag-container > .share .twitter,
.script-page > .script-page-content > .tag-container > .share .facebook,
.script-page > .script-page-content > .tag-container > .share .linkedin,
.script-page > .script-page-content > .tag-container > .share .link {
  align-self: center;
}
.kb-page > .kb-page-content > .tag-container > .share .twitter::after,
.kb-page > .kb-page-content > .tag-container > .share .facebook::after,
.kb-page > .kb-page-content > .tag-container > .share .linkedin::after,
.kb-page > .kb-page-content > .tag-container > .share .link::after,
.kb-page > .script-page-content > .tag-container > .share .twitter::after,
.kb-page > .script-page-content > .tag-container > .share .facebook::after,
.kb-page > .script-page-content > .tag-container > .share .linkedin::after,
.kb-page > .script-page-content > .tag-container > .share .link::after,
.script-page > .kb-page-content > .tag-container > .share .twitter::after,
.script-page > .kb-page-content > .tag-container > .share .facebook::after,
.script-page > .kb-page-content > .tag-container > .share .linkedin::after,
.script-page > .kb-page-content > .tag-container > .share .link::after,
.script-page > .script-page-content > .tag-container > .share .twitter::after,
.script-page > .script-page-content > .tag-container > .share .facebook::after,
.script-page > .script-page-content > .tag-container > .share .linkedin::after,
.script-page > .script-page-content > .tag-container > .share .link::after {
  color: hsl(0, 0%, 0%);
  font-family: "Consteel Icons";
  font-size: 1.3rem;
  line-height: 1.3rem;
  display: inline-block;
  transition: 0.1s;
  margin-left: 0.3rem;
}
.kb-page > .kb-page-content > .tag-container > .share .twitter:hover::after,
.kb-page > .kb-page-content > .tag-container > .share .facebook:hover::after,
.kb-page > .kb-page-content > .tag-container > .share .linkedin:hover::after,
.kb-page > .kb-page-content > .tag-container > .share .link:hover::after,
.kb-page > .script-page-content > .tag-container > .share .twitter:hover::after,
.kb-page > .script-page-content > .tag-container > .share .facebook:hover::after,
.kb-page > .script-page-content > .tag-container > .share .linkedin:hover::after,
.kb-page > .script-page-content > .tag-container > .share .link:hover::after,
.script-page > .kb-page-content > .tag-container > .share .twitter:hover::after,
.script-page > .kb-page-content > .tag-container > .share .facebook:hover::after,
.script-page > .kb-page-content > .tag-container > .share .linkedin:hover::after,
.script-page > .kb-page-content > .tag-container > .share .link:hover::after,
.script-page > .script-page-content > .tag-container > .share .twitter:hover::after,
.script-page > .script-page-content > .tag-container > .share .facebook:hover::after,
.script-page > .script-page-content > .tag-container > .share .linkedin:hover::after,
.script-page > .script-page-content > .tag-container > .share .link:hover::after {
  color: hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .tag-container > .share .twitter::after,
.kb-page > .script-page-content > .tag-container > .share .twitter::after,
.script-page > .kb-page-content > .tag-container > .share .twitter::after,
.script-page > .script-page-content > .tag-container > .share .twitter::after {
  content: "twitter_alt";
}
.kb-page > .kb-page-content > .tag-container > .share .facebook::after,
.kb-page > .script-page-content > .tag-container > .share .facebook::after,
.script-page > .kb-page-content > .tag-container > .share .facebook::after,
.script-page > .script-page-content > .tag-container > .share .facebook::after {
  content: "facebook_alt";
}
.kb-page > .kb-page-content > .tag-container > .share .linkedin::after,
.kb-page > .script-page-content > .tag-container > .share .linkedin::after,
.script-page > .kb-page-content > .tag-container > .share .linkedin::after,
.script-page > .script-page-content > .tag-container > .share .linkedin::after {
  content: "linkedin_alt";
}
.kb-page > .kb-page-content > .tag-container > .share .link::after,
.kb-page > .script-page-content > .tag-container > .share .link::after,
.script-page > .kb-page-content > .tag-container > .share .link::after,
.script-page > .script-page-content > .tag-container > .share .link::after {
  content: "link";
  transform: scale(0.7);
}
.kb-page > .kb-page-content > .author,
.kb-page > .script-page-content > .author,
.script-page > .kb-page-content > .author,
.script-page > .script-page-content > .author {
  display: grid;
  grid-template-rows: repeat(2, min-content);
  grid-template-columns: min-content 1fr;
  gap: 0 2rem;
}
@media screen and (max-width: 350px) {
  .kb-page > .kb-page-content > .author,
  .kb-page > .script-page-content > .author,
  .script-page > .kb-page-content > .author,
  .script-page > .script-page-content > .author {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.kb-page > .kb-page-content > .author > img,
.kb-page > .script-page-content > .author > img,
.script-page > .kb-page-content > .author > img,
.script-page > .script-page-content > .author > img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  object-fit: cover;
}
@media screen and (max-width: 350px) {
  .kb-page > .kb-page-content > .author > img,
  .kb-page > .script-page-content > .author > img,
  .script-page > .kb-page-content > .author > img,
  .script-page > .script-page-content > .author > img {
    grid-row: auto;
    justify-self: center;
    margin-bottom: 1rem;
  }
}
.kb-page > .kb-page-content > .author > span,
.kb-page > .script-page-content > .author > span,
.script-page > .kb-page-content > .author > span,
.script-page > .script-page-content > .author > span {
  color: hsl(209, 100%, 42%);
  font-weight: 500;
}
.kb-page > .kb-page-content > .author > span > a::after,
.kb-page > .script-page-content > .author > span > a::after,
.script-page > .kb-page-content > .author > span > a::after,
.script-page > .script-page-content > .author > span > a::after {
  color: hsl(0, 0%, 100%);
  content: "linkedin";
  font-family: "Consteel Icons";
  font-size: 0.75rem;
  display: inline-block;
  transition: 0.1s;
  margin-left: 1rem;
  background-color: hsl(0, 0%, 0%);
  border-radius: 50%;
  padding: 0.25rem 0.25rem 0.3rem 0.3rem;
}
.kb-page > .kb-page-content > .author > span > a:hover::after,
.kb-page > .script-page-content > .author > span > a:hover::after,
.script-page > .kb-page-content > .author > span > a:hover::after,
.script-page > .script-page-content > .author > span > a:hover::after {
  background-color: hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .author > p,
.kb-page > .script-page-content > .author > p,
.script-page > .kb-page-content > .author > p,
.script-page > .script-page-content > .author > p {
  margin: 0.5rem 0;
}

.kb-page > .kb-page-content p:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content li:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h1:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h2:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h3:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h4:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h5:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right),
.kb-page > .kb-page-content h6:not(.toc):not(.has-text-align-left):not(.has-text-align-center):not(.has-text-align-right) {
  text-align: justify;
}
.kb-page > .kb-page-content > .content-grid {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 2rem;
}
.kb-page > .kb-page-content > .content-grid .article {
  height: min-content;
}
.kb-page > .kb-page-content > .content-grid .anchor {
  display: block;
  position: relative;
  top: -7rem;
  visibility: hidden;
}
.kb-page > .kb-page-content > .content-grid > *:not(.content-scroll) {
  line-height: 1.6;
  grid-column: 1;
  grid-row: 1;
}
.kb-page > .kb-page-content > .content-grid > .content-scroll {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: 5rem;
  height: min-content;
  max-width: 16rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .kb-page > .kb-page-content > .content-grid > .content-scroll {
    top: 8rem;
  }
}
@media (max-width: 768px) {
  .kb-page > .kb-page-content > .content-grid > .content-scroll {
    display: none;
  }
}
.kb-page > .kb-page-content > .content-grid > .content-scroll ul {
  list-style: none;
  padding: 0 0 0.5rem 1rem;
  margin: 0;
}
.kb-page > .kb-page-content > .content-grid > .content-scroll ul li {
  padding: 0.5rem 0 0 0;
}
.kb-page > .kb-page-content > .content-grid > .content-scroll ul li a {
  text-decoration: none;
  color: hsl(0, 0%, 0%);
}
.kb-page > .kb-page-content > .content-grid > .content-scroll ul li a.active {
  color: hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .content-grid > .content-scroll > ul {
  padding: 0.25rem 0 0.25rem 2rem;
  margin: 0;
  border-left: 1.5px solid hsl(209, 100%, 42%);
}
.kb-page > .kb-page-content > .content-grid > .content-scroll > ul > li:first-child {
  font-weight: 500;
  padding: 0 0 0.5rem 0;
}
.kb-page > .kb-page-content .membership-gate {
  position: relative;
  border-top: 1.5px solid hsl(209, 100%, 42%);
  border-bottom: 1.5px solid hsl(209, 100%, 42%);
  padding: clamp(1rem, 5vw, 3rem) 0;
  margin-bottom: 3rem;
}
.kb-page > .kb-page-content .membership-gate::before {
  position: absolute;
  top: -1.5px;
  content: "";
  display: block;
  width: 100%;
  height: 4rem;
  margin-top: -4rem;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100%);
  z-index: 99;
  mix-blend-mode: hard-light;
}
.kb-page > .kb-page-content .membership-gate img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 599px) {
  .kb-page > .kb-page-content .membership-gate img {
    display: none;
  }
}
.kb-page > .kb-page-content .membership-gate > .wp-block-columns {
  margin-bottom: 0;
}
.kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column {
  display: grid;
  align-items: center;
}
.kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column .btn-container {
  display: flex;
  gap: 1rem 2rem;
  flex-wrap: wrap-reverse;
}
@media (max-width: 768px) {
  .kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column .btn-container > * {
    flex-basis: 0;
    flex-grow: 1;
  }
}
.kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column p {
  margin-bottom: 2rem;
}
.kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column .btn {
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column .btn {
    min-width: min-content;
  }
}
@media (min-width: 599px) {
  .kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column:first-child {
    padding-right: 1.5rem;
  }
  .kb-page > .kb-page-content .membership-gate > .wp-block-columns > .wp-block-column:last-child {
    padding-right: 1.5rem;
  }
}

.servicecenter_filtered_content .filters, .servicecenter-manual-content .toc {
  user-select: none;
}
.servicecenter_filtered_content .filters li, .servicecenter-manual-content .toc li {
  text-align: left !important;
}
.servicecenter_filtered_content .filters li > a, .servicecenter-manual-content .toc li > a {
  color: hsl(0, 0%, 0%);
  display: inline-flex;
  gap: 0.5rem;
}

.servicecenter_filtered_content .filters ul, .servicecenter-manual-content .toc ul {
  list-style: none;
  padding-left: 0;
}
.servicecenter_filtered_content .filters li, .servicecenter-manual-content .toc li {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.servicecenter_filtered_content .filters .categoryLevel .topLevel:first-of-type > li > a, .servicecenter-manual-content .toc .topLevel:first-of-type > li > a {
  gap: 0;
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li, .servicecenter-manual-content .toc .topLevel > li {
  font-size: 0;
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li span, .servicecenter-manual-content .toc .topLevel > li span,
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li a,
.servicecenter-manual-content .toc .topLevel > li a {
  font-size: initial;
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li .subLevel, .servicecenter-manual-content .toc .topLevel > li .subLevel {
  font-weight: normal;
  padding-left: 0.75rem;
  overflow: hidden;
  height: 0;
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li.open .subLevel, .servicecenter-manual-content .toc .topLevel > li.open .subLevel {
  height: auto;
  margin-top: 0.4rem;
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li.open > span:not(.noarrow):only-of-type::after, .servicecenter-manual-content .toc .topLevel > li.open > span:not(.noarrow):only-of-type::after {
  transform: scale3d(1, -1, 1);
}
.servicecenter_filtered_content .filters .categoryLevel .topLevel > li.open > span:not(.noarrow) ~ span, .servicecenter-manual-content .toc .topLevel > li.open > span:not(.noarrow) ~ span {
  transform: scale3d(1, -1, 1);
}

.servicecenter_filtered_content .filters .categoryLevel > li::after, .servicecenter-manual-content .toc > li::after, .servicecenter_filtered_content .filters .categoryLevel .topLevel > li > span:not(.noarrow):only-of-type::after, .servicecenter-manual-content .toc .topLevel > li > span:not(.noarrow):only-of-type::after, .servicecenter_filtered_content .filters .categoryLevel .topLevel > li > span:not(.noarrow) ~ span, .servicecenter-manual-content .toc .topLevel > li > span:not(.noarrow) ~ span {
  display: inline-block;
  content: "\e906";
  font-family: "Consteel Icons";
  font-size: 12px;
  line-height: 0.875rem;
  transform: scale3d(1, 1, 1);
  transform-origin: 75% 50%;
  transition: all 0.2s;
  padding-left: 1rem;
}

.servicecenter_filtered_content .filters .categoryLevel, .servicecenter-manual-content .toc {
  font-weight: 500;
}
.servicecenter_filtered_content .filters .categoryLevel > li, .servicecenter-manual-content .toc > li {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
.servicecenter_filtered_content .filters .open.categoryLevel > li::after, .servicecenter-manual-content .open.toc > li::after {
  transform: scale3d(1, -1, 1);
}
.servicecenter_filtered_content .filters .open.categoryLevel .topLevel, .servicecenter-manual-content .open.toc .topLevel {
  height: auto;
}

.servicecenter_filtered_content .list.results .result-container, .servicecenter-manual-content .page .list.results .result-container, .servicecenter-search-content .page .list.results .result-container {
  display: block;
  color: hsl(0, 0%, 0%);
  font-size: 1rem;
  padding: 1.5rem 0;
}
.servicecenter_filtered_content .list.results .result-container > img, .servicecenter-manual-content .page .list.results .result-container > img, .servicecenter-search-content .page .list.results .result-container > img {
  display: none;
}
.servicecenter_filtered_content .list.results .result-container h2, .servicecenter-manual-content .page .list.results .result-container h2, .servicecenter-search-content .page .list.results .result-container h2 {
  font-size: 1rem;
  max-width: max-content;
}
.servicecenter_filtered_content .list.results .result-container h2::after, .servicecenter-manual-content .page .list.results .result-container h2::after, .servicecenter-search-content .page .list.results .result-container h2::after {
  display: block;
  width: 100%;
  content: "";
  border-bottom: 2px solid hsl(209, 100%, 42%);
  transform-origin: left;
  transform: scaleX(0);
  transition: all 0.25s ease-in;
}
.servicecenter_filtered_content .list.results .result-container:hover h2::after, .servicecenter-manual-content .page .list.results .result-container:hover h2::after, .servicecenter-search-content .page .list.results .result-container:hover h2::after {
  transform: scaleX(1);
}
.servicecenter_filtered_content .list.results .result-container .flag, .servicecenter-manual-content .page .list.results .result-container .flag, .servicecenter-search-content .page .list.results .result-container .flag {
  color: hsl(0, 0%, 53%);
  font-size: 1.125rem;
  font-family: "Roboto";
}
.servicecenter_filtered_content .list.results .result-container .description > p > mark, .servicecenter-manual-content .page .list.results .result-container .description > p > mark, .servicecenter-search-content .page .list.results .result-container .description > p > mark {
  background-color: #91dbfd;
}

.feedback-container .hidden {
  display: none;
}
.feedback-container h3 {
  font-weight: bold;
  font-size: 1.5rem;
  font-family: Roboto, sans-serif;
}
.feedback-container .likedislike {
  display: inline-block;
  margin-bottom: 0.5rem;
  user-select: none;
  position: relative;
}
.feedback-container .likedislike:first-of-type {
  margin-right: 1.5rem;
}
.feedback-container .likedislike:hover {
  cursor: pointer;
  filter: opacity(0.7);
}
.feedback-container .likedislike input {
  display: block;
  border: none;
  opacity: 0;
  outline: none;
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.feedback-container .likedislike input ~ span {
  display: flex;
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  border: 1px solid black;
  border-radius: 2px;
  min-width: 5rem;
}
.feedback-container .likedislike input ~ span::after {
  flex-basis: 0;
  flex-grow: 1;
  text-align: end;
  padding-left: 0.75rem;
}
.feedback-container .likedislike input[value=like] ~ span::after {
  content: "thumb_up_off_alt";
  font-family: "Material Icons Outlined";
}
.feedback-container .likedislike input[value=dislike] ~ span::after {
  content: "thumb_down_off_alt";
  font-family: "Material Icons Outlined";
}
.feedback-container .likedislike input:checked[value=like] ~ span {
  background-color: #00c37d;
  border-color: #00c37d;
  color: #fff;
}
.feedback-container .likedislike input:checked[value=dislike] ~ span {
  background-color: #ff7c7c;
  border-color: #ff7c7c;
  color: #fff;
}
.feedback-container.nochecked .feedback-checkbox {
  display: flex;
}
.feedback-container .feedback-checkbox {
  display: none;
  margin: 0.5rem 0;
}
.feedback-container .feedback-checkbox span::before {
  content: "check";
  font-family: "Material Icons Outlined";
  font-size: 12px;
  line-height: 12px;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid hsl(0, 0%, 0%);
  margin-right: 10px;
}
.feedback-container .feedback-checkbox input[type=checkbox]:checked ~ span::before {
  background-color: hsl(209, 100%, 42%);
  border-color: hsl(209, 100%, 42%);
}
.feedback-container .feedback-checkbox:last-of-type {
  margin-bottom: 1rem;
}
.feedback-container textarea {
  display: none;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  min-height: 6.25rem;
  max-width: 42rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.feedback-container textarea.open {
  display: block;
}
.feedback-container button {
  display: block;
  margin-top: 0.5rem;
}

div.blog-index-header {
  background-image: url("assets/blog-index-header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  padding: 3rem 0;
}
div.blog-index-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, hsl(209, 100%, 42%) 1.82%, hsl(199, 96%, 55%) 100%);
  opacity: 0.77;
}

.blog-index-header > .width-restrict > h1 {
  position: relative;
  z-index: 1;
  color: hsl(0, 0%, 100%);
  font-size: 3rem;
}
.blog-index-header > .width-restrict > h2 {
  position: relative;
  z-index: 1;
  color: hsl(0, 0%, 100%);
}
.blog-index-header > .width-restrict > h2 > .tag {
  display: inline-block;
  background-color: hsl(209, 100%, 42%);
  color: hsl(0, 0%, 100%);
  font-size: 0.75em;
  padding: 0.25rem 1.5rem;
  border-radius: 40px;
  transform: translateY(-2px);
  margin-top: 10px;
}

.blog-index-grid {
  display: grid;
  grid-template-columns: 100%;
  gap: 5rem 4%;
  padding: 0 2rem 2rem !important;
}
.blog-index-grid > .article-card > .featured-image-container {
  flex-basis: 0;
  flex-grow: 0;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.blog-index-grid > .article-card > .featured-image-container > .featured-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blog-index-grid > .article-card > article {
  padding: 1.5rem;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}
.blog-index-grid > .article-card > article > h2 {
  margin: 0 0 1rem 0;
}
.blog-index-grid > .article-card > article > .article-details {
  display: flex;
  margin-top: auto;
  justify-content: space-between;
  font-size: 0.875rem;
}
.blog-index-grid > .article-card > article > .article-details > .article-author {
  display: flex;
  align-items: center;
}
.blog-index-grid > .article-card > article > .article-details > .article-author > img {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 1rem;
}
.blog-index-grid > .article-card > article > .article-details > .article-author .article-author-name {
  color: hsl(209, 100%, 42%);
  font-weight: bold;
  font-family: "Roboto";
  margin-bottom: 0.25rem;
}
.blog-index-grid > .article-card > article > .article-details p {
  margin: 0;
}
.blog-index-grid > .article-card > article > .article-details > .article-date {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
.blog-index-grid > .article-card > article > .article-details > .article-date > p:not(:last-child) {
  margin-bottom: 0.25rem;
}
.blog-index-grid > .article-card:not(.featured-article) > article > h2 {
  font-size: 1.125rem;
}
.blog-index-grid > .article-card > .blog-tag-search-form {
  display: block;
  width: 100%;
  padding: 1rem;
  background-color: hsl(209, 100%, 42%);
  display: flex;
  align-items: stretch;
}
.blog-index-grid > .article-card > .blog-tag-search-form > input {
  border: none;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  text-align: right;
}
.blog-index-grid > .article-card > .blog-tag-search-form > button[type=submit] {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0 0 0 0.5rem;
}
.blog-index-grid > .article-card > .blog-tag-search-form > button[type=submit]:before {
  content: "search";
  font-family: "Material Icons Outlined";
  color: hsl(0, 0%, 100%);
  font-size: 1.5rem;
  flex: 1;
}
.blog-index-grid > .article-card.featured-article > .featured-image-container {
  flex-basis: 0;
  flex-grow: 47;
  height: inherit;
  padding-bottom: 47%;
}
.blog-index-grid > .article-card.featured-article > article {
  padding: 1.5rem 2rem;
  align-self: stretch;
  font-size: 1.125rem;
  flex-basis: 0;
  flex-grow: 53;
}
@media screen and (min-width: 768px) {
  .blog-index-grid > .article-card.featured-article {
    grid-column: 1/span 2;
    flex-direction: row;
  }
}
.blog-index-grid > .blog-tags-card {
  cursor: default;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .blog-index-grid > .blog-tags-card {
    grid-column: 1/span 2;
  }
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container {
  position: relative;
  min-height: 200px;
  flex: 1;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud {
  padding: 1rem 0.625rem 1rem 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud > h4 {
  font-family: "Roboto";
  text-align: left;
  margin: 0;
  font-weight: bold;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud > ul {
  list-style: none;
  padding-left: 0;
  font-size: 0;
  margin-top: 1rem;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud > ul > li {
  display: inline-block;
  margin: 0.6rem 0.875rem 0 0;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud > ul > li > a {
  display: block;
  border: 1px solid hsl(209, 100%, 42%);
  border-radius: 30px;
  padding: 0.2rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container > div.tag-cloud > ul > li > a:hover {
  background-color: hsl(209, 100%, 42%);
  color: hsl(0, 0%, 100%);
}
.blog-index-grid > .blog-tags-card > div.tag-cloud-container div.tag-cloud.search {
  display: none;
}
.blog-index-grid > .pagination-more {
  grid-column: 1/-1;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .blog-index-grid > h1 {
    grid-column: 1/span 2;
  }
}
@media screen and (min-width: 768px) {
  .blog-index-grid > h2 {
    grid-column: 1/span 2;
  }
}
@media screen and (min-width: 768px) {
  .blog-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .blog-index-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blog-index-grid > h1 {
    grid-column: 1/span 3;
  }
  .blog-index-grid > h2 {
    grid-column: 1/span 3;
  }
  .blog-index-grid > .blog-tags-card {
    grid-column: span 1;
  }
}

.blogpost-footer {
  margin: 5rem 0 7rem;
  font-size: 1.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 3rem;
}
.blogpost-footer > .blogpost-tagcloud {
  display: flex;
  align-items: center;
}
.blogpost-footer > .blogpost-tagcloud > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.blogpost-footer > .blogpost-tagcloud > div > a {
  display: block;
  border: 1px solid hsl(209, 100%, 42%);
  border-radius: 30px;
  padding: 0.2rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  display: inline-block;
  margin-right: 0.75rem;
  margin-top: 0.6rem;
}
.blogpost-footer > .blogpost-tagcloud > div > a:hover {
  background-color: hsl(209, 100%, 42%);
  color: hsl(0, 0%, 100%);
}
.blogpost-footer > .blogpost-tagcloud:before {
  color: hsl(0, 0%, 53%);
  font-family: "Consteel Icons";
  content: "tags";
  font-size: 1.25rem;
  margin-right: 1rem;
  margin-top: 0.6rem;
}
.blogpost-footer > .blogpost-share {
  display: flex;
  align-items: center;
}

.width-restrict.blogpost {
  max-width: 1024px;
}

.blogpost-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: hsl(0, 0%, 53%);
  padding: 1.5rem 0;
  flex-direction: row;
}
.blogpost-header > * {
  display: flex;
  align-items: center;
}
.blogpost-header > *:not(:first-child) {
  white-space: nowrap;
  margin-top: 1rem;
  margin-top: 0;
  margin-left: 1.5rem;
}
.blogpost-header > *:before {
  font-family: "Consteel Icons";
  font-size: 1.25rem;
  font-weight: lighter;
  margin-right: 0.75rem;
  height: 1.25rem;
  white-space: nowrap;
}
.blogpost-header > .breadcrumbs:before {
  content: "globe-grid";
}
.blogpost-header > .date:before {
  content: "calendar";
}
.blogpost-header > .readtime:before {
  content: "time";
}
.blogpost-header > .author:before {
  content: "person";
}

.blogpost-title {
  text-align: center;
  margin: 2rem 0 4rem;
}

.blogpost-content {
  font-size: 1.125rem;
}
.blogpost-content p {
  line-height: 1.6;
}
.blogpost-content h2 {
  margin: 3.5rem 0 3rem;
}
.blogpost-content h3 {
  margin: 3.5rem 0 3rem;
}
.blogpost-content .wp-block-image {
  margin-top: 3.5rem;
  margin-bottom: 4rem;
}

.blogpost-author-title {
  margin-top: 5rem;
}

.blogpost-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.125rem;
  margin-bottom: 5rem;
  flex-direction: row;
}
.blogpost-author > img {
  width: 4.25rem;
  height: 4.25rem;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  margin: 1rem 2rem 1rem 0;
  align-self: flex-start;
}
.blogpost-author .author-name {
  font-family: "Roboto";
  color: hsl(209, 100%, 42%);
  font-weight: bold;
  display: flex;
  align-items: center;
}
.blogpost-author > .author-details p {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.blogpost .social-btn {
  font-family: "Consteel Icons";
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
  font-size: 12px;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 0.5rem;
  font-weight: normal;
}
.blogpost .social-btn:first-of-type {
  margin-left: 0.75rem;
}

.back-to-blog {
  margin-bottom: 5rem;
}

.blogpost-hero {
  background-color: #F8FCFE;
  padding: 5rem 0;
}
.blogpost-hero > .width-restrict {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.blogpost-hero h1 {
  margin: 0 0 2rem 0;
}
.blogpost-hero .btn {
  margin-top: 2rem;
}
.blogpost-hero .btn:first-child {
  margin-right: 6rem;
}
.blogpost-hero img {
  max-width: 60%;
  margin-bottom: 3rem;
  max-width: 27%;
  margin-bottom: 0;
}

figure.wp-block-table.comparison-table {
  margin: 3rem -1vw 1rem;
  overflow: visible;
  overflow-x: auto;
}
figure.wp-block-table.comparison-table > table {
  border-spacing: 1vw 0;
  border-collapse: separate;
  margin-bottom: 1rem;
}
figure.wp-block-table.comparison-table > table > thead th {
  border: none;
  height: 5rem;
  padding: 1rem 1.5rem 1rem 0;
  font-size: 1.125rem;
  word-break: keep-all;
  width: 9.5rem;
  background-color: #f2fbff;
  position: relative;
  font-weight: 500;
  width: 8.5rem;
}
figure.wp-block-table.comparison-table > table > thead th:first-child {
  position: sticky;
  left: 1vw;
  padding-right: 1rem;
  box-shadow: 4px 0 4px #f2fbff;
  z-index: 1;
}
figure.wp-block-table.comparison-table > table > thead th:not(:first-child) {
  background-color: #fff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  border: 0px solid #DADADA;
  border-width: 0 1px;
  text-align: center;
  padding: 1rem 1.5rem;
  border-width: 1px 1px 0 1px;
  border-radius: 2px 2px 0 0;
}
figure.wp-block-table.comparison-table > table > thead th > s {
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background-color: #006CD4;
  border-radius: 3px;
  color: #fff;
  font-size: 0.875rem;
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}
figure.wp-block-table.comparison-table > table > tbody td {
  border: none;
  height: 5rem;
  padding: 1rem 1.5rem 1rem 0;
  font-size: 1.125rem;
  word-break: keep-all;
  width: 9.5rem;
  background-color: #f2fbff;
  position: relative;
}
figure.wp-block-table.comparison-table > table > tbody td:first-child {
  font-weight: 500;
  width: 8.5rem;
  position: sticky;
  left: 1vw;
  padding-right: 1rem;
  box-shadow: 4px 0 4px #f2fbff;
  z-index: 1;
}
figure.wp-block-table.comparison-table > table > tbody td:not(:first-child) {
  background-color: #fff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  border: 0px solid #DADADA;
  border-width: 0 1px;
  text-align: center;
  padding: 1rem 1.5rem;
}
figure.wp-block-table.comparison-table > table > tbody td > s {
  font-family: "Consteel Icons";
  font-style: normal;
  text-decoration: none;
  font-style: normal;
}
figure.wp-block-table.comparison-table > table > tbody:first-child > tr:first-child > td:not(:first-child) {
  border-width: 1px 1px 0 1px;
  border-radius: 2px 2px 0 0;
}
figure.wp-block-table.comparison-table > table > tbody:last-child > tr:last-child > td:not(:first-child) {
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 2px 2px;
}
figure.wp-block-table.comparison-table > table > tfoot td:first-child {
  position: sticky;
  left: 1vw;
  padding-right: 1rem;
  box-shadow: 4px 0 4px #f2fbff;
  z-index: 1;
}
figure.wp-block-table.comparison-table > table > tfoot td:not(:first-child) {
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 2px 2px;
}

*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > thead th:first-child::before,
*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > thead td:first-child::before,
*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > tfoot th:first-child::before,
*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > tfoot td:first-child::before,
*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > tbody th:first-child::before,
*:not(.block-editor-block-list__block) > figure.wp-block-table.comparison-table > table > tbody td:first-child::before {
  content: "";
  display: block;
  width: 2vw;
  position: absolute;
  left: -2vw;
  top: 0;
  height: 100%;
  background-color: #f2fbff;
}

.block-editor-block-list__block > figure.wp-block-table.comparison-table > figcaption {
  display: none;
}
.block-editor-block-list__block > figure.wp-block-table.sysreq-table > figcaption {
  display: none;
}

figure.wp-block-table.sysreq-table {
  margin: 1rem 0 3rem;
  overflow: visible;
  overflow-x: auto;
}
figure.wp-block-table.sysreq-table > table > thead {
  border: none;
}
figure.wp-block-table.sysreq-table > table > thead th {
  padding: 1.5rem 3rem 1.5rem 0;
  font-size: 1.125rem;
  white-space: nowrap;
  width: 15rem;
  border: none;
  font-size: 1.5rem;
  font-weight: 500;
}
figure.wp-block-table.sysreq-table > table > thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 2px 0 2px #fff;
}
figure.wp-block-table.sysreq-table > table > tfoot td {
  padding: 1.5rem 3rem 1.5rem 0;
  font-size: 1.125rem;
  white-space: nowrap;
  width: 15rem;
  border: none;
}
figure.wp-block-table.sysreq-table > table > tfoot td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 2px 0 2px #fff;
}
figure.wp-block-table.sysreq-table > table > tbody td {
  padding: 1.5rem 3rem 1.5rem 0;
  font-size: 1.125rem;
  white-space: nowrap;
  width: 15rem;
  border: none;
}
figure.wp-block-table.sysreq-table > table > tbody td:first-child {
  font-size: 1.5rem;
  font-weight: 500;
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 2px 0 2px #fff;
}

.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.wp-block-embed__wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.wp-block-katex-display-block {
  text-align: center;
}

/*
  body > header .header-menus > .desktop-lang-changer {
    display: flex;
    justify-content: flex-end;
    flex-basis: 100%;
  }

  body > header .header-menus > .desktop-lang-changer > ul {
    list-style: none;
    padding-left: 0;
    display: block;
    margin: 0 15px 0;
    transition: background-color 0.2s;
  }

  body > header .header-menus > .desktop-lang-changer > ul > li {
    color: #006cd4;
    border-radius: 2px;
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
  }

  body > header .header-menus > .desktop-lang-changer > ul > li:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-color: #006cd4 transparent transparent;
    border-style: solid;
    border-width: 9px 4.5px 0;
    transition: transform 0.2s;
    transform-origin: left 4px;
    margin-left: 10px;
  }

  body > header .header-menus > .desktop-lang-changer > ul:hover {
    background-color: rgba(13, 134, 255, 0.15);
  }

  body > header .header-menus > .desktop-lang-changer > ul:hover > li:after {
    transform: scale3d(1, -1, 1);
  }

  body > header .header-menus > .desktop-lang-changer > ul > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: calc(100% - 2px);
    transform: translateX(-50%);
    background-color: white;
    list-style: none;
    padding-left: 0;
    border: 1px solid rgba(13, 134, 255, 0.15);
    z-index: 2;
  }

  body > header .header-menus > .desktop-lang-changer > ul:hover > li > ul {
    display: block;
  }

  body > header .header-menus > .desktop-lang-changer > ul > li > ul > li > a {
    display: block;
    text-decoration: none;
    color: #2d2d2d;
    padding: 5px 9px;
  }

  body > header .header-menus > .desktop-lang-changer > ul > li > ul > li:hover > a {
    background-color: rgba(13, 134, 255, 0.15);
  }*/
textarea {
  border-style: solid;
  border-color: #2d2d2d;
  border-width: 1px;
  outline: none;
  padding: 10px;
  margin-top: 1rem;
}
textarea:focus {
  box-shadow: 0 0 0 1px #2d2d2d;
}

textarea.fixed {
  width: 100%;
  resize: none;
}

textarea.fixed-width {
  width: 100%;
  resize: vertical;
}

.input-group {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
}
.input-group > input {
  flex: 1;
  min-width: 20%;
}
.input-group > input:focus + i {
  box-shadow: 0 2px 0 #2d2d2d;
}
.input-group > label + input {
  margin-left: 10%;
  text-align: right;
}
.input-group > i {
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #2d2d2d;
  flex-shrink: 0;
  border-bottom: 1px solid #2d2d2d;
  line-height: 1.25rem;
}
.input-group > i.password-visibility {
  cursor: pointer;
}

.form-group p {
  margin: 0.5rem 0 5px;
}
.form-group > label + input[type=checkbox] + label {
  margin-top: 1rem;
}
.form-group > label + input[type=radio] + label {
  margin-top: 1rem;
}
.form-group > .input-group > input[type=checkbox] + label {
  margin-top: 2.5rem;
  flex-basis: 100%;
}
.form-group > .input-group > input[type=radio] + label {
  margin-top: 1rem;
}

.form-group.has-error p.input-error {
  color: #dc143c;
}
.form-group.has-error label:first-child {
  color: #dc143c;
}
.form-group.has-error input[type=checkbox] + label + p.input-error {
  margin-left: 36px;
}
.form-group.has-error input {
  border-color: #dc143c;
}
.form-group.has-error input + i {
  border-color: #dc143c;
}
.form-group.has-error input:focus {
  box-shadow: 0 2px 0 #dc143c;
}
.form-group.has-error input:focus + i {
  box-shadow: 0 2px 0 #dc143c;
}

.input-group.radio-group > label {
  flex: 1;
}

input[type=password] + i.password-visibility:after {
  font-style: normal;
  font-family: "Material Icons Outlined";
  content: "visibility";
  font-size: 1.5rem;
}

input[type=text] + i.password-visibility:after {
  font-style: normal;
  font-family: "Material Icons Outlined";
  content: "visibility";
  font-size: 1.5rem;
  content: "visibility_off";
}

.modal .modal-box .form-columns {
  display: flex;
  flex-direction: row-reverse;
}
.modal .modal-box .form-columns > div {
  flex: 1;
}
.modal .modal-box .form-columns > div:first-child {
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal .modal-box .form-columns > div:first-child > img {
  display: none;
  display: block;
  width: 20%;
}
.modal .modal-box .form-columns > div:first-child > p {
  font-weight: 600;
  font-size: 1.125rem;
  margin: 10% 15% 0;
}
.modal .modal-box.loading {
  min-width: 60px !important;
  width: 150px;
}
.modal .modal-box.register-modal,
.modal .modal-box .register-modal {
  padding-top: 0;
  max-width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 11;
  animation: unset;
}
@media screen and (max-height: 800px) {
  .modal .modal-box.register-modal,
  .modal .modal-box .register-modal {
    height: 618px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.modal .modal-box.register-modal textarea,
.modal .modal-box.register-modal select,
.modal .modal-box.register-modal input,
.modal .modal-box .register-modal textarea,
.modal .modal-box .register-modal select,
.modal .modal-box .register-modal input {
  font-size: 14px;
}
.modal .modal-box.register-modal p.input-error,
.modal .modal-box .register-modal p.input-error {
  font-size: 10px;
}
.modal .modal-box.register-modal .form-group,
.modal .modal-box .register-modal .form-group {
  margin-top: 1.25rem;
}
.modal .modal-box.register-modal .logo-image,
.modal .modal-box .register-modal .logo-image {
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 auto 0 auto;
}
.modal .modal-box.register-modal h1,
.modal .modal-box .register-modal h1 {
  font-size: 18px;
}
.modal .modal-box.register-modal .box,
.modal .modal-box .register-modal .box {
  width: 18px;
  height: 18px;
}
.modal .modal-box.register-modal .box::before,
.modal .modal-box .register-modal .box::before {
  content: "check";
  line-height: 18px;
}
.modal .modal-box.register-modal .stepper-buttons,
.modal .modal-box .register-modal .stepper-buttons {
  justify-content: flex-end;
}
.modal .modal-box.register-modal .stepper-buttons button,
.modal .modal-box .register-modal .stepper-buttons button {
  max-width: 50%;
}
.modal .modal-box.register-modal div.stepper-badges,
.modal .modal-box .register-modal div.stepper-badges {
  display: flex;
  justify-content: center;
  position: relative;
}
.modal .modal-box.register-modal div.stepper-badges > div,
.modal .modal-box .register-modal div.stepper-badges > div {
  display: flex;
  align-items: center;
}
.modal .modal-box.register-modal div.stepper-badges > div:after,
.modal .modal-box .register-modal div.stepper-badges > div:after {
  box-sizing: border-box;
  text-align: center;
  padding: 1rem 0;
  font-weight: 900;
  line-height: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 0.5rem solid #fff;
  color: #c4c4c4;
}
.modal .modal-box.register-modal div.stepper-badges > div:nth-child(1):after,
.modal .modal-box .register-modal div.stepper-badges > div:nth-child(1):after {
  content: "1";
}
.modal .modal-box.register-modal div.stepper-badges > div:nth-child(2):after,
.modal .modal-box .register-modal div.stepper-badges > div:nth-child(2):after {
  content: "2";
}
.modal .modal-box.register-modal div.stepper-badges > div:nth-child(3):after,
.modal .modal-box .register-modal div.stepper-badges > div:nth-child(3):after {
  content: "3";
}
.modal .modal-box.register-modal div.stepper-badges > div:nth-child(4):after,
.modal .modal-box .register-modal div.stepper-badges > div:nth-child(4):after {
  content: "4";
}
.modal .modal-box.register-modal div.stepper-badges > div:not(:first-child):before,
.modal .modal-box .register-modal div.stepper-badges > div:not(:first-child):before {
  content: "";
  display: inline-block;
  position: relative;
  flex: 1;
  height: 2px;
  width: 12rem;
  background-color: #c4c4c4;
}
.modal .modal-box.register-modal div.stepper-badges > div:not(:first-child):after,
.modal .modal-box .register-modal div.stepper-badges > div:not(:first-child):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
.modal .modal-box.register-modal div.stepper-badges > div:first-child:before,
.modal .modal-box .register-modal div.stepper-badges > div:first-child:before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
.modal .modal-box.register-modal div.stepper-badges > div:first-child:after,
.modal .modal-box .register-modal div.stepper-badges > div:first-child:after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
.modal .modal-box.register-modal .form.stepper .step,
.modal .modal-box .register-modal .form.stepper .step {
  display: block;
}
.modal .modal-box.register-modal div.stepper .step,
.modal .modal-box .register-modal div.stepper .step {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.modal .modal-box.register-modal div.stepper:not([data-step="1"]) .cancel,
.modal .modal-box .register-modal div.stepper:not([data-step="1"]) .cancel {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="1"] .step:not([data-step="1"]),
.modal .modal-box .register-modal div.stepper[data-step="1"] .step:not([data-step="1"]) {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="1"] .step:nth-of-type(1) + .stepper-buttons .next,
.modal .modal-box .register-modal div.stepper[data-step="1"] .step:nth-of-type(1) + .stepper-buttons .next {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="1"] .step:not(:nth-of-type(1)) + .stepper-buttons .send,
.modal .modal-box .register-modal div.stepper[data-step="1"] .step:not(:nth-of-type(1)) + .stepper-buttons .send {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="1"] .prev,
.modal .modal-box .register-modal div.stepper[data-step="1"] .prev {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="2"] .stepper-badges div:nth-child(-n+1):after,
.modal .modal-box .register-modal div.stepper[data-step="2"] .stepper-badges div:nth-child(-n+1):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
}
.modal .modal-box.register-modal div.stepper[data-step="2"] .step:not([data-step="2"]),
.modal .modal-box .register-modal div.stepper[data-step="2"] .step:not([data-step="2"]) {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="2"] .step:nth-of-type(2) + .stepper-buttons .next,
.modal .modal-box .register-modal div.stepper[data-step="2"] .step:nth-of-type(2) + .stepper-buttons .next {
  display: none;
}
.modal .modal-box.register-modal div.stepper[data-step="2"] .step:not(:nth-of-type(2)) + .stepper-buttons .send,
.modal .modal-box .register-modal div.stepper[data-step="2"] .step:not(:nth-of-type(2)) + .stepper-buttons .send {
  display: none;
}
.modal .modal-box.register-modal .form.stepper.stepper[data-step="1"] div.stepper-badges > div:not(:first-child):after {
  background: hsla(0, 0%, 0%, 0.38);
}
.modal .modal-box.login-modal {
  max-width: 400px;
}
.modal .modal-box.pwreset-modal {
  max-width: 400px;
}
.modal .modal-box.validation-modal {
  max-width: 410px;
}
.modal .modal-box.download-warning-modal {
  max-width: 500px;
}

.loader {
  overflow: auto;
  margin: 0 auto;
  font-size: 3px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

.loadercont .loader {
  border-top-color: rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-left-color: #ffffff;
}

body {
  font-family: "Roboto";
  scroll-behavior: smooth;
}
body:not(.editor-styles-wrapper) {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  -webkit-animation: fadeIn 0.6s;
  animation: fadeIn 0.6s;
}
body > header {
  height: auto;
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: box-shadow 0.4s;
}
body > header > .header-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
body > header .header-logo {
  position: absolute;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
body > header .header-logo > a {
  height: 100%;
  display: flex;
  padding: 0 20px;
  pointer-events: auto;
}
body > header .header-logo > a > img {
  align-self: center;
  height: 100%;
}
body > header .header-menus {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body > header .header-menus > .lang-changer-wrapper {
  order: 2;
  display: flex;
  margin-right: auto;
  align-items: center;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  font-size: 0.875rem;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer .lang-toggle {
  border: 1px solid #2d2d2d;
  padding: 3px 10px;
  border-radius: 2px;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer .lang-toggle:before {
  display: inline-block;
  content: "\e906";
  font-family: "Consteel Icons";
  transition: transform 0.2s;
  transform-origin: left 45%;
  margin-right: 5px;
  font-size: 0.75rem;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer > ul {
  display: none;
  list-style: none;
  padding-left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 3;
  margin: 0;
  margin-top: -1px;
  background-color: #fff;
  border: 1px solid #2d2d2d;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer > ul > li > a {
  display: block;
  padding: 3px 10px;
  color: #000;
  text-align: center;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer > ul > li:hover > a {
  background-color: #eee;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer:hover .lang-toggle + * {
  display: block;
}
body > header .header-menus > .lang-changer-wrapper > .lang-changer:hover .lang-toggle:before {
  transform: scale3d(1, -1, 1);
}
body > header .header-menus > nav {
  position: relative;
  order: 1;
}
body > header .header-menus > nav > .nav-icon {
  width: 60px;
  height: 100%;
  font-size: 0.75rem;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: "Roboto";
  font-weight: 500;
  padding-top: 0.25rem;
}
body > header .header-menus > nav > .nav-icon:before {
  box-sizing: border-box;
  display: block;
  content: "menu";
  font-family: "Material Icons Outlined";
  font-size: 2.25rem;
  line-height: 2rem;
  font-weight: 200;
  width: 100%;
}
body > header .header-menus > nav > .nav-menu {
  display: none;
  background-color: #fff;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  left: 0;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  flex-direction: column;
}
body > header .header-menus > nav > .nav-menu ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
  font-size: 0;
}
body > header .header-menus > nav > .nav-menu ul > li {
  font-size: 1rem;
}
body > header .header-menus > nav > .nav-menu > ul > li > a {
  display: flex;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  color: #2d2d2d;
  position: relative;
  white-space: nowrap;
}
body > header .header-menus > nav > .nav-menu > ul > li:hover > a {
  color: #006cd4;
}
body > header .header-menus > nav > .nav-menu > ul > li > ul {
  display: none;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
  box-sizing: content-box;
  background-color: #fff;
}
body > header .header-menus > nav > .nav-menu > ul > li > ul > li:hover > a {
  background-color: #eee;
  color: #006cd4;
}
body > header .header-menus > nav > .nav-menu > ul > li > ul > li > a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 5px 30px;
  white-space: nowrap;
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children > a {
  cursor: pointer;
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children > a:after {
  display: inline-block;
  content: "\e906";
  font-family: "Consteel Icons";
  font-size: 0.875rem;
  line-height: 1rem;
  transition: transform 0.2s;
  margin-left: 20px;
  margin-top: 2px;
  margin-bottom: -2px;
  transform-origin: left 40%;
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children:hover > a:after {
  transform: scale3d(1, -1, 1);
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children:hover > ul {
  display: block;
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children.open > a:after {
  transform: scale3d(1, -1, 1);
}
body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children.open > ul {
  display: block;
}
body > header .header-menus > nav.open > .nav-menu {
  display: flex;
}
body > header .header-menus > nav.open > .nav-icon {
  color: #006cd4;
}
body > header .header-menus > .user-menu {
  display: flex;
  position: relative;
  margin-left: 15px;
  order: 3;
}
body > header .header-menus > .user-menu > a.btn {
  align-self: center;
  padding: 8px 12px;
  margin-right: 15px;
}
body > header .header-menus > .user-menu > div.user-image {
  display: flex;
  height: 100%;
  padding: 0 12px;
  opacity: 1;
  cursor: pointer;
}
body > header .header-menus > .user-menu > div.user-image > img {
  align-self: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
body > header .header-menus > .user-menu:hover > div.user-image {
  opacity: 0.7;
}
body > header .header-menus > .user-menu:hover > .user-menu-dropdown {
  display: block;
}
body > header .header-menus > .user-menu > .user-menu-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border-top: 2px solid #006cd4;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
body > header .header-menus > .user-menu > .user-menu-dropdown > h1 {
  margin: 15px 40px 15px 30px;
  font-size: 16px;
  font-weight: 600;
  color: #006cd4;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  font-size: 14px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  padding-bottom: 1px;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li {
  position: relative;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #2d2d2d;
  padding: 20px 40px 20px 30px;
  margin-bottom: -1px;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li > a:before {
  display: block;
  flex-shrink: 0;
  content: "";
  margin-right: 30px;
  font-family: "Consteel Icons";
  font-size: 2rem;
  font-weight: normal;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li:hover > a {
  background-color: #f9fbff;
  color: #006cd4;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li:hover:not(:last-child):after {
  background-color: #f9fbff;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li:not(:last-child):after {
  display: block;
  content: "";
  height: 1px;
  background-color: #dadada;
  width: 90%;
  position: absolute;
  bottom: 0;
  left: 5%;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.steelspace > a {
  white-space: nowrap;
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.steelspace > a:before {
  content: "\e91c";
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.profile > a:before {
  content: "\e91b";
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.licences > a:before {
  content: "\e901";
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.support > a:before {
  content: "\e91d";
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.descript > a:before {
  content: "\e900";
}
body > header .header-menus > .user-menu > .user-menu-dropdown > ul > li.logout > a:before {
  content: "\e91a";
}
body > header.elevated {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  opacity: 0.97;
}
body > footer {
  flex-shrink: 0;
  width: 100%;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
}
body > footer > .footer-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body > footer > .footer-container > * {
  margin: 2rem 0;
}
body > footer div {
  flex-basis: 0;
  flex-grow: 1;
}
body > footer div:last-child {
  flex-grow: 2;
}
body > footer div > h3 {
  margin-top: 0;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  padding-top: 0.625rem;
}
body > footer div > h1 {
  margin-top: 0;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}
body > footer div > p {
  line-height: 130%;
  margin: 1.5rem 0 2rem;
}
body > footer div > .getstarted-buttons {
  display: flex;
}
body > footer div > .getstarted-buttons > .btn {
  min-width: 8rem;
}
body > footer div > .getstarted-buttons > a:first-child {
  margin-right: 0.5rem;
}
body > footer div > .getstarted-buttons > a:nth-child(2) {
  margin-left: auto;
}
body > footer nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
}
body > footer nav > ul ul {
  flex-direction: column;
}
body > footer nav > ul > li {
  display: block;
  margin: 0;
  flex: 1;
}
body > footer nav > ul > li > a {
  display: block;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  padding: 0 0 1rem 0;
}
body > footer nav > ul li > a {
  display: block;
  color: #000;
  padding: 0.625rem 0;
}
body > footer div.about a.socialbutton {
  font-weight: normal;
  font-family: "Consteel Icons";
  color: #000;
  display: inline-block;
  text-align: center;
  width: 34px;
  height: 34px;
  border: 2px solid black;
  border-radius: 50%;
  transition: all 0.1s;
  line-height: 6px !important;
  padding: 12px 0;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
body > footer div.about a.socialbutton:not(:last-child) {
  margin-right: 1rem;
}
body > footer div.about a.socialbutton.linkedin {
  padding-left: 1px;
}
body > footer div.about a.socialbutton.linkedin:hover {
  color: #fff;
  background-color: #2867b2;
  border-color: #2867b2;
}
body > footer div.about a.socialbutton.youtube:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000;
}
body > footer div.about a.socialbutton.facebook {
  padding-right: 1px;
}
body > footer div.about a.socialbutton.facebook:hover {
  color: #fff;
  background-color: #4267b2;
  border-color: #4267b2;
}
body > footer div.about a.socialbutton.blogger:hover {
  color: #fff;
  background-color: #f57d00;
  border-color: #f57d00;
}

html:not(.editor-styles-wrapper) {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
}

#account-container > div {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
#account-container .licence-cards {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}

.viewport {
  margin-top: 60px;
  flex: 1;
  position: relative;
}
.viewport > .attachment-post-thumbnail {
  width: 100%;
  max-height: 50vh;
  object-fit: cover;
  object-position: center;
}

.content-padding {
  padding: 0 2rem;
}

.width-restrict {
  max-width: calc(1200px + 2rem);
  margin: 0 auto;
  padding: 0 2rem;
}
.width-restrict > h1:first-child {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

div.error-page {
  text-align: center;
}
div.error-page img {
  max-width: 100%;
}
div.error-page h4 {
  line-height: 200%;
}

.twosides {
  display: flex;
  align-items: center;
}
.twosides > * {
  flex-basis: 0;
  flex-shrink: 0;
}
.twosides > * > h1 {
  margin-bottom: 4rem;
  font-weight: bold;
}
.twosides video {
  width: 140%;
  height: auto;
  padding-left: 4rem;
  margin: 0 -6rem;
  position: relative;
  z-index: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.landing.twosides > * > *:not(video) {
  margin: 3rem 0;
}
.landing.twosides > * > *:first-child {
  margin-top: 0;
}
.landing.twosides > * > *:last-child {
  margin-bottom: 0;
}
.landing.twosides > p {
  display: flex;
}
.landing.twosides > p > * {
  flex: 1;
}

.steelspace .twosides > * > * {
  margin: 3rem 0;
}
.steelspace .twosides > * > *:first-child {
  margin-top: 0;
}
.steelspace .twosides > * > *:last-child {
  margin-bottom: 0;
}

.l40r60 > *:first-child {
  flex-grow: 4;
}
.l40r60 > *:last-child {
  flex-grow: 6;
}

.l60r40 > *:first-child {
  flex-grow: 6;
}
.l60r40 > *:last-child {
  flex-grow: 4;
}

.l50r50 > * {
  flex-grow: 1;
}

.btn-group {
  display: flex;
  justify-content: space-between;
}
.btn-group > *:not(:last-child) {
  margin-right: 1rem;
}

.emphasize {
  color: #006cd4;
}

div.landing {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.extra-padding {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

div.steelspace {
  position: relative;
  z-index: 1;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
div.steelspace:before {
  display: block;
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(180deg, #2d2d2d 0%, #006cd4 100%);
}
div.steelspace div[data-type="core/column"]:first-child img {
  margin: 3rem auto;
  width: 75%;
}
div.steelspace > div > div > div > div[data-type="core/column"]:last-child {
  background-color: #fff;
  padding: 2.5rem 3rem;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

div.local-assistance {
  position: relative;
  z-index: 1;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  margin-top: 5rem !important;
}
div.local-assistance:before {
  display: block;
  content: "";
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(180deg, #006cd4 0%, #1eb4fa 100%);
  left: -12%;
  width: 72%;
}
div.local-assistance > .wp-block-column > h1 {
  margin-top: 0;
}
div.local-assistance > .wp-block-column > h3 {
  margin-bottom: 0;
}
div.local-assistance > div[data-type="core/column"]:last-child {
  background-color: #fff;
  padding: 2.5rem 3rem;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
  padding: 2rem 0;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
}

.content div.steelspace > div:first-child figure {
  text-align: center;
}
.content div.steelspace > div > div:first-child img {
  margin: 3rem auto;
  width: 75%;
}
.content div.steelspace > div > div:last-child {
  background-color: #fff;
  padding: 2.5rem 3rem;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.content div.steelspace > div > div:last-child figure {
  display: table;
  margin-left: auto;
  margin-right: 0;
}
.content div.steelspace > div > div:last-child h1 {
  margin: 0;
}
.content div.steelspace .wp-block-consteel-button {
  margin-bottom: 0;
}
.content div.local-assistance > div:first-child {
  margin-right: 5%;
}
.content div.local-assistance > div:last-child {
  background-color: #fff;
  padding: 2.5rem 3rem;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
  padding: 2rem 0;
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
}
.content div.local-assistance > div:last-child figure {
  display: table;
  margin-left: auto;
  margin-right: 0;
}

div.steelspace.twosides > div:first-child {
  flex-grow: 5;
}
div.steelspace.twosides > div:last-child {
  flex-grow: 5;
  background-color: #fff;
  padding: 2.5rem 3rem;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  margin: 4rem 0;
}
div.steelspace.twosides > div:last-child > h1 {
  display: flex;
  align-items: center;
  margin: 0 0 2rem;
}
div.steelspace.twosides > div:last-child > h1 > img {
  margin-left: 0.5rem;
}
div.steelspace.twosides > * > img {
  max-width: 75%;
  margin-left: 10%;
}

div.landingpage-lightblue {
  background-color: #f2f8ff;
  padding: 1px 0;
}
div.landingpage-lightblue div.newfeatures {
  margin: 3rem 0;
}
div.landingpage-lightblue div.newfeatures > .twosides > div:first-child {
  margin-right: 10%;
  flex-grow: 0.8;
}
div.landingpage-lightblue div.newfeatures > .twosides > a {
  margin-top: 3rem;
}

div.landingpage-midblue {
  background-color: #91dbfb;
  padding: 1px 0;
}

div.landingpage-darkblue {
  background-color: #1eb4fa;
  padding: 1px 0;
}

div.landingpage-lightgrey {
  background-color: #f9fbff;
  padding: 1px 0;
}

div.newfeature {
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 1rem 1.5rem;
  margin: 2.5rem 0;
}
div.newfeature > img {
  width: 15%;
  height: auto;
  margin-right: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
}
div.newfeature h3 {
  margin: 0 0 1rem 0;
}
div.newfeature p {
  margin: 0;
  font-size: 0.875rem;
}

div.modeling {
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 1rem 1.5rem;
  margin: 2.5rem 0;
  margin-left: 5%;
  flex-basis: 20%;
}
div.modeling > * {
  margin: 0;
}
div.modeling h3 {
  margin: 0 0 1rem 0;
}
div.modeling > img {
  width: 45%;
  height: auto;
  margin-right: 2rem;
}

div.centerbutton {
  text-align: center;
  margin: 3rem 0;
}

div.rightbutton {
  text-align: right;
  margin: 3rem 0;
}

div.landing-features {
  position: relative;
  z-index: 1;
  margin: 2rem auto;
}
div.landing-features:before {
  content: "";
  background: linear-gradient(180deg, #006cd4 0%, #1eb4fa 100%);
  position: absolute;
  z-index: -1;
  width: 60%;
  height: 500px;
  top: 0;
  left: 0;
}
div.landing-features:after {
  content: "";
  background: linear-gradient(180deg, #006cd4 0%, #1eb4fa 100%);
  position: absolute;
  z-index: -1;
  width: 80%;
  height: 600px;
  bottom: 0;
  right: 0;
}

div.featuregrid {
  margin: 5rem 0;
  display: grid;
  grid-template-columns: 25% 25% 25%;
  column-gap: 12.5%;
  row-gap: 5rem;
}
div.featuregrid > div {
  background: #ffffff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}
div.featuregrid > div > div:first-child {
  flex: 1;
  display: flex;
  align-items: center;
}
div.featuregrid > div > p {
  margin-bottom: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
div.featuregrid img {
  width: 100%;
  max-height: 10rem;
  object-fit: contain;
  object-position: center;
}

div.testimonials {
  display: flex;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.testimonial {
  width: 70%;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 2.25rem;
  margin: 5rem calc((100vw - 130%) / 4) 5rem 15%;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: justify;
  opacity: 0.4;
  transition: all 0.3s;
  cursor: pointer;
}
div.testimonial:before {
  content: "“";
  position: absolute;
  font-size: 3rem;
  color: #006cd4;
  font-family: "Roboto";
  font-weight: bold;
  top: 0;
  left: 0;
  transform: translate(100%, -35%);
}
div.testimonial:after {
  content: "“";
  position: absolute;
  font-size: 3rem;
  color: #006cd4;
  font-family: "Roboto";
  font-weight: bold;
  bottom: 0;
  right: 0;
  transform: translate(-100%, 35%) rotate(180deg);
}
div.testimonial > div > *:first-child {
  margin-top: 0;
}
div.testimonial > div > *:last-child {
  margin-bottom: 0;
}
div.testimonial > div > img {
  width: 5rem;
  border-radius: 50%;
  margin-right: 4rem;
}

div.testimonial.current {
  opacity: 1;
}

div.testimonial.vertical {
  flex-direction: column;
}
div.testimonial.vertical > div > img {
  margin-right: 0;
  margin-bottom: 3rem;
}

div.lp-references {
  margin: 8rem auto;
  position: relative;
}
div.lp-references .juxtapose {
  width: 100%;
  height: 0;
  padding-bottom: 47.97%;
  position: relative;
}
div.lp-references .juxtapose iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.lp-references div:first-child {
  padding-right: 5%;
}
div.lp-references div:last-child {
  padding-right: 2.5rem;
}
div.lp-references div:last-child:before {
  content: "";
  width: 8rem;
  height: 12.5rem;
  position: absolute;
  z-index: -1;
  background-color: #2d2d2d;
  bottom: -2.5rem;
  right: 2rem;
}
div.lp-references div:last-child:after {
  content: "";
  width: 8rem;
  height: 12.5rem;
  position: absolute;
  z-index: -1;
  background-color: #1eb4fa;
  bottom: -1.25rem;
  right: 3.25rem;
}

div.learning {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
div.learning img {
  width: 75%;
}
div.learning p {
  font-size: 1.125rem;
}
div.learning a {
  margin-top: 3rem;
}

div.ambassador {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
div.ambassador img {
  width: 75%;
}
div.ambassador p {
  font-size: 1.125rem;
}
div.ambassador p:first-of-type {
  margin-top: 3.75rem;
}
div.ambassador a {
  margin-top: 3rem;
}
div.ambassador > div:last-child {
  text-align: right;
}

div.partners {
  margin: 2rem auto 5rem;
}
div.partners > h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 5rem;
}
div.partners > div {
  display: flex;
  justify-content: space-between;
}
div.partners > div img {
  max-width: 12%;
  max-height: 150px;
}

div.landing-partners {
  text-align: center;
  margin-bottom: 5rem;
}
div.landing-partners > div.partner {
  display: inline-flex;
  width: 12%;
  margin: 2.1%;
  height: 150px;
  justify-content: center;
}
div.landing-partners > div.partner img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

div.about-banner {
  background-image: url("assets/prob.png");
  background-size: cover;
  background-position: center;
  padding: 4rem 0;
}
div.about-banner h2 {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

div.anchor {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-150px);
}

div.story > h1 {
  margin: 3rem 0 5rem;
}

div.storyline {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 15rem;
}
div.storyline:before {
  content: "";
  width: 1px;
  height: calc(100% + 8.5rem);
  position: absolute;
  left: 50%;
  top: -2rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #006cd4 3rem);
  margin: 0 auto;
}
div.storyline:after {
  content: "▼";
  font-size: 2rem;
  position: absolute;
  left: calc(50% + 0.5px);
  bottom: -8rem;
  transform: translate(-50%, 0);
  color: #006cd4;
}
div.storyline > div.bubble {
  width: 45%;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 2px 4px 4px rgba(0, 0, 0, 0.2);
  clear: both;
  transform: translateX(-10rem);
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}
div.storyline > div.bubble:nth-child(2n) {
  float: right;
  transform: translateX(10rem);
}
div.storyline > div.bubble:nth-child(2n) > div.header:after {
  right: auto;
  left: 0.1rem;
  transform: translate(-100%, 80%);
  content: "\e910";
  text-shadow: -2px 1px 2px rgba(0, 0, 0, 0.15);
}
div.storyline > div.bubble:nth-child(2n) > div.header > .year {
  left: auto;
  right: 0;
}
div.storyline > div.bubble:before {
  visibility: hidden;
  position: absolute;
  z-index: 0;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, 180%);
  content: "";
  background-color: #006cd4;
  transition: visibility 0.5s;
}
div.storyline > div.bubble > div.header {
  text-align: center;
  min-height: 40px;
  position: relative;
}
div.storyline > div.bubble > div.header:after {
  position: absolute;
  top: 0;
  right: 0.1rem;
  font-size: 2rem;
  transform: translate(100%, 80%);
  content: "\e90f";
  color: #fff;
  text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.2);
  font-family: "Consteel Icons";
}
div.storyline > div.bubble > div.header img {
  margin: 0 auto;
  max-height: 12.5rem;
  max-width: 100%;
  width: auto;
  position: relative;
  z-index: 1;
}
div.storyline > div.bubble > div.header > .year {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.75rem 2.5rem;
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  color: #fff;
  font-weight: bold;
  z-index: 2;
}
div.storyline > div.bubble > div.content {
  padding: 1.5rem 2rem;
  font-size: 1rem;
}
div.storyline > div.bubble.visible {
  transform: none;
  opacity: 1;
}
div.storyline > div.bubble.visible:before {
  visibility: visible;
  -webkit-animation: bubbleDotFadeIn 1s;
  animation: bubbleDotFadeIn 1s;
}

div.mission > h3 {
  width: 70%;
  margin: 3rem 0 5rem;
}

div.mission-cards {
  display: grid;
  grid-template-columns: 23% 23% 23%;
  column-gap: 15.5%;
  margin-top: 7rem;
}
div.mission-cards p {
  font-size: 1.125rem;
}
div.mission-cards img {
  max-height: 86px;
  width: auto;
}

div.customer-projects {
  margin-bottom: 5rem;
}

div.customer-projects.highlights {
  column-gap: 5%;
  margin: 4rem 0 10rem;
  flex-wrap: wrap;
}
div.customer-projects.highlights > .wp-block-column {
  min-width: 30%;
  margin-bottom: 5%;
  flex-basis: 47.5% !important;
}
div.customer-projects.highlights > .wp-block-column:not(:first-child) {
  margin-left: 0 !important;
}
div.customer-projects.highlights h2 {
  margin: 0.5rem 0;
}
div.customer-projects.highlights > div > figure {
  overflow: hidden;
  margin: 0;
}
div.customer-projects.highlights img {
  width: 100%;
  margin-bottom: -1.5rem;
  transition: transform 1s;
  display: block;
  object-fit: cover;
}
div.customer-projects.highlights img:hover {
  transform: translateY(-1.5rem);
}

div.customer-project {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 5rem 0;
  position: relative;
}
div.customer-project > div.datasheet {
  background: #fff;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  padding: 1.375rem 3rem;
  flex: 1;
  max-width: 100%;
}
div.customer-project > div.datasheet > div {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 2rem;
}
div.customer-project > div.datasheet h4 {
  margin-bottom: 0.25rem;
}
div.customer-project > div.datasheet p {
  margin: 0;
}
div.customer-project > div.gallery {
  flex: 3;
  position: relative;
  align-self: stretch;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.75%;
}
div.customer-project > div.gallery img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 23rem;
  transition: transform 0.3s, max-width 0.3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 23rem;
  object-fit: cover;
  cursor: pointer;
}
div.customer-project > div.gallery img.current {
  max-width: 80%;
}
div.customer-project:not(:last-of-type) {
  margin-bottom: 8rem;
}
div.customer-project:not(:last-of-type):after {
  content: "";
  width: 60%;
  height: 1px;
  background-color: #dadada;
  position: absolute;
  left: 20%;
  bottom: -4rem;
}

div.contacts > h3 {
  width: 70%;
  margin-bottom: 3rem;
}

div.contact-list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 8rem;
}
div.contact-list > div.contact-card {
  flex-basis: 28%;
  flex-grow: 0;
  background-color: #fff;
  padding: 2rem;
  text-align: center;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 28%;
  flex-grow: 0;
  background-color: #fff;
  padding: 2rem;
  text-align: center;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.contact-list > div.contact-card img {
  margin-bottom: 1rem;
}
div.contact-list > div.contact-card p {
  margin: 1rem 0;
}
div.contact-list > div.contact-card > p > i {
  font-family: "Consteel Icons";
  font-size: 2rem;
  font-style: normal;
  text-shadow: 2px 2px 0 #91dbfb;
}
div.contact-list > div.contact-card div.contact-data {
  margin-bottom: auto;
}
div.contact-list > div.contact-card div.contact-data > p.available-time {
  color: #888;
  font-size: 0.875rem;
  margin-top: -0.5rem;
}
div.contact-list > div.contact-card a.btn {
  margin-top: 1rem;
}

div.contact-forms {
  max-width: 500px;
  margin: 0 auto 8rem;
}
div.contact-forms div.form {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
div.contact-forms div.form:not(.active) {
  display: none;
}
div.contact-forms div.form > h2 {
  text-align: center;
}
div.contact-forms div.form > h4 {
  text-align: center;
}
div.contact-forms div.stepper-badges {
  display: flex;
  justify-content: center;
  position: relative;
}
div.contact-forms div.stepper-badges > div {
  display: flex;
  align-items: center;
}
div.contact-forms div.stepper-badges > div:after {
  box-sizing: border-box;
  text-align: center;
  padding: 1rem 0;
  font-weight: 900;
  line-height: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 0.5rem solid #fff;
  color: #c4c4c4;
}
div.contact-forms div.stepper-badges > div:nth-child(1):after {
  content: "1";
}
div.contact-forms div.stepper-badges > div:nth-child(2):after {
  content: "2";
}
div.contact-forms div.stepper-badges > div:nth-child(3):after {
  content: "3";
}
div.contact-forms div.stepper-badges > div:nth-child(4):after {
  content: "4";
}
div.contact-forms div.stepper-badges > div:not(:first-child):before {
  content: "";
  display: inline-block;
  position: relative;
  flex: 1;
  height: 2px;
  width: 3rem;
  background-color: #c4c4c4;
}
div.contact-forms div.stepper-badges > div:first-child:before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms div.stepper-badges > div:first-child:after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="1"] div.stepper-badges > div:nth-child(1):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="1"] div.stepper-badges > div:nth-child(1):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="2"] div.stepper-badges > div:nth-child(2):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="2"] div.stepper-badges > div:nth-child(2):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="2"] div.stepper-badges > div:nth-child(-n+1):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
  background: linear-gradient(90deg, #19cc19 0%, #118811 100%) !important;
}
div.contact-forms .stepper[data-step="2"] div.stepper-badges > div:nth-child(-n+1):before {
  background: #15a815 !important;
}
div.contact-forms .stepper[data-step="3"] div.stepper-badges > div:nth-child(3):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="3"] div.stepper-badges > div:nth-child(3):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="3"] div.stepper-badges > div:nth-child(-n+2):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
  background: linear-gradient(90deg, #19cc19 0%, #118811 100%) !important;
}
div.contact-forms .stepper[data-step="3"] div.stepper-badges > div:nth-child(-n+2):before {
  background: #15a815 !important;
}
div.contact-forms .stepper[data-step="4"] div.stepper-badges > div:nth-child(4):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="4"] div.stepper-badges > div:nth-child(4):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="4"] div.stepper-badges > div:nth-child(-n+3):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
  background: linear-gradient(90deg, #19cc19 0%, #118811 100%) !important;
}
div.contact-forms .stepper[data-step="4"] div.stepper-badges > div:nth-child(-n+3):before {
  background: #15a815 !important;
}
div.contact-forms .stepper[data-step="5"] div.stepper-badges > div:nth-child(5):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="5"] div.stepper-badges > div:nth-child(5):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="5"] div.stepper-badges > div:nth-child(-n+4):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
  background: linear-gradient(90deg, #19cc19 0%, #118811 100%) !important;
}
div.contact-forms .stepper[data-step="5"] div.stepper-badges > div:nth-child(-n+4):before {
  background: #15a815 !important;
}
div.contact-forms .stepper[data-step="6"] div.stepper-badges > div:nth-child(6):before {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="6"] div.stepper-badges > div:nth-child(6):after {
  background: linear-gradient(90deg, #1eb4fa 0%, #006cd4 100%);
  border-color: #fff;
  color: #fff;
}
div.contact-forms .stepper[data-step="6"] div.stepper-badges > div:nth-child(-n+5):after {
  content: "check";
  border-color: #fff;
  color: #fff;
  font-family: "Material Icons Outlined";
  background: linear-gradient(90deg, #19cc19 0%, #118811 100%) !important;
}
div.contact-forms .stepper[data-step="6"] div.stepper-badges > div:nth-child(-n+5):before {
  background: #15a815 !important;
}
div.contact-forms input[type=checkbox] + label {
  font-size: 1rem;
}
div.contact-forms #messageSentSuccessfully {
  display: none;
  text-align: center;
}
div.contact-forms #messageSentSuccessfully p {
  font-size: 1.125rem;
}
div.contact-forms div.stepper-buttons {
  position: relative;
}
div.contact-forms div.stepper-buttons > div {
  position: absolute;
}
div.contact-forms p.input-error.general-error {
  color: #dc143c;
  text-align: right;
}

div.stepper .step {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
div.stepper:not([data-step="1"]) .cancel {
  display: none;
}

div.stepper[data-step="1"] .step:not([data-step="1"]) {
  display: none;
}
div.stepper[data-step="1"] .step:nth-of-type(1) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="1"] .step:not(:nth-of-type(1)) + .stepper-buttons .send {
  display: none;
}
div.stepper[data-step="1"] .prev {
  display: none;
}

div.stepper[data-step="2"] .step:not([data-step="2"]) {
  display: none;
}
div.stepper[data-step="2"] .step:nth-of-type(2) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="2"] .step:not(:nth-of-type(2)) + .stepper-buttons .send {
  display: none;
}

div.stepper[data-step="3"] .step:not([data-step="3"]) {
  display: none;
}
div.stepper[data-step="3"] .step:nth-of-type(3) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="3"] .step:not(:nth-of-type(3)) + .stepper-buttons .send {
  display: none;
}

div.stepper[data-step="4"] .step:not([data-step="4"]) {
  display: none;
}
div.stepper[data-step="4"] .step:nth-of-type(4) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="4"] .step:not(:nth-of-type(4)) + .stepper-buttons .send {
  display: none;
}

div.stepper[data-step="5"] .step:not([data-step="5"]) {
  display: none;
}
div.stepper[data-step="5"] .step:nth-of-type(5) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="5"] .step:not(:nth-of-type(5)) + .stepper-buttons .send {
  display: none;
}

div.stepper[data-step="6"] .step:not([data-step="6"]) {
  display: none;
}
div.stepper[data-step="6"] .step:nth-of-type(6) + .stepper-buttons .next {
  display: none;
}
div.stepper[data-step="6"] .step:not(:nth-of-type(6)) + .stepper-buttons .send {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

div.office-location {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem;
  align-items: stretch;
}
div.office-location > div {
  flex-grow: 4;
  margin: 2rem 0;
}
div.office-location > div > div {
  display: flex;
  margin-bottom: 2.5rem;
  font-size: 1.125rem;
  line-height: 140%;
}
div.office-location > div > div:last-child {
  margin-bottom: 0;
}
div.office-location > div > div:before {
  margin-right: 2rem;
  font-family: "Consteel Icons";
  font-size: 1.5rem;
}
div.office-location > div > div.address:before {
  content: "\e911";
}
div.office-location > div > div.phone:before {
  content: "\e912";
}
div.office-location > div > div.email:before {
  content: "\e913";
}
div.office-location > div > div.web:before {
  content: "\e914";
}
div.office-location > iframe {
  flex-grow: 6;
  border: none;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
}

div.resellers-banner {
  display: flex;
  position: relative;
  align-items: center;
  margin: 3rem auto;
}
div.resellers-banner:before {
  content: "";
  width: 68%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -8%;
  background: linear-gradient(180deg, #006cd4 0%, #1eb4fa 100%);
  z-index: -1;
}
div.resellers-banner > div:first-child {
  flex-basis: 0;
  flex-grow: 4;
  color: #fff;
  margin-right: 5%;
}
div.resellers-banner > div:last-child {
  flex-basis: 0;
  flex-grow: 5;
  background-color: #fff;
  margin: 3rem 0;
  padding: 2rem 0;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
div.resellers-banner > div:last-child img:first-child {
  width: 100%;
}
div.resellers-banner > div:last-child img:last-child {
  height: 35%;
  position: absolute;
  bottom: 10%;
  left: 8%;
}

div.resellers div.reseller-region {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.resellers div.reseller-region > h2 {
  width: 100%;
  text-align: center;
}
div.resellers div.reseller-country {
  display: flex;
  flex-direction: column;
}
div.resellers div.reseller-country > h2 {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 2rem;
}
div.resellers div.reseller-country.w-1 {
  width: 33.33%;
}
div.resellers div.reseller-country.w-2 {
  width: 66.66%;
}
div.resellers div.reseller-country.w-3 {
  width: 100%;
}
div.resellers div.office-locations {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
div.resellers div.office-location {
  display: block;
  padding: 0 5%;
  margin-bottom: 5rem;
  box-sizing: content-box;
  justify-content: initial;
}
div.resellers div.office-location > div > div {
  font-size: 0.875rem;
  margin-bottom: 2rem;
  min-width: max-content;
}
div.resellers div.office-location > div > div p {
  margin: 0;
}
div.resellers div.office-location > div > div:before {
  margin-right: 1.5rem;
}
div.resellers div.office-location > div > div.reseller-logo {
  text-align: center;
}
div.resellers div.office-location > div div.reseller-logo img {
  max-height: 50px;
  max-width: 100%;
  margin: 0 auto;
}

.product-list > .wp-block-column {
  display: flex;
}

div.productpage > .headline {
  display: flex;
  align-items: center;
}
div.productpage > .headline > div {
  flex-basis: 0;
}
div.productpage > .headline > div > * {
  margin: 3rem 0;
}
div.productpage > .headline > div:first-child {
  flex-grow: 4;
}
div.productpage > .headline > div:last-child {
  flex-grow: 6;
  margin-left: 5%;
}
div.productpage > .headline img {
  width: 100%;
}
div.productpage > .headline p {
  font-size: 1.125rem;
}
div.productpage div.features > ul {
  list-style: none;
  padding-left: 0;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 3rem 0;
}
div.productpage div.features > ul li {
  flex: 1;
  flex-grow: 0;
  flex-basis: 0;
  margin: 0.15rem;
  min-width: 190px;
}
div.productpage div.features > ul li a {
  display: block;
  padding: 0.35rem 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s;
  background: #fff;
  color: #006cd4;
  background-clip: padding-box;
  border: solid 2px transparent;
  border-radius: 2px;
  z-index: 1;
  position: relative;
}
div.productpage div.features > ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 1px;
  background: #fff;
}
div.productpage div.features > ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to right, #1eb4fa, #006cd4);
  transition: 0.15s all;
}
div.productpage div.features > ul li a.active {
  color: #fff;
}
div.productpage div.features > ul li a.active:before {
  background: linear-gradient(180deg, #0084f8 0%, #006cd4 100%);
}
div.productpage div.features > ul li a.active:after {
  background: linear-gradient(180deg, #0084f8 0%, #006cd4 100%);
}
div.productpage div.features div.description-container {
  margin: 1rem 0 6rem;
}
div.productpage div.features div.description-container > div {
  align-items: start;
  display: flex;
  opacity: 1;
}
div.productpage div.features div.description-container > div > div {
  flex-basis: 0;
}
div.productpage div.features div.description-container > div > div:first-child {
  flex-grow: 3;
}
div.productpage div.features div.description-container > div > div:last-child {
  flex-grow: 7;
}
div.productpage div.features div.description-container img {
  width: 80%;
}
div.productpage div.features div.description-container h2 {
  margin-top: 0;
}
div.productpage div.features div.description-container p {
  font-size: 1.125rem;
}
div.productpage div.features div.description-container ul li {
  font-size: 1.125rem;
  margin: 0.5rem 0;
}

div.carousel div.carousel-container > div:not(.active) {
  display: none !important;
  opacity: 0 !important;
}
div.carousel div.carousel-container > div.active {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}

div.systemrequirements {
  margin: 6rem 0;
}
div.systemrequirements table td {
  padding: 1.5rem 3rem;
  font-size: 1.125rem;
  white-space: nowrap;
}
div.systemrequirements table td:first-child {
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 0;
}
div.systemrequirements table thead td {
  font-size: 1.5rem;
  font-weight: 500;
}

div.tablescroller {
  max-width: 100%;
  overflow-x: auto;
}
div.tablescroller table td {
  background-color: #fff;
}
div.tablescroller table td:first-child {
  position: sticky;
  left: 0;
}

figcaption {
  font-style: italic;
  font-size: 1rem;
  text-align: center;
}

ul.maintenance-list {
  display: block;
  padding-left: 0;
  list-style: none;
}
ul.maintenance-list > li {
  display: flex;
  margin: 0.5rem 0;
}
ul.maintenance-list > li:before {
  content: "＋";
  font-family: "SimSun";
  position: relative;
  margin-right: 0.5rem;
  color: #aaa;
}

div.industrial-partners > h1 {
  margin: 5rem 0;
}
div.industrial-partners div.partner-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  column-gap: 6.66%;
}
div.industrial-partners div.partner-list div.partner {
  font-size: 1.125rem;
  margin-bottom: 4rem;
}
div.industrial-partners div.partner-list div.partner div.logo {
  width: 180px;
  height: 135px;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: start;
}
div.industrial-partners div.partner-list div.partner div.logo img {
  max-width: 180px;
  max-height: 135px;
}
div.industrial-partners div.partner-list div.partner p:first-of-type {
  margin-top: 3rem;
}

div.university-partners {
  position: relative;
}
div.university-partners div.partner-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.university-partners div.partner-list div.partner div.logo {
  width: 180px;
  height: 135px;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 0 auto;
}
div.university-partners div.partner-list div.partner div.logo img {
  max-width: 180px;
  max-height: 135px;
}
div.university-partners div.partner-list div.partner p {
  margin: 0;
  font-size: 0.875rem;
}
div.university-partners div.partner-list div.partner a {
  margin: 0;
  font-size: 0.875rem;
}
div.university-partners div.partner-list > div.partner {
  width: min-content;
  margin: 0 4% 5rem;
}
div.university-partners div.partner-list div.office-location > div > div {
  margin-bottom: 1.5rem;
}
div.university-partners h2 {
  text-align: center;
  margin: 6rem 0 5rem;
}
div.university-partners > img {
  position: absolute;
  top: 1rem;
  right: 2rem;
  height: 12rem;
}

div.downloads > h1 {
  margin-bottom: 3rem;
}

div.downloads-container {
  display: flex;
  margin-bottom: 3rem;
}
div.downloads-container > div.downloads-menu {
  border-right: 1px solid #2d2d2d;
  flex-basis: 0;
  flex-grow: 0;
  position: relative;
  left: -2rem;
  background-color: #fff;
  z-index: 1;
}
div.downloads-container > div.downloads-menu div.menu-toggle:before {
  float: left;
  content: "menu";
  font-family: "Material Icons Outlined";
  font-size: 2.25rem;
  padding: 0.5rem;
  position: relative;
}
div.downloads-container > div.downloads-menu > div.sticky {
  position: sticky;
  top: 56px;
}
div.downloads-container > div.downloads-menu > div.sticky > ul {
  list-style: none;
  padding-left: 0.75rem;
  margin: 0;
  width: 0;
  visibility: hidden;
}
div.downloads-container > div.downloads-menu > div.sticky > ul > li > a {
  display: block;
  color: #2d2d2d;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.5rem 0;
}
div.downloads-container > div.downloads-menu > div.sticky > ul > li > a > span {
  display: inline-block;
  padding: 0.5rem 0;
  margin-right: 1rem;
  border-bottom: 1px solid transparent;
  position: relative;
}
div.downloads-container > div.downloads-menu > div.sticky > ul > li > a.active > span {
  border-bottom: 1px solid #2d2d2d;
}
div.downloads-container > div.downloads-menu > div.sticky > ul > li > a.needs-login > span:after {
  content: "profile";
  font-family: "Consteel Icons";
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -20%);
  background-color: #fff;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
}
div.downloads-container > div.downloads-menu.open {
  margin-right: calc(-10rem + 53px);
  flex-shrink: 0;
  flex-basis: 10rem;
}
div.downloads-container > div.downloads-menu.open div.menu-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
div.downloads-container > div.downloads-menu.open div.menu-toggle:before {
  float: right;
  font-size: 1.5rem;
  content: "close";
}
div.downloads-container > div.downloads-menu.open > div.sticky > ul {
  width: 20%;
  visibility: visible;
}
div.downloads-container > div.downloads-content {
  flex-basis: 0;
  flex-grow: 3;
  margin-left: 1rem;
  font-size: 1.125rem;
}
div.downloads-container > div.downloads-content > .installers > .empty {
  display: none;
}
div.downloads-container > div.downloads-content > .installers > .error {
  display: none;
}
div.downloads-container > div.downloads-content > .installers > .licwarn-modal-content {
  display: none;
}

div.downloads-content div.togglebox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.downloads-content div.togglebox > h4 {
  position: relative;
  margin: 0;
  margin-left: -2rem;
  padding: 1rem 2rem;
  cursor: pointer;
}
div.downloads-content div.togglebox > h4:before {
  font-family: "Consteel Icons";
  content: "expand_more";
  position: absolute;
  top: 1rem;
  left: 0;
  transition: all 0.2s;
}
div.downloads-content div.togglebox.open {
  margin-bottom: 2rem;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
div.downloads-content div.togglebox.open > h4:before {
  transform: scale3d(1, -1, 1);
}
div.downloads-content div.togglebox.open > .togglebox-content {
  display: block;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  opacity: 1;
}
div.downloads-content div.togglebox.sample {
  display: none;
}
div.downloads-content div.togglebox-content {
  display: none;
  opacity: 0;
}
div.downloads-content div.togglebox-content table {
  width: 100%;
  border-collapse: collapse;
}
div.downloads-content div.togglebox-content table tr td {
  padding: 0.8rem 0.5rem;
  transition: background-color 0.2s;
}
div.downloads-content div.togglebox-content table tr td:not(:first-child) {
  text-align: center;
  font-size: 1rem;
}
div.downloads-content div.togglebox-content table tr td.filename > div {
  display: flex;
  align-items: center;
}
div.downloads-content div.togglebox-content table tr td.filename > div > div {
  word-break: break-word;
}
div.downloads-content div.togglebox-content table tr td.filename > div p {
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
div.downloads-content div.togglebox-content table tr td.filename > div:before {
  margin-right: 1rem;
  font-family: "Consteel Icons";
  display: inline-block;
  font-size: 1.5rem;
}
div.downloads-content div.togglebox-content table tr td.filename.pdf > div:before {
  content: "pdf_file";
  color: #d83437;
}
div.downloads-content div.togglebox-content table tbody tr td:first-child {
  border-radius: 3px 0 0 3px;
}
div.downloads-content div.togglebox-content table tbody tr td:last-child {
  border-radius: 0 3px 3px 0;
}
div.downloads-content div.togglebox-content table tbody tr td a.btn:hover {
  background: #006cd4;
  color: #fff;
  border: 1px solid #006cd4;
}
div.downloads-content div.togglebox-content table tbody tr:hover td {
  background-color: #f2f8ff;
}
div.downloads-content div.togglebox-content table tbody tr:hover td a.btn {
  background-color: #d9e2eb;
}
div.downloads-content div.togglebox-content table thead td {
  font-weight: 600;
  padding: 1.5rem 0.5rem;
  font-size: 1rem;
  text-transform: uppercase;
}
div.downloads-content div.togglebox-content table td a.btn {
  min-width: 1rem;
  color: #2d2d2d;
  background: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  transition: all 0.2s;
  padding: 0.3rem 1rem;
  margin: -0.1rem;
}
div.downloads-content div.togglebox-content table td a.btn > i {
  font-style: normal;
  font-family: "Consteel Icons";
}
div.downloads-content div.togglebox-content table td span.badge {
  display: inline-block;
  font-size: 0.65rem;
  font-family: "Roboto";
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  background-color: #006cd4;
  border-radius: 3px;
  padding: 4px 6px;
  margin: -5px 0 -5px 10px;
  transform: translateY(-3px);
}
div.downloads-content div.installers div.togglebox-content table tr td {
  padding: 0.5rem 0.5rem;
}
div.downloads-content div.installers div.togglebox-content table tbody tr td:first-child {
  width: 50%;
}

div.installers > div.togglebox div.togglebox-content table tr td:nth-last-child(-n+3) {
  padding-left: 0;
}
div.installers > div.togglebox div.togglebox-content table tr td.pangolin, div.installers > div.togglebox div.togglebox-content table tr td.joint {
  display: none;
}

div:not(.installers) > div.togglebox div.togglebox-content table tr td:last-child {
  width: 1px;
  padding-left: 0;
}

div.knowledgebase-soon-banner {
  display: flex;
  align-items: center;
}
div.knowledgebase-soon-banner h3 {
  margin-bottom: 3rem;
}
div.knowledgebase-soon-banner a {
  font-size: 2rem;
  margin-bottom: 3rem;
}
div.knowledgebase-soon-banner a:not(:last-child) {
  margin-right: 1rem;
}
div.knowledgebase-soon-banner a:before {
  font-family: "Consteel Icons";
  color: #2d2d2d;
  border: 4px solid #2d2d2d;
  padding: 0.75rem;
  border-radius: 50%;
  transition: all 0.2s;
}
div.knowledgebase-soon-banner a:hover:before {
  color: #fff;
}
div.knowledgebase-soon-banner a:active:before {
  color: #d4d4d4;
  transition: none;
}
div.knowledgebase-soon-banner a.youtube:before {
  content: "youtube";
}
div.knowledgebase-soon-banner a.youtube:hover:before {
  background-color: #ff0000;
  border-color: #ff0000;
}
div.knowledgebase-soon-banner a.youtube:active:before {
  background-color: #d10000;
  border-color: #d10000;
}
div.knowledgebase-soon-banner a.blogger:before {
  content: "blogger";
}
div.knowledgebase-soon-banner a.blogger:hover:before {
  background-color: #f57d00;
  border-color: #f57d00;
}
div.knowledgebase-soon-banner a.blogger:active:before {
  background-color: #a55500;
  border-color: #a55500;
}
div.knowledgebase-soon-banner div:first-child {
  margin-right: 10%;
}

div.cookie-agreement {
  position: fixed;
  width: calc(100% - 2rem);
  max-width: 800px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.5rem;
  display: flex;
  z-index: 3;
  align-items: center;
  transition: opacity 0.5s;
}
div.cookie-agreement > div > * {
  margin: 0;
}
div.cookie-agreement .btn {
  min-width: auto;
  font-size: 1rem;
  display: flex;
}
div.cookie-agreement .btn:before {
  margin-right: 1rem;
  content: "yes";
  font-family: "Consteel Icons";
  color: greenyellow;
  margin-top: 2px;
}
div.cookie-agreement p {
  margin-top: 1rem;
  margin-right: 1.5rem;
}

.newsletter-subscribe {
  background-color: #eee;
}
.newsletter-subscribe > .width-restrict {
  display: flex;
  align-items: center;
  padding: 4rem 2rem;
  flex-direction: column;
  row-gap: 2rem;
}
.newsletter-subscribe > .width-restrict > div {
  flex: 1;
  text-align: center;
}
.newsletter-subscribe > .width-restrict > div > img {
  max-width: 175px;
  height: auto;
}
.newsletter-subscribe > .width-restrict > h3 {
  margin-top: 0;
  font-family: "Roboto";
  font-weight: bold;
  padding: 1.5rem;
}
.newsletter-subscribe input[type=text] {
  border: 1px solid #000;
  font-size: 0.875rem;
  padding: 0.5rem 0.7rem;
}
.newsletter-subscribe input[type=text]:focus {
  box-shadow: none;
}

.has-consteel-blue-color {
  color: #006cd4;
}

.has-consteel-blue-background-color {
  background-color: #006cd4;
}

.passwordreset-container {
  max-width: 450px;
  margin: 2rem auto;
  display: grid;
  grid-template-columns: 1fr 5fr;
  column-gap: 10px;
  padding: clamp(15px, 5%, 35px);
}
.passwordreset-container > .form-content-wide {
  grid-column: 1/3;
}
.passwordreset-container > .form-content-right {
  grid-column: 2;
}
.passwordreset-container > .error-image {
  justify-self: center;
  height: 4rem;
}
.passwordreset-container > h2 {
  font-size: 1.34rem;
  text-align: center;
}
.passwordreset-container > p {
  width: 100%;
}
.passwordreset-container > a {
  margin-top: 1rem;
  text-align: center;
}
.passwordreset-container .input-error {
  color: #dc143c;
}
.passwordreset-container > .note {
  display: grid;
  grid-template-columns: inherit;
  column-gap: inherit;
  font-weight: bold;
  padding: 30px 0;
}
.passwordreset-container > .note > p {
  margin: 0;
}
.passwordreset-container > .note > img {
  align-self: center;
  justify-self: end;
}
.passwordreset-container > .submit {
  align-self: center;
  justify-self: center;
}

.verify-email-container {
  --container-width: 1010px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: var(--container-width);
  margin: 0 clamp(15px, (100% - var(--container-width)) / 2, 100%);
  font-family: "Roboto";
}
.verify-email-container > .error-image {
  height: 4rem;
  margin-top: clamp(3rem, 8vw, 4rem);
}
.verify-email-container > h3 {
  font-weight: bold;
  font-size: 1.34rem;
}
.verify-email-container > .main-image {
  margin-top: clamp(1rem, 5%, 2.5rem);
  max-width: 80%;
}
.verify-email-container > h1 {
  font-size: clamp(1.5rem, 7vw, 2.25rem);
  margin: clamp(0.4rem, 5vw, 2rem) 0;
}
.verify-email-container > h2 {
  margin-bottom: 2rem;
  font-size: 1rem;
}
.verify-email-container > .secondary-text {
  font-size: 1rem;
  margin: 0 50px;
}
.verify-email-container .button-container {
  display: flex;
  flex-direction: row;
  margin: 3rem 0 2.5rem 0;
}
.verify-email-container .button-container > .btn {
  margin: 0.8rem clamp(0.8rem, 3vw, 5rem);
  min-width: 12rem;
}
.verify-email-container .side-note {
  font-size: 1rem;
}
.verify-email-container .side-note :first-child {
  margin-bottom: 0.5rem;
}
.verify-email-container .side-note :last-child {
  margin-top: 1rem;
}

.team-members {
  --linkedin-size: 30px;
  --linkedin-font-size: 12px;
  --navigate-icon-size: clamp(2.2rem, calc(150px - 10vw), 3.5rem);
  --card-transition-length: 0.4s;
  --overlay-bg-color: #006cd4d4;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  column-gap: 1rem;
  row-gap: 5rem;
  margin: 5rem 0;
}
.team-members > .team-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: clamp(200px, 1000px - 70vw, 300px) auto;
}
.team-members > .team-card > .image-container {
  grid-row: 1;
  position: relative;
  overflow: hidden;
}
.team-members > .team-card > .image-container > .expand {
  font-family: "Consteel Icons";
  font-size: 1.3rem;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.team-members > .team-card > .image-container > .expand::after {
  content: "expand_more";
  z-index: 1;
  margin: 10px 20px;
  transition: var(--card-transition-length);
  transform: rotateZ(-180deg);
  mix-blend-mode: difference;
  color: #fff;
}
.team-members > .team-card > .image-container > .expand > p {
  margin: 0;
}
.team-members > .team-card > .image-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: var(--card-transition-length);
}
.team-members > .team-card > .image-container > .intro {
  display: grid;
  grid-template-rows: 1fr var(--linkedin-size);
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding: 1rem;
  margin: 0;
  background-color: var(--overlay-bg-color);
  height: 100%;
  transition: var(--card-transition-length);
  transform: translateY(100%);
  transform-origin: bottom;
}
.team-members > .team-card > .image-container > .intro > a {
  font-family: "Consteel Icons";
  color: #fff;
  border: 2px solid;
  border-radius: 50%;
  width: var(--linkedin-size);
  text-align: center;
  line-height: calc(var(--linkedin-size) - var(--linkedin-font-size) / 2);
  font-size: var(--linkedin-font-size);
}
.team-members > .team-card > .image-container > .intro > a:hover {
  transition: 0.3s;
  color: black;
  border-color: white;
  background: white;
  mix-blend-mode: screen;
}
.team-members > .team-card > .image-container > .intro > a:active {
  transition: transform 0.01s;
  transform: scale(0.8);
}
.team-members > .team-card > .image-container > .intro > p {
  font-size: 0.85rem;
  font-weight: normal;
  margin: 0;
}
.team-members > .team-card > .name {
  font-family: Roboto, sans-serif;
  font-size: 1.15rem;
  font-weight: bold;
  margin: 1rem 0 0.2rem 0;
  grid-row: 2;
}
.team-members > .team-card > .position {
  font-size: 0.85rem;
  font-weight: normal;
  margin: 0;
  grid-row: 3;
}
.team-members > .team-card > .career-card {
  background: linear-gradient(to right, #006cd4, #1eb4fa);
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
  padding: 1rem;
}
.team-members > .team-card > .career-card > .navigate-icon {
  font-family: "Consteel Icons";
  transform: rotateZ(-90deg);
  font-size: calc(var(--navigate-icon-size) / 2);
  border: 2px solid white;
  font-weight: lighter;
  border-radius: 50%;
  width: var(--navigate-icon-size);
  height: var(--navigate-icon-size);
  text-align: center;
  position: absolute;
  right: calc(var(--navigate-icon-size) / 2);
  bottom: calc(var(--navigate-icon-size) / 2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-members > .team-card > .career-card > .navigate-icon:hover {
  transition: 0.3s;
  color: black;
  background-color: white;
  mix-blend-mode: screen;
}
.team-members > .team-card > .career-card > .navigate-icon:active {
  transform: scale(0.8) rotate(-90deg);
  transition: 0.01s;
}
.team-members > .team-card > .visit-career {
  font-weight: 500;
  font-size: 1.1rem;
}

.header-status > .status-stripe {
  height: var(--header-size-increase);
  display: grid;
  grid-template-columns: 1fr auto auto;
  background-color: var(--status-stripe-background, red);
  color: var(--status-stripe-text, white);
}
.header-status > .status-stripe > p {
  display: flex;
  justify-content: center;
  align-items: center;
  --status-stripe-width: 100%;
  margin: 0;
  padding: 0.5rem;
  grid-column: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding-right: 3rem;
}
.header-status > .status-stripe > p.left {
  justify-content: flex-start;
}
.header-status > .status-stripe > p.right {
  justify-content: flex-end;
}
.header-status > .status-stripe > p.middle {
  justify-content: center;
}
.header-status > .status-stripe > p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 155, 0) 98%, var(--status-stripe-background) 100%);
}
.header-status > .status-stripe > p > span {
  display: block;
}
.header-status > .status-stripe > p > span[animation=true] {
  width: min-content;
  animation: scroll-status-text var(--status-animation-duration) infinite linear;
}
.header-status > .status-stripe > p:hover > span[animation=true] {
  animation-play-state: paused;
}
.header-status > .status-stripe div.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-status > .status-stripe div.button-container button {
  font-family: "Consteel Icons";
  border: none;
  color: inherit;
  padding: 6.5px 1rem;
  margin: 0 1rem 0 0.4rem;
  font-weight: 500;
  font-family: inherit;
  align-self: center;
}
.header-status > .status-stripe div.button-container button:active {
  background: rgba(0, 0, 0, 0.1254901961);
}
.header-status > .status-stripe div.button-container button.custom-button {
  background: var(--status-button-background, white);
  color: var(--button-text-color, white);
  cursor: pointer;
}
.header-status > .status-stripe div.button-container button.custom-button:hover {
  background: rgba(255, 255, 255, 0.2117647059);
}
.header-status > .status-stripe div.button-container button.close-button {
  background: transparent;
  cursor: pointer;
}
.header-status > .status-stripe div.button-container button.close-button:hover {
  background: rgba(255, 255, 255, 0.2117647059);
}

.modal-title > .modal-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.left-half {
  width: 60%;
}

@media screen and (max-width: 599px) {
  div.steelspace:before {
    width: 100%;
    left: 0;
  }
  div.local-assistance:before {
    width: 100%;
    left: 0;
    left: -12%;
    width: 112%;
  }
  div.landing-features:before {
    width: 100%;
  }
  div.testimonial {
    flex-direction: column;
  }
  div.testimonial > div > img {
    margin-right: 0;
    margin-bottom: 3rem !important;
  }
  div.testimonial * {
    font-size: 1rem;
    text-align: left;
  }
  div.landing-partners > div.partner {
    width: 45%;
  }
  div.customer-projects.highlights > .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media (max-width: 781px) {
  div.storyline {
    width: 100%;
  }
  div.storyline:before {
    left: 0;
  }
  div.storyline:after {
    left: 0.5px;
  }
  div.storyline > div.bubble {
    float: right;
    width: 85%;
    transform: translateX(10rem);
    margin: 1rem 0;
  }
  div.storyline > div.bubble:before {
    left: 0;
  }
  div.storyline > div.bubble > div.header:after {
    right: auto;
    left: 0.1rem;
    transform: translate(-100%, 80%);
    content: "\e910";
    text-shadow: -2px 1px 2px rgba(0, 0, 0, 0.15);
  }
  div.storyline > div.bubble > div.header > .year {
    left: auto;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  div.customer-project > div.datasheet {
    padding: 1.375rem 1.5rem;
  }
  div.customer-project > div.datasheet > div {
    grid-template-columns: 1fr;
  }
  figure.wp-block-table.sysreq-table > table > thead th {
    padding: 1.5rem 0;
    white-space: normal;
    font-size: 0.85rem !important;
    width: min-content;
  }
  figure.wp-block-table.sysreq-table > table > tfoot td {
    padding: 1.5rem 0;
    white-space: normal;
    font-size: 0.85rem !important;
    width: min-content;
  }
  figure.wp-block-table.sysreq-table > table > tbody td {
    padding: 1.5rem 0;
    white-space: normal;
    font-size: 0.85rem !important;
    width: min-content;
  }
  div.downloads-container > div.downloads-content {
    font-size: 0.9rem;
  }
  div.downloads-content div.togglebox-content table tr td.filename > div p {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  div.resellers div.reseller-country.w-1 {
    width: 100%;
  }
  div.resellers div.reseller-country.w-2 {
    width: 100%;
  }
  div.resellers div.reseller-country.w-3 {
    width: 100%;
  }
}
@media (min-width: 782px) {
  .product-list > .wp-block-column:not(:first-child) {
    margin-left: 10%;
  }
  .mission-details > .wp-block-column:not(:first-child) {
    margin-left: 15.5%;
  }
}
@media screen and (max-width: 600px) {
  div.cookie-agreement {
    flex-direction: column;
  }
  div.cookie-agreement p {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 450px) {
  .passwordreset-container {
    grid-template-columns: 0fr 1fr;
    column-gap: 0;
  }
  .passwordreset-container > .note {
    grid-column: 2;
  }
  .passwordreset-container > .note > img {
    margin-right: 10px;
  }
}
@media screen and (max-width: 440px) {
  .verify-email-container > .button-container {
    flex-direction: column-reverse;
    width: clamp(12rem, 90%, 18rem);
  }
  .verify-email-container > .secondary-text {
    margin: 0;
  }
}
@media (hover: hover) {
  .team-members > .team-card > .image-container > label {
    display: none;
    cursor: default;
  }
  .team-members > .team-card > .image-container:hover > .intro {
    transform: translateY(0%);
  }
  .team-members > .team-card > .image-container:hover > img {
    transform: scale(1.1) rotateZ(1deg);
    transform-origin: center;
  }
  .team-members > .team-card > .image-container:hover > .expand::after {
    transform: rotateZ(0deg);
    mix-blend-mode: normal;
  }
}
@media (hover: none) {
  .team-members > .team-card > .image-container {
    pointer-events: none;
  }
  .team-members > .team-card > .image-container > label {
    pointer-events: all;
  }
  .team-members > .team-card > .image-container > .intro > a {
    pointer-events: all;
  }
  .team-members > .team-card > .image-container > input:checked ~ .intro {
    transform: translateY(0%);
  }
  .team-members > .team-card > .image-container > input:checked ~ img {
    transform: scale(1.1) rotateZ(1deg);
    transform-origin: center;
  }
  .team-members > .team-card > .image-container > input:checked ~ .expand::after {
    transform: rotateZ(0deg);
    mix-blend-mode: normal;
  }
}
@media screen and (min-width: 768px) {
  .btn {
    min-width: 12rem;
  }
  .modal {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    height: calc(100% - 56px);
    background-color: rgba(255, 255, 255, 0.8);
    align-items: center;
    justify-content: safe center;
    display: none;
    -webkit-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  .modal .btn {
    min-width: 8rem;
  }
  .modal .modal-box {
    background-color: #fff;
    padding: 1.6875rem 2.1875rem;
    border-radius: 3px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    max-width: 820px;
    margin: 2rem auto;
    min-height: auto;
    min-width: 400px;
    max-width: 820px;
    border: 2px solid #eee;
    position: relative;
    -webkit-animation: zoomIn 0.3s;
    animation: zoomIn 0.3s;
  }
  .btn.sm {
    min-width: 5rem;
  }
  .btn.disabled.modal-opener {
    display: inline-block;
  }
  .modal-wrap1 {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .modal-wrap2 {
    vertical-align: middle;
    display: table-cell;
  }
  .modal-wrap3 {
    margin: 10px;
  }
  @keyframes zoomIn {
    from {
      transform: scale3d(0.75, 0.75, 0.75);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  @-webkit-keyframes zoomIn {
    from {
      transform: scale3d(0.75, 0.75, 0.75);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
}
@media screen and (min-width: 1024px) {
  .modal {
    top: 100px;
    height: calc(100% - 100px);
  }
  body > header {
    display: grid;
    grid-template-rows: repeat(1, auto);
  }
  body > header > .header-container {
    padding: 0 2rem;
  }
  body > header .header-logo {
    position: relative;
    width: auto;
    height: 100px;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    pointer-events: auto;
    align-self: flex-start;
  }
  body > header .header-logo > a {
    display: flex;
    height: 100%;
    padding: 0 2rem 0 0;
  }
  body > header .header-logo > a > img {
    align-self: center;
    height: 60%;
  }
  body > header .header-menus {
    align-self: center;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  body > header .header-menus > .lang-changer-wrapper {
    order: 1;
    flex-basis: 100%;
    justify-content: flex-end;
  }
  body > header .header-menus > .lang-changer-wrapper > .lang-changer {
    transform: translateY(3px);
  }
  body > header .header-menus > nav {
    display: flex;
    order: 2;
  }
  body > header .header-menus > nav > .nav-menu {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    top: auto;
    left: auto;
    box-shadow: none;
    border: none;
    align-self: center;
    max-height: initial;
    overflow-y: visible;
  }
  body > header .header-menus > nav > .nav-menu > ul > li {
    display: inline-block;
    position: relative;
  }
  body > header .header-menus > nav > .nav-menu > ul > li > a {
    padding: 20px 11.9px;
  }
  body > header .header-menus > nav > .nav-menu > ul > li > ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 160px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  }
  body > header .header-menus > nav > .nav-menu > ul > li > ul > li > a {
    padding: 16px 20px;
  }
  body > header .header-menus > nav > .nav-menu > ul > li.current-menu-item > a:before {
    content: "";
    height: 1px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 0.75rem;
    left: 0.5rem;
    right: 0.5rem;
  }
  body > header .header-menus > nav > .nav-menu > ul > li.current-menu-parent > a:before {
    content: "";
    height: 1px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 0.75rem;
    left: 0.5rem;
    right: 0.5rem;
  }
  body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children > a:before {
    right: calc(19px + 0.5rem);
  }
  body > header .header-menus > nav > .nav-menu > ul > li.menu-item-has-children > a:after {
    margin-left: 10px;
  }
  body > header .header-menus > nav > .nav-icon {
    display: none;
  }
  body > header .header-menus > .user-menu {
    margin-right: 0;
  }
  body > header .header-menus > .user-menu > a.btn {
    padding: 3.5px;
    margin-right: 0;
  }
  body > header .width-restrict {
    padding: 0 2rem;
  }
  body > footer > div.footer-container {
    flex-direction: row;
  }
  body > footer > .footer-container > * {
    margin: 2rem;
  }
  body > footer > .footer-container > *:first-child {
    margin-left: 0;
  }
  body > footer > .footer-container > *:last-child {
    margin-right: 0;
  }
  body > footer nav > ul > li:not(:last-child) {
    margin: 0 3rem 0 0;
  }
  body > footer nav > ul > li > ul > li > a {
    white-space: nowrap;
  }
  body > footer div.about {
    max-width: 230px;
  }
  body > footer div.getstarted {
    max-width: 350px;
  }
  .viewport {
    margin-top: calc(100px + var(--header-size-increase, 0px));
  }
  .viewport > .content {
    overflow: hidden;
  }
  .left-half {
    width: 50%;
  }
  div.customer-projects.highlights {
    flex-wrap: nowrap;
    column-gap: 1.875%;
  }
  div.customer-projects.highlights > .wp-block-column {
    min-width: auto;
  }
  div.customer-projects.highlights > div:nth-child(2n) {
    transform: translateY(3rem);
  }
  div.customer-projects.highlights > div:nth-child(2n) h2 {
    margin: 1rem 0;
  }
  div.customer-project {
    flex-direction: row;
  }
  div.customer-project:nth-of-type(2n-1) {
    flex-direction: row-reverse;
  }
  div.customer-project:nth-of-type(2n-1) > div.gallery {
    margin-left: 0;
    margin-right: 5%;
  }
  div.customer-project > div.gallery {
    margin-left: 5%;
  }
  div.downloads-container > div.downloads-menu {
    flex-grow: 0;
    left: 0;
    min-width: max-content;
  }
  div.downloads-container > div.downloads-menu div.menu-toggle:before {
    display: none;
  }
  div.downloads-container > div.downloads-menu > div.sticky {
    top: 100px;
  }
  div.downloads-container > div.downloads-menu > div.sticky > ul {
    padding-left: 0;
    width: auto;
    visibility: visible;
  }
  div.downloads-container > div.downloads-menu > div.sticky > ul > li > a > span {
    margin-right: 3rem;
  }
  div.downloads-container > div.downloads-menu.open {
    margin-right: 0;
  }
  div.downloads-container > div.downloads-menu.open > div.sticky > ul {
    width: auto;
  }
  div.downloads-container > div.downloads-content {
    margin-left: 7.5%;
  }
  .newsletter-subscribe > .width-restrict {
    flex-direction: row;
    row-gap: auto;
  }
}
.iti {
  position: relative;
  display: inline-block;
  width: 100%;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.17/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.17/img/flags@2x.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

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