@import url('bootstrap.min.css');
@import url('magnific-popup.css');
@import url('owl.carousel.min.css');
@import url('font-initium.css');

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-Bold.eot');
	src: local('Neo Sans Pro Bold'), local('NeoSansPro-Bold'),
		url('../fonts/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Bold.woff') format('woff'),
		url('../fonts/NeoSansPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-Medium.eot');
	src: local('Neo Sans Pro Medium'), local('NeoSansPro-Medium'),
		url('../fonts/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Medium.woff') format('woff'),
		url('../fonts/NeoSansPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-LightItalic.eot');
	src: local('Neo Sans Pro Light Italic'), local('NeoSansPro-LightItalic'),
		url('../fonts/NeoSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-LightItalic.woff') format('woff'),
		url('../fonts/NeoSansPro-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-Regular.eot');
	src: local('Neo Sans Pro'), local('NeoSansPro-Regular'),
		url('../fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Regular.woff') format('woff'),
		url('../fonts/NeoSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans Pro Ultra';
	src: url('../fonts/NeoSansPro-Ultra.eot');
	src: local('Neo Sans Pro Ultra'), local('NeoSansPro-Ultra'),
		url('../fonts/NeoSansPro-Ultra.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Ultra.woff') format('woff'),
		url('../fonts/NeoSansPro-Ultra.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-BoldItalic.eot');
	src: local('Neo Sans Pro Bold Italic'), local('NeoSansPro-BoldItalic'),
		url('../fonts/NeoSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-BoldItalic.woff') format('woff'),
		url('../fonts/NeoSansPro-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-Light.eot');
	src: local('Neo Sans Pro Light'), local('NeoSansPro-Light'),
		url('../fonts/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Light.woff') format('woff'),
		url('../fonts/NeoSansPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Neo Sans Pro';
	src: url('../fonts/NeoSansPro-Italic.eot');
	src: local('Neo Sans Pro Italic'), local('NeoSansPro-Italic'),
		url('../fonts/NeoSansPro-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NeoSansPro-Italic.woff') format('woff'),
		url('../fonts/NeoSansPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
    font-family: 'sketchy';
    src: url('../fonts/sketchy.woff') format('woff'),
    url('../fonts/sketchy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

html{
    -webkit-font-smoothing: antialiased;
}

body{
    font-family: 'Neo Sans Pro';
    font-size: 1rem;
    line-height: 1.625em;
    color: rgb(32, 36, 47);
    overflow-y: hidden;
}

::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(0,0,0,0.15);
}

::selection{
    background-color:#ffd54f;
    color:#1b1b1b;
}

-webkit-::selection{
    background-color:#ffd54f;
    color:#1b1b1b;
}

::-moz-selection{
    background-color:#ffd54f;
    color:#1b1b1b;
}

.hen{
    font-family:Sketchy,Arial,Helvetica,sans-serif !important;
}

.rotate-l{
    -webkit-transform:rotate(-2.7deg);
    transform:rotate(-2.7deg);
}

.rotate-r{
    -webkit-transform:rotate(2.7deg);
    transform:rotate(2.7deg);
}

.rotate-n{
    -webkit-transform:none !important;
    transform:none !important;
}

.badge {
    border-radius: 1.0rem !important;
    padding: .35em .9em !important;
}

.badge-warning {
    color: #1b1b1b !important;
    background-color: #ffd54f !important;
}

h1,
.h1{
  position: relative;
  font-family: 'Neo Sans Pro';
  font-size: 5.725rem;
  font-weight: 700;
  line-height: 1;
  color: rgb(32, 36, 47);
}

h2,
.h2{
  position: relative;
  font-family: 'Neo Sans Pro';
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1.2;
  margin:2rem 0;
  color: rgb(32, 36, 47);
}


h3,
.h3{
  font-family: 'Neo Sans Pro';
  font-weight: 700;
  font-size: 1.925rem;
  line-height: 1.25;
  margin:1.5rem 0;
  color: rgb(32, 36, 47);
}

h4,
.h4{
  font-family: 'Neo Sans Pro';
  font-weight: 600;
  font-size: 1.525rem;
  line-height: 1.2;
  margin:1.5rem 0;
  color: rgb(32, 36, 47);
}

h5,
.h5{ 
  font-family: 'Neo Sans Pro';
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.2;
  margin:1.2rem 0;
  color: rgb(32, 36, 47);
}

h6,
.h6{
  font-family: 'Neo Sans Pro';
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.2;
  margin:1rem 0;
  text-transform: uppercase;
  color: rgb(32, 36, 47);
}


h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a{
  color:inherit;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover{
  text-decoration: none;
}

p{
  margin-bottom: 1rem;
}

ul{
  list-style: none;
  padding-left: 0;
}

a {
  color:rgb(41, 92, 234);
  -webkit-transition: color .3s ease-out;
       -o-transition: color .3s ease-out;
          transition: color .3s ease-out;
}

a:hover,
a:focus {
  color:#ffd54f;
  outline: none;
}

a:focus{
  text-decoration: none;
}

.lead{
  line-height: 1.9;
  font-size: 1.125rem;
}

.size-sm{
  font-size: 0.875rem;
}

.form-group{
  margin-bottom: 2rem;
}

.form-control,
textarea.form-control{
    font-size: 1em;
    color: #bbbbbb;
    background-color: #fff;
    border-radius: .375rem;
    border: 1px solid #dfe8f0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

textarea.form-control{
  height: 7.9em;
  padding-top:1.1em;
  border-radius: .375rem;
  resize:none;
}

.form-control:focus{
  border-color:#3869EC;
  outline: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
          background-color: none;
}

.form-control::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #bbbbbb;
}

.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}

label.error{
  border-color:#ffd54f;
  padding:9px 0 0 9px;
  font-size:0.9rem;
}

.mc-label{
  padding:9px 0 0 22px;
  font-size:0.9rem;
  color: #fff;
}

.btn{
  font-family: 'Neo Sans Pro';
  position: relative;
  display: inline-block;
  border: 2px solid #3869EC;
  padding:1em 2.4em 1em;
  font-size: 0.875em;
  color:#FFF;
  white-space: nowrap;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  background-color:#3869EC;
  font-weight: 700;
  border-radius: .375rem;
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn:hover,
.btn:focus,
.btn:active{
  color: #3869EC;
  border: 2px solid #3869EC;
  background-color: #fff;
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}

.btn-white{
  background-color: #fff;
  border-color: #fff;
  color: #1b1b1b;
}

.btn-white:hover{
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-b-white{
  background-color: transparent;
  border-color: #fff;
}

.btn-b-white:hover{
  background-color: #fff;
  color: #1b1b1b;
}

.btn-bg-dark:hover,
.btn-bg-dark:focus{
  color: #fff;
  border-color:#fff;
}

.icon-play{
  position: absolute;
  width:5.15rem;
  height: 5.15rem; 
  left: 50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid #fff;
  border-radius: 50%;
  transition:all 0.3s ease;
} 

.icon-play:before{
  position: absolute;
  top: 50%;
  left: 50%;
  margin:-6px 0 0 -5px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #fff;
}

.icon-play:hover{
  border:1px solid #ffd54f;
  background-color:#ffd54f; 
  color: #1b1b1b;
}

.icon-play:hover:before{
  border-color: transparent transparent transparent #1b1b1b;
}

.loader{
  position:absolute;
  z-index: 10;
  z-index: 100;
  left: 0;
  width: 100%;
  top:0;
  height: 100%;
  background: #fff;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffd54f;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.bg-light{
  background: #f5f5f5!important;
}

.bg-dark{
  background:#1d1d1d!important;
  color:#86878a;
}

.bg-dark .row-experience:nth-child(even){
  background-color:#272727;
}

.bg-dark .btn:hover,
.bg-dark .btn:focus{
  color: #fff
}

.bg-primary{
  background:#23a592!important;
  color:#fff;
}

.bg-dark .progress{
  background: #383838;
}

.text-dark{
  color:#1b1b1b!important;
}

.text-white{
  color:#fff!important;
}

.text-gray{
  color:#767676!important;
}

.text-muted{
  color: #bbbbbb!important;
}

.text-primary{
  color:#ffd54f!important;
}

.text-blue{
  color:#2575fc!important;
}

.text-yellow{
  color:#ffd54f!important;
}

.navbar{
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 0 1.5rem;
  border-bottom: 1px solid rgba(52,52,52,0.1);
  height:4.7rem;
}


@media(min-width: 992px){
  .navbar{
    padding: 0 3rem;
  }
}

.navbar,
.navbar a,
.navbar a:hover,
.navbar a:focus{
  color:#1b1b1b;
}

.toggler{
 position: absolute;
 right: 0;
 top: -3px;
 width:2rem;
 height: 2rem;
 padding:0;
 background: none;
 border:0;
}

.toggler:focus{
  outline: none;
}

.toggler i{
    font-size: 2rem;
    color: #1b1b1b;
    transition: all 0.3s ease;
    cursor: pointer;
    opacity: 1;
}

.navbar-brand{
  position: absolute;
  font-family: 'Neo Sans Pro';
  font-size:1.875rem;
  font-weight: 700;
  color:#fff;
  margin-right: 4rem;
  padding:0;
  line-height: 1.5;
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

.navbar-brand:hover,
.navbar-brand:focus{
  color:#fff;
}

.navbar-brand__logo{
  display:block;
  max-height:42px;
  width:auto;
  height:auto;
}

.navbar-brand__logo--light{
  display:none;
}

.navbar-white:not(.fixed) .navbar-brand__logo--dark{
  display:none;
}

.navbar-white:not(.fixed) .navbar-brand__logo--light{
  display:block;
}

@media (max-width: 1500px){
  .navbar-brand{
    position: static;
    float: left;
  }
  .navbar .container{
    width: auto;
  } 
}

.navbar ul{
  margin-bottom:0;
}

.navbar-desktop .phone,
.navbar-desktop .email{
  float: left;
  font-family: 'Neo Sans Pro';
  position: relative;
  top:0.3rem;
  margin-right: 4rem;
}

.header-user-links{
  position: absolute;
  right: 4.5rem;
  top: 1.15rem;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: .6rem;
}

.header-user-links a{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-family: 'Neo Sans Pro';
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.phone,
.email {
   text-align: left;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;

}

.navbar-bottom{
  position: absolute;
  left: 0;
  width: 100%;
  bottom:0;
  padding:0 1.5rem 3rem 1.5rem;
}

@media (min-width: 992px){
  .navbar-bottom{
    padding-left: 3rem;
    padding-right:3rem;
  }
}

.navbar-bottom{
  font-family: 'Neo Sans Pro';
  color: #1b1b1b;
}

.navbar-bottom .social{
  position: relative;
  z-index: 10;
  float: left;
}

.navbar-bottom .copy{
  float: right;
  position: relative;
  z-index: 10;
}

.social-icons li{
  float: left;
  margin-right: 1.5rem;
}

.social-icons a{
  color:#1b1b1b;
  transition: all 0.3s ease;
}

.social-icons a i,
.social-icons a svg{
  display: block;
  font-size:1.0rem;
  color:inherit;
  transition: all 0.3s ease;
}

.social-icons a:hover,
.social-icons a i:hover,
.social-icons a svg:hover{
  color: #ffd54f;
}

.navbar-bottom-white,
.navbar-bottom-white .social-icons a,
.navbar-bottom-white .social-icons i,
.navbar-bottom-white .social-icons svg{
  color: #fff !important;
}

.navbar-desktop:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 0;
  background:#fff;
  transition: all 0.3s ease;
}

/* Dynamic sections */
.dynamic-section{
  overflow:hidden;
}

.dynamic-section.bg-image,
.dynamic-section.bg-video{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.dynamic-section .section-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  pointer-events:none;
  z-index:0;
}

.dynamic-section.theme-light .intro,
.dynamic-section.theme-light .intro *{
  color:#fff;
}

.dynamic-section.bg-video .section-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.dynamic-section .section-frame{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:0;
  margin:0;
  max-height:100%;
  border-radius:1rem;
  overflow:hidden;
}

.dynamic-section.section-mode-block .pp-tableCell{
  padding: 1rem 3rem;
  box-sizing:border-box;
}

.dynamic-section .section-wrap.bg-image,
.dynamic-section .section-wrap.bg-video{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.dynamic-section .section-wrap .section-wrap-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  pointer-events:none;
  z-index:0;
}

.dynamic-section .section-wrap.bg-video .section-wrap-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.dynamic-section .section-wrap{
  position:relative;
  min-height:100%;
  border-radius:1rem;
  overflow:hidden;
}

.dynamic-section .intro{
  position:relative;
  z-index:3;
}

.dynamic-section .scroll-wrap > .container{
  position:relative;
  z-index:3;
}

.dynamic-section .section-content-layer{
  position:relative;
  z-index:3;
}

.dynamic-section .section-icon-watermark{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index:2;
}

.dynamic-section .section-icon-watermark.icon-pos-x-left{
  justify-content:flex-start;
  padding-left:8vw;
}

.dynamic-section .section-icon-watermark.icon-pos-x-center{
  justify-content:center;
}

.dynamic-section .section-icon-watermark.icon-pos-x-right{
  justify-content:flex-end;
  padding-right:8vw;
}

.dynamic-section .section-icon-watermark.icon-pos-y-top{
  align-items:flex-start;
  padding-top:20vh;
}

.dynamic-section .section-icon-watermark.icon-pos-y-center{
  align-items:center;
}

.dynamic-section .section-icon-watermark.icon-pos-y-bottom{
  align-items:flex-end;
  padding-bottom:20vh;
}

.dynamic-section .section-icon-watermark i,
.dynamic-section .section-icon-watermark svg{
  font-size:min(42vw, 360px);
  line-height:1;
  opacity:var(--section-icon-opacity, .03);
  color:currentColor;
}

.dynamic-section.theme-light{
  --section-icon-opacity: .03;
}

.dynamic-section.theme-dark{
  --section-icon-opacity: .02;
  --bg-animation-opacity: .32;
}

.dynamic-section.theme-light{
  --bg-animation-opacity: .24;
}

.dynamic-bg-animation{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
  opacity:var(--bg-animation-opacity, .28);
}

.dynamic-bg-effect{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:1;
  opacity:var(--bg-effect-opacity, .34);
  background-repeat:repeat;
}

.dynamic-section.theme-dark{
  --bg-effect-opacity:.38;
}

.dynamic-section.theme-light{
  --bg-effect-opacity:.30;
}

.dynamic-bg-effect.bg-effect-atuin_block_01{background-image:linear-gradient(135deg, rgba(255,255,255,.10) 25%, transparent 25%), linear-gradient(225deg, rgba(255,255,255,.10) 25%, transparent 25%), linear-gradient(315deg, rgba(255,255,255,.10) 25%, transparent 25%), linear-gradient(45deg, rgba(255,255,255,.10) 25%, transparent 25%); background-size:56px 56px; background-position:28px 0,28px 0,0 0,0 0;}
.dynamic-bg-effect.bg-effect-atuin_block_02{background-image:radial-gradient(rgba(255,255,255,.28) 2px, transparent 2px); background-size:28px 28px;}
.dynamic-bg-effect.bg-effect-atuin_block_03{background-image:linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px); background-size:36px 36px;}
.dynamic-bg-effect.bg-effect-atuin_block_04{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.13) 0, rgba(255,255,255,.13) 8px, transparent 8px, transparent 16px);}
.dynamic-bg-effect.bg-effect-atuin_block_05{background-image:repeating-linear-gradient(-45deg, rgba(255,255,255,.13) 0, rgba(255,255,255,.13) 8px, transparent 8px, transparent 16px);}
.dynamic-bg-effect.bg-effect-atuin_block_06{background-image:radial-gradient(circle at 25% 25%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 42%), radial-gradient(circle at 75% 75%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 42%); background-size:72px 72px;}
.dynamic-bg-effect.bg-effect-atuin_block_07{background-image:linear-gradient(30deg, rgba(255,255,255,.11) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.11) 87.5%, rgba(255,255,255,.11)), linear-gradient(150deg, rgba(255,255,255,.11) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.11) 87.5%, rgba(255,255,255,.11)); background-size:44px 76px;}
.dynamic-bg-effect.bg-effect-atuin_block_08{background-image:linear-gradient(90deg, rgba(255,255,255,.09) 50%, transparent 50%), linear-gradient(rgba(255,255,255,.09) 50%, transparent 50%); background-size:22px 22px;}
.dynamic-bg-effect.bg-effect-atuin_block_09{background-image:repeating-radial-gradient(circle at 0 0, rgba(255,255,255,.20) 0 2px, transparent 2px 16px);}
.dynamic-bg-effect.bg-effect-atuin_block_10{background-image:linear-gradient(135deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent); background-size:34px 34px;}
.dynamic-bg-effect.bg-effect-atuin_block_11{background-image:repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 1px, transparent 1px 18px), repeating-linear-gradient(rgba(255,255,255,.12) 0 1px, transparent 1px 18px);}
.dynamic-bg-effect.bg-effect-atuin_block_12{background-image:radial-gradient(circle at 50% 0, rgba(255,255,255,.24), rgba(255,255,255,0) 60%), radial-gradient(circle at 50% 100%, rgba(255,255,255,.24), rgba(255,255,255,0) 60%); background-size:100% 50%;}
.dynamic-bg-effect.bg-effect-atuin_block_13{background-image:linear-gradient(120deg, rgba(255,255,255,.13) 25%, transparent 25%), linear-gradient(240deg, rgba(255,255,255,.13) 25%, transparent 25%); background-size:52px 52px;}
.dynamic-bg-effect.bg-effect-atuin_block_14{background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.14) 0 2px, transparent 2px 12px);}
.dynamic-bg-effect.bg-effect-atuin_block_15{background-image:repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 2px, transparent 2px 12px);}
.dynamic-bg-effect.bg-effect-atuin_block_16{background-image:radial-gradient(circle, rgba(255,255,255,.18) 12%, transparent 13%); background-size:24px 24px;}
.dynamic-bg-effect.bg-effect-atuin_block_17{background-image:linear-gradient(45deg, rgba(255,255,255,.18) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.18) 75%, rgba(255,255,255,.18)), linear-gradient(45deg, rgba(255,255,255,.18) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.18) 75%, rgba(255,255,255,.18)); background-size:28px 28px; background-position:0 0,14px 14px;}
.dynamic-bg-effect.bg-effect-atuin_block_18{background-image:radial-gradient(circle at 0 0, rgba(255,255,255,.22) 1px, transparent 2px); background-size:20px 20px;}
.dynamic-bg-effect.bg-effect-atuin_block_19{background-image:linear-gradient(135deg, rgba(255,255,255,.10) 0 25%, transparent 25% 50%, rgba(255,255,255,.10) 50% 75%, transparent 75% 100%); background-size:64px 64px;}
.dynamic-bg-effect.bg-effect-atuin_block_20{background-image:conic-gradient(from 45deg at 50% 50%, rgba(255,255,255,.12) 0 25%, transparent 25% 50%, rgba(255,255,255,.12) 50% 75%, transparent 75% 100%); background-size:44px 44px;}

.bg-effect-preview{
  position:relative;
  min-height:120px;
  border:1px solid #dee2e6;
  border-radius:.5rem;
  overflow:hidden;
  background:linear-gradient(135deg, #0ea5e9 0%, #2563eb 45%, #1e293b 100%);
}

.bg-effect-preview .dynamic-bg-effect{
  opacity:.72;
}

.bg-effect-preview__label{
  position:absolute;
  left:.75rem;
  bottom:.75rem;
  z-index:2;
  padding:.25rem .5rem;
  border-radius:.375rem;
  font-size:.75rem;
  font-weight:600;
  color:#fff;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(2px);
}

.dynamic-bg-animation .bg-animation-canvas{
  width:100%;
  height:100%;
  display:block;
}

.dynamic-bg-animation .anim-item{
  position:absolute;
  display:block;
}

.section-bg-anim-orbs .anim-item{
  border-radius:50%;
  filter:blur(0.3px);
  mix-blend-mode:screen;
  background:radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 70%);
  animation:bgOrbsFloat 16s ease-in-out infinite;
}

.section-bg-anim-orbs .anim-item-1{
  width:26vmax;
  height:26vmax;
  left:-6vmax;
  top:-4vmax;
}

.section-bg-anim-orbs .anim-item-2{
  width:20vmax;
  height:20vmax;
  right:-5vmax;
  top:30%;
  animation-delay:-5s;
}

.section-bg-anim-orbs .anim-item-3{
  width:24vmax;
  height:24vmax;
  left:40%;
  bottom:-9vmax;
  animation-delay:-9s;
}

.section-bg-anim-lines{
  background-image:
    linear-gradient(130deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 35%),
    repeating-linear-gradient(
      -55deg,
      rgba(255,255,255,.12) 0,
      rgba(255,255,255,.12) 2px,
      transparent 2px,
      transparent 18px
    );
  background-size:100% 100%, 300px 300px;
  animation:bgLinesMove 18s linear infinite;
}

.section-bg-anim-lines .anim-item{
  display:none;
}

.section-bg-anim-grid{
  background-image:
    linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px);
  background-size:42px 42px;
  transform-origin:center center;
  animation:bgGridPulse 12s ease-in-out infinite;
}

.section-bg-anim-grid .anim-item{
  display:none;
}

.section-bg-anim-waves{
  background:
    radial-gradient(120% 70% at 20% 0%, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(120% 70% at 80% 100%, rgba(255,255,255,.23) 0%, rgba(255,255,255,0) 60%);
  animation:bgWavesShift 14s ease-in-out infinite;
}

.section-bg-anim-waves .anim-item{
  inset:-40%;
  border-radius:43%;
  border:1px solid rgba(255,255,255,.24);
  animation:bgWaveRotate 20s linear infinite;
}

.section-bg-anim-waves .anim-item-2{
  animation-duration:28s;
  animation-direction:reverse;
}

.section-bg-anim-waves .anim-item-3{
  animation-duration:36s;
}

@keyframes bgOrbsFloat{
  0%, 100%{ transform:translate3d(0,0,0) scale(1); }
  25%{ transform:translate3d(3vw, -4vh, 0) scale(1.08); }
  50%{ transform:translate3d(-2vw, 3vh, 0) scale(.92); }
  75%{ transform:translate3d(2vw, 2vh, 0) scale(1.04); }
}

@keyframes bgLinesMove{
  from{ background-position:0 0, 0 0; }
  to{ background-position:0 0, 300px -300px; }
}

@keyframes bgGridPulse{
  0%, 100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.06); opacity:.82; }
}

@keyframes bgWavesShift{
  0%, 100%{ transform:translate3d(0,0,0); }
  50%{ transform:translate3d(0,-2.5%,0); }
}

@keyframes bgWaveRotate{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

.delayed-contact{
  opacity:0;
  transform:translateY(4px);
  transition:opacity .45s ease, transform .45s ease;
  pointer-events:none;
}

.delayed-contact.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.contact-message-field{
  min-height: 160px !important;
}

@media (max-width: 991.98px){
  .dynamic-section.section-mode-block .pp-tableCell{
    padding:1rem;
  }
}

.navbar-nav-desktop{
  font-family: 'Montserrat', sans-serif;
  font-size:0.8rem;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top:0.3rem;
}

.nav-link{
  padding: 0;
}

.navbar-nav-desktop li a{
  color: #1b1b1b;
  transition:all 0.3s;
}

.navbar-nav-desktop li a:hover{
  text-decoration: none;
}

.navbar-nav-desktop > li{
  position: relative;
  float: left;
  margin-right: 2.1rem;
} 

.navbar-nav-desktop > li > a{
  display: flex;
  align-items: center;
}

.navbar-nav-desktop > li > .active,
.navbar-nav-desktop >  li:hover > a{
  color:#767676;
}

.navbar-nav-desktop li ul{
  opacity: 0;
  visibility: hidden;
  padding:0.7rem 1.8rem;
  position: absolute;
  top:85%;
  background:#1a1c26;
  color:#1b1b1b;
  min-width: 12rem;
  margin-left: -1.5rem;
  transition:all 0.3s linear;
}

.navbar-nav-desktop li:hover > ul{
  top:100%;
  opacity: 1;
  visibility: visible;
}

.navbar-nav-desktop li ul li{
  margin:1rem 0;
}

.navbar-nav-desktop li ul li a{
  opacity: 0.5;
  display: block;
}

.navbar-nav-desktop li ul .active a,
.navbar-nav-desktop li ul li:hover a{
  opacity: 1;
}

.site-main-menu{
  float:right;
  margin-top:.7rem;
  position:static;
}

.site-main-menu > li.menu-item-has-children{
  position:static;
}

.navbar-desktop .container{
  position:relative;
}

.site-main-menu .menu-item-has-children > a::after{
  content:'';
  display:inline-block;
  margin-left:.45rem;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:.6;
}

.site-main-menu .submenu{
  list-style:none;
  margin:0;
  min-width:16rem;
  box-shadow:0 18px 42px rgba(15,23,42,.22);
  backdrop-filter:blur(6px);
  border-radius: 1rem;
}

.site-main-menu .submenu.level-1{
  width:min(980px, calc(100% - 1rem));
  min-width:0;
  padding:1rem 1rem .75rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:.55rem 1rem;
  background:rgba(15,23,42,.94);
  border:1px solid rgba(255,255,255,.09);
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%);
  margin-left:0 !important;
  max-height:min(72vh, 640px);
  overflow:auto;
}

.site-main-menu .submenu li{
  position:relative;
  margin:.35rem 0;
}

.site-main-menu .submenu a{
  display:block;
  color:#fff;
  opacity:.9;
  white-space:normal;
  line-height:1.35;
}

.site-main-menu .submenu a:hover{
  opacity:1;
}

.site-main-menu .submenu.level-1 > li{
  margin:0;
  padding:.55rem .65rem .6rem;
  border-radius:.65rem;
  transition:background-color .2s ease;
}

.site-main-menu .submenu.level-1 > li:hover{
  background:rgba(255,255,255,.06);
}

.site-main-menu .submenu.level-1 > li > a{
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.01em;
  text-transform:none;
  opacity:1;
}

.site-main-menu .submenu.level-1 > li > a:hover{
  color: #1A4FE8;
}

.site-main-menu .submenu.level-1 > li.menu-item-has-children > a::after{
  display:none;
}

.site-main-menu .submenu.level-2{
  position:static !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:0;
  margin:.45rem 0 0;
  padding:0;
  background:transparent;
  box-shadow:none;
  border:0;
  backdrop-filter:none;
}

.site-main-menu .submenu.level-2 li{
  margin:.25rem 0;
}

.site-main-menu .submenu.level-2 a{
  font-size:.73rem;
  line-height:1.4;
  color:rgba(255,255,255,.84);
  text-transform:none;
}

.site-main-menu .submenu.level-2 a:hover{
  color: #1A4FE8;
}

@media (max-width: 1399.98px){
  .site-main-menu .submenu.level-1{
    width:min(860px, calc(100% - 1rem));
    grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  }
}

/* Mega menu hard-fix */
.site-main-menu{
  display:flex !important;
  align-items:center;
  gap:1.25rem;
}

.site-main-menu > li{
  float:none !important;
  margin-right:0 !important;
  position:static !important;
  padding-bottom:20px;
  margin-bottom:-20px;
}

.site-main-menu > li > a{
  font-weight:600;
}

.site-main-menu > li > .submenu.level-1{
  position:absolute !important;
  top:calc(100% + 54px) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important;
  transform:translateY(6px);
  z-index:140;
}

.site-main-menu > li.is-open > .submenu.level-1{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto;
  transform:translateY(0);
}

.site-main-menu .submenu.level-1{
  padding:1rem 1rem .8rem !important;
}

.site-main-menu .submenu.level-1 > li{
  min-width:0;
}

.site-main-menu .submenu.level-1 > li > a{
  margin-bottom:.35rem;
}

.site-main-menu .submenu.level-2{
  display:block !important;
}

.site-main-menu .submenu.level-2 li{
  margin:.18rem 0 !important;
}

.click-capture{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  background: rgba(0,0,0,0.3);
  transition: opacity 0.5s;
}

.navbar-mobile{
  display:block;
  align-items:baseline;
  flex-wrap:unset;
  padding:3.2rem 1.25rem 1.2rem;
  position: fixed;
  top:0;
  bottom:0;
  right:0;
  width:100%;
  max-width: none;
  height: 100%;
  z-index: 110;
  background:
    radial-gradient(120% 70% at 95% -10%, rgba(26, 79, 232, 0.18), rgba(26, 79, 232, 0) 58%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  box-shadow:0 24px 64px rgba(15,23,42,.18);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items:stretch;
  -webkit-transition:transform .35s ease;
  -o-transition:transform .35s ease;
  transition:transform .35s ease;
}

.navbar-mobile::before{
  content:'INITIUM';
  position:absolute;
  top:50%;
  right:.55rem;
  transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:'Neo Sans Pro', Arial, sans-serif;
  font-size:clamp(3.2rem, 10vw, 7.8rem);
  font-weight:700;
  letter-spacing:.14em;
  line-height:1;
  background:linear-gradient(270deg, rgba(181, 181, 181, 0.30) 0%, rgba(181, 181, 181, 0) 78%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  pointer-events:none;
  user-select:none;
  z-index:0;
}

.navbar-mobile > .language,
.navbar-mobile > .navbar-nav-mobile,
.navbar-mobile > .navbar-mobile-footer{
  flex:0 0 auto;
  position:relative;
  z-index:1;
}

.navbar-mobile .navbar-nav-mobile{
  margin-top:0 !important;
}

.navbar-mobile .language{
  margin-top:0;
  margin-bottom:1.1rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.navbar-mobile .language li{
  float:none;
  color:#ffd54f;
  margin-right:0;
}

.navbar-mobile .language li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.6rem;
  height:2rem;
  padding:0 .75rem;
  border-radius:999px;
  color:#8f6a00;
  border:1px solid rgba(143,106,0,.26);
  background:rgba(255,255,255,.82);
  font-weight:700;
}

.navbar-mobile .language .active a,
.navbar-mobile .language li a:hover{
  color:#1b1b1b;
  border-color:#ffd54f;
  background:#ffd54f;
  text-decoration:none;
}

.navbar-mobile .close{
  position:absolute;
  right:1.1rem;
  top:1rem;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.3rem;
  color:#1b1b1b;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  transition:all .25s ease;
  cursor:pointer;
  opacity:1;
}

.navbar-mobile .close:hover{
  opacity:1;
  color:#1b1b1b;
  border-color:#ffd54f;
  background:#ffd54f;
}

@media (max-width: 1199.98px){
  .navbar-nav-desktop,
  .site-main-menu,
  .service-page-nav-desktop{
    display:none !important;
  }
}

.navbar-mobile-footer{
  margin-top:1rem;
  padding:1rem .25rem .2rem;
  border-top:1px solid rgba(15,23,42,.12);
  color:#4b5563;
  font-size:.85rem;
}

.navbar-nav-mobile{
  display:block;
  font-size:1rem;
  margin-top:.2rem;
  font-weight:600;
  padding:0;
}

.navbar-nav-mobile-user{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(15,23,42,.12);
  font-size:.96rem;
}

.navbar-nav-mobile  li{
  margin-bottom:.55rem;
}

.navbar-nav-mobile li a{
  display:flex;
  align-items:center;
  min-height:2.8rem;
  padding:.7rem .85rem;
  border-radius:.8rem;
  color:#111827;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(15,23,42,.08);
  font-weight:600;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  transition:all .2s ease;
}

.navbar-nav-mobile li .active,
.navbar-nav-mobile  li a:hover,
.navbar-nav-mobile  li a:focus{
  color:#111827;
  border-color:rgba(255,213,79,.7);
  background:linear-gradient(135deg, rgba(255,213,79,.28) 0%, rgba(255,255,255,.98) 100%);
  transform:translateY(-1px);
  text-decoration:none;
}

.site-mobile-menu details{
  margin-bottom:1rem;
}

.site-mobile-menu summary{
  list-style:none;
  cursor:pointer;
  color:#ffd54f;
  font-weight:700;
  border-left:2px solid transparent;
  padding-left:.25rem;
  transition:color .2s ease, border-color .2s ease;
}

.site-mobile-menu summary::-webkit-details-marker{
  display:none;
}

.site-mobile-menu summary::after{
  content:'▾';
  margin-left:.45rem;
  font-size:.8em;
  opacity:.7;
}

.site-mobile-menu details[open] > summary{
  color:#1b1b1b;
  border-left-color:#1b1b1b;
}

.site-mobile-submenu{
  margin-top:.8rem;
  margin-left:1rem;
  padding-left:.6rem;
  border-left:1px dashed rgba(27,27,27,.25);
}

.site-mobile-submenu li{
  margin-bottom:.65rem;
}

.site-mobile-submenu a{
  color:#1b1b1b;
  font-size:1.7vh;
  line-height:1.35;
}

.site-mobile-menu details{
  margin-bottom:.55rem;
  border-radius:.8rem;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  overflow:hidden;
}

.site-mobile-menu summary{
  color:#111827;
  border-left:0;
  padding:.78rem .95rem;
  transition:background-color .2s ease, color .2s ease;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.site-mobile-menu summary::after{
  content:'\25BE';
  margin-left:.6rem;
  font-size:.9em;
  opacity:.8;
  transition:transform .2s ease;
  color:#6b7280;
}

.site-mobile-menu details[open] > summary{
  color:#111827;
  background:rgba(255,213,79,.16);
}

.site-mobile-menu details[open] > summary::after{
  transform:rotate(180deg);
}

.site-mobile-submenu{
  margin:0;
  padding:.35rem .7rem .75rem .9rem;
  border-left:3px solid rgba(255,213,79,.55);
  background:rgba(255,255,255,.72);
}

.site-mobile-submenu li{
  margin-bottom:.35rem;
}

.site-mobile-submenu a{
  color:#1f2937;
  font-size:.93rem;
  min-height:2.45rem;
  padding:.55rem .7rem;
  border-radius:.65rem;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:none;
}

.menu-is-open{
  overflow:hidden;
}

.menu-is-open .navbar-mobile{
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.menu-is-open .click-capture{
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1200px){
  .navbar-mobile{
    width:min(460px, 38vw);
    max-width:min(460px, 38vw);
  }
}

@media (max-width: 1199.98px){
  .navbar-mobile{
    height:100dvh;
    min-height:100dvh;
    padding:3.2rem 1rem 1rem !important;
    box-sizing:border-box;
    overflow-y:auto;
    overflow-x:hidden;
  }

  .navbar-mobile .close{
    top:.75rem;
    right:.75rem;
  }

  .navbar-mobile .language{
    margin-bottom:.65rem;
  }

  .navbar-nav-mobile{
    margin-top:0;
    padding-bottom:.75rem;
  }

  .navbar-nav-mobile li a{
    min-height:auto;
    padding:.58rem .7rem;
  }

  .site-mobile-menu details{
    margin-bottom:.45rem;
  }

  .site-mobile-menu summary{
    padding:.62rem .78rem;
  }

  .site-mobile-submenu{
    padding:.25rem .5rem .5rem .7rem;
  }

  .navbar-mobile-footer{
    margin-top:.5rem;
    padding-top:.6rem;
  }
}

.navbar.fixed{
  position: fixed;
  z-index: 10;
  top:0;
  box-shadow:0 0 30px rgba(0,0,0,0.1);
}

.navbar.fixed:before{
  height: 100%;
}

.navbar-white{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navbar-white:not(.fixed) .phone,
.navbar-white:not(.fixed) .email,
.navbar-white:not(.fixed) a,
.navbar-white:not(.fixed) a:hover,
.navbar-white:not(.fixed) .toggler i{
    color: #fff;
}

.navbar-white:not(.fixed) .navbar-nav-desktop li a{
  color: #fff;
}

.navbar-white:not(.fixed) .navbar-nav-desktop > .active > a,
.navbar-white:not(.fixed)  .navbar-nav-desktop > li > .active, 
.navbar-white:not(.fixed)  .navbar-nav-desktop > li:hover > a {
    color: #000;
}

.navbar-white:not(.fixed) .social-icons ion-icon{
  color: #fff;
}

.navbar-white:not(.fixed) .social-icons ion-icon:hover{
  color: #000;
}

.navbar-white:not(.fixed) .toggler-icon{
  border-color: #fff;
}

.masthead{
  position: relative;
  min-height: 100vh;
  background-size: cover;
  display: flex;
  align-items: center;
  padding:9rem 0 5rem 0;
  background-position: left top;
  background-size: cover;
}

.opener{
  position: relative;
  z-index: 1;
  width: 100%;
}

.opener .modal-content{
  background-color: rgba(255,255,255,0.9);
}

h1 + .line{
  margin-top:15vh;
  width: 25%;
  border-top:3px  solid #ffd54f;
  transition:all .3s ease;
}

.section{
  position: relative;
  padding:9rem 0;
}

.section-sm{
  padding: 6rem 0;
}

.section h2{
  margin-top: 0;
}

.pp-section{
  background: #E9EEF5;
  background-position: 50%;
  background-size: cover;
  padding:8rem 0 6rem;
}

.section:not(#home) .intro{
  opacity: 0;
  transform:translateY(-40px);
  transition:all 0.7s;
}

.section:not(#home) .intro.animate{
  opacity: 1;
  transform:translateY(0);
}

.pp-scrollable{
  padding:0;
  overflow-x: hidden;
}

.pp-scrollable .intro{
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.pp-scrollable .intro:before{
  content: '';
  display: inline-block;
  height: 100vh;
  vertical-align: middle;
}

.pp-scrollable .scroll-wrap{
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 8rem 0 6rem;
  white-space: normal;
}

@media (max-width: 1199.98px){
  html.mobile-linear-layout,
  body.mobile-linear-layout{
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  .mobile-linear-layout #pagepiling{
    height:auto !important;
    overflow:visible !important;
  }

  .mobile-linear-layout #pagepiling .dynamic-section{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    display:block !important;
    min-height:100dvh;
    height:auto !important;
    padding:6.2rem 0 3rem;
  }

  .mobile-linear-layout #pagepiling .dynamic-section .pp-tableCell{
    display:block !important;
    width:100%;
    height:auto !important;
    vertical-align:top !important;
  }

  .mobile-linear-layout #pagepiling .dynamic-section .scroll-wrap{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
  }

  .mobile-linear-layout #pagepiling .dynamic-section .section-frame,
  .mobile-linear-layout #pagepiling .dynamic-section .section-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .mobile-linear-layout #pp-nav,
  .mobile-linear-layout .progress-nav{
    display:none !important;
  }

  #pagepiling .dynamic-section .pp-tableCell{
    vertical-align: top !important;
  }
}

.progress-nav{
  position: fixed;
  z-index: 10;
  top: 50%;
  right:1.5rem;
  transform: translate(0,-50%);
}

@media(min-width: 992px){
  .progress-nav{
    right: 3rem;
  }
}

.progress-nav li{
  position: relative;
  width: 3px;
  height:30px;
  -webkit-transition: background-color .3s cubic-bezier(.46,.03,.52,.96);
  transition: background-color .3s cubic-bezier(.46,.03,.52,.96);
  background-color: #1b1b1b;
}

.progress-nav li:before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 0;
  content: '';
  transition:all .3s ease;
   background-color: #ffd54f;
}

.progress-nav li:before{
  height: 30px;
}

.progress-nav li.active ~ li:before {
    background-color: #101010;
}

.progress-nav-white li.active ~ li:before{
  background-color: #fff;
}

.experience-info{
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: -4.5rem;
}

.experience-number{
  display: inline-block;
  font-size: 8rem;
  line-height: 1;
  font-family: 'Neo Sans Pro';
  color:#ffd54f;
}

.experience-text{
  display: inline-block;
  color: #1b1b1b;
  line-height: 1.4;
  font-weight: 700;
}

.row-experience{
  padding:2rem 0;
  border-top: 1px solid rgba(255,255,255,0.3);
}

.row-experience:first-child{
  padding-top:0;
  border-top:0;
}

.row-experience:last-child{
  padding-bottom:0;
}

.row-experience img{
  width: auto!important;
}

.download-cv{
  display: inline-block;
  margin-top: 3.7rem;
  position: relative;
  z-index: 1;
}

.owl-dots{
  position: absolute;
  width: 100%;
  margin-top:3.5rem;
  text-align: center;
}

.owl-dot{
  display: inline-block;
  margin:0 0.35rem;
}

.owl-dot:focus{
  outline: none;
}

.owl-dots span{
  display: block;
  width: 20px;
  height:3px;
  background-color: #d6d6d6;
}

.owl-dot.active span{
  background-color: #ffd54f;
}

.owl-nav{
  font-family: 'Tahoma';
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -8.6rem;
  font-size: 6rem;
}

.owl-prev{
  margin-right: 0.6rem;
}

.owl-next,
.owl-prev{
  opacity: 0.45;
  transition: all 0.3s;
}

.owl-prev:focus,
.owl-next:focus{
  outline: none;
}

.owl-prev:hover,
.owl-next:hover{
  opacity: 1!important;
  color:#ffd54f!important;
}

.photo-icon{
  position: absolute;
  /* box-shadow: 0 5px 15px 5px rgba(16,16,16,.1); */
  overflow: hidden;
  transition:all .6s .4s ease;
  opacity: 0;
}

.photo-icon-1{
  top:-50px;
  left:30%
}

.photo-icon-2{
  left:-40px;
  bottom:100px;
}

.photo-icon-3{
  right:-50px;
  bottom:50px;
}

.active .photo-icon-1{
  opacity: 1;
  left:50%
}

.active .photo-icon-2{
  opacity: 1;
  bottom:150px;
  transition-delay: .7s
}

.active .photo-icon-3{
  opacity: 1;
  bottom:-50px;
  transition-delay: 1s
}

.progress{
  height: 6px;
  border-radius: 0;
  background-color: #1b1b1b;
}

.progress-bar{
  position: relative;
  background-color: transparent;
}

.progress-bar:before{
  position: absolute;
  background:#ffd54f;
  content:'';
  width:0;
  height: 100%;
}

.active .progress-bar:before{
  width: 100%;
  transition:all 0.8s  ease;
}

.progress-item:nth-child(1) .progress-bar:before{
  transition-delay: 400ms;
}

.progress-item:nth-child(2) .progress-bar:before{
  transition-delay: 600ms;
}

.progress-item:nth-child(3) .progress-bar:before{
  transition-delay: 800ms;
}

.project-wrap{
  width: 100%;
  position: relative;
  min-height: 100%;
}

.bg-changer{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow:hidden;
}

.section-bg{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.bg-changer .section-bg{
  opacity: 0;
  will-change: opacity, transform;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.5s 0.2s ease,  transform 5s 0.2s ease;
  -o-transition: opacity 0.5s 0.2s ease,  transform 5s 0.2s ease;
  transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
}

.bg-changer .active{
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.bg-changer .section-bg:first-child{
  opacity: 1;
}

.row-project-box{
  margin-top: -30px;
}

.col-project-box{
  margin-top: 30px;
}

.project-box{
  display: block;
  padding-bottom: 30%;
  position: relative;
  border:1px solid rgba(255,255,255,0.5);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s  ease;
}

.project-box-inner{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  padding:2.14rem 1.928rem;
}

.project-box h4{
  margin:0;
  color: #fff;
}

.project-category{
  color: #cccccc;
  margin-top: 0.5rem;
}

.project-box:hover{
  background: #ffd54f;
  text-decoration: none;
  border-color: transparent;
}

.project-box:hover h4{
  color: #1b1b1b;
}

.project-box:hover .project-category{
  color:#666666;
}

@media (min-width: 768px){
  .project-box {
    padding-bottom: 75%;
  }
  .project-category{
    position: absolute;
    bottom:1.2rem;
  }
}

.row-partners{
  margin:0 -4rem;
}

.col-partner{
  padding:0 4rem;
  margin:2.5rem 0;
  text-align: center;
}

.col-partner img{
  max-width: 100%;
  transition: all 0.3s ease;
}

.icon-quote{
  display: inline-block;
  line-height: 1;
  font-size: 12rem;
  margin-top: -2rem;

}

.carousel-testimonials .owl-nav{
  position: static;
  margin-top: 5rem;
}

.message{
  margin-bottom: 2rem;
  display: none;
}

/* .col */
@media (min-width: 320px) {
    h1,
    .h1{
        font-size: 4.0rem;
    }
}

/* .col-sm */
@media (min-width: 576px) {
    h1,
    .h1{
        font-size: 4.2rem;
    }
}

/* .col-md */
@media (min-width: 768px) {
    h1,
    .h1{
        font-size: 4.0rem;
    }
}

/* .col-lg */
@media (min-width: 992px) {
    h1,
    .h1{
        font-size: 4.2rem;
    }
}

/* .col-xl */
@media (min-width: 1200px) {
    h1,
    .h1{
        font-size: 5.0rem;
    }
}

.service-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  padding:1.1rem 1rem;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  height:100%;
}

.theme-light .service-card{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}

.service-card__icon{
  font-size:1.5rem;
  line-height:1;
}

.service-card__title{
  margin:0;
  font-size:1.15rem;
}

.service-card__category{
  display:inline-flex;
  align-self:flex-start;
  border:1px solid rgba(15,23,42,.22);
  border-radius:999px;
  padding:.12rem .55rem;
  font-size:.72rem;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.service-card__desc{
  margin:0;
  opacity:.92;
  line-height:1.45;
}

.service-card__more{
  margin-top:auto;
  align-self:flex-start;
}

.service-detail-page{
  overflow-y:auto;
  background:#f5f8ff;
  min-height:100vh;
}

.service-detail{
  color:#1f2937;
  padding-top:94px;
  padding-bottom:1.25rem;
}

.service-detail-page .navbar-desktop{
  border-bottom:1px solid rgba(37,99,235,.12);
}

.service-page-nav-desktop{
  float:right;
  margin-top:.45rem;
}

.service-detail-page .navbar-nav-desktop > li{
  margin-right:1.35rem;
}

.service-detail-page .navbar-nav-desktop li a{
  color:#0f172a;
  font-weight:600;
}

.service-detail-page .navbar-nav-desktop > li > .active,
.service-detail-page .navbar-nav-desktop > li:hover > a{
  color:#1d4ed8;
}

.service-page-section{
  scroll-margin-top: 110px;
  margin-bottom: 1.2rem;
}

.service-page-section--services{
  margin-top:7rem;
}

.service-page-section--vakansii{
  margin-top:3rem;
}

.service-page-section--gallery{
  margin-top:3.5rem;
}

#services-categories + #services-contacts{
  margin-top: 6rem !important;
}

#careers-openings + #careers-contacts{
  margin-top: 5.5rem !important;
}

#category-services + #category-contacts{
  margin-top: 5.5rem !important;
}

#service-prices + #service-question{
  margin-top: 5.5rem !important;
}

.service-page-footer{
  border-top:1px solid rgba(37,99,235,.12);
  padding:1rem 0 1.1rem;
}

.service-page-footer .copy{
  color:#334155;
  font-size:.92rem;
}

.service-detail__toolbar{
  background:#ffffff;
  border:1px solid rgba(37,99,235,.12);
  border-radius:1rem;
  padding:.9rem 1rem;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}

.service-detail__card{
  border-radius: 1.2rem;
  padding: 1.5rem;
  overflow: visible;
  position: relative;
}


.card-intro-gradient {
    background-image: linear-gradient(rgb(192, 206, 225), rgb(223, 232, 240) 117.77%);
}

.card-secondary-gradient {
    background-image: linear-gradient(to right, rgb(223, 232, 240), rgb(219, 227, 237) 30%);
}

.card-primary-gradient {
    background-color: rgb(26, 79, 232);
    background-image:linear-gradient(to left, rgba(107, 152, 240, 0.5), rgba(107, 152, 240, 0.5) 20%, rgba(26, 79, 232, 0) 123%);
}

.service-detail__header{
  display:flex;
  flex-direction:column;
  gap:.6rem;
}

.service-detail__badge{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  padding:.2rem .65rem;
  border-radius:999px;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:700;
  color:#1e40af;
  background:rgba(37,99,235,.14);
  border:1px solid rgba(37,99,235,.18);
}

.service-detail__icon{
  font-size:2.1rem;
  line-height:1;
  color:#1d4ed8;
}

.service-detail__title{
  margin:0;
  line-height:1.2;
}

.service-detail__lead{
  margin:0;
  color:#4b5563;
}

.service-detail__image-wrap{
  border-radius:.9rem;
  overflow:hidden;
  border:1px solid rgba(37,99,235,.14);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.service-detail__image{
  width:100%;
  height:auto;
  display:block;
}

.service-detail__content{
  line-height: 1.75;
  background: #fff;
  border-radius: 1.2rem;
  border: 1px solid rgb(223, 232, 240);
  padding: 1.5rem;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px -1px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 5px 5px 0px;
  position: relative;
  margin-bottom: -100px;
  z-index: 2;
}

.service-gallery-card{
  border:1px solid rgb(223, 232, 240);
  border-radius:1rem;
  overflow:hidden;
  background:#fff;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.1) 0 -1px 1px 0 inset, rgba(0, 0, 0, 0.05) 0 5px 5px 0;
  transition:transform .25s ease, box-shadow .25s ease;
}

.service-gallery-card:hover{
  transform:translateY(-4px);
}

.service-gallery-card__image-wrap{
  display:block;
  background:#dbe8f0;
}

.service-gallery-card__image{
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  display:block;
  cursor:zoom-in;
}

.service-gallery-card__content{
  padding:1rem;
}

.service-gallery-card__title{
  margin:0 0 .45rem;
  font-size:1.02rem;
  line-height:1.35;
}

.service-gallery-card__desc{
  color:#64748b;
  line-height:1.5;
}

.mfp-caption-title{
  font-weight:700;
  margin-bottom:.25rem;
}

.mfp-caption-description{
  opacity:.92;
  line-height:1.45;
}

.mfp-bottom-bar{
  position:absolute;
  left:0;
  right:0;
  bottom:40px;
  top:auto;
  width:100%;
  margin-top:0;
  max-height:32vh;
  overflow-y:auto;
  padding:.75rem .9rem .85rem;
  background:linear-gradient(to top, rgba(15,23,42,.88) 0%, rgba(15,23,42,.62) 55%, rgba(15,23,42,0) 100%);
  box-sizing:border-box;
}

.mfp-bottom-bar .mfp-title{
  color:#fff;
  white-space:normal;
  word-break:break-word;
  padding-right:1rem;
}

.mfp-counter{
  display:none !important;
}

.mfp-caption-description{
  max-height:18vh;
  overflow-y:auto;
  padding-right:.2rem;
}

.mfp-figure{
  position:relative;
}

.service-price-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.6rem;
  border:1px solid rgba(37,99,235,.16);
  border-radius:.85rem;
  padding:.75rem .9rem;
  background:#f8fbff;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.service-price-item--aside{
  border-radius:.75rem;
}

.service-aside-card{
  position:sticky;
  top:118px;
  border:1px solid rgba(37,99,235,.22);
  border-radius:1rem;
  background:#ffffff;
  padding:1rem;
  box-shadow:0 14px 28px rgba(15,23,42,.08);
}

.service-aside-prices{
  display:grid;
  gap:.55rem;
}

.service-price-item:hover{
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.35);
  box-shadow:0 10px 20px rgba(15,23,42,.08);
}

.service-price-item__label{
  font-weight:500;
}

.service-price-item__amount{
  font-weight:700;
  white-space:nowrap;
  color:#0f172a;
}

.service-detail__langs{
  display:flex;
  gap:.55rem;
  margin:0;
  padding:0;
}

.service-detail__langs li a{
  display:inline-block;
  border:1px solid rgba(37,99,235,.25);
  border-radius:999px;
  padding:.2rem .55rem;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#1e40af;
  background:#fff;
}

.service-detail__langs li.active a{
  background-image:#1d4ed8;
  color:#fff;
  border-color:#1d4ed8;
}

.service-question-card{
  color:#ffffff !important;
}

.service-contact-card{
  color:#ffffff !important;
}

.service-contact-card .text-muted{
    color:rgba(255,255,255,.78) !important;
    
}

.service-contact-list{
  display:grid;
  gap:.55rem;
}

.service-contact-item{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-weight:500;
}

.service-contact-item i{
  width:1.1rem;
  text-align:center;
  color:#93c5fd;
}

.service-contact-btn{
  background:#fff;
  border-color:#fff;
  color:#1d4ed8;
  font-weight:600;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.service-contact-btn:hover,
.service-contact-btn:focus{
  background:#eef4ff;
  border-color:#eef4ff;
  color:#1e40af;
  
}

.service-question-btn{
  background:#22c55e;
  border-color:#22c55e;
  color:#fff;
  font-weight:600;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.service-question-btn:hover,
.service-question-btn:focus{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}

.service-contact-btn:hover,
.service-contact-btn:focus,
.service-question-btn:hover,
.service-question-btn:focus{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(15,23,42,.18);
}

.service-faq-accordion .accordion-item{
  border:1px solid #d9e3f0;
  border-radius:.85rem;
  overflow:hidden;
  background:#fff;
}

.service-faq-accordion .accordion-button{
  font-weight:600;
  color:#0f172a;
  background:#fff;
}

.service-faq-accordion .accordion-button:not(.collapsed){
  color:#1d4ed8;
  box-shadow:none;
}

.service-faq-accordion .accordion-body{
  color:#374151;
  line-height:1.7;
}

.service-detail-page .service-card{
  border:1px solid rgb(223, 232, 240) !important;
  border-radius:1rem;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px -1px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 5px 5px 0px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.service-detail-page .service-card:hover{
  transform:translateY(-4px);
}

.service-detail-page .service-card__icon{
  width:2.15rem;
  height:2.15rem;
  border-radius:.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#1d4ed8;
}

@media (max-width: 767.98px){
  .service-detail__toolbar{
    padding:.7rem .75rem;
  }

  .service-detail__card{
    padding:1rem;
  }

  .service-page-section{
    scroll-margin-top: 92px;
  }

  .service-detail{
    padding-top:82px;
    padding-bottom:1rem;
  }
}

@media (max-width: 991.98px){
  .service-aside-card{
    position:static;
    top:auto;
  }
}

.career-page{
  background:#f4f7fb;
  min-height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
}

.career-page__main{
  padding-bottom:2rem;
}

.career-card{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  background:#fff;
  padding:1rem;
  box-shadow:0 8px 30px rgba(15,23,42,.06);
}

.career-card__category{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#2563eb;
}

.career-card__title{
  margin:0;
  font-size:1.1rem;
  line-height:1.35;
}

.career-card__meta{
  font-size:.88rem;
  color:#64748b;
}

.career-card__desc{
  color:#334155;
  margin:0;
}

.vacancy-meta-list .badge{
  display:inline-flex;
  align-items:center;
  gap:.2rem;
  padding:.55rem .9rem;
  font-weight:600;
  border:1px solid rgba(15,23,42,.08);
}

.service-detail #vacancy-content .service-detail__content{
  margin-top:.4rem;
}

.resume-photo-preview img{
  width: 100%;
  max-width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 1rem;
  border:1px solid rgba(15,23,42,.12);
}

.client-card{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  height:100%;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  padding:1rem;
}

.theme-light .client-card{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}

.client-card__logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  border:1px dashed rgba(15,23,42,.15);
  border-radius:.7rem;
  background:rgba(255,255,255,.45);
  padding:.6rem;
}

.theme-light .client-card__logo-link{
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.08);
}

.client-card__logo{
  max-width:100%;
  max-height:72px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.client-card__logo-placeholder{
  font-weight:600;
  font-size:.92rem;
  line-height:1.35;
  text-align:center;
}

.client-card__title{
  margin:0;
  font-size:1rem;
}

.client-card__desc{
  margin:0;
  font-size:.92rem;
  line-height:1.45;
  opacity:.9;
}

.auth-page{
  min-height:100vh;
  background:linear-gradient(135deg, #f8fbff 0%, #e8eef7 55%, #dde7f5 100%);
  overflow-y:auto;
}

.auth-page__main{
  position:relative;
  min-height:100vh;
}

.auth-page__bg-shape{
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}

.auth-page__bg-shape--one{
  width:320px;
  height:320px;
  top:6%;
  left:8%;
  background:radial-gradient(circle at 30% 30%, rgba(37,99,235,.18) 0%, rgba(37,99,235,0) 72%);
}

.auth-page__bg-shape--two{
  width:420px;
  height:420px;
  right:6%;
  bottom:4%;
  background:radial-gradient(circle at 65% 35%, rgba(14,165,233,.17) 0%, rgba(14,165,233,0) 70%);
}

.auth-card{
  position:relative;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(15,23,42,.08);
  border-radius:1rem;
  padding:1.5rem;
  box-shadow:0 18px 42px rgba(15,23,42,.1);
  backdrop-filter:blur(6px);
}

.auth-card__header{
  margin-bottom:1rem;
}

.auth-card__brand{
  display:inline-flex;
  align-items:center;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#2563eb;
  margin-bottom:.65rem;
}

.auth-card__title{
  margin:0;
  font-size:1.55rem;
}

.auth-card .form-floating > .form-control{
  border-radius:.7rem;
}

.auth-card .form-floating > label{
  color:#64748b;
}

.auth-card .btn{
  border-radius:.7rem;
}

.auth-card__footer{
  margin-top:1rem;
  color:#64748b;
}

@media (max-width: 575.98px){
  .auth-card{
    padding:1.1rem;
  }
}

@media (max-width: 1199.98px){
  .navbar-nav-mobile li a{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:.5rem 0 !important;
    min-height:0 !important;
  }

  .site-mobile-menu details{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    margin-bottom:.3rem !important;
  }

  .site-mobile-menu summary{
    background:transparent !important;
    padding:.5rem 0 !important;
  }

  .site-mobile-submenu{
    background:transparent !important;
    border-left:1px solid rgba(15,23,42,.16) !important;
    margin:.15rem 0 .45rem .35rem !important;
    padding:.1rem 0 .1rem .7rem !important;
  }

  .site-mobile-submenu a{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:.35rem 0 !important;
    min-height:0 !important;
  }
}

@media (min-width: 1200px){
  .site-main-menu .submenu{
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .site-main-menu .submenu.level-1{
    background:#ffffff !important;
    gap:.25rem 1rem !important;
  }

  .site-main-menu .submenu.level-1 > li{
    padding:.35rem 0 .55rem !important;
    margin:0 !important;
    background:transparent !important;
  }

  .site-main-menu .submenu.level-1 > li:last-child{
    border-bottom:0;
  }

  .site-main-menu .submenu.level-1 > li:hover{
    background:transparent !important;
  }

  .site-main-menu .submenu a{
    color:#111827 !important;
    opacity:1 !important;
  }

  .site-main-menu .submenu.level-1 > li > a{
    margin-bottom:.25rem !important;
    font-size:.78rem;
  }

  .site-main-menu .submenu.level-1 > li > a:hover,
  .site-main-menu .submenu.level-2 a:hover{
    color:#1d4ed8 !important;
  }

  .site-main-menu .submenu.level-2{
    margin:.25rem 0 0 !important;
    padding:0 0 0 .55rem !important;
    border-radius:0 !important;
    border-left:1px solid rgba(15,23,42,.12);
  }

  .site-main-menu .submenu.level-2 li{
    margin:.12rem 0 !important;
  }

  .site-main-menu .submenu.level-2 a{
    color:#374151 !important;
    font-size:.73rem;
    padding:.14rem 0;
  }
}

/* Flat style for side panel menu on all screen sizes */
.navbar-mobile .navbar-nav-mobile li a{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:.5rem 0 !important;
  min-height:0 !important;
}

.navbar-mobile .site-mobile-menu details{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  margin-bottom:.3rem !important;
}

.navbar-mobile .site-mobile-menu summary{
  background:transparent !important;
  padding:.5rem 0 !important;
}

.navbar-mobile .site-mobile-submenu{
  background:transparent !important;
  border-left:1px solid rgba(15,23,42,.16) !important;
  margin:.15rem 0 .45rem .35rem !important;
  padding:.1rem 0 .1rem .7rem !important;
}

.navbar-mobile .site-mobile-submenu a{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:.35rem 0 !important;
  min-height:0 !important;
}

.navbar-mobile .site-mobile-menu details > .site-mobile-submenu{
  display:block !important;
  max-height:0;
  opacity:0;
  overflow:hidden;
  margin:0 0 0 .35rem !important;
  padding:0 0 0 .7rem !important;
  border-left:1px solid transparent !important;
  transition:max-height .28s ease, opacity .22s ease, margin .22s ease, padding .22s ease, border-color .22s ease;
}

.navbar-mobile .site-mobile-menu details[open] > .site-mobile-submenu{
  opacity:1;
  margin:.15rem 0 .45rem .35rem !important;
  padding:.1rem 0 .1rem .7rem !important;
  border-left-color:rgba(15,23,42,.16) !important;
}

.tz-direction-card{
  height:100%;
  border:1px solid rgba(15,23,42,.08);
  border-radius:.85rem;
  padding:1rem;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.tz-direction-card .btn{
  border-radius:.6rem;
}

.tz-textarea{
  min-height:120px;
  height:120px;
}

.tz-preview{
  overflow:auto;
}

.tz-preview h1{
  font-size:1.5rem;
}

.tz-step{
  display:none;
}

.tz-step.is-active{
  display:block;
}

.tz-wizard-progress .progress{
  border-radius:999px;
  background:rgba(15,23,42,.08);
}

.tz-wizard-progress .progress-bar{
  transition:width .25s ease;
}

.js-tz-wizard .form-control.is-invalid{
  border-color:#dc3545;
  box-shadow:0 0 0 .2rem rgba(220,53,69,.12);
}

.tz-question--group{
  padding:.85rem 1rem;
  border:1px solid rgba(15,23,42,.08);
  border-radius:.75rem;
  background:#fff;
}

.tz-question--group .form-check{
  margin-bottom:.35rem;
}

/* Transform translate Y */
.translate-y-t-1 {
    transform: translateY(-1px);
}

.translate-y-t-2 {
    transform: translateY(-2px);
}

.translate-y-t-3 {
    transform: translateY(-3px);
}

.translate-y-t-4 {
    transform: translateY(-4px);
}

.translate-y-t-5 {
    transform: translateY(-5px);
}

.translate-y-b-1 {
    transform: translateY(1px);
}

.translate-y-b-2 {
    transform: translateY(2px);
}

.translate-y-b-3 {
    transform: translateY(3px);
}

.translate-y-b-4 {
    transform: translateY(4px);
}

.translate-y-b-5 {
    transform: translateY(5px);
}

.translate-y-t-1-before::before {
    transform: translateY(-1px);
}

.translate-y-t-2-before::before {
    transform: translateY(-2px);
}

.translate-y-t-3-before::before {
    transform: translateY(-3px);
}

.translate-y-t-4-before::before {
    transform: translateY(-4px);
}

.translate-y-t-5-before::before {
    transform: translateY(-5px);
}

.translate-y-b-1-before::before {
    transform: translateY(1px);
}

.translate-y-b-2-before::before {
    transform: translateY(2px);
}

.translate-y-b-3-before::before {
    transform: translateY(3px);
}

.translate-y-b-4-before::before {
    transform: translateY(4px);
}

.translate-y-b-5-before::before {
    transform: translateY(5px);
}