body {
  cursor: none !important;
}

.u-section-1 .u-sheet-1 {

}

.u-section-1 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 108px auto 60px;
}

.u-section-1 .u-image-1 {
  background-image: url("images/34df7df6ee6f58407041d5585436887a.jpg");
  padding: 0;
}

.u-section-1 .u-container-layout-2 {
  padding: 0;
}

.u-section-1 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-group-1 {
    background-position: 48.99% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
  }

  .u-section-1 .u-image-1 {
    background-position: 50% 50%;
  }

  .u-section-1 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-group-1 {
    width: 258px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-group-1 {
    width: 225px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 529px;
}

.u-section-2 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-2 .u-image-1 {
  background-image: url("images/12baecc3b4f9903643c97052026f1c51.jpg");
  padding: 0;
}

.u-section-2 .u-container-layout-2 {
  padding: 0;
}

.u-section-2 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-2 .u-image-1 {
    background-position: 50% 50%;
  }

  .u-section-2 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-group-1 {
    width: 258px;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-group-1 {
    width: 225px;
  }

  .u-section-2 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 529px;
}

.u-section-3 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-3 .u-image-1 {
  background-image: url("images/3dbec212325dc4b678d17986bf1bbc97.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-3 .u-container-layout-2 {
  padding: 0;
}

.u-section-3 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-3 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-group-1 {
    width: 258px;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-group-1 {
    width: 225px;
  }

  .u-section-3 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 529px;
}

.u-section-4 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-4 .u-image-1 {
  background-image: url("images/c09ba68045d0836d834832a5cb94bd3b.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-4 .u-container-layout-2 {
  padding: 0;
}

.u-section-4 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-4 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-group-1 {
    width: 258px;
  }

  .u-section-4 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-group-1 {
    width: 225px;
  }

  .u-section-4 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 529px;
}

.u-section-5 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-5 .u-image-1 {
  background-image: url("images/ab3f5690f3cbcfe452019e8c7c3b7b47.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-5 .u-container-layout-2 {
  padding: 0;
}

.u-section-5 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-5 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-5 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-group-1 {
    width: 258px;
  }

  .u-section-5 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-group-1 {
    width: 225px;
  }

  .u-section-5 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 529px;
}

.u-section-6 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-6 .u-image-1 {
  background-image: url("images/be694acbf22f0f9cfa7a52c3fa410c30.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-6 .u-container-layout-2 {
  padding: 0;
}

.u-section-6 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-6 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-6 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-group-1 {
    width: 258px;
  }

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-group-1 {
    width: 225px;
  }

  .u-section-6 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-7 .u-sheet-1 {
  min-height: 529px;
}

.u-section-7 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-7 .u-image-1 {
  background-image: url("images/d28c00dbe2f17d1db76d23458c29cc92.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-7 .u-container-layout-2 {
  padding: 0;
}

.u-section-7 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-7 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-7 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-7 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-group-1 {
    width: 258px;
  }

  .u-section-7 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-group-1 {
    width: 225px;
  }

  .u-section-7 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-8 .u-sheet-1 {
  min-height: 529px;
}

.u-section-8 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-8 .u-image-1 {
  background-image: url("images/babbfd79946ed996d1a620845a0e9333.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-8 .u-container-layout-2 {
  padding: 0;
}

.u-section-8 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-8 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-8 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-group-1 {
    width: 258px;
  }

  .u-section-8 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-group-1 {
    width: 225px;
  }

  .u-section-8 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 529px;
}

.u-section-9 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-9 .u-image-1 {
  background-image: url("images/5d78869d88b6b723c090f30c4cf0fba8.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-9 .u-container-layout-2 {
  padding: 0;
}

.u-section-9 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-9 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-9 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-group-1 {
    width: 258px;
  }

  .u-section-9 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-group-1 {
    width: 225px;
  }

  .u-section-9 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}.u-section-10 .u-sheet-1 {
  min-height: 529px;
}

.u-section-10 .u-group-1 {
  width: 406px;
  min-height: 470px;
  height: auto;
  transition-duration: 1.8s;
  margin: 1px auto 0;
}

.u-section-10 .u-image-1 {
  background-image: url("images/439ce3e555c100af9831598f18905232.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-10 .u-container-layout-2 {
  padding: 0;
}

.u-section-10 .u-text-1 {
  margin: 0 auto 0 64px;
}

@media (max-width: 1199px) {
  .u-section-10 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .u-section-10 .u-container-layout-2 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-group-1 {
    width: 359px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-group-1 {
    width: 258px;
  }

  .u-section-10 .u-text-1 {
    width: auto;
    margin-top: 269px;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-group-1 {
    width: 225px;
  }

  .u-section-10 .u-text-1 {
    margin-top: 174px;
    margin-left: 28px;
  }
}


/* scroll
 * =============================== */

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-button {
  display: none;
}

body {
  -ms-overflow-style:none;
}


/* sidenav
 * =============================== */
.sidenav1 {
  height: 100%;
  width: 17%;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 17%;
  overflow-x: hidden;
  padding-top: 0px;
  margin-left: 0px;
}
.sidenav1 h4 {
  text-transform: uppercase;
  color: #000000;
}
.sidenav2 {
  height: 100%;
  width: 5%;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 66.5%;
  overflow-x: hidden;
  padding-top: 0px;
  margin-left: 0px;
}
.sidenav2 h4 {

  color: #000000;
}

@media (max-width: 1199px) {

.sidenav1 {
  width: 21%;
  top: 50%;
  left: 8%;
}

.sidenav2 {
  width: 6%;
  top: 50%;
  left: 71%;
}

}
@media (max-width: 991px) {

.sidenav1 {
  width: 21%;
  top: 50%;
  left: 4%;
}
.sidenav1 h4 {
 font-size: 18px;
}
.sidenav2 {
  width: 8%;
  top: 50%;
  left: 75%;
}
.sidenav2 h4 {
 font-size: 18px;
}
}



@media (max-width: 767px) {

.sidenav1 {
  width: 21%;
  top: 50%;
  left: 4%;
}
.sidenav1 h4 {
 font-size: 16px;
}
.sidenav2 {
  width: 10%;
  top: 50%;
  left: 78%;
}
.sidenav2 h4 {
 font-size: 16px;
}
}



@media (max-width: 575px) {

.sidenav1 {
  width: 21%;
  top: 50%;
  left: 1%;
}
.sidenav1 h4 {
 font-size: 16px;
}
.sidenav2 {
  width: 10%;
  top: 50%;
  left: 83%;
}
.sidenav2 h4 {
 font-size: 16px;
}
}

/* hambur
 * =============================== */

 .button {
	 position: absolute;
	 top: 10px;
	 left: 290px;
	 box-sizing: border-box;
	 height: 36px;
	 cursor: pointer;
	 z-index: 2;
}

@media (max-width: 1199px) {

 .button {
	 top: 10px;
	 left: 80%;
	 height: 36px;
}
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#fff;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham3 .top {
  stroke-dasharray: 40 130;
}
.ham3 .middle {
  stroke-dasharray: 40 140;
}
.ham3 .bottom {
  stroke-dasharray: 40 205;
}
.ham3.active .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}
.ham3.active .middle {
  stroke-dashoffset: -102px;
}
.ham3.active .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}

.menu a {
  display: inline-block;
  color: #fff;
  margin-top: 15px;
  margin-left: 20px;
}


/* nav
 * =============================== */

.menu {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0;
    height: 60px;
    width: calc(calc((100vw - 140px - 160px) * 2 / 8 + 40px) + 80px - 20px);
    min-width: 240px;
    border-radius: 0 0 18px 0;
    background-color: #000;
    color: #fff;
}

#container {
  overflow-y: hidden;
  height: 60px;
  transition: height .5s cubic-bezier(0.38, 0.005, 0.215, 1),transform .45s cubic-bezier(0.4, 0, 0, 1),background-color .45s cubic-bezier(0.4, 0, 0, 1),color .45s cubic-bezier(0.4, 0, 0, 1);
}

#container.expanded {
  height: 290px;
}



.c-header_socials {
    padding-bottom: 1.17647rem;
    margin-left: -7px;
}
.c-socials_list_item {
    display: inline-block;
    margin-right: 0px;
}
.c-socials_list_item a {
    color: currentColor;
}

.o-icon {
    display: inline-block;
    vertical-align: middle;
}


.o-icon svg {
    --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
    display: block;
    width: var(--icon-width);
    height: var(--icon-height);
    fill: currentColor;
}
.svg-icon-facebook {
    --icon-width: 1.76471rem;
    --icon-ratio: 1 / 1;
    --svg-logo-bg: transparent;
    --svg-logo-icon: #000;
}
.svg-icon-instagram {
    --icon-width: 1.76471rem;
    --icon-ratio: 1 / 1;
    --svg-logo-bg: transparent;
    --svg-logo-icon: #000;
}
.svg-icon-linkedin {
    --icon-width: 1.76471rem;
    --icon-ratio: 1 / 1;
    --svg-logo-bg: transparent;
    --svg-logo-icon: #000;
}

.c-header_nav_list_item, .c-footer_nav_list_item {
    display: block;
    overflow: hidden;
    line-height: 1;
    font-size: 1rem;

}
.c-header_nav_list_item_link_label, html.is-first-loaded .c-footer_nav_list_item_link_label {
    transition: padding .6s cubic-bezier(0.4, 0, 0, 1);
}
.c-header_nav_list_item_link_label {
  margin-left: 0;
  transition: margin-left .5s;
}


.c-header_nav_list_item_link_label:hover {
  margin-left: 5px;
}

/* navitemanimation
 * =============================== */
#pc1 {
  opacity: 0;
  transition-delay: 1s;
  transform: translateY(50%);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc1.hide {
  opacity: 1;
  transform: translateY(0%);
}
#pc2 {
  opacity: 0;
  transition-delay: 1s;
  transform: translateY(50%);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc2.hide {
  opacity: 1;
  transform: translateY(0%);
}
#pc3 {
  opacity: 0;
  transition-delay: 1s;
  transform: translateY(50%);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc3.hide {
  opacity: 1;
  transform: translateY(0%);
}

#pc4 {
  opacity: 0;
  transition-delay: 1s;
  transform: scale3d(0, 0, 0);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc4.hide {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
#pc5 {
  opacity: 0;
  transition-delay: 1s;
  transform: scale3d(0, 0, 0);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc5.hide {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

#pc6 {
  opacity: 0;
  transition-delay: 1s;
  transform: scale3d(0, 0, 0);
  transition: opacity 1s cubic-bezier(0.4, 0, 0, 1) 0s;
  transition: transform 2s cubic-bezier(0.4, 0, 0, 1);
}

#pc6.hide {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/*   cursor
 -----------------------------*/
#magicPointer {
 z-index: 2000;
 mix-blend-mode:difference !important;
}


#magicPointer.pointer-blur {  
 z-index: 2000;
 mix-blend-mode:difference !important;
}