/* Custom styles for current website */
@font-face {
  font-family: "Regular";
  src: url('/fonts/Archia-Regular.otf')
}

@font-face {
  font-family: "SemiBold";
  src: url('/fonts/Archia-SemiBold.otf')
}

@font-face {
  font-family: "Bold";
  src: url('/fonts/Archia-Bold.otf')
}
html {
  font-size:14px;
  letter-spacing:.04em;
}
body {
  font-family: "Regular";
}

a {
  opacity: 1;
}

#main { padding-top: 68px; }
.py-default {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pt-default { padding-top: 4rem; }
.pb-default { padding-bottom: 4rem; }

* {
  scrollbar-width: thin;
  scrollbar-color: #848Fa2 #f5f7f9;
}
::-webkit-scrollbar
{
  width: 10px;  /* for vertical scrollbars */
}
::-webkit-scrollbar-track { background: #f5f7f9; }
::-webkit-scrollbar-thumb { background: #848Fa2; }

.z-index-1 { z-index:1; }
.top-header-height { top:68px; }

/* Colors */
.tile-bg-right::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  padding-bottom: 75%;
  border-radius: 0.7143rem;
  background: rgb(58,171,239);
  background: -moz-radial-gradient(100% 100%, ellipse cover, rgba(58,171,239,1) 33.333%, rgba(0,102,255,1) 20%);
  background: -webkit-radial-gradient(100% 100%, ellipse cover, rgba(58,171,239,1) 33.333%,rgba(0,102,255,1) 20%);
  background: radial-gradient(ellipse at 100% 100%, rgba(58,171,239,1) 33.333%,rgba(0,102,255,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#3aabef',GradientType=1 );
}
.tile-bg-left::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  padding-bottom: 75%;
  border-radius: 0.7143rem;
  background: rgb(58,171,239);
  background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(58,171,239,1) 33.333%, rgba(0,102,255,1) 80%);
  background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(58,171,239,1) 33.333%,rgba(0,102,255,1) 80%);
  background: radial-gradient(ellipse at 0% 100%, rgba(58,171,239,1) 33.333%,rgba(0,102,255,1) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aabef', endColorstr='#0066ff',GradientType=1 );
}
.tile-bg-16-9::before {
  padding-bottom: 56.25%;
}

/* Text */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  font-family: "Bold";
  letter-spacing: normal;
}
.display-1 {
  font-weight: 700;
  font-size:calc(20px + (50 - 20) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2;
  letter-spacing: normal;
}
.display-2 {
  font-weight: 700;
  font-size:calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2;
  letter-spacing: normal;
}
.display-3 {
  font-weight: 700;
  font-size:calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2;
  letter-spacing: normal;
}
.display-4 {
  font-weight: 600;
  font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2;
  letter-spacing: .04em;
}
.display-normal {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Regular";
  line-height: 1.5;
  margin-bottom: 0 !important;
}
.more, .control {
  position: relative;
  display: inline-block;
  color:inherit;
  font-weight:600;
  color:#06f;
  letter-spacing: .04em;
  padding-bottom: .25rem;
  border-bottom: 1px solid;
  transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
}
.control { color: inherit; border-bottom: 1px transparent; }
.more:hover, .control.mixitup-control-active { color:#0066ff; }
.control.mixitup-control-active { border-bottom: 1px solid; }

[class*="col-"] > .text-field p,
[class*="col-"] > .text-field > span {
  color:#848Fa2;
}

.text-white [class*="col-"] > .text-field p { color:#fff; }
.arrow-right::after {
  content: '\f061';
  position: relative;
  display: inline-block;
  float: right;
  font-size: 1.25rem;
  font-family: 'Font Awesome 5 Pro';
  color: #06f;
  font-weight: 300;
  left: 1.5rem;
}
[class*="item-"]:nth-child(2) .arrow-right::after, [class*="item-"]:nth-child(4) .arrow-right:after { display: none; }

/* List */
[class*="col-"] > .text-field ul {
  position: relative;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 1rem 0;
}
[class*="col-"] > .text-field ul li {
  position: relative;
  display: block;
  padding:0 0 1.429rem 2rem;
  color:#848Fa2;
}
[class*="col-"] > .text-field ul li:last-child { padding-bottom: 0; }
[class*="col-"] > .text-field ul li::before, [class*="col-"] > .text-field ul.bullet-list li::before {
  content:'\f00c';
  position: absolute;
  top: auto;
  left: 0;
  width: 2rem;
  height: auto;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 1.143rem;
  color:#0066ff;
}
[class*="col-"] > .text-field ul.bullet-list li::before { content:'\f111'; font-weight: 700; font-size: .75rem; top:.323rem; }
[class*="col-"] > .text-field ul li.list-title { padding: 0 0 1rem 0; }
[class*="col-"] > .text-field ul li.list-title::before { display: none; }

/* Icons */
[class*="icon-"] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  align-self: flex-start;
}
.icon-16 {
  width: calc((10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  font-size: 10px;
}
.icon-16 svg {
  width: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
  height: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
}
.icon-24 {
  width: calc((12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  font-size: 12px;
}
.icon-24 svg {
  width: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));
  height: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));
}
.icon-32 {
  width: calc((16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  font-size: 20px;
}
.icon-32 svg {
  width: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));
  height: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));
}
.icon-48 {
  width: calc((20px + (48 - 20) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((20px + (48 - 20) * ((100vw - 300px) / (1600 - 300)) + 2rem));
}
.icon-48 svg {
  width: calc(20px + (48 - 20) * ((100vw - 300px) / (1600 - 300)));
  height: calc(20px + (48 - 20) * ((100vw - 300px) / (1600 - 300)));
}
.icon-64 {
  width: calc((32px + (64 - 32) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((32px + (64 - 32) * ((100vw - 300px) / (1600 - 300)) + 2rem));
}
.icon-64 svg {
  width: calc(32px + (64 - 32) * ((100vw - 300px) / (1600 - 300)));
  height: calc(32px + (64 - 32) * ((100vw - 300px) / (1600 - 300)));
}
.icon-96 {
  width: calc((48px + (96 - 48) * ((100vw - 300px) / (1600 - 300)) + 2rem));
  height: calc((48px + (96 - 48) * ((100vw - 300px) / (1600 - 300)) + 2rem));
}
.icon-96 svg {
  width: calc(48px + (96 - 48) * ((100vw - 300px) / (1600 - 300)));
  height: calc(48px + (96 - 48) * ((100vw - 300px) / (1600 - 300)));
}
.icon-circle-40 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid;
  font-size: 1rem;
  transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
}
.text-primary:hover .icon-circle-40 {
  color: #fff;
  border-color: #06f;
  background: #06f;
}
/* Flexbox */
.offset-1-2 { margin-left: 10%; }
/* Position */
.top-50 {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.left-50 {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.top-50.left-50 {
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
/* Navbar */
.navbar-brand {
  padding: 2rem 1rem;
  margin-right:0;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.navbar-brand.small { padding: 1rem 1rem; }
.navbar-brand svg {
  position: relative;
  display: block;
  width: 140px;
  height: 30px;
	-webkit-transition: fill .4s ease;
	-moz-transition: fill .4s ease;
	-o-transition: fill .4s ease;
	transition: fill .4s ease;
}
.navbar-brand:hover svg > g > path:nth-child(2) {
  animation: hoverlogo 1.25s forwards;
}

@keyframes hoverlogo {
	0% {
		fill:#2c2c49;
	}
	15% {
		fill:#0066ff;
	}
	50% {
		fill:#0066ff;
	}
	100% {
		fill:#2c2c49;
	}
}
.menu-white .navbar-brand svg * { fill: #FFF; }
.menu-white .btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.menu-white .btn-primary:hover {
  color: #06f;
  background-color: #fff;
  border-color: #fff;
}

/* Heights */
.min-vh-100 {
  min-height: auto !important;
}

/* Slideshow */
.carousel-indicators {
  justify-content: center;
  align-items: center;
}
.carousel-indicators li {
  position: relative;
  display: inline-flex;
  justify-content:center;
  align-items:center;
  width: .875rem;
  height: .875rem;
  font-size:0;
  padding: 0;
  margin: 0 5px !important;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  outline: none;
  box-sizing: unset;
  flex: none;
  text-indent: unset;
  cursor: pointer;
  border:none;
  opacity:1!important;
}
.carousel-indicators li::before {
  content:'';
  position: absolute;
  top: calc(50% - .4375rem);
  left: calc(50% - .4375rem);
  width: .875rem;
  height: .875rem;
  border: 1px solid;
  border-radius: 50%;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.carousel-indicators li.active {
  font-size:.875rem;
  width: 2.5rem;
  height: 2.5rem;
}
.carousel-indicators li.active::before {
  content:'';
  position: absolute;
  top: calc(50% - 1.25rem);
  left: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.row.slider-cover > div:not(.customize-tools) {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.row.slider-cover.article-list-3-row > div:not(.customize-tools) { width: 100%; }
.row.slider-cover.article-list-3-row > [class*="tns-"], .row.slider-cover.article-list-3-row > [class*="tns-"] > [class*="tns-"], .row.slider-cover.article-list-3-row > [class*="tns-"] > [class*="tns-"] > .tns-inner { height: 100%; }

[id*="customize-controls-"] {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  bottom: 0;
  padding: 0 1rem;
}
.customize-tools {
  position: relative;
  display: inline-block;
  width: calc(100% - 2rem);
  margin: 2rem auto 0 auto;
}
[id*="customize-controls-"] .prev, [id*="customize-controls-"] .next {
  position: relative;
  display: inline-block;
  top: auto;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid;
  border-radius: 24px;
  color: inherit;
  text-align: center;
  cursor: pointer;
  margin: 0 0.5rem;
  background: transparent;
  border-color:#06f;
  color: #06f;
}
[id*="customize-controls-"] .next { right: auto; }
[id*="customize-controls-"] .prev { left: auto; }
[id*="customize-controls-"] .prev:hover, [id*="customize-controls-"] .next:hover {
  background: #06f;
  border-color:#06f;
  color: #fff !important;
}
.tns-nav > .slide-dot[aria-controls] {
  position: relative;
  display: inline-flex;
  justify-content:center;
  align-items:center;
  width: .875rem;
  height: .875rem;
  font-size:0;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  outline: none;
}
.tns-nav > button.slide-dot::before {
  content:'';
  position: absolute;
  top: calc(50% - .4375rem);
  left: calc(50% - .4375rem);
  width: .875rem;
  height: .875rem;
  border: 1px solid;
  border-radius: 50%;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.tns-nav > .slide-dot.tns-nav-active[aria-controls] {
  font-size:.875rem;
  width: 2.5rem;
  height: 2.5rem;
}
.tns-nav > .slide-dot.tns-nav-active::before {
  content:'';
  position: absolute;
  top: calc(50% - 1.25rem);
  left: calc(50% - 1.25rem);
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.tns-nav > .slide-button[aria-controls] {
  position: relative;
  display: flex;
  align-items:center;
  width: auto;
  height: auto;
  font-size:1rem;
  font-weight: 400;
  text-align: inherit;
  color: inherit;
  padding: 0;
  margin: 1rem 0 0 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  outline: none;
  transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;
}
.tns-nav > .slide-button::before {
  content:'\f061';
  font-family: 'Font Awesome 5 Pro';
  position: relative;
  width: 0;
  font-size: 1rem;
  overflow: hidden;
  color: inherit;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.tns-nav > .slide-button.tns-nav-active::before, .tns-nav > .slide-button.tns-nav-active:hover:before {
  content:'\f061';
  font-family: 'Font Awesome 5 Pro';
  position: relative;
  width: 1rem;
  color: inherit;
  margin-right: .5rem;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
}
.tns-nav > .slide-button.tns-nav-active {
  color: #0066ff;
  border-bottom: 1px solid;
}
.tns-nav > .slide-button:hover { color: #0066ff; }

.article-list-7 .row.slider-cover { overflow: hidden; }
.article-list-7 .row.slider-cover > div:not(.customize-tools) {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-left: auto;
}
.article-list-7 .customize-tools {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
.article-list-7 [id*="customize-controls-"] {
  position: relative;
  top:0;
  padding: 0;
}
.article-list-7 [id*="customize-controls-"] .prev, .article-list-7 [id*="customize-controls-"] .next {
  transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
}
.article-list-7 [id*="customize-controls-"] .prev { margin-bottom: 0; }
.article-list-7 [id*="customize-controls-"] .prev, .article-list-7 [id*="customize-controls-"] .next {
  background: transparent;
  border-color: #fff;
  color: #fff !important;
}
.article-list-7 [id*="customize-controls-"] .prev:hover, .article-list-7 [id*="customize-controls-"] .next:hover {
  background: #fff;
  border-color: #fff;
  color: #06f !important;
}
.article-list-7 .tns-nav {
  position: absolute;
  display: flex;
  justify-content: start;
  align-items: center;
  bottom: -2.5rem;
  left: 1rem;
  width: calc(100% - 80px - 4rem);
  text-align: left;
  margin: 0;
  z-index: 999;
}
.article-list-7 .tns-nav > [aria-controls] {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: auto;
  height: 1px;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: rgba(255,255,255,.5);
  border: 0;
  box-shadow: none;
  outline: none;
}
.article-list-7 .tns-nav > .tns-nav-active { background: #fff; }

/* Accordion */
.accordion-button {
  color: inherit;
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
  border: none;
  background: transparent;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
}
.article-list-9 .accordion-button { font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300))); }
.accordion-item {
  border-bottom: 1px solid;
  border-color: #e0e2e7;
}
.accordion-item:last-child { border-bottom: none; }
.accordion-button [class*="fa-"] {
  font-size: 24px;
  vertical-align: middle;
}
.accordion-button[aria-expanded="true"] [class*="fa-"] {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
}

/* Call to action */
.left-side-banner.hided {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.left-side-banner {
  position: fixed;
  display: block;
  width: auto;
  height: auto;
  transform:none;
  -webkit-transform:none;
  visibility: hidden;
  opacity: 0;
  z-index: 999999;
}
.left-side-banner.small-banner.show {
  top: auto;
  left: 0;
  bottom: 0;
  transform:none;
  -webkit-transform:none;
  visibility: visible;
  opacity: 1;
  padding: 1rem;
  border-top-right-radius: 0.7143rem !important;
  border-bottom-right-radius: 0 !important;
  -webkit-animation: slideFromBottom .2s forwards;
  animation: slideFromBottom .2s forwards;
  background: none !important;
  z-index:999998;
}
.left-side-banner.small-banner.show.hiding {
  -webkit-animation: hideToBottom .2s forwards;
  animation: hideToBottom .2s forwards;
}
.close-banner {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.close-banner::before {
  content: '\f057';
  position: relative;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.429rem;
  font-weight: 200;
}
.left-side-banner.small-banner *:not(.btn), .small-banner .close-banner.d-flex {
  display: none !important;
  opacity: 0;
}
.left-side-banner.small-banner .btn.btn-light {
  color: #fff;
  background-color: #06f;
  border-color: #06f;
}
.left-side-banner.small-banner .btn.btn-light:hover {
  color: #fff;
  background-color: #0052cc;
  border-color: #004dbf;
}
.left-side-banner.show:not(.small-banner) {
  visibility: visible;
  opacity: 1;
  border-top-right-radius: 0.7143rem !important;
  border-bottom-right-radius: 0.7143rem !important;
  padding: 2rem;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -webkit-animation: slideFromLeft .6s forwards;
  animation: slideFromLeft .6s forwards;
  box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 30%) !important;
}
.left-side-banner.show.hiding {
  -webkit-animation: hideToLeft .6s forwards;
  animation: hideToLeft .6s forwards;
}
.left-side-banner.show:not(.small-banner) *:not(.btn) {
  display: block !important;
  opacity: 1;
}
.left-side-banner.show:not(.small-banner) .close-banner.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
.left-side-banner .btn > [class*='fa-'] {
  display: inline-block !important;
  opacity: 1 !important;
  font-size: 1.429rem !important;
  position: absolute;
  left: 1rem;
  transition: none !important;
  -webkit-transition: none !important;
}
@-webkit-keyframes slideFromLeft {
  0% {
    left: -270px;
  }
  100% {
    left: 0px;
  }
}
@keyframes slideFromLeft {
  0% {
    left: -270px;
  }
  100% {
    left: 0px;
  }
}
@-webkit-keyframes hideToLeft {
  0% {
    left: 0px;
  }
  100% {
    left: -270px;
  }
}
@keyframes hideToLeft {
  0% {
    left: 0px;
  }
  100% {
    left: -270px;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    bottom: -7rem;
  }
  100% {
    bottom: 0;
  }
}
@keyframes slideFromBottom {
  0% {
    bottom: -7rem;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes hideToBottom {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -7rem;
  }
}
@keyframes hideToBottom {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -7rem;
  }
}
/* Call to action end */

/* Custom settings */
[class*="list-item-"] .in-categories {
  position: absolute;
  width: auto;
  max-width: calc(100% - 3rem);
  height: auto;
  top: 0;
  left: 1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
[class*="list-item-"] .category-title {
  position: relative;
  display: inline-block;
  font-size: .7143rem;
  text-transform: uppercase;
  background-color: #06f;
  color: #fff;
  padding: 0.35rem 0.6rem;
  transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
}
#article-detail .category-title {
  position: relative;
  display: inline-block;
  font-size: .7143rem;
  text-transform: uppercase;
  background-color: #06f;
  color: #fff;
  padding: 0.35rem 0.6rem;
  transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
}
.image-box.collapse {
  opacity:0;
}
.image-box.collapsing {
  opacity:0;
}
.image-box.collapse.show {
  animation: fadeIn .2s ease-in;
  animation-fill-mode:forwards;
}
.solution-card div.position-relative {
  min-height: 5.143rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.bg-slate-blue { background-color:#6d6df2; }
.bg-light-blue { background-color:#3aabef; }
.on-hover-image { overflow: hidden; }
.on-hover-image::before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
}
.on-hover-image:hover:before {
  opacity: 0;
}
.on-hover-image.bg-dark::before { background-color:#2c2c49; }
.on-hover-image.bg-warning::before { background-color:#ffa400; }
.on-hover-image.bg-info::before { background-color:#26bcaa; }
.on-hover-image.bg-slate-blue::before { background-color:#6d6df2; }
.on-hover-image.bg-success::before { background-color:#93c01f; }
.on-hover-image.bg-light-blue::before { background-color:#3aabef; }
.on-hover-image.bg-secondary::before { background-color:#848Fa2; }

.time-line-item h2 {
  font-size: calc(50px + (90 - 50) * ((100vw - 300px) / (1600 - 300)));
  color:rgba(0,102,255,.12);
  margin-bottom: -0.75em;
}
.time-line::before, .time-line-item.ml-md-auto h2::before, .time-line-item.mr-md-auto h2::before { background:#0066ff !important; }
.main-video .video-holder {
  position: absolute;
  width: 100vw;
  height: 0;
  min-height:inherit;
  padding-bottom: 56.25%;
  top: 70%;
  transform: translateY(-50%);
  left: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
  overflow: hidden;
  will-change: transform, opacity, filter;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
}
.overlay-positive::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  z-index: 0;
}
.overlay-positive > div { z-index: 1; }
.overlay-slide-items .tns-item::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  z-index: 0;
}
.bg-position-left { background-position: left center; }
.bg-position-right { background-position: right center; }
.bg-position-center { background-position: right center; }

/* Custom breakpoints */
@media (min-width: 575.98px) {
  .offset-sm-1-2 { margin-left: 10%; }
  [class*="item-"]:nth-child(2) .arrow-right::after, [class*="item-"]:nth-child(4) .arrow-right:after { display: inline-block; }
  [class*="item-"]:nth-child(3) .arrow-right::after { display: none; }
  .mobile-menu { max-width: 360px; }
}

@media (min-width: 767.98px) {
  .py-default {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .pt-default { padding-top: 6rem; }
  .pb-default { padding-bottom: 6rem; }
  [id*="-formContactForm"] {
    background-image: url('/img/contact-form-bg.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: calc(100% + 220px) center;
  }
  .bg-position-md-left { background-position: left center; }
  .bg-position-md-right { background-position: right center; }
  .bg-position-md-center { background-position: right center; }
  .offset-md-1-2 { margin-left: 10%; }
  .position-md-relative { position: relative !important; }
  .h-md-auto { height: auto !important; }
  .main-video .video-holder { top: 50%; }
  .overlay-slide-items .tns-item::before { display: none; }
  .article-list-7 .tns-nav {
    left: 1rem;
    width: calc(66.666% - 80px - 2rem);
  }
  .article-list-7 .row.slider-cover > div:not(.customize-tools) {
    width: 133.333%;
    margin-right: calc(-33.333% - 1.5rem);
  }
}
@media (min-width: 991.98px) {
  #main { padding-top: 86px; }
  .offset-lg-1-2 { margin-left: 10%; }
  [class*="item-"]:nth-child(3) .arrow-right::after { display: inline-block; }
  .bg-position-lg-left { background-position: left center; }
  .bg-position-lg-right { background-position: right center; }
  .bg-position-lg-center { background-position: right center; }
  .overlay-lg-none::after { display: none; }
  .left-side-banner.show:not(.small-banner) { padding: 5rem 2rem; }
}
@media (min-width: 1279.98px) {
  #main { padding-top: 110px; }
  .py-default {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pt-default { padding-top: 8rem; }
  .pb-default { padding-bottom: 8rem; }
  .navbar-brand { padding: 2.5rem 1rem; }
  .navbar-brand svg {
    position: relative;
    display: block;
    width: 186px;
    height: 40px;
  }
  .min-vh-100 {
    min-height: 100vh!important;
  }
  .col-max-640 {
    flex: 0 0 calc(640px - 2rem);
    max-width: calc(640px - 2rem);
  }
  .offset-xl-1-2 { margin-left: 10%; }
  .row.slider-cover.article-list-3-row { width: 100%; }
  .row.slider-cover.article-list-3-row > div:not(.customize-tools) { width: 100%; }
  .article-list-3-row > .tns-outer, .article-list-3-row > .tns-outer > .tns-ovh, .article-list-3-row > .tns-outer > .tns-ovh > .tns-inner, .article-list-3 { height: 100%; }
  [id*="-formContactForm"] {
    background-position: calc((100% - 1280px) / 2 + 1155px - 1rem) center;
  }
  .tns-nav > .slide-button[aria-controls] {
    font-size:1.429rem;
  }
  .bg-position-xl-left { background-position: left center; }
  .bg-position-xl-right { background-position: right center; }
  .bg-position-xl-center { background-position: right center; }
  .icon-16 {
    width: calc(16px + 2rem);
    height: calc(16px + 2rem);
    font-size: 10px;
  }
  .icon-16 svg {
    width: 16px;
    height: 16px;
  }
  .icon-24 {
    width: calc(24px + 2rem);
    height: calc(24px + 2rem);
    font-size: 12px;
  }
  .icon-24 svg {
    width: 24px;
    height: 24px;
  }
  .icon-32 {
    width: calc(32px + 2rem);
    height: calc(32px + 2rem);
    font-size: 20px;
  }
  .icon-32 svg {
    width: 32px;
    height: 32px;
  }
  .icon-48 {
    width: calc(48px + 2rem);
    height: calc(48px + 2rem);
  }
  .icon-48 svg {
    width: 48px;
    height: 48px;
  }
  .icon-64 {
    width: calc(64px + 2rem);
    height: calc(64px + 2rem);
  }
  .icon-64 svg {
    width: 64px;
    height: 64px;
  }
  .icon-96 {
    width: calc(96px + 2rem);
    height: calc(96px + 2rem);
  }
  .icon-96 svg {
    width: 96px;
    height: 96px;
  }
}
@media (min-width: 1599.98px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: 20px; }
  .display-1 { font-size: 50px; }
  .display-2 { font-size: 30px; }
  .display-3 { font-size: 20px; }
  .display-4 { font-size: 16px; }
  .time-line-item h2 { font-size: 90px; }
  .accordion-button { font-size: 20px; }
  .article-list-9 .accordion-button { font-size: 16px; }
  .navbar-brand svg {
    position: relative;
    display: block;
    width: 186px;
    height: 40px;
  }
}
@media (min-width: 2559.98px) {
  .container {
    max-width: 1920px;
  }
}
/* Model viewer */
model-viewer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.progress-bar {
  display: block;
  width: 33%;
  height: 10%;
  max-height: 2%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 25px;
  box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.5);
}
.progress-bar.hide {
  visibility: hidden;
  transition: visibility 0.3s;
}
.update-bar {
  background-color: rgba(255, 255, 255, 0.9);
  width: 0%;
  height: 100%;
  border-radius: 25px;
  float: left;
  transition: width 0.3s;
}
#ar-button {
  background-image: url('/3dmodels/ar_icon.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 12px 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  bottom: 16px;
  padding: 0px 16px 0px 40px;
  font-family: Roboto Regular, Helvetica Neue, sans-serif;
  font-size: 14px;
  color:#06f;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  border: 1px solid #DADCE0;
}
#ar-button:active {
  background-color: #E8EAED;
}
#ar-button:focus {
  outline: none;
}
#ar-button:focus-visible {
  outline: 1px solid #06f;
}

@keyframes circle {
  from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
  to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}

@keyframes elongate {
  from { transform: translateX(100px); }
  to   { transform: translateX(-100px); }
}
model-viewer > #ar-prompt {
  position: absolute;
  left: 50%;
  bottom: 60px;
  animation: elongate 2s infinite ease-in-out alternate;
  display: none;
}

model-viewer[ar-status="session-started"] > #ar-prompt {
  display: block;
}
model-viewer > #ar-prompt > img {
  animation: circle 4s linear infinite;
}
model-viewer#lazy-load #default-progress-bar > .bar { top: calc(50% - 2px) !important; }

/* Cookies */
.termsfeed-com---palette-light .cc-pc-container {
  background: #fff;
  border-radius: 0.7143rem;
  overflow: hidden;
  font-family: 'Regular';
}
.termsfeed-com---pc-dialog .cc-cp-body-content-entry-text {
  font-size: 1rem !important;
}
.termsfeed-com---palette-light.termsfeed-com---nb {
  background-color: #fff !important;
  color: #848Fa2 !important;
  box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 30%) !important;
  border-radius: 0.7143rem 0 0 0;
  font-family: 'Regular';
}
.termsfeed-com---nb .cc-nb-main-container {
  padding: 2rem !important;
}
.termsfeed-com---nb-simple {
  max-width: 480px !important;
}
.termsfeed-com---nb .cc-nb-title {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.termsfeed-com---nb .cc-nb-text {
  font-size: 12px !important;
}
.termsfeed-com---palette-light .cc-nb-reject, .termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-cp-foot-save, .termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked+label:before {
  background-color: #06f !important;
}
.termsfeed-com---palette-light .cc-pc-head-lang select {
  color: #848Fa2 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.termsfeed-com---palette-light .cc-nb-changep { background: none !important; color: #666 !important; }

#article-detail .container img {
  max-width: 100% !important;
  height: auto !important;
}

#article-detail p iframe {
  aspect-ratio: 16 / 9;
  max-width: 100%;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#0052cc;
  border-color:#0052cc;
}

.btn-primary:hover {
  color:#fff;
  background-color:#0052cc;
  border-color:#0052cc
}

.btn-primary:focus,.btn-primary.focus {
  color:#fff;
  background-color:0052cc;
  border-color:#0052cc
}

.btn-primary.disabled,.btn-primary:disabled {
  color:#fff;
  background-color:#06f;
  border-color:#06f
}

.footer-navigation .nav-menu > li > a:not(.btn):not(.btn-c2),
.mobile-menu .mobile-menu-header .mobile-menu-close span:hover,
.desktop-navbar a:not(.btn):not(.btn-c2),
.desktop-navbar a:not(.btn):not(.btn-c2):hover,
.desktop-navbar .main-navigation .nav-menu > li > a:not(.btn):not(.btn-c2),
.desktop-navbar .main-navigation .nav-menu .has-submenu .dropdown > li > a:hover,
.desktop-navbar .top-navigation .nav-menu .has-submenu .dropdown > li > a:hover,
.desktop-navbar .main-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:hover > a,
.desktop-navbar .main-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:active > a,
.desktop-navbar .main-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:focus > a,
.desktop-navbar .top-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:hover > a,
.desktop-navbar .top-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:active > a,
.desktop-navbar .top-navigation .nav-menu .has-submenu .dropdown > li.has-submenu:focus > a {
  color: #2c2c49;
}

input:checked + .slider {
	background-color: #61ba49;
}

input:focus + .slider {
	box-shadow: 0 0 1px #61ba49;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color:#f33 !important
}

.btn-danger {
  color:#fff;
  background-color:#f66;
  border-color:#f66
}

.btn-danger:hover {
  color:#fff;
  background-color:#ff4040;
  border-color:#f33
}

.btn-danger:focus,
.btn-danger.focus {
  color:#fff;
  background-color:#ff4040;
  border-color:#f33
}

.btn-danger.disabled,
.btn-danger:disabled {
  color:#fff;
  background-color:#f66;
  border-color:#f66
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color:#fff;
  background-color:#f33;
  border-color:#ff2626
}

ol.no-offsets {
  padding-left: 0;
}

ol.no-offsets > li {
  margin-left: 20px;
}

ol.ligh-gray > li {
  color: #848fa2;
}

.btn-secondary{
  background-color:#848fa2;
  border-color:#848fa2
}

.btn-secondary:disabled {
  background-color:#848fa2;
  border-color:#848fa2
}

.btn-outline-secondary {
  color:#848fa2;
  border-color:#848fa2
}

.btn-outline-secondary:hover {
  background-color:#848fa2;
  border-color:#848fa2
}

.btn-outline-secondary:disabled {
  color:#848fa2;
}

.show > .btn-outline-secondary.dropdown-toggle {
  background-color:#848fa2;
  border-color:#848fa2
}

.badge-secondary {
  background-color:#848fa2
}

.bg-secondary {
  background-color:#848fa2 !important
}

.border-secondary {
  border-color:#848fa2 !important
}

.text-secondary {
  color:#848fa2 !important
}