body,p{
  line-height:26px;
  color:var(--default)
}

.custom-text-color-2 {
  color: #FFD700 !important;
}

/* Fix oversized logo in mobile offcanvas */
#offCanvasLogo img {
  max-height: 60px !important;
  max-width: 200px !important;
}

/* Ensure equal height for service cards in diensten section */
.bg-tertiary .row.justify-content-center .col-md-4 {
  display: flex;
}

.bg-tertiary .row.justify-content-center .col-md-4 .box-shadow-7 {
  display: flex;
  flex-direction: column;
}

.bg-tertiary .row.justify-content-center .col-md-4 .thumb-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bg-tertiary .row.justify-content-center .col-md-4 .thumb-info-content {
  flex: 1;
  display: flex;
  align-items: stretch;
}
.nav>li>a,a{
  -webkit-text-decoration:none
}
.box-shadow-none,html,html body .btn.active,html body .btn:active,html body .btn:focus,html body.body .btn.active,html body.body .btn:active,html body.body .btn:focus{
  box-shadow:none!important
}
#footer .logo img,#header .header-logo img{
  image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0)
}
#footer,#footer .footer-copyright nav,.alert ul li{
  font-size:.9em
}
.n-ls-05,.negative-ls-05,h1,h2,h3,h4{
  letter-spacing:-.05em
}
body,h1,h2,h3,h4{
  -webkit-font-smoothing:antialiased
}
h3,li{
  line-height:24px
}
.breadcrumb>li,h3{
  text-transform:uppercase
}
.text-decoration-none,.toggle>.toggle-title,.toggle>label{
  -webkit-text-decoration:none!important;
  text-decoration:none!important
}
.list.list-icons,.offcanvas-nav .nav ul,.portfolio-list,ul.nav-list li ul{
  list-style:none
}
@media (min-width:992px){
  #header .header-nav-main{
      display:flex!important;
      height:auto!important
  }
  #header .header-nav-main nav{
      display:flex!important
  }
  #header .header-nav-main nav>ul>li{
      align-self:stretch;
      height:100%;
      margin-left:2px
  }
  #header .header-nav-main nav>ul>li>a{
      align-items:center;
      border-radius:var(--border-radius);
      color:var(--grey-500);
      display:inline-flex;
      font-size:14px;
      font-style:normal;
      font-weight:600;
      letter-spacing:-.5px;
      padding:.5rem 1rem;
      -webkit-text-decoration:none;
      text-decoration:none;
      text-transform:uppercase;
      white-space:normal
  }
  #header .header-nav-main nav>ul>li>a:after{
      display:none
  }
  #header .header-nav-main nav>ul>li>a.active{
      background-color:transparent
  }
  #header .header-nav-main.header-nav-main-text-capitalize nav>ul>li>a{
      text-transform:capitalize
  }
  #header .header-nav{
      align-items:center;
      align-self:stretch;
      display:flex;
      flex-grow:1;
      justify-content:flex-end
  }
  #header .header-nav.header-nav-links{
      padding:0
  }
  #header .header-nav.header-nav-links .header-nav-main{
      align-self:stretch;
      margin-top:0;
      min-height:0
  }
  #header .header-nav.header-nav-links nav>ul>li>a{
      background:0 0!important;
      height:100%;
      margin:1px 0 0;
      min-height:60px;
      padding:0 .6rem;
      position:relative
  }
  #header .header-nav.header-nav-links nav>ul>li>a.active{
      background:0 0
  }
  #header .header-nav.header-nav-links nav>ul>li>a.active:before{
      opacity:1
  }
  #header .header-nav.header-nav-links nav>ul>li.dropdown>a:before{
      border-bottom:0
  }
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a{
      color:#444
  }
  #header .header-nav-main-arrows nav>ul>li>a.dropdown-toggle:after{
      border:0;
      content:"\f078";
      display:inline-block;
      font-family:"Font Awesome 6 Free";
      font-size:.6rem;
      font-weight:900;
      height:auto;
      margin:0;
      padding:0 0 0 4px;
      width:auto
  }
}
@media (min-width:992px) and (min-width:1200px){
  #header .header-nav.header-nav-links nav>ul>li>a{
      padding:0 .9rem
  }
}
#header,#header .container,#header .header-logo,.btn-swap-1,.custom-el-1 em,.custom-el-1 p,.custom-stamp-1 svg,.offcanvas-nav .nav li,.overlay,.page-header,.page-header h1,section.section>.container,ul.nav-list li{
  position:relative
}
.owl-carousel.nav-borders .owl-nav button[class*=owl-],.owl-carousel.nav-borders .owl-nav button[class*=owl-]:hover{
  border-color:var(--dark-rgba-10)!important
}
h1,h2,h4{
  color:#111;
  color:var(--dark);
  font-family:Lexend,sans-serif
}
ul.nav-pills>li>a.active,ul.nav-pills>li>a.active:focus,ul.nav-pills>li>a.active:hover{
  background-color:var(--grey-500);
  color:var(--light)
}
.btn-primary:disabled:not(.bg-transparent),.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover,.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
  background-color:var(--primary)
}
.box-shadow-1:before,.custom-stamp-1:after{
  content:"";
  display:block;
  position:absolute
}
.custom-font-tertiary{
  font-family:Playfair Display,serif!important
}
p{
  font-size:1rem;
  letter-spacing:-.015em;
  margin:0 0 20px
}
.offcanvas-nav .nav li.dropdown .dropdown-menu li a,body{
  font-size:14px
}
.custom-stamp-1{
  border-radius:50%;
  height:180px;
  left:-90px;
  top:55%;
  width:180px
}
.custom-stamp-1 svg{
  left:4px;
  margin:2px;
  top:1px
}
.custom-stamp-1:after{
  border:1px solid #fff;
  border-radius:50%;
  height:105px;
  left:50%;
  opacity:.2;
  top:50%;
  transform:translate(-50%,-50%);
  width:105px
}
@media (max-width:992px){
  .custom-stamp-1{
      top:30%;
      transform:scale(.5)
  }
}
.custom-el-1{
  bottom:13%;
  right:7%
}
@media (max-width:1200px){
  .custom-el-1{
      bottom:8%;
      right:0
  }
}
.custom-el-1 p{
  font-size:clamp(35px,-1.6666666667px + .0763888889 * 100vw,90px);
  font-weight:700;
  letter-spacing:-5px;
  line-height:1;
  margin:0;
  z-index:1
}
.custom-el-1 em{
  bottom:2px;
  display:inline-flex;
  font-size:clamp(18px,11.3333333333px + .0138888889 * 100vw,28px);
  letter-spacing:-2px
}
.custom-el-1 em mark{
  padding:0 7px 5px!important
}
@media (max-width:991px){
  #header .header-nav-main{
      background:0 0;
      left:50%;
      position:absolute;
      top:100%;
      transform:translate3d(-50%,0,0);
      width:100%
  }
  #header .header-nav-main:before{
      background:var(--light);
      content:"";
      display:block;
      height:100%;
      left:50%;
      position:absolute;
      top:0;
      transform:translateX(-50%);
      width:100vw;
      z-index:-1
  }
  #header .header-nav-main nav{
      max-height:50vh;
      overflow:hidden;
      overflow-y:auto;
      padding:0 15px
  }
  #header .header-nav-main nav::-webkit-scrollbar{
      width:5px
  }
  #header .header-nav-main nav::-webkit-scrollbar-thumb{
      background:rgba(var(--grey-500),.5);
      border-radius:0
  }
  #header .header-nav-main nav>ul{
      flex-direction:column;
      padding-bottom:15px;
      padding-top:15px
  }
  #header .header-nav-main nav>ul li{
      border-bottom:1px solid #e8e8e8;
      clear:both;
      display:block;
      float:none;
      margin:0;
      padding:0;
      position:relative
  }
  #header .header-nav-main nav>ul li a{
      border-radius:var(--border-radius);
      font-size:13px;
      font-style:normal;
      line-height:20px;
      margin:1px 0;
      padding:7px 8px;
      text-align:left
  }
  #header .header-nav-main nav>ul li a.dropdown-toggle{
      position:relative
  }
  #header .header-nav-main nav>ul li a.dropdown-toggle:after{
      content:none
  }
  #header .header-nav-main nav>ul>li>a{
      color:var(--grey-500);
      font-weight:700;
      margin-bottom:1px;
      margin-top:1px;
      text-transform:uppercase
  }
  #header .header-nav-main nav>ul>li>a.active{
      background:var(--grey-500);
      color:var(--light)!important
  }
  #header .header-btn-collapse-nav{
      display:block;
      outline:0;
      position:relative;
      z-index:1
  }
  #header .header-nav.header-nav-links{
      min-height:70px
  }
  #header .header-logo img{
      z-index:1
  }
  #header .header-nav{
      align-items:center;
      display:flex
  }
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a{
      color:var(--dark)!important
  }
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active{
      background:var(--primary);
      color:var(--primary-inverse)!important
  }
  .custom-el-1 p{
      letter-spacing:-2px
  }
  .custom-el-1 em{
      bottom:5px;
      right:-1px
  }
}
:root{
  --border-radius:4px;
  --border-radius2x:10px;
  --default:#777;
  --primary:#1a5a7e;
  --primary-100:#236fa1;
  --primary-200:#2983c2;
  --primary-300:#3399e6;
  --primary--100:#164a68;
  --primary--200:#123a52;
  --primary--300:#0e2a3c;
  --primary-rgba-0:rgba(26,90,126,0);
  --primary-rgba-10:rgba(26,90,126,.1);
  --primary-rgba-20:rgba(26,90,126,.2);
  --primary-rgba-30:rgba(26,90,126,.3);
  --primary-rgba-40:rgba(26,90,126,.4);
  --primary-rgba-50:rgba(26,90,126,.5);
  --primary-rgba-60:rgba(26,90,126,.6);
  --primary-rgba-70:rgba(26,90,126,.7);
  --primary-rgba-80:rgba(26,90,126,.8);
  --primary-rgba-90:rgba(26,90,126,.9);
  --secondary:#2176ae;
  --secondary-100:#2a8fd6;
  --secondary-200:#3ba0e6;
  --secondary-300:#5bb3f7;
  --secondary--100:#1b5c87;
  --secondary--200:#174a6c;
  --secondary--300:#123852;
  --secondary-rgba-0:rgba(33,118,174,0);
  --secondary-rgba-10:rgba(33,118,174,.1);
  --secondary-rgba-20:rgba(33,118,174,.2);
  --secondary-rgba-30:rgba(33,118,174,.3);
  --secondary-rgba-40:rgba(33,118,174,.4);
  --secondary-rgba-50:rgba(33,118,174,.5);
  --secondary-rgba-60:rgba(33,118,174,.6);
  --secondary-rgba-70:rgba(33,118,174,.7);
  --secondary-rgba-80:rgba(33,118,174,.8);
  --secondary-rgba-90:rgba(33,118,174,.9);
  --tertiary:#15344a;
  --tertiary-100:#1e4666;
  --tertiary-200:#24557a;
  --tertiary-300:#2b6690;
  --tertiary--100:#10283a;
  --tertiary--200:#0c1e2b;
  --tertiary--300:#08141c;
  --tertiary-rgba-0:rgba(21,52,74,0);
  --tertiary-rgba-10:rgba(21,52,74,.1);
  --tertiary-rgba-20:rgba(21,52,74,.2);
  --tertiary-rgba-30:rgba(21,52,74,.3);
  --tertiary-rgba-40:rgba(21,52,74,.4);
  --tertiary-rgba-50:rgba(21,52,74,.5);
  --tertiary-rgba-60:rgba(21,52,74,.6);
  --tertiary-rgba-70:rgba(21,52,74,.7);
  --tertiary-rgba-80:rgba(21,52,74,.8);
  --tertiary-rgba-90:rgba(21,52,74,.9);
  --quaternary:#f7f0e7;
  --quaternary-100:#f1e4d4;
  --quaternary-200:#eddeca;
  --quaternary-300:#ead8c1;
  --quaternary--100:#fdfcfa;
  --quaternary--200:#fff;
  --quaternary--300:#fff;
  --quaternary-rgba-0:hsla(34,50%,94%,0);
  --quaternary-rgba-10:hsla(34,50%,94%,.1);
  --quaternary-rgba-20:hsla(34,50%,94%,.2);
  --quaternary-rgba-30:hsla(34,50%,94%,.3);
  --quaternary-rgba-40:hsla(34,50%,94%,.4);
  --quaternary-rgba-50:hsla(34,50%,94%,.5);
  --quaternary-rgba-60:hsla(34,50%,94%,.6);
  --quaternary-rgba-70:hsla(34,50%,94%,.7);
  --quaternary-rgba-80:hsla(34,50%,94%,.8);
  --quaternary-rgba-90:hsla(34,50%,94%,.9);
  --dark:#111;
  --dark-100:#040404;
  --dark-200:#000;
  --dark-300:#000;
  --dark--100:#1e1e1e;
  --dark--200:#242424;
  --dark--300:#2b2b2b;
  --dark-rgba-0:hsla(0,0%,7%,0);
  --dark-rgba-10:hsla(0,0%,7%,.1);
  --dark-rgba-20:hsla(0,0%,7%,.2);
  --dark-rgba-30:hsla(0,0%,7%,.3);
  --dark-rgba-40:hsla(0,0%,7%,.4);
  --dark-rgba-50:hsla(0,0%,7%,.5);
  --dark-rgba-60:hsla(0,0%,7%,.6);
  --dark-rgba-70:hsla(0,0%,7%,.7);
  --dark-rgba-80:hsla(0,0%,7%,.8);
  --dark-rgba-90:hsla(0,0%,7%,.9);
  --light:#fff;
  --light-100:#f2f2f2;
  --light-200:#ececec;
  --light-300:#e6e6e6;
  --light--100:#fff;
  --light--200:#fff;
  --light--300:#fff;
  --light-rgba-0:hsla(0,0%,100%,0);
  --light-rgba-10:hsla(0,0%,100%,.1);
  --light-rgba-20:hsla(0,0%,100%,.2);
  --light-rgba-30:hsla(0,0%,100%,.3);
  --light-rgba-40:hsla(0,0%,100%,.4);
  --light-rgba-50:hsla(0,0%,100%,.5);
  --light-rgba-60:hsla(0,0%,100%,.6);
  --light-rgba-70:hsla(0,0%,100%,.7);
  --light-rgba-80:hsla(0,0%,100%,.8);
  --light-rgba-90:hsla(0,0%,100%,.9);
  --primary-inverse:#fff;
  --secondary-inverse:#fff;
  --tertiary-inverse:#fff;
  --quaternary-inverse:#777;
  --dark-inverse:#fff;
  --light-inverse:#777;
  --grey:#969696;
  --grey-100:#f4f4f4;
  --grey-200:#eaeaea;
  --grey-300:#e5e5e5;
  --grey-400:#e0e0e0;
  --grey-500:#dbdbdb;
  --grey-600:#cecece;
  --grey-700:#c1c1c1;
  --grey-800:#a8a8a8;
  --grey-900:#8e8e8e;
  --grey-1000:#757575
}
#header .header-nav-main-arrows nav>ul>li>a.dropdown-toggle:after{
  display:none!important
}
html{
  direction:ltr;
  overflow-x:hidden
}
@media (prefers-reduced-motion:no-preference){
  :root{
      scroll-behavior:auto
  }
}
body{
  background-color:var(--light);
  font-family:Poppins,Arial,sans-serif;
  margin:0;
  -webkit-text-size-adjust:100%
}
body a{
  outline:0!important
}
::-moz-selection{
  background:var(--primary);
  color:var(--primary-inverse)
}
::selection{
  background:var(--primary);
  color:var(--primary-inverse)
}
.body,.btn-light,.btn-light:disabled:not(.bg-transparent),.thumb-info{
  background-color:var(--light)
}
a{
  color:var(--primary);
  text-decoration:none
}
a:not(.btn):hover{
  -webkit-text-decoration:underline;
  text-decoration:underline
}
@media (max-width:575px){
  h2{
      line-height:40px
  }
  .custom-el-1{
      bottom:0
  }
  body{
      font-size:13px
  }
}
.offcanvas{
  --bs-offcanvas-zindex:10000;
  max-width:82vw
}
.cascading-images-wrapper .cascading-images img,.thumb-info{
  max-width:100%
}
#header{
  z-index:1030
}
#header .header-body{
  background:var(--light);
  border-bottom:1px solid transparent;
  border-top:3px solid #ededed;
  display:flex;
  flex-direction:column;
  transition:min-height .3s;
  width:100%;
  z-index:1001
}
#header .header-body[class*=border-color-]{
  border-bottom:0!important
}
#header .header-logo{
  margin:1rem 0;
  z-index:1
}
#header .header-logo img{
  max-height:80px;
  position:relative;
  top:0;
  transition:.3s
}
#header .header-nav{
  min-height:70px;
  padding:1rem 0
}
#header .header-btn-collapse-nav{
  background:var(--grey-500);
  color:var(--light);
  display:none;
  float:right;
  margin:0 0 0 1rem
}
@media (min-width:992px){
  #header .header-body:not(.h-100){
      height:auto!important
  }
  #header .header-nav-main nav>ul>li>a,#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active{
      color:var(--primary)
  }
  #header .header-nav-main nav>ul:not(:hover)>li>a.active{
      background-color:var(--primary);
      color:var(--primary-inverse)
  }
  .mt-lg-0{
      margin-top:0!important
  }
  .text-lg-4{
      font-size:1.2em!important
  }
  .text-lg-5{
      font-size:1.5em!important
  }
  .text-lg-6{
      font-size:1.8em!important
  }
  .text-lg-7{
      font-size:2em!important
  }
  .text-lg-12{
      font-size:3.5em!important
  }
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a{
      color:var(--dark);
      color:#444;
      font-family:Lexend,sans-serif!important;
      font-size:17px;
      font-weight:500;
      letter-spacing:-.6px
  }
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a.active{
      color:hsla(0,0%,7%,.5)!important;
      color:var(--dark-rgba-50)!important
  }
  #header .header-nav-main{
      display:flex!important;
      height:auto!important
  }
  #header .header-nav-main nav{
      display:flex!important
  }
  #header .header-nav-main nav>ul>li{
      align-self:stretch;
      height:100%;
      margin-left:2px
  }
  #header .header-nav-main nav>ul>li>a{
      align-items:center;
      border-radius:var(--border-radius);
      color:var(--grey-500);
      display:inline-flex;
      font-size:14px;
      font-style:normal;
      font-weight:600;
      letter-spacing:-.5px;
      padding:.5rem 1rem;
      -webkit-text-decoration:none;
      text-decoration:none;
      text-transform:uppercase;
      white-space:normal
  }
  #header .header-nav-main nav>ul>li>a:after{
      display:none
  }
  #header .header-nav-main nav>ul>li>a:active{
      background-color:transparent;
      color:var(--grey-500);
      -webkit-text-decoration:none;
      text-decoration:none
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a.active,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:active,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:focus,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover,#header .header-nav-main nav>ul>li>a.active{
      background-color:transparent
  }
  #header .header-nav-main nav>ul>li:hover>a{
      background:var(--grey-500);
      color:var(--light)
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu{
      border:0;
      border-radius:0 var(--border-radius) var(--border-radius);
      border-top:3px solid var(--grey-500);
      box-shadow:0 15px 30px -5px rgba(0,0,0,.07);
      display:block;
      left:auto;
      margin:0;
      min-width:200px;
      opacity:0;
      padding:5px 0;
      text-align:left;
      top:-10000px
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
      border-bottom:1px solid var(--grey-100);
      color:var(--default);
      font-size:.83em;
      font-weight:400;
      letter-spacing:-.5px;
      padding:6px 18px;
      position:relative;
      -webkit-text-decoration:none;
      text-decoration:none;
      text-transform:none
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.active>a,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:active>a,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:focus>a,#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a{
      background-color:#f8f9fa
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child a,#header .header-nav.header-nav-links nav>ul>li.dropdown>a:before{
      border-bottom:0
  }
  #header .header-nav-main nav>ul>li.dropdown:hover>a{
      border-radius:var(--border-radius) var(--border-radius) 0 0;
      position:relative
  }
  #header .header-nav-main nav>ul>li.dropdown:hover>a:before{
      border-bottom:5px solid var(--grey-500);
      bottom:-3px;
      content:"";
      display:block;
      left:0;
      position:absolute;
      right:0
  }
  #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu{
      display:block;
      opacity:1;
      top:auto
  }
  #header .header-nav-main.header-nav-main-text-capitalize nav>ul>li>a{
      text-transform:capitalize
  }
  #header .header-nav{
      align-items:center;
      align-self:stretch;
      display:flex;
      flex-grow:1;
      justify-content:flex-end
  }
  #header .header-nav.header-nav-links{
      padding:0
  }
  #header .header-nav.header-nav-links .header-nav-main{
      align-self:stretch;
      margin-top:0;
      min-height:0
  }
  #header .header-nav.header-nav-links nav>ul>li:hover>a,#header .header-nav.header-nav-links nav>ul>li>a{
      background:0 0!important;
      height:100%;
      margin:1px 0 0;
      min-height:60px;
      padding:0 .6rem;
      position:relative
  }
  #header .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu,#header .header-nav.header-nav-links nav>ul>li:hover>a:before,#header .header-nav.header-nav-links nav>ul>li>a.active:before{
      opacity:1
  }
  #header .header-nav.header-nav-links nav>ul>li>a.active{
      background:0 0
  }
  #header .header-nav.header-nav-links nav>ul>li.dropdown:hover>.dropdown-menu{
      margin-top:0
  }
  #header .header-nav-main-arrows nav>ul>li>a.dropdown-toggle:after{
      border:0;
      content:"\f078";
      display:inline-block;
      font-family:Font Awesome\6 Free;
      font-size:.6rem;
      font-weight:900;
      height:auto;
      margin:0;
      padding:0 0 0 4px;
      width:auto
  }
  #header .header-nav-main-effect-2 nav>ul>li.dropdown .dropdown-menu{
      opacity:0;
      transition:opacity .2s ease-out
  }
}
@media (min-width:992px) and (min-width:1200px){
  #header .header-nav.header-nav-links nav>ul>li:hover>a,#header .header-nav.header-nav-links nav>ul>li>a{
      padding:0 .9rem
  }
}
#header .header-btn-collapse-nav,ul.nav-list-arrows li a.active:after{
  background:var(--primary)
}
.page-header{
  background-color:var(--dark);
  margin:0 0 35px;
  padding:30px 0;
  text-align:left
}
.page-header h1{
  color:var(--light);
  display:inline-block;
  font-size:30px;
  font-weight:400;
  line-height:1;
  margin:0;
  padding:0;
  top:1px
}
@media (min-width:1200px){
  .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom){
      max-width:1140px
  }
}
.rotate-l-10{
  transform:rotate(-10deg)
}
.rotate-l-30{
  transform:rotate(-30deg)
}
.rotate-l-45{
  transform:rotate(-45deg)
}
.rotate-r-50{
  transform:rotate(50deg)
}
.text-color-hover-primary:hover,.text-color-primary{
  color:var(--primary)!important
}
.text-color-before-secondary:before,.text-color-secondary,.text-secondary{
  color:var(--secondary)!important
}
.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next,.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev,.text-color-dark,.text-dark{
  color:var(--dark)!important
}
#footer a:not(.btn):not(.no-footer-css).text-color-light,.text-color-light,.text-light{
  color:var(--light)!important
}
#footer a:not(.btn):not(.no-footer-css):hover,#footer h1,#footer h2,#footer h3,#footer h4,h1.light,h2.light,h3.light,h4.light{
  color:var(--light)
}
.text-color-grey{
  color:var(--grey)!important
}
.bg-primary{
  background-color:var(--primary)!important
}
.bg-color-secondary,.bg-secondary{
  background-color:var(--secondary)!important
}
.bg-tertiary{
  background-color:var(--tertiary)!important
}
.bg-dark,.overlay-color-dark:not(.no-skin):before{
  background-color:var(--dark)!important
}
.bg-color-light,.bg-light{
  background-color:var(--light)!important
}
.bg-grey-100{
  background-color:var(--grey-100)!important
}
.bg-color-before-primary-rgba-30:before{
  background-color:var(--primary-rgba-30)!important
}
.bg-color-dark-rgba-10{
  background-color:var(--dark-rgba-10)!important
}
.bg-color-dark-rgba-30{
  background-color:var(--dark-rgba-30)!important
}
.bg-gradient-light-primary-rgba-20{
  background-image:linear-gradient(to right,#fff 0,var(--primary-rgba-20) 100%)!important
}
.bg-gradient-tertiary-dark{
  background-image:linear-gradient(to right,var(--tertiary) 0,var(--dark) 100%)!important
}
@keyframes colorTransition{
  0%{
      background-color:var(--primary)
  }
  33%{
      background-color:var(--secondary)
  }
  66%{
      background-color:var(--tertiary)
  }
  to{
      background-color:var(--quaternary)
  }
}
.p-relative{
  position:relative!important
}
.p-absolute{
  position:absolute!important
}
.p-static{
  position:static!important
}
.box-shadow-1:before{
  box-shadow:0 30px 90px #bbb;
  height:100%;
  left:0;
  opacity:.33;
  top:0;
  transition:.2s ease-in-out;
  width:100%
}
.border-radius,.border-radius.box-shadow-1:before{
  border-radius:var(--border-radius)!important
}
.border-radius-2,.border-radius-2.box-shadow-1:before{
  border-radius:var(--border-radius2x)!important
}
.box-shadow-6:not(.box-shadow-hover){
  box-shadow:0 12px 45px rgba(0,0,0,.08)
}
.box-shadow-7:not(.box-shadow-hover){
  box-shadow:0 5px 20px rgba(0,0,0,.1)
}
.box-shadow-8:not(.box-shadow-hover){
  box-shadow:0 5px 20px rgba(0,0,0,.07)
}
.box-shadow-9:not(.box-shadow-hover){
  box-shadow:0 20px 60px rgba(0,0,0,.08)
}
.bg-transparent{
  background:0 0!important
}
.mb-0{
  margin-bottom:0!important
}
.pt-0{
  padding-top:0!important
}
.n-ls-1{
  letter-spacing:-1px
}
.n-ls-5{
  letter-spacing:-3.5px
}
.text-1{
  font-size:.8em!important
}
.text-2{
  font-size:.9em!important
}
.text-2-5{
  font-size:.95em!important
}
.text-3{
  font-size:1em!important
}
.text-3-5{
  font-size:1.1em!important
}
.text-4{
  font-size:1.2em!important
}
.text-4-5{
  font-size:1.35em!important
}
.text-5{
  font-size:1.5em!important
}
.text-6{
  font-size:1.8em!important
}
.text-7{
  font-size:2em!important
}
.text-8{
  font-size:2.3em!important
}
.text-9{
  font-size:2.5em!important
}
.text-10{
  font-size:2.75em!important
}
.text-15{
  font-size:5em!important
}
.btn,.btn+.dropdown-menu .dropdown-item{
  font-size:.8rem
}
.line-height-1{
  line-height:1!important
}
.line-height-5{
  line-height:1.5!important
}
.line-height-6{
  line-height:1.6!important
}
.line-height-7{
  line-height:1.7!important
}
.opacity-2,.opacity-hover-2:hover{
  opacity:.2!important
}
.opacity-6{
  opacity:.6!important
}
.opacity-7{
  opacity:.7!important
}
.opacity-hover-2,.owl-carousel [class*=opacity-]:not([class*=opacity-hover]),.owl-carousel-light.owl-carousel-light-init-fadeIn{
  transition:opacity .3s
}
.top-50pct{
  top:50%
}
.left-50pct{
  left:50%
}
.top-0{
  top:0!important
}
.bottom-0{
  bottom:0!important
}
.left-0{
  left:0!important
}
.right-0{
  right:0!important
}
.bottom-1{
  bottom:1px!important
}
.top-2{
  top:2px!important
}
.bottom-2{
  bottom:2px!important
}
.right-3{
  right:3px!important
}
.top-7{
  top:7px!important
}
.top-10{
  top:10px!important
}
.left-10{
  left:10px!important
}
.transform3dxy-n50{
  transform:translate3d(-50%,-50%,0)
}
.text-decoration-underline{
  -webkit-text-decoration:underline!important;
  text-decoration:underline!important
}
#footer a:not(.btn):not(.no-footer-css):hover,.accordion .card-header a:focus,.accordion .card-header a:hover,.dropdown-item:not(.btn):hover,.nav>li>a,.nav>li>a:focus,.nav>li>a:hover,.offcanvas-nav .nav li a,.sort-source>li>a,.thumb-info,ul.nav-list li a,ul.nav-list li a:hover{
  -webkit-text-decoration:none;
  text-decoration:none
}
.text-uppercase{
  text-transform:uppercase!important
}
.overflow-visible{
  overflow:visible!important
}
.overflow-hidden{
  overflow:hidden!important
}
.z-index-1{
  z-index:1!important
}
.z-index-2{
  z-index:2!important
}
.z-index-5{
  z-index:5!important
}
.font-weight-regular{
  font-weight:400!important
}
.font-weight-medium{
  font-weight:500!important
}
.font-weight-semi-bold,.font-weight-semibold{
  font-weight:600!important
}
.font-weight-bold{
  font-weight:700!important
}
.border-top{
  border-top-color:var(--grey-200)!important
}
.border-bottom{
  border-bottom-color:var(--grey-200)!important
}
.border-start{
  border-left-color:var(--grey-200)!important
}
.border-all-light{
  border:1px solid rgba(0,0,0,.06)!important
}
.border{
  border:1px solid #e7e7e7!important
}
.border-0{
  border:0!important
}
.border-top-0{
  border-top:0!important
}
.border-2,.border-width-2{
  border-width:2px!important
}
.border-color-light-rgba-20{
  border-color:var(--light-rgba-20)!important
}
.border-color-grey-200{
  border-color:var(--grey-200)!important
}
.border-radius-0{
  border-radius:0!important
}
:root{
  --bs-border-radius:var(--border-radius);
  --bs-btn-border-radius:var(--border-radius)
}
.rounded-circle,html body .rounded-circle{
  border-radius:50%!important
}
.ws-nowrap{
  white-space:nowrap!important
}
.w-auto{
  width:auto!important
}
.mh-200px{
  min-height:200px
}
.mh-750px{
  min-height:750px
}
#footer{
  background:var(--dark);
  border-top:4px solid var(--dark);
  clear:both;
  margin-top:50px;
  padding:0;
  position:relative
}
#footer a:not(.btn):not(.no-footer-css){
  color:var(--default);
  transition:.1s ease-in-out
}
#footer a:not(.btn):not(.no-footer-css):active,#footer a:not(.btn):not(.no-footer-css):focus,.owl-carousel.nav-style-1 .owl-nav .owl-next:active,.owl-carousel.nav-style-1 .owl-nav .owl-next:hover,.owl-carousel.nav-style-1 .owl-nav .owl-prev:active,.owl-carousel.nav-style-1 .owl-nav .owl-prev:hover{
  color:var(--grey-500)
}
#footer a:not(.btn):not(.no-footer-css).text-color-light:hover{
  color:var(--light-200)!important
}
#footer a:not(.btn):not(.no-footer-css).text-color-light:active,#footer a:not(.btn):not(.no-footer-css).text-color-light:focus{
  color:var(--light-300)!important
}
#footer ul.nav-list>li a{
  border-bottom:1px solid hsla(0,0%,100%,.1);
  line-height:20px;
  padding-bottom:11px
}
#footer ul.nav-list>li:last-child a,.offcanvas-nav .nav li:last-child,.toggle.toggle-faqs .toggle:last-child,ul.nav-list li:last-child a{
  border-bottom:0
}
#footer ul.nav-list>li a:hover{
  background-color:hsla(0,0%,100%,.05)
}
#footer ul.list.icons li{
  margin-bottom:5px
}
#footer form{
  opacity:.85
}
#footer form .alert{
  padding:6px;
  text-align:center
}
#footer .logo img{
  max-height:80px;
  position:relative;
  top:2px
}
#footer .footer-copyright{
  background:var(--dark-100)
}
#footer .footer-copyright nav ul{
  list-style:none;
  margin:0;
  padding:0
}
#footer .footer-copyright nav ul li{
  display:inline-block;
  line-height:12px;
  margin:0;
  padding:0 8px
}
#footer .footer-copyright nav ul li:first-child{
  border:none;
  padding-left:0
}
#footer .footer-copyright nav ul li:last-child{
  padding-right:0
}
#footer .footer-copyright p{
  color:#555;
  font-size:.9em;
  margin:0;
  padding:0
}
.accordion .card{
  margin-top:5px
}
.accordion .card:first-child{
  margin-top:0
}
.accordion .card:first-of-type,.accordion .card:last-of-type,.accordion .card:not(:first-of-type):not(:last-of-type){
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem
}
.accordion .card:not(:first-of-type) .card-header:first-child{
  border-radius:.25rem
}
.accordion .card-title{
  font-size:16px
}
.accordion .card-header{
  border-bottom:0;
  border-radius:.25rem;
  margin:-1px;
  padding:0
}
.accordion .card-header a{
  color:var(--primary);
  cursor:pointer;
  display:block;
  padding:10px 20px
}
.accordion .card-header a [class^=icon-]{
  margin-right:4px;
  position:relative;
  top:1px
}
.accordion .card-header a .icons,.accordion .card-header a [class*=fa-]{
  display:inline-block;
  margin-right:5px;
  position:relative;
  top:-1px
}
.accordion .card-header a .icons{
  top:1px
}
.accordion.accordion-modern-status>.card{
  border:1px solid transparent!important;
  transition:border-color .3s
}
.accordion.accordion-modern-status>.card .card-header a{
  background-color:#f4f4f4;
  padding:23px 30px;
  position:relative;
  transition:background-color .3s,color .3s
}
.accordion.accordion-modern-status>.card .card-header a:after{
  content:"+";
  font-size:24px;
  font-weight:500;
  position:absolute;
  right:25px;
  top:50%;
  transform:translate3d(0,-50%,0) rotate(45deg);
  transform-origin:50% 50%;
  transition:transform .3s
}
.accordion.accordion-modern-status.accordion-modern-status-arrow>.card .card-header a.collapsed:after,.accordion.accordion-modern-status>.card .card-header a.collapsed:after{
  transform:translate3d(0,-50%,0) rotate(0)
}
.accordion.accordion-modern-status>.card+.card{
  margin-top:17px
}
.accordion.accordion-modern-status.accordion-modern-status-arrow>.card .card-header a:after{
  content:"\f107";
  font-family:"Font Awesome 6 Free";
  font-size:inherit;
  font-weight:900;
  transform:translate3d(0,-50%,0) rotate(180deg)
}
.accordion.accordion-modern-status.accordion-modern-status-arrow-dark>.card .card-header a:after{
  background:var(--dark);
  border-radius:50%;
  color:#fff;
  height:30px;
  line-height:30px;
  text-align:center;
  width:30px
}
.appear-animation,[data-icon]{
  opacity:0
}
.transition-2ms{
  transition:.2s ease-in-out
}
.transition-3ms{
  transition:.3s ease-in-out
}
@keyframes sideMenuArrow{
  0%,to{
      left:5px
  }
  50%{
      left:10px
  }
}
@keyframes sideMenuArrowBack{
  0%,to{
      right:5px
  }
  50%{
      right:10px
  }
}
@keyframes maskUp{
  0%{
      transform:translateY(100%)
  }
  to{
      transform:translate(0)
  }
}
@keyframes maskRight{
  0%{
      transform:translate(-100%)
  }
  to{
      transform:translate(0)
  }
}
@keyframes maskDown{
  0%{
      transform:translateY(-100%)
  }
  to{
      transform:translate(0)
  }
}
@keyframes maskLeft{
  0%{
      transform:translate(100%)
  }
  to{
      transform:translate(0)
  }
}
@keyframes textEntrance{
  0%{
      opacity:0;
      transform:translateY(100%) rotateX(-80deg)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes headerReveal{
  0%{
      top:-150px
  }
  to{
      top:0
  }
}
@keyframes fadeInUpShorter{
  0%{
      opacity:0;
      transform:translateY(50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
.fadeInUpShorter{
  animation-name:fadeInUpShorter
}
@keyframes fadeInUpShorterPlus{
  0%{
      opacity:0;
      transform:translateY(15px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInLeftShorter{
  0%{
      opacity:0;
      transform:translate(50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
.fadeInLeftShorter{
  animation-name:fadeInLeftShorter
}
@keyframes fadeInLeftShorterPlus{
  0%{
      opacity:0;
      transform:translate(15px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInRightShorter{
  0%{
      opacity:0;
      transform:translate(-50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
.fadeInRightShorter{
  animation-name:fadeInRightShorter
}
@keyframes fadeInRightShorterPlus{
  0%{
      opacity:0;
      transform:translate(-15px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInRightShorterOpacity{
  0%{
      opacity:0;
      transform:translate(-50px)
  }
  to{
      opacity:.7;
      transform:none
  }
}
@keyframes fadeInDownShorter{
  0%{
      opacity:0;
      transform:translateY(-50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInDownShorterPlus{
  0%{
      opacity:0;
      transform:translateY(-15px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInRightDownShorter{
  0%{
      opacity:0;
      transform:translate(-50px,-50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInRightUpShorter{
  0%{
      opacity:0;
      transform:translate(-50px,50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInLeftDownShorter{
  0%{
      opacity:0;
      transform:translate(50px,-50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes fadeInLeftUpShorter{
  0%{
      opacity:0;
      transform:translate(50px,50px)
  }
  to{
      opacity:1;
      transform:none
  }
}
@keyframes expandIn{
  0%{
      opacity:0;
      transform:scale(.8)
  }
  to{
      opacity:1;
      transform:scale(1)
  }
}
@keyframes gradientTransition{
  0%,to{
      background-position:0 50%
  }
  50%{
      background-position:100% 50%
  }
}
@keyframes sliderScrollButton{
  0%{
      opacity:1;
      transform:translate3d(-50%,0,0)
  }
  70%{
      opacity:1;
      transform:translate3d(-50%,10px,0)
  }
  to{
      opacity:0;
      transform:translate3d(-50%,10px,0)
  }
}
@keyframes arrowLeftRight{
  0%,to{
      transform:translate3d(-1px,0,0)
  }
  50%{
      transform:translate3d(1px,0,0)
  }
}
@keyframes navItemArrow{
  0%,to{
      left:-1px;
      position:relative
  }
  50%{
      left:3px;
      position:relative
  }
}
@keyframes upDownInfinite{
  0%,to{
      transform:translateY(5px)
  }
  50%{
      transform:translateY(10px)
  }
}
@keyframes leftRightInfinite{
  0%,to{
      transform:translateX(5px)
  }
  50%{
      transform:translateX(10px)
  }
}
@keyframes hotspot-pulsate{
  0%{
      opacity:.8;
      transform:scale(1)
  }
  45%{
      opacity:0;
      transform:scale(1.75)
  }
}
@keyframes stop-hotspot-pulsate{
  0%{
      opacity:.4
  }
  to{
      opacity:0;
      transform:scale(2)
  }
}
@keyframes dotPulse{
  0%{
      opacity:1;
      transform:scale(.2)
  }
  to{
      opacity:0;
      transform:scale(1)
  }
}
@keyframes blurIn{
  0%{
      filter:blur(20px);
      opacity:0;
      transform:scale(1.3)
  }
  to{
      filter:blur(.1px);
      opacity:1;
      transform:none
  }
}
.blurIn{
  animation-name:blurIn
}
@keyframes kenBurnsToRight{
  0%{
      transform:scale(1.2)
  }
  to{
      transform:scale(1)
  }
}
@keyframes kenBurnsToLeft{
  0%{
      transform:scale(1.2)
  }
  to{
      transform:scale(1)
  }
}
@keyframes bgPositionBottomToTop{
  0%{
      background-position:bottom
  }
  to{
      background-position:top
  }
}
@keyframes pulseAnim{
  0%{
      opacity:1;
      transform:scale(1)
  }
  to{
      opacity:0;
      transform:scale(1.4)
  }
}
@keyframes basicRotation{
  0%{
      transform:rotate(0)
  }
  to{
      transform:rotate(1turn)
  }
}
@keyframes blockSlideToRight{
  0%{
      transform:translate(-110%)
  }
  to{
      transform:translate(110%)
  }
}
@keyframes blockSlideToLeft{
  0%{
      transform:translate(110%)
  }
  to{
      transform:translate(-110%)
  }
}
@keyframes blockSlideToTop{
  0%{
      transform:translateY(110%)
  }
  to{
      transform:translateY(-110%)
  }
}
@keyframes blockSlideToBottom{
  0%{
      transform:translateY(-110%)
  }
  to{
      transform:translateY(110%)
  }
}
@keyframes svgAnimationEffect1{
  0%{
      stroke-dasharray:1000;
      stroke-dashoffset:-500
  }
  to{
      stroke-dasharray:1000;
      stroke-dashoffset:0
  }
}
.rotate-animation{
  animation:10s linear infinite rotate-animation
}
@keyframes rotate-animation{
  0%{
      transform:rotate(0)
  }
  50%{
      transform:rotate(180deg)
  }
  to{
      transform:rotate(1turn)
  }
}
@keyframes rotate-animation-inverse{
  0%{
      transform:rotate(0)
  }
  50%{
      transform:rotate(-180deg)
  }
  to{
      transform:rotate(-1turn)
  }
}
@keyframes highlightScribble1{
  0%{
      stroke-dashoffset:1;
      opacity:0
  }
  1%{
      opacity:1
  }
  to{
      stroke-dashoffset:0
  }
}
@keyframes pencilAnimation{
  0%{
      width:0
  }
  to{
      width:74px
  }
}
@keyframes pencilAnimation2{
  0%{
      width:0
  }
  to{
      width:115px
  }
}
@keyframes typeWriterFlash{
  0%{
      opacity:0
  }
  to{
      opacity:1
  }
}
.breadcrumb{
  background:0 0;
  margin:0;
  padding:0;
  position:relative;
  z-index:1
}
.breadcrumb>li{
  display:inline-block;
  font-size:.8em;
  text-shadow:none
}
.breadcrumb>li+li:before{
  color:inherit;
  content:"\f105";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  opacity:.5;
  padding:0 7px 0 5px
}
.btn{
  cursor:pointer;
  font-family:Lexend,sans-serif!important;
  font-weight:600;
  padding:.533rem .933rem
}
.btn.btn-xl{
  font-size:1rem;
  padding:.8rem 2rem
}
.btn-rounded{
  border-radius:35px
}
.btn-with-arrow-solid{
  font-weight:600;
  padding-right:40px;
  position:relative
}
.btn-with-arrow-solid:not(.btn-with-arrow-solid),.nav-pills .nav-link.active{
  background-color:transparent
}
.btn-with-arrow-solid span{
  align-items:center;
  background-color:var(--grey-500);
  border-radius:50%;
  display:flex;
  height:25px;
  justify-content:center;
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  transition:.1s linear;
  width:25px
}
.btn-with-arrow-solid i{
  color:var(--light);
  font-size:.8em
}
.btn-with-arrow-solid.btn-xl{
  padding-right:70px
}
.btn-with-arrow-solid.btn-xl span{
  height:50px;
  right:10px;
  width:50px
}
.btn-with-arrow-solid.btn-xl i{
  font-size:1em
}
.btn-swap-1>*{
  transition:.3s cubic-bezier(.55,0,.1,1);
  white-space:nowrap
}
.btn-swap-1>:first-child{
  left:50%;
  margin:0;
  max-width:100%;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%)
}
.btn-swap-1>:nth-child(2){
  display:inline-block;
  opacity:0;
  transform:translateY(120%)
}
.btn-swap-1:hover>:first-child{
  opacity:0;
  transform:translate(-50%,-120%)
}
.btn-swap-1:hover>:nth-child(2){
  opacity:1;
  transform:none
}
@keyframes btnArrowEffect1{
  0%,to{
      transform:translateX(0)
  }
  51%{
      opacity:1;
      transform:translateX(20px)
  }
  52%{
      opacity:0;
      transform:translateX(-20px)
  }
  53%{
      opacity:0
  }
  54%{
      opacity:1
  }
}
.btn-arrow-effect-1:hover>:first-child{
  animation:.3s ease-out btnArrowEffect1
}
.btn.dropdown-toggle:after{
  margin-left:.155em;
  vertical-align:.155em
}
html body .btn-light{
  border-color:#d9d9d9 #d9d9d9 #bfbfbf;
  color:var(--default)
}
html body .btn-light:hover{
  background-color:#f2f2f2;
  border-color:#e6e5e5 #e6e5e5 #ccc;
  color:var(--default)
}
html body .btn-light:focus{
  box-shadow:0 0 0 3px hsla(0,0%,75%,.5)
}
html body .btn-light.active,html body .btn-light:active,html body .btn-light:disabled{
  border-color:#bfbfbf
}
.btn-link,.nav-link,ul.nav-list-arrows li a.active{
  color:var(--primary)
}
.btn-link:hover,.nav-link:focus,.nav-link:hover,a:focus,a:hover{
  color:var(--primary--100)
}
.btn-link:active,.nav-link:active,a:active{
  color:var(--primary-100)
}
.btn-primary,.btn-primary:focus,.btn-primary:hover,.form-control.bg-primary,ul.nav-list-arrows li a.active:before{
  color:var(--primary-inverse)
}
.btn-primary{
  --hover:var(--primary--200);
  background-color:var(--primary);
  border-color:var(--primary) var(--primary) var(--primary-300)
}
.btn-primary:hover{
  border-color:var(--primary--200) var(--primary--200) var(--primary)
}
.btn-primary:hover:not(.bg-transparent){
  background-color:var(--primary--200)
}
.btn-primary:focus{
  border-color:var(--primary-300);
  box-shadow:0 0 0 3px var(--primary-rgba-50)
}
.btn-dark,.btn-dark:focus,.btn-dark:hover{
  color:var(--dark-inverse)
}
.btn-primary:focus:not(.bg-transparent){
  background-color:var(--primary-200)
}
.btn-primary:disabled{
  border-color:var(--primary) var(--primary) var(--primary-300)
}
.btn-primary.active,.btn-primary:active{
  border-color:var(--primary-300)!important
}
.btn-primary.active:not(.bg-transparent),.btn-primary:active:not(.bg-transparent){
  background-color:var(--primary-200)!important;
  background-image:none!important
}
.btn-dark{
  --hover:var(--dark--200);
  background-color:var(--dark);
  border-color:var(--dark) var(--dark) var(--dark-300)
}
.btn-dark:hover{
  border-color:var(--dark--200) var(--dark--200) var(--dark)
}
.btn-dark:hover:not(.bg-transparent){
  background-color:var(--dark--200)
}
.btn-dark:focus{
  border-color:var(--dark-300);
  box-shadow:0 0 0 3px var(--dark-rgba-50)
}
.btn-light,.btn-light:focus,.btn-light:hover{
  color:var(--light-inverse)
}
.btn-dark:focus:not(.bg-transparent){
  background-color:var(--dark-200)
}
.btn-dark:disabled{
  border-color:var(--dark) var(--dark) var(--dark-300)
}
.btn-dark:disabled:not(.bg-transparent),.nav-pills-dark .nav-link.active,.nav-pills-dark .nav-link.active:focus,.nav-pills-dark .nav-link.active:hover,.nav-pills-dark>li.active>a,.nav-pills-dark>li.active>a:focus,.nav-pills-dark>li.active>a:hover{
  background-color:var(--dark)
}
.btn-dark.active,.btn-dark:active{
  border-color:var(--dark-300)!important
}
.btn-dark.active:not(.bg-transparent),.btn-dark:active:not(.bg-transparent){
  background-color:var(--dark-200)!important;
  background-image:none!important
}
.btn-light{
  --hover:var(--light--200);
  border-color:var(--light) var(--light) var(--light-300)
}
.btn-light:hover{
  border-color:var(--light--200) var(--light--200) var(--light)
}
.btn-light:hover:not(.bg-transparent){
  background-color:var(--light--200)
}
.btn-light:focus{
  border-color:var(--light-300);
  box-shadow:0 0 0 3px var(--light-rgba-50)
}
.btn-light:focus:not(.bg-transparent){
  background-color:var(--light-200)
}
.btn-light:disabled{
  border-color:var(--light) var(--light) var(--light-300)
}
.btn-light.active,.btn-light:active{
  border-color:var(--light-300)!important
}
.btn-light.active:not(.bg-transparent),.btn-light:active:not(.bg-transparent){
  background-color:var(--light-200)!important;
  background-image:none!important
}
.btn-with-arrow-solid.btn-primary span{
  background-color:var(--primary-100)
}
.btn-with-arrow-solid.btn-dark span{
  background-color:var(--dark-100)
}
.btn-with-arrow-solid.btn-light span{
  background-color:var(--light-100)
}
.btn.btn-effect-2{
  transition:.25s
}
.btn.btn-effect-2:focus,.btn.btn-effect-2:hover{
  animation:1s btn-pulse;
  box-shadow:0 0 0 2em hsla(0,0%,100%,0)
}
@keyframes btn-pulse{
  0%{
      box-shadow:0 0 0 0 var(--hover)
  }
}
.btn-close:focus{
  box-shadow:none
}
.card{
  border:1px solid rgba(0,0,0,.06);
  position:relative
}
.card-header,.offcanvas-nav .nav li,ul.nav-list li a{
  border-bottom:1px solid rgba(0,0,0,.06)
}
.card-body{
  padding:2rem;
  position:relative;
  z-index:1
}
.owl-carousel{
  display:block;
  margin-bottom:20px;
  opacity:0
}
.offcanvas-nav .nav li a.dropdown-toggle:after,.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span,.owl-carousel:not(.owl-loaded):not(.owl-carousel-light)>div,.toggle>.toggle-content{
  display:none
}
.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span:first-child,.owl-carousel:not(.owl-loaded):not(.owl-carousel-light)>div:first-child,.thumb-info.thumb-info-show-hidden-content-hover{
  display:block
}
.owl-carousel .owl-item img{
  transform-style:flat
}
.owl-carousel .owl-item img[data-icon]{
  display:inline
}
.owl-carousel .owl-nav{
  margin-top:0;
  position:absolute;
  top:50%;
  transform:translate3d(0,-50%,0);
  width:100%
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
  display:inline-block;
  height:30px;
  margin:0;
  outline:0;
  position:absolute;
  top:50%;
  transform:translate3d(0,-50%,0);
  width:30px
}
.owl-carousel .owl-nav button.owl-prev{
  left:0
}
.owl-carousel .owl-nav button.owl-prev:before{
  content:"\f053";
  font-family:"Font Awesome 6 Free";
  font-size:.7rem;
  font-weight:900;
  left:-1px;
  position:relative;
  top:-1px
}
.owl-carousel .owl-nav button.owl-next{
  right:0
}
.owl-carousel .owl-nav button.owl-next:before{
  content:"\f054";
  font-family:"Font Awesome 6 Free";
  font-size:.7rem;
  font-weight:900;
  left:1px;
  position:relative;
  top:-1px
}
.owl-carousel.show-nav-hover .owl-nav{
  opacity:0;
  transition:.2s ease-in-out
}
.owl-carousel.show-nav-hover:hover .owl-nav,.sort-destination-loader.sort-destination-loader-showing:after,.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner .thumb-info-content-inner-hidden,.thumb-info:hover .thumb-info-wrapper:after,hr{
  opacity:1
}
.owl-carousel.show-nav-hover .owl-nav button.owl-prev{
  left:0;
  transition:.2s ease-in-out
}
.owl-carousel.show-nav-hover .owl-nav button.owl-next{
  right:0;
  transition:.2s ease-in-out
}
.owl-carousel.show-nav-hover:hover .owl-nav button.owl-prev{
  left:-40px
}
.owl-carousel.show-nav-hover:hover .owl-nav button.owl-next{
  right:-40px
}
.owl-carousel.rounded-nav .owl-nav button[class*=owl-]{
  background:0 0;
  border:1px solid #999;
  border-radius:50%;
  color:#999;
  padding:3px 7px
}
.owl-carousel.rounded-nav .owl-nav button[class*=owl-]:hover{
  background:0 0;
  border:1px solid #a1a1a1;
  color:#a1a1a1
}
.owl-carousel.rounded-nav .owl-nav button[class*=owl-].active,.owl-carousel.rounded-nav .owl-nav button[class*=owl-]:active{
  background:0 0;
  border:1px solid #666;
  color:#666
}
.owl-carousel.nav-inside .owl-nav button.owl-prev{
  left:15px
}
.owl-carousel.nav-inside .owl-nav button.owl-next{
  left:auto;
  right:15px
}
.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev{
  left:30px
}
.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next{
  left:auto;
  right:30px
}
.owl-carousel.nav-style-1 .owl-nav .owl-next,.owl-carousel.nav-style-1 .owl-nav .owl-prev{
  background:0 0!important;
  color:#000;
  color:var(--primary)!important;
  width:20px
}
.owl-carousel.nav-style-1 .owl-nav .owl-next:after,.owl-carousel.nav-style-1 .owl-nav .owl-next:before,.owl-carousel.nav-style-1 .owl-nav .owl-prev:after,.owl-carousel.nav-style-1 .owl-nav .owl-prev:before{
  font-size:inherit
}
.owl-carousel.nav-arrows-thin .owl-nav .owl-next:before,.owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before{
  font-family:simple-line-icons;
  speak:none;
  font-feature-settings:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:700;
  line-height:1;
  text-transform:none;
  -webkit-font-smoothing:antialiased
}
.owl-carousel.nav-arrows-thin .owl-nav .owl-next:before{
  content:"\e606";
  font-size:inherit
}
.owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before{
  content:"\e605";
  font-size:inherit
}
.owl-carousel.nav-lg .owl-nav button.owl-next,.owl-carousel.nav-lg .owl-nav button.owl-prev{
  height:60px;
  width:45px
}
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next,.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev{
  height:55px;
  width:55px
}
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next:before,.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev:before{
  font-size:.9rem
}
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev:before{
  left:-1px;
  top:-1px
}
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next:before{
  left:1px;
  top:-1px
}
.owl-carousel.nav-font-size-lg .owl-nav button.owl-next,.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev{
  font-size:19px
}
.owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before,.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before{
  font-size:inherit;
  left:2px
}
.owl-carousel.nav-borders .owl-nav button[class*=owl-]:active{
  border-color:var(--dark-rgba-30)!important
}
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next,.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev{
  background-color:var(--dark--100)!important;
  border-color:var(--dark--100)!important;
  color:var(--light)!important
}
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:hover,.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:hover{
  background-color:var(--dark--100)!important;
  border-color:var(--dark--100)!important
}
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:active,.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:active{
  background-color:var(--dark)!important;
  border-color:var(--dark)!important
}
.owl-carousel [class*=opacity-]:not([class*=opacity-hover]):hover{
  opacity:1!important
}
.owl-carousel-light .owl-stage,.owl-carousel-light .owl-stage-outer{
  height:100%
}
.owl-carousel-light .owl-item{
  display:none;
  height:100%;
  opacity:0;
  position:absolute!important;
  top:0;
  transition:opacity .3s;
  visibility:hidden;
  width:100%
}
.owl-carousel-light .owl-item.active{
  display:block;
  opacity:1;
  visibility:visible
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]{
  background-color:var(--primary);
  border-color:var(--primary) var(--primary) var(--primary-300);
  color:var(--primary-inverse)
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:hover{
  background-color:var(--primary--100);
  border-color:var(--primary--300) var(--primary--300) var(--primary)
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-].active,.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-]:active{
  background-color:var(--primary-300);
  background-image:none;
  border-color:var(--primary-300)
}
.cascading-images-wrapper{
  display:inline-block;
  padding:12% 20%
}
.cascading-images-wrapper .cascading-images{
  transform:translate3d(0,-35%,0)
}
.counters .counter,.process{
  text-align:center
}
.counters .icons,.counters [class*=fa-]{
  display:block;
  font-size:35px;
  line-height:35px;
  margin-bottom:5px
}
.counters strong{
  display:block;
  font-size:50px;
  font-weight:700;
  line-height:50px
}
.counters label{
  display:block;
  font-size:20px;
  font-weight:100;
  line-height:20px
}
hr{
  background:rgba(0,0,0,.06);
  border:0;
  height:1px;
  margin:22px 0
}
hr.light{
  background:hsla(0,0%,100%,.15)
}
@keyframes dividerProgress25{
  0%{
      width:0
  }
  to{
      width:25%
  }
}
@keyframes toRightFromLeft{
  49%{
      transform:translate(100%)
  }
  50%{
      opacity:0;
      transform:translate(-100%)
  }
  51%{
      opacity:1
  }
}
.feature-box{
  display:flex
}
.feature-box .feature-box-icon{
  align-items:center;
  background:rgba(0,0,0,.06);
  background-color:var(--primary);
  border-radius:100%;
  color:var(--light);
  display:inline-flex;
  flex:1 0 auto;
  font-size:1rem;
  height:2.7em;
  justify-content:center;
  padding:.8em;
  position:relative;
  text-align:center;
  top:7px;
  width:2.7em
}
.feature-box .feature-box-info{
  flex:1 1 100%;
  padding-left:15px
}
.list-unstyled,.list.list-icons,.list.list-unstyled{
  padding-left:0;
  padding-right:0
}
.feature-box.align-items-center .feature-box-icon{
  top:0;
  align-self:flex-start
}

/* Contact page icon alignment fix */
@media (min-width: 992px) {
  .contact-info-section .feature-box {
    display: flex;
    align-items: flex-start;
    min-height: 100px;
  }
  
  .contact-info-section .feature-box .feature-box-icon {
    margin-top: 0;
    position: relative;
    top: 0 !important;
    flex-shrink: 0;
  }
  
  .contact-info-section .feature-box:first-child {
    margin-bottom: 2rem;
  }
  
  /* Ensure icons align horizontally across columns */
  .contact-info-section .feature-box:nth-child(1) .feature-box-icon,
  .contact-info-section .feature-box:nth-child(1) .feature-box-icon {
    margin-top: 0;
  }
}
.feature-box .feature-box-icon.feature-box-icon-lg{
  height:3.7em;
  width:3.7em
}
.feature-box-secondary .feature-box-icon{
  background-color:var(--secondary)
}
.label,form label{
  font-weight:400
}
textarea{
  resize:vertical
}
label.required:after{
  content:"*";
  font-size:.8em;
  margin:.3em;
  position:relative;
  top:-2px
}
.form-group{
  margin-bottom:1rem
}
.form-group:after{
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden
}
.form-control{
  border-color:rgba(0,0,0,.09)
}
.form-control:not(.form-control-lg){
  font-size:.75rem;
  line-height:1.3
}
.form-control:not(.form-control-sm):not(.form-control-lg){
  font-size:.85rem;
  line-height:1.85
}
.form-control:focus{
  border-color:var(--grey-500);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
input[type=email],input[type=tel],input[type=text],input[type=url],textarea{
  -webkit-appearance:none
}
.form-control::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color:#bdbdbd
}
.form-control::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder{
  color:#bdbdbd
}
.form-control:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:#bdbdbd
}
.form-control.bg-primary{
  border-color:var(--primary)
}
.form-control.bg-primary::-webkit-input-placeholder{
  color:var(--primary-inverse)
}
.form-control.bg-primary::-moz-placeholder{
  color:var(--primary-inverse)
}
.form-control.bg-primary:-ms-input-placeholder{
  color:var(--primary-inverse)
}
.form-control.bg-primary:-moz-placeholder{
  color:var(--primary-inverse)
}
.form-control.bg-color-secondary,.form-control.bg-secondary{
  border-color:var(--secondary);
  color:var(--secondary-inverse)
}
.form-control.bg-color-secondary::-webkit-input-placeholder,.form-control.bg-secondary::-webkit-input-placeholder{
  color:var(--secondary-inverse)
}
.form-control.bg-color-secondary::-moz-placeholder,.form-control.bg-secondary::-moz-placeholder{
  color:var(--secondary-inverse)
}
.form-control.bg-color-secondary:-ms-input-placeholder,.form-control.bg-secondary:-ms-input-placeholder{
  color:var(--secondary-inverse)
}
.form-control.bg-color-secondary:-moz-placeholder,.form-control.bg-secondary:-moz-placeholder{
  color:var(--secondary-inverse)
}
.form-control.bg-tertiary{
  border-color:var(--tertiary);
  color:var(--tertiary-inverse)
}
.form-control.bg-tertiary::-webkit-input-placeholder{
  color:var(--tertiary-inverse)
}
.form-control.bg-tertiary::-moz-placeholder{
  color:var(--tertiary-inverse)
}
.form-control.bg-tertiary:-ms-input-placeholder{
  color:var(--tertiary-inverse)
}
.form-control.bg-tertiary:-moz-placeholder{
  color:var(--tertiary-inverse)
}
.form-control.bg-dark{
  border-color:var(--dark);
  color:var(--dark-inverse)
}
.form-control.bg-dark::-webkit-input-placeholder{
  color:var(--dark-inverse)
}
.form-control.bg-dark::-moz-placeholder{
  color:var(--dark-inverse)
}
.form-control.bg-dark:-ms-input-placeholder{
  color:var(--dark-inverse)
}
.form-control.bg-dark:-moz-placeholder{
  color:var(--dark-inverse)
}
.form-control.bg-color-light,.form-control.bg-light{
  border-color:var(--light);
  color:var(--light-inverse)
}
.form-control.bg-color-light::-webkit-input-placeholder,.form-control.bg-light::-webkit-input-placeholder{
  color:var(--light-inverse)
}
.form-control.bg-color-light::-moz-placeholder,.form-control.bg-light::-moz-placeholder{
  color:var(--light-inverse)
}
.form-control.bg-color-light:-ms-input-placeholder,.form-control.bg-light:-ms-input-placeholder{
  color:var(--light-inverse)
}
.form-control.bg-color-light:-moz-placeholder,.form-control.bg-light:-moz-placeholder{
  color:var(--light-inverse)
}
h1,h2,h3,h4{
  color:var(--dark);
  font-weight:200;
  margin:0
}
h1{
  font-size:2.6em;
  line-height:44px
}
h1,h2{
  margin:0 0 32px
}
h2{
  font-size:2.2em;
  font-weight:300;
  line-height:42px
}
h3{
  font-size:1.8em;
  font-weight:400;
  margin-bottom:33px
}
h4{
  font-size:1.4em;
  font-weight:600;
  line-height:27px;
  margin:0 0 14px
}
.list li{
  margin-bottom:13px
}
.list.list-icons li{
  padding-left:25px;
  position:relative
}
.list.list-icons li a:first-child>.icons:first-child,.list.list-icons li a:first-child>[class*=fa-]:first-child,.list.list-icons li>.icons:first-child,.list.list-icons li>[class*=fa-]:first-child{
  border-color:var(--primary);
  color:var(--primary);
  left:0;
  position:absolute;
  top:5px
}
.list.list-icons.list-icons-style-3 li{
  padding-left:36px;
  padding-top:5px
}
.list.list-icons.list-icons-style-3 li a:first-child>.icons:first-child,.list.list-icons.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,.list.list-icons.list-icons-style-3 li>.icons:first-child,.list.list-icons.list-icons-style-3 li>[class*=fa-]:first-child{
  background-color:var(--primary);
  border-radius:50%;
  color:var(--light);
  font-size:.8em;
  height:25px;
  line-height:1.3;
  padding:5px;
  text-align:center;
  width:25px
}
.list.list-icons.list-icons-lg li{
  padding-left:27px;
  padding-top:5px
}
.list.list-icons.list-icons-lg li a:first-child>.icons:first-child,.list.list-icons.list-icons-lg li a:first-child>[class*=fa-]:first-child,.list.list-icons.list-icons-lg li>.icons:first-child,.list.list-icons.list-icons-lg li>[class*=fa-]:first-child{
  font-size:1.1em;
  line-height:1.7
}
.list.list-icons.list-icons-lg.list-icons-style-3 li{
  padding-left:46px;
  padding-top:10px
}
.list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child>.icons:first-child,.list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child>[class*=fa-]:first-child,.list.list-icons.list-icons-lg.list-icons-style-3 li>.icons:first-child,.list.list-icons.list-icons-lg.list-icons-style-3 li>[class*=fa-]:first-child{
  height:36px;
  padding:4px;
  width:36px
}
@keyframes bouncedelay{
  0%,80%,to{
      transform:scale(0)
  }
  40%{
      transform:scale(1)
  }
}
@keyframes cssload-fold-thecube{
  0%,10%{
      opacity:0;
      transform:perspective(129px) rotateX(-180deg)
  }
  25%,75%{
      opacity:1;
      transform:perspective(129px) rotateX(0)
  }
  90%,to{
      opacity:0;
      transform:perspective(129px) rotateY(180deg)
  }
}
@keyframes cssload-cube-progress{
  0%{
      transform:rotate(0)
  }
  25%,50%{
      transform:rotate(180deg)
  }
  75%,to{
      transform:rotate(1turn)
  }
}
@keyframes cssload-cube-progress-inner{
  0%,25%,to{
      height:0
  }
  50%,75%{
      height:100%
  }
}
@keyframes cssload-rotate-one{
  0%{
      transform:rotateX(35deg) rotateY(-45deg) rotate(0)
  }
  to{
      transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)
  }
}
@keyframes cssload-rotate-two{
  0%{
      transform:rotateX(50deg) rotateY(10deg) rotate(0)
  }
  to{
      transform:rotateX(50deg) rotateY(10deg) rotate(1turn)
  }
}
@keyframes cssload-rotate-three{
  0%{
      transform:rotateX(35deg) rotateY(55deg) rotate(0)
  }
  to{
      transform:rotateX(35deg) rotateY(55deg) rotate(1turn)
  }
}
@keyframes cssload-upDown{
  0%{
      transform:translateY(19px)
  }
  to{
      transform:translateY(-19px)
  }
}
@keyframes cssload-upDown2{
  0%{
      transform:translateY(29px)
  }
  to{
      transform:translateY(-19px)
  }
}
@keyframes cssload-spin{
  to{
      transform:rotate(1turn)
  }
}
@keyframes cssload-blur1{
  to{
      transform:rotate(-30deg)
  }
}
@keyframes cssload-blur2{
  to{
      transform:rotate(-15deg)
  }
}
@keyframes cssload-pulse-loader{
  0%{
      opacity:1;
      transform:scale(0)
  }
  to{
      opacity:0;
      transform:scale(1)
  }
}
@keyframes mapPinPulse{
  0%{
      opacity:.7;
      transform:scale(1)
  }
  to{
      opacity:0;
      transform:scale(10)
  }
}
.alert .icons,.alert [class*=fa-]{
  font-size:1.1em;
  margin-right:8px
}
.alert ul{
  margin:7px 0 0 40px;
  padding:0
}
@keyframes cd-bounce{
  0%{
      transform:translateX(-50%) scale(0)
  }
  60%{
      transform:translateX(-50%) scale(1.1)
  }
  to{
      transform:translateX(-50%) scale(1)
  }
}
.nav>li>a:focus,.nav>li>a:hover{
  background:0 0
}
ul.nav-list li{
  display:block;
  margin:0;
  padding:0
}
ul.nav-list li a{
  color:#666;
  display:block;
  font-size:1em;
  line-height:20px;
  padding:10px 0 10px 22px;
  transition:background .1s
}
ul.nav-list li a:before{
  content:"\f054";
  font-family:"Font Awesome 6 Free";
  font-size:.45rem;
  font-weight:900;
  left:12px;
  opacity:.7;
  position:absolute;
  top:10px;
  transform:translate3d(-1px,0,0)
}
ul.nav-list li a:hover:before{
  animation-duration:.5s;
  animation-iteration-count:infinite;
  animation-name:arrowLeftRight
}
ul.nav-list li>a.active{
  font-weight:700
}
ul.nav-list li ul{
  margin:0 0 0 25px;
  padding:0
}
ul.nav-list-arrows li a{
  padding:12px 0
}
ul.nav-list-arrows li a:after{
  background:var(--dark-rgba-10);
  border-radius:50%;
  content:"";
  right:0;
  width:24px
}
ul.nav-list-arrows li a:after,ul.nav-list-arrows li a:before{
  display:inline-flex;
  height:24px;
  left:auto;
  position:absolute;
  transform:none
}
ul.nav-list-arrows li a:before{
  color:var(--dark);
  font-size:.9em;
  opacity:1;
  right:8px;
  top:14px;
  width:auto;
  z-index:1
}
.nav-pills-dark a,.toggle-dark.toggle-minimal .toggle.active>.toggle-title,.toggle-dark.toggle-minimal .toggle.active>label{
  color:var(--dark)
}
.nav-pills-dark a:focus,.nav-pills-dark a:hover{
  color:var(--dark--100)
}
.nav-pills-dark a:active{
  color:var(--dark-100)
}
.offcanvas-nav .nav li a{
  background-color:transparent!important;
  color:var(--dark);
  display:block;
  font-size:16px;
  font-weight:600;
  opacity:1;
  padding:15px 10px;
  transition:opacity .3s
}
.offcanvas-nav .nav li a:hover{
  opacity:.7
}
.offcanvas-nav .nav li.dropdown .dropdown-menu{
  border:0;
  display:none;
  margin:0;
  opacity:0;
  padding:0 0 10px 20px;
  position:relative;
  transition:opacity 1s
}
.overlay:before{
  background:var(--dark);
  bottom:0;
  content:" ";
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .3s .1s;
  z-index:2
}
.overlay.overlay-show:before,.overlay:hover:before{
  opacity:.8
}
.overlay.overlay-op-6.overlay-show:before,.overlay.overlay-op-6:hover:before{
  opacity:.6
}
.overlay .container,.overlay .container-fluid{
  position:relative;
  z-index:3
}
.overlay-gradient-bottom-content:before{
  background:var(--dark);
  background:linear-gradient(to bottom,transparent 30%,var(--dark) 100%);
  opacity:1!important
}
@keyframes processShapesScaleOne{
  0%,to{
      opacity:.6;
      transform:translate3d(-50%,-50%,0) scale(1.5)
  }
  25%{
      opacity:0;
      transform:translate3d(-50%,-50%,0) scale(1.8)
  }
  50%{
      opacity:0;
      transform:translate3d(-50%,-50%,0) scale(1)
  }
}
@keyframes processShapesScaleTwo{
  0%,to{
      opacity:.3;
      transform:translate3d(-50%,-50%,0) scale(2)
  }
  25%{
      opacity:0;
      transform:translate3d(-50%,-50%,0) scale(2.3)
  }
  50%{
      opacity:0;
      transform:translate3d(-50%,-50%,0) scale(1)
  }
}
section.section{
  background:var(--grey-100);
  border-top:5px solid var(--grey-100);
  margin:30px 0;
  padding:50px 0
}
@media (max-width:991px){
  #header .header-nav-main{
      background:0 0;
      left:50%;
      position:absolute;
      top:100%;
      transform:translate3d(-50%,0,0);
      width:100%
  }
  #header .header-nav-main:before{
      background:var(--light);
      content:"";
      display:block;
      height:100%;
      left:50%;
      position:absolute;
      top:0;
      transform:translateX(-50%);
      width:100vw;
      z-index:-1
  }
  #header .header-nav-main nav{
      max-height:50vh;
      overflow:hidden;
      overflow-y:auto;
      padding:0 15px;
      transition:.5s
  }
  #header .header-nav-main nav::-webkit-scrollbar{
      width:5px
  }
  #header .header-nav-main nav::-webkit-scrollbar-thumb{
      background:rgba(var(--grey-500),.5);
      border-radius:0
  }
  #header .header-nav-main nav>ul{
      flex-direction:column;
      padding-bottom:15px;
      padding-top:15px
  }
  #header .header-nav-main nav>ul li{
      border-bottom:1px solid #e8e8e8;
      clear:both;
      display:block;
      float:none;
      margin:0;
      padding:0;
      position:relative
  }
  #header .header-nav-main nav>ul li a{
      border-radius:var(--border-radius);
      font-size:13px;
      font-style:normal;
      line-height:20px;
      margin:1px 0;
      padding:7px 8px;
      text-align:left
  }
  #header .header-nav-main nav>ul li a.dropdown-toggle{
      position:relative
  }
  #header .header-nav-main nav>ul li a.dropdown-toggle:after{
      content:none
  }
  #header .header-nav-main nav>ul li a:active{
      background-color:#f8f9fa;
      color:inherit
  }
  #header .header-nav-main nav>ul li.dropdown>a.active{
      margin-bottom:-1px;
      margin-top:-1px
  }
  #header .header-nav-main nav>ul li.dropdown .dropdown-menu{
      background:0 0;
      border:0;
      border-radius:0;
      box-shadow:none;
      clear:both;
      display:none;
      float:none;
      font-size:13px;
      margin:0;
      padding:0;
      position:static
  }
  #header .header-nav-main nav>ul li:last-child{
      border-bottom:0
  }
  #header .header-nav-main nav>ul>li>a{
      color:var(--grey-500);
      font-weight:700;
      margin-bottom:1px;
      margin-top:1px;
      text-transform:uppercase
  }
  #header .header-nav-main nav>ul>li>a:active{
      color:var(--grey-500)
  }
  #header .header-nav-main nav>ul>li>a.active{
      background:var(--grey-500);
      color:var(--light)!important
  }
  #header .header-nav-main nav>ul>li>a.active:focus,#header .header-nav-main nav>ul>li>a.active:hover{
      background:var(--grey-500);
      color:var(--light)
  }
  #header .header-btn-collapse-nav{
      display:block;
      outline:0;
      position:relative;
      z-index:1
  }
  #header .header-nav.header-nav-links{
      min-height:70px
  }
  #header .header-logo img{
      z-index:1
  }
  #header .header-nav{
      align-items:center;
      display:flex
  }
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a,#header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a:active{
      color:var(--dark)!important
  }
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active{
      background:var(--primary);
      color:var(--primary-inverse)!important
  }
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:focus,#header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:hover{
      background:var(--primary)
  }
  .container-fluid>.row>.p-0 section.section{
      margin-bottom:0;
      margin-top:0
  }
  .container-fluid>.row>.p-0:first-child section.section{
      margin-bottom:0;
      margin-top:30px
  }
  .container-fluid>.row>.p-0:last-child section.section{
      margin-bottom:30px;
      margin-top:0
  }
}
@keyframes shapeDividerToLeft{
  0%{
      transform:translateZ(0)
  }
  to{
      transform:translate3d(-200%,0,0)
  }
}
@keyframes shapeDividerToRight{
  0%{
      transform:translateZ(0)
  }
  to{
      transform:translate3d(200%,0,0)
  }
}
.sort-source{
  clear:both
}
.sort-source.d-none{
  display:block!important;
  height:0;
  overflow:hidden;
  width:0
}
.sort-source>li>a{
  padding:6px 12px
}
.sort-destination{
  overflow:hidden
}
.sort-destination .isotope-item{
  min-width:1px
}
.sort-destination-loader{
  height:auto;
  overflow:hidden;
  position:relative
}
.sort-destination-loader:after{
  background:var(--light);
  bottom:0;
  content:" ";
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .3s;
  z-index:1
}
.sort-destination-loader.sort-destination-loader-showing{
  max-height:200px
}
@media (min-width:992px){
  #header .header-body:not(.h-100){
      height:auto!important
  }
  #header .header-nav-main nav>ul>li>a,#header .header-nav.header-nav-links nav>ul li:hover>a,#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active{
      color:var(--primary)
  }
  #header .header-nav-main nav>ul>li:hover>a{
      background:var(--primary)
  }
  #header .header-nav-main nav>ul>li.dropdown .dropdown-menu{
      border-top-color:var(--primary)
  }
  #header .header-nav-main nav>ul>li.dropdown:hover>a:before{
      border-bottom-color:var(--primary)
  }
  #header .header-nav-main nav>ul:not(:hover)>li>a.active{
      background-color:var(--primary);
      color:var(--primary-inverse)
  }
  .mb-lg-0{
      margin-bottom:0!important
  }
  .mt-lg-0{
      margin-top:0!important
  }
  .pt-lg-0{
      padding-top:0!important
  }
  .text-lg-3-5{
      font-size:1.1em!important
  }
  .text-lg-4{
      font-size:1.2em!important
  }
  .text-lg-5{
      font-size:1.5em!important
  }
  .text-lg-6{
      font-size:1.8em!important
  }
  .text-lg-7{
      font-size:2em!important
  }
  .text-lg-12{
      font-size:3.5em!important
  }
  .border-lg{
      border:1px solid #e7e7e7!important
  }
  .mh-lg-300px{
      min-height:300px
  }
  .col-md-4.isotope-item:nth-child(3n+1),.col-md-6.isotope-item:nth-child(odd){
      clear:both
  }
}
.svg-fill-color-primary,.svg-fill-color-primary svg path{
  fill:var(--primary)!important
}
.svg-fill-color-secondary,.svg-fill-color-secondary svg path{
  fill:var(--secondary)!important
}
.svg-fill-color-dark,.svg-fill-color-dark svg path{
  fill:var(--dark)!important
}
.svg-fill-color-light,.svg-fill-color-light svg path{
  fill:var(--light)!important
}
.testimonial{
  margin-bottom:20px
}
.testimonial .testimonial-author{
  display:flex;
  margin:12px 0 0
}
.testimonial .testimonial-author .testimonial-author-thumbnail{
  width:auto
}
.testimonial .testimonial-author img{
  max-width:25px
}
.testimonial .testimonial-author strong{
  color:#111;
  display:block;
  font-size:1rem;
  margin-bottom:2px
}
.testimonial .testimonial-author span{
  color:#666;
  display:block;
  font-size:.8rem;
  font-weight:600
}
.testimonial .testimonial-author p{
  color:#999;
  line-height:1.2;
  margin-left:.6rem;
  text-align:left
}
.testimonial.testimonial-style-4{
  border-color:#dfdfdf #ececec;
  border-radius:6px;
  border-style:solid;
  border-width:1px;
  box-shadow:0 1px 1px 0 rgba(0,0,0,.04);
  padding:8px
}
.testimonial.testimonial-style-4 .testimonial-author{
  align-items:center;
  margin-left:30px
}
.testimonial.testimonial-style-4 .testimonial-author img{
  max-width:55px
}
.testimonial.testimonial-style-4 .testimonial-author p{
  margin-bottom:0
}
.thumb-info,.thumb-info .thumb-info-wrapper{
  backface-visibility:hidden;
  border-radius:var(--border-radius);
  display:block;
  overflow:hidden;
  position:relative;
  transform:translateZ(0)
}
.portfolio-list:not(.row),.thumb-info .thumb-info-wrapper,.toggle.toggle-minimal .toggle{
  margin:0
}
.thumb-info .thumb-info-wrapper:after{
  background:var(--dark-rgba-80);
  border-radius:var(--border-radius);
  bottom:-4px;
  color:var(--light);
  content:"";
  display:block;
  left:-4px;
  opacity:0;
  position:absolute;
  right:-4px;
  top:-4px;
  transition:.3s;
  z-index:1
}
.thumb-info .owl-carousel{
  z-index:auto
}
.thumb-info img{
  border-radius:3px;
  position:relative;
  transition:.3s;
  width:100%
}
.thumb-info:hover img{
  transform:scale(1.1)
}
.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner{
  display:block;
  transform:perspective(500px) translateZ(0);
  transition:transform .3s ease-out
}
.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner .thumb-info-content-inner-hidden{
  opacity:0;
  transition:.3s ease-out
}
.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner{
  transform:translate3d(0,-50px,0)
}
.thumb-info.thumb-info-no-overlay .thumb-info-wrapper:after{
  content:none
}
section.timeline{
  float:left;
  margin:50px 0 0;
  padding-bottom:120px;
  position:relative;
  width:100%
}
section.timeline:before{
  background:#505050;
  background:linear-gradient(180deg,rgba(80,80,80,0),#505050 8%,#505050 92%,rgba(80,80,80,0));
  content:"";
  display:block;
  height:100%;
  left:50%;
  margin-left:-2px;
  opacity:.35;
  position:absolute;
  top:-60px;
  width:3px;
  z-index:0
}
section.timeline .timeline-body{
  position:relative;
  z-index:1!important
}
section.timeline .timeline-number{
  background:var(--primary);
  border-radius:100%;
  clear:both;
  display:block;
  height:55px;
  line-height:55px;
  margin:0 auto 10px;
  position:relative;
  width:55px;
  z-index:1
}
section.timeline .timeline-number h3{
  font-weight:700;
  line-height:55px;
  text-align:center
}
@media (max-width:767px){
  #header .container{
      width:100%
  }
  .isotope-item{
      margin-left:auto;
      margin-right:auto;
      position:static!important;
      text-align:center;
      transform:none!important;
      width:100%
  }
  .isotope-item.product{
      position:relative!important
  }
  .sort-destination{
      height:auto!important
  }
  section.timeline{
      margin:0;
      width:100%
  }
}
@media (max-width:575px){
  h2{
      line-height:40px
  }
  section.timeline{
      float:none;
      margin-left:0;
      margin-right:0;
      width:auto
  }
}
.toggle{
  clear:both;
  margin:10px 0 20px;
  position:relative
}
.toggle .toggle{
  margin:10px 0 0
}
.toggle>input{
  cursor:pointer;
  height:45px;
  margin:0;
  opacity:0;
  position:absolute;
  width:100%;
  z-index:2
}
.toggle>.toggle-title,.toggle>label{
  background:var(--grey-100);
  border-left:3px solid var(--grey-500);
  border-radius:5px;
  color:var(--grey-500);
  cursor:pointer;
  display:block;
  font-weight:600;
  letter-spacing:-.2px;
  min-height:20px;
  padding:12px 20px 12px 15px;
  position:relative;
  transition:.15s ease-out
}
.toggle>.toggle-title:-moz-selection,.toggle>label:-moz-selection{
  background:0 0
}
.toggle>.toggle-title:before,.toggle>label:before{
  backface-visibility:hidden;
  border-color:var(--grey-500);
  border-right:1px solid;
  border-top:1px solid;
  content:" ";
  height:8px;
  position:absolute;
  right:14px;
  top:calc(50% + 1px);
  transform:rotate(-45deg) translate3d(0,-50%,0);
  transform-origin:35%;
  transition:transform .3s,top .3s;
  width:8px
}
.toggle>.toggle-title:hover,.toggle>label:hover{
  background:#f5f5f5
}
.toggle>.toggle-title+p,.toggle>label+p{
  color:#999;
  display:block;
  height:25px;
  overflow:hidden;
  padding-left:30px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.toggle>.toggle-title i,.toggle>label i{
  font-size:.7em;
  margin-right:8px;
  position:relative;
  top:-1px
}
.toggle>.toggle-content>p{
  margin-bottom:0;
  padding:10px 0
}
.toggle.active>.toggle-title,.toggle.active>label{
  background:var(--grey-100);
  border-color:var(--grey-500)
}
.toggle.active>.toggle-title:before,.toggle.active>label:before{
  top:calc(50% - 8px);
  transform:rotate(135deg)
}
.toggle.active>p{
  white-space:normal
}
.toggle.toggle-minimal .toggle>.toggle-title,.toggle.toggle-minimal .toggle>label{
  background:0 0;
  border-bottom:1px solid var(--grey-500);
  border-left:0;
  border-radius:0;
  color:var(--default);
  font-weight:600;
  margin:0;
  padding:12px 20px 12px 0
}
.toggle.toggle-minimal .toggle.active>.toggle-title,.toggle.toggle-minimal .toggle.active>label{
  background:0 0;
  border-bottom-color:var(--grey-500)
}
.toggle.toggle-faqs .toggle{
  border-bottom:1px solid var(--grey-300);
  margin-bottom:10px;
  padding-bottom:10px
}
.toggle.toggle-faqs .toggle>.toggle-title,.toggle.toggle-faqs .toggle>label{
  border:0;
  padding-right:35px
}
.toggle.toggle-faqs .toggle>.toggle-title:before,.toggle.toggle-faqs .toggle>label:before{
  border:0;
  content:"\2b";
  font-family:"Font Awesome 6 Free";
  height:auto;
  right:0;
  top:50%;
  transform:none;
  transform:translateY(-50%);
  width:auto
}
.toggle.toggle-faqs .toggle.active>.toggle-title,.toggle.toggle-faqs .toggle.active>label{
  border:0
}
.toggle.toggle-faqs .toggle.active>.toggle-title:before,.toggle.toggle-faqs .toggle.active>label:before{
  content:"\f068"
}
.toggle.toggle-faqs .toggle>.toggle-content>p{
  padding-top:5px
}
.toggle-dark .toggle .toggle-title,.toggle-dark .toggle label{
  border-left-color:var(--dark);
  border-right-color:var(--dark);
  color:var(--dark)
}
.toggle-dark .toggle.active>.toggle-title,.toggle-dark .toggle.active>label{
  background-color:var(--dark);
  border-color:var(--dark);
  color:var(--dark-inverse)
}
.mark.mark-color{
  background-color:transparent;
  display:inline-flex;
  position:relative;
  z-index:0
}
.mark.mark-color:before{
  bottom:15%;
  content:"";
  height:30%;
  left:-2%;
  position:absolute;
  width:104%;
  z-index:-1
}
.mark.mark-pos-2:before{
  bottom:0;
  left:1%;
  width:100%
}
.mark-height-30:before{
  height:30%!important
}
.mark-height-50:before{
  height:50%!important
}
.mark-height-100:before{
  height:100%!important
}
.mark.mark-color-light:before{
  background:var(--light)
}
.mark.appear-animation:before{
  transition:width 1s cubic-bezier(.55,0,.1,1);
  width:0
}
@keyframes word-rotator-rotate-1-in{
  0%{
      opacity:0;
      transform:rotateX(180deg)
  }
  35%{
      opacity:0;
      transform:rotateX(120deg)
  }
  65%{
      opacity:0
  }
  to{
      opacity:1;
      transform:rotateX(1turn)
  }
}
@keyframes word-rotator-rotate-1-out{
  0%{
      opacity:1;
      transform:rotateX(0)
  }
  35%{
      opacity:1;
      transform:rotateX(-40deg)
  }
  65%{
      opacity:0
  }
  to{
      opacity:0;
      transform:rotateX(180deg)
  }
}
@keyframes word-rotator-pulse{
  0%,to{
      background-color:transparent
  }
  50%{
      background-color:#000
  }
}
@keyframes word-rotator-pulse-light{
  0%,to{
      background-color:transparent
  }
  50%{
      background-color:#fff
  }
}
@keyframes word-rotator-rotate-2-in{
  0%{
      opacity:0;
      transform:translateZ(-20px) rotateX(90deg)
  }
  60%{
      opacity:1;
      transform:translateZ(-20px) rotateX(-10deg)
  }
  to{
      opacity:1;
      transform:translateZ(-20px) rotateX(0)
  }
}
@keyframes word-rotator-rotate-2-out{
  0%{
      opacity:1;
      transform:translateZ(-20px) rotateX(0)
  }
  60%{
      opacity:0;
      transform:translateZ(-20px) rotateX(-100deg)
  }
  to{
      opacity:0;
      transform:translateZ(-20px) rotateX(-90deg)
  }
}
@keyframes slide-in{
  0%{
      opacity:0;
      transform:translateY(-100%)
  }
  60%{
      opacity:1;
      transform:translateY(20%)
  }
  to{
      opacity:1;
      transform:translateY(0)
  }
}
@keyframes slide-out{
  0%{
      opacity:1;
      transform:translateY(0)
  }
  60%{
      opacity:0;
      transform:translateY(120%)
  }
  to{
      opacity:0;
      transform:translateY(100%)
  }
}
@keyframes zoom-in{
  0%{
      opacity:0;
      transform:translateZ(100px)
  }
  to{
      opacity:1;
      transform:translateZ(0)
  }
}
@keyframes zoom-out{
  0%{
      opacity:1;
      transform:translateZ(0)
  }
  to{
      opacity:0;
      transform:translateZ(-100px)
  }
}
@keyframes word-rotator-rotate-3-in{
  0%{
      transform:rotateY(180deg)
  }
  to{
      transform:rotateY(0)
  }
}
@keyframes word-rotator-rotate-3-out{
  0%{
      transform:rotateY(0)
  }
  to{
      transform:rotateY(-180deg)
  }
}
@keyframes scale-up{
  0%{
      opacity:0;
      transform:scale(0)
  }
  60%{
      opacity:1;
      transform:scale(1.2)
  }
  to{
      opacity:1;
      transform:scale(1)
  }
}
@keyframes scale-down{
  0%{
      opacity:1;
      transform:scale(1)
  }
  60%{
      opacity:0;
      transform:scale(0)
  }
}
@keyframes push-in{
  0%{
      opacity:0;
      transform:translateX(-100%)
  }
  60%{
      opacity:1;
      transform:translateX(10%)
  }
  to{
      opacity:1;
      transform:translateX(0)
  }
}
@keyframes push-out{
  0%{
      opacity:1;
      transform:translateX(0)
  }
  60%{
      opacity:0;
      transform:translateX(110%)
  }
  to{
      opacity:0;
      transform:translateX(100%)
  }
}
@keyframes animatedLineBg{
  0%{
      stroke-dasharray:1000
  }
  to{
      stroke-dasharray:1360
  }
}
@keyframes animatedLineSmallCircle{
  0%{
      stroke-dasharray:1000
  }
  to{
      stroke-dasharray:1120
  }
}
@keyframes animatedLineBigCircle{
  0%{
      stroke-dasharray:1000
  }
  to{
      stroke-dasharray:1266
  }
}
@keyframes animatedInitialPin{
  0%{
      transform:translate(2px,69px) scale(.23)
  }
  33%,to{
      transform:translate(2px,79px) scale(.23)
  }
  66%{
      transform:translate(2px,74px) scale(.23)
  }
}
@keyframes animatedFinalPin{
  0%{
      transform:translate(325px,-19px) scale(.23) rotate(36deg)
  }
  33%,to{
      transform:translate(325px,-13px) scale(.23) rotate(36deg)
  }
  66%{
      transform:translate(325px,-16px) scale(.23) rotate(36deg)
  }
}
@keyframes animatedFinalPinFirefox{
  0%{
      transform:translate(193px,-16px) scale(.23) rotate(36deg)
  }
  33%,to{
      transform:translate(193px,-10px) scale(.23) rotate(36deg)
  }
  66%{
      transform:translate(193px,-13px) scale(.23) rotate(36deg)
  }
}
.portfolio-list{
  margin-bottom:0;
  margin-top:0;
  padding:0
}
.portfolio-list .portfolio-item{
  margin-bottom:35px;
  position:relative
}

/* Fix for Onze diensten section equal sizing and image consistency */
.bg-tertiary .row.justify-content-center > .col-md-4 {
  display: flex;
}

.bg-tertiary .box-shadow-7.border-radius-2.overflow-hidden.h-100 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bg-tertiary .thumb-info-wrapper img.service-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

/* Hide projecten links until page is ready */
a[href="projecten.html"],
nav a[href="projecten.html"] {
    display: none !important;
}