html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

.header-bar {
  padding-top: 24px;
  position: fixed;
  width: 80%;
  z-index: 999;
}

/*header {
    z-index: 9999;
}*/
/*.main-menu {
    z-index: 999;
}*/
.navigation-landing {
  top: 50%;
  position: fixed;
  display: grid;
}

body::-webkit-scrollbar {
  width: 0 !important;
}

#section-landing-4 {
  margin-top: 250px;
}

#section3 {
  padding-top: 50px;
}
#section3 .item-content .title {
  border: none;
}
#section3 .item-content .time {
  margin-top: 20px;
  margin-bottom: 0px;
}
#section3 .item-content .datetime {
  margin-top: 20px;
  margin-bottom: 0px;
}

@keyframes animation-out-right {
  0% {
    transform: translate(30%, 0%);
  }
  100% {
    transform: translate(150%, -70%);
    opacity: 0.4;
    display: none;
  }
}
@keyframes animation-in-right {
  0% {
    transform: translate(150%, -70%);
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes animation-out-left {
  0% {
    transform: translate(-30%, 0%);
  }
  100% {
    transform: translate(-150%, -70%);
    opacity: 0.4;
    display: none;
  }
}
@keyframes animation-in-left {
  0% {
    transform: translate(-90%, -80%);
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes section-2-animation-in-left {
  0% {
    transform: translate(-90%, 80%);
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes section-2-animation-in-right {
  0% {
    transform: translate(150%, 70%);
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
.section.active .box-right {
  animation-name: animation-in-right;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  position: relative;
}

.section .box-right {
  animation-name: animation-out-right;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  position: relative;
}

.section.active .section2-box-left {
  animation-name: section-2-animation-in-left;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.section.active .section2-box-right {
  animation-name: section-2-animation-in-right;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.section .section2-box-left {
  animation-name: animation-out-left;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.section .section2-box-right {
  animation-name: animation-out-right;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.section.active .box-left {
  animation-name: animation-in-left;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.section .box-left {
  animation-name: animation-out-left;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

img.main-image {
  width: 80%;
  /*position: relative;
  top: 20%;*/
  /*left: 25%;
  width: 80%;*/
  /*max-width: 80%;
  background-color: unset;*/
}

.box-left .main-image {
  width: 70%;
}

.detail-box {
  position: relative;
}
.detail-box .content-slide-section {
  top: 30%;
  left: 20%;
  position: absolute;
  width: 60%;
}
.detail-box .content-slide-section .title {
  font: 56px/60px Calibri Bold;
}
.detail-box .content-slide-section .description {
  margin-top: 36px;
  margin-bottom: 30px;
  font: 20px/28px Calibri Regular;
}
.detail-box .content-slide-section .readmore {
  font: 18px/27px Calibri Bold;
}
.detail-box .description {
  font-size: 18px;
}

.section-content .title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}
.section-content .readmore {
  margin-top: 15px;
  color: #008197;
  font: 18px/27px Calibri Bold;
}

.section:not(#section3) {
  background-repeat-x: no-repeat;
  background-position-x: 50%;
  background-repeat: no-repeat;
}

#go-to-top {
  margin-bottom: 48px;
}
#go-to-top i {
  font-size: 54px;
  color: #006F8A;
}

#section1 {
  /*background-color:#f2f2f2;*/
}
#section1 img.main-image {
  position: absolute;
  top: 30%;
  left: 10%;
}
#section1 .fp-tableCell {
  display: block;
}
#section1 .section-content {
  height: 100%;
}

#section2 {
  background-position-x: 46.5% !important;
}
#section2 img.main-image {
  position: absolute;
  bottom: 0;
  right: 0;
  left: inherit;
  top: inherit;
}
#section2 .fp-tableCell {
  display: block;
}
#section2 .section-content {
  height: 100%;
}

#fp-nav ul li a.active span {
  height: 20px;
  width: 5px;
  border-radius: 0%;
  background: #007F9C;
  margin: -6px 0 0 -2px;
}

#fp-nav ul li a.active span:hover {
  height: 20px;
  width: 5px;
  border-radius: 0%;
  background: #007F9C;
  margin: -6px 0 0 -2px;
}

#fp-nav ul li a span {
  height: 20px;
  width: 5px;
  border-radius: 0%;
  background-color: #22222233;
  margin: -6px 0 0 -2px;
}

#fp-nav ul li a span:hover {
  height: 20px;
  width: 5px;
  border-radius: 0%;
  background-color: #22222233;
}

#fp-nav ul li {
  margin-bottom: 15px;
}

#fp-nav ul li:last-child a span {
  height: 60px;
  margin-bottom: 10px;
}

/*#section0, #section1 {
    .fp-scrollable {
        height: auto ;

        .fp-scroller {
            overflow: initial ;
        }
    }
}*/
#section0 .fp-scrollable {
  height: 100% !important;
}
#section0 .fp-scroller {
  height: 100%;
}
#section0 .section-content {
  height: 100%;
}
#section0 .fp-tableCell {
  vertical-align: bottom;
}
#section0 .section.active .section2-box-left {
  position: relative;
  top: -150px;
}
#section0 img.main-image {
  top: inherit;
  left: inherit;
  right: 0;
  bottom: 0;
  position: absolute;
  max-width: 65%;
}

#section1 .fp-scrollable .fp-scroller {
  height: 100%;
}
#section1 img.main-image {
  max-width: 65%;
}

#section2 .fp-scrollable {
  height: auto !important;
}
#section2 img.main-image {
  max-width: 65%;
}

#section0.section.active .box-left {
  animation-duration: 1s;
}

#section0.section.active .box-right {
  animation-duration: 2s;
}

#section1.section.active .section2-box-left {
  animation-duration: 2s;
}

#section1.section.active .section2-box-right {
  animation-duration: 1s;
}

#section2.section.active .section2-box-left {
  animation-duration: 2s;
}

#section2.section.active .section2-box-right {
  animation-duration: 1s;
}

/*Reponsive*/
@media (max-width: 1366px) {
  .detail-box .content-slide-section .title {
    font: 42px/42px Calibri Bold;
    width: 80%;
  }

  #section0 .fp-tableCell > div.row {
    position: relative;
    /*top: -100px;*/
  }
  #section0 .fp-tableCell > div.row .section.active .section2-box-left {
    position: relative;
    top: -60px;
  }
}
.home-landing .wrap-home .group-content .item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (min-width: 2000px) {
  #section0 img.main-image, #section1 img.main-image, #section2 img.main-image {
    max-width: 65%;
  }

  .umbraco-forms-form input.text {
    max-width: 100% !important;
    padding: 40px;
  }
}

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