@charset "utf-8";
/* CSS Document */
html {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
}
body {
  color: #222;
  text-align: center;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  /* min-height: 780px; */
}
.width_800 {
  max-width: 800px;
}
.width_600 {
  max-width: 600px;
}
.nomargin {
  margin: 0;
}
/* h2+p {
  margin-left: -1.5rem;
} */
/* p+ul, ul+p {
  margin: 0.5rem 0 0 0;
} */
/**********/
header {
  position: absolute;
  width: 100%;
  z-index: 5;
  display: flex;
  justify-content: center;
}
.logo_container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
.logo_container a {
  z-index: 5;
}
.logo {
  margin: 2rem 0 0 0;
  z-index: 5;
  width: 100%;
}
.logo1 {
  max-width: 300px;
}
.logo2 {
  max-width: 200px;
}
.nav_wrapper {
  position: fixed;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 2rem 0 0;
}
#nav_content {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: block;
  visibility: hidden;
  position: relative;
  left: 50px;
  opacity: 0;
}
#nav_content.active {
  display: block;
  position: relative;
  left: 0;
  opacity: 1;
  visibility: visible;
}
#nav_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  line-height: 1.5rem
}
#nav_button {
  z-index: 20;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
svg.menu_button {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#nav_button.rotate-90 svg path {
  fill: #261759;
}
.rotate-90 {
  -webkit-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
}
/**********/
.wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  flex-direction: column;
}
main {
  flex: 1 1 100%;
}
.slider {
  width: 100%;
  /* height: 100%; */
  margin: 0 auto auto auto;
  top: 0;
}
.slide {
  height: 100%;
  width: 100%;
  background-size: cover !important;
  position: relative;
  padding: 0rem 4rem 0 4rem;
}
/****************/
/*All Slides*/
/****************/
.content_fade {
  display: none;
}
.slide_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.slide_headline {
  margin-bottom: 2rem;
  /* padding-top: 7vh;
  position: relative;
  text-align: left; */
}
/* review */
.slide_content {
  display: flex;
  flex-direction: row;
  text-align: left;
  width: calc(100% - 0px);
  position: relative;
  height: 100%;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}
.two_columns {
  display: flex;
  width: calc(100% + 2rem);
  left: -1rem;
  position: relative;
}
.two_columns div {
  width: 50%;
  padding: 0 1rem;
}
/****************/
/*Slide 1*/
/****************/
.slide1 {
  /* background: url('../img/Slide1_background.jpg') no-repeat center center; */
}
.slide1 .slide_content {
  height: 100vh;
}
.slide1 .content_right {
  position: absolute;
  width: 100%;
  margin: 0 auto;
}
.slide1_2 {
      object-fit: contain;
}
/****************/
/*Slide 2*/
/****************/
.slide2 {
  /* background: url('../img/Slide2_background.jpg') no-repeat center center; */
}
.slide2 .slide_content {
  /* height: 100%; */
}
.slide2_img_holder {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}
.slide2_1, .slide2_2, .slide2_3, .slide2_4 {
  position: absolute;

width: 100%;
height: 100%;
object-fit: contain;


  /* width: 100%; */
  /* height: 100%; */
  /* width: 80%;
top:0;
left:0; */
}
/****************/
/*Slide 3*/
/****************/
.slide3 {
  /* background: url('../img/Slide3_background.jpg') no-repeat center center; */
}
.slide3_mob {
  display: none !important;
}
.slide3_container {
  display: block;
}
.slide3 .slide_content {
  display: block;
}
.slide3 .content_left {
  /* height: 100%; */
  display: block;
  flex-direction: column;
  /* justify-content: space-around; */
}
.slide3_headline {
  padding: 12rem 0 0 0;
  /* height: 100%; */
  /* padding: 10% 0 4rem 0;
  position: absolute; */
}
.slide3_text {
  display: flex;
  width: calc(100% + 2rem);
  left: -1rem;
  /* padding: 40% 0 2rem 0; */
  position: relative;
  padding: 0 0 2rem 0;
  /* opacity: 0; */
}
.slide3_text p {
  width: 20%;
  padding: 0 1rem;
}
.slide3 .content_right {
  /* position: absolute;
  left: -4rem;
  top: 0; */
}
.slide3_text2 {
  /* padding:0 0 2rem 0; */
}
.slide3_1_div {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  margin: -8% 0 -14% 0;
}
.slide3_1 {
  width: 100vw;
  position: relative;
  margin: 0;
}
img.slide3_6 {
  width: 50px;
}
.year img {
  width: 100%
}
.slide3_10 {
  position: absolute;
  top: 32.3%;
  left: 11.4%;
  width: 6%;
}
.slide3_11 {
  position: absolute;
  top: 38.2%;
  left: 25.2%;
  width: 6%;
}
.slide3_12 {
  position: absolute;
  top: 38.4%;
  left: 39.9%;
  width: 6%;
}
.slide3_13 {
  position: absolute;
  top: 19.3%;
  left: 53%;
  width: 6%;
}
/****************/
/*Slide 4*/
/****************/
.slide4 {
  /* background: url('../img/Slide4_background.jpg') no-repeat center center; */
}
.slide4 .slide_content {
  max-width: 1500px;
  /* margin: 8rem auto 0 auto; */
  align-items: flex-start;
}
.slide4_img_holder {
  /* position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 100%; */
}
.slide4_img_holder {
  position: absolute; top:0; left:0; width: 100%; height: 100%; border: 0px solid green;
}
.slide4 .content_left {
  /* flex: 1 30%; */
  max-width: 34%;
  /* top: 50%;
  transform: translateY(-50%); */
  padding-top: 8rem;
}
.slide4 .content_right {
  /* flex: 1 70%; */
}
/* .slide4_1 {
  left: -4rem;
  position: relative;
  margin: -75% 0px;
  opacity: 1;
  width: 250% !important;
} */
.slide4_1 {
  opacity: 1;
  position: absolute;
  top: 0;
  /* border: 1px solid yellow; */
  /* max-width: 100%; */
  width: 100vw;
}
.slide4_2, .slide4_2_text {
  width: 6% !important;
  /* left: calc(35.3vw - 4rem); */
  left: calc(34.3vw - 4rem);
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 32.7vw;
}
.slide4_img_holder_2 {
  /* top: 18vh; */
  /* bottom: 90vh;
  position: absolute;
  width: 100%; */

  top: 0;
    bottom: 0;
    position: absolute;
    width: 100vw;
    height: 100vh;
}
.slide4_3 {
  position: absolute;
  /* top: 61.4%; */
  bottom: 0;
  padding-top: 35%;
  left: calc(31.1% - 4rem);
  margin: auto 0 19.7% 0;
}
/****************/
/*Slide 5*/
/****************/
.slide5 {
  /* background: url('../img/Slide5_background.jpg') no-repeat center center; */
}
.slide5_img_holder {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
/****************/
/*Slide 6*/
/****************/
.slide6 {
  /* background: url('../img/Slide6_background.png') no-repeat center center; */
}
.slide6_img_holder img {
  object-fit: contain;
}
.slide6 .content_left {
  flex: initial;
  /* flex: 1 30%; */
  top: 50%;
  /* transform: translateY(-50%); */
}
.slide6 .content_right {
  /* flex: 1 67%; */
}
.slide6_hl {
  max-width: 500px;
}
.slide6_text {
  max-width: 300px;
}
/****************/
/*Slide 7*/
/****************/
.slide7 {
  /* background: url('../img/Slide7_background.png') no-repeat center center; */
}
.slide7_2, .slide7_3, .slide7_4 {
  object-fit: contain;
}
/****************/
/*Slide 8*/
/****************/
.slide8 {
  /* background: url('../img/Slide8_background.png') no-repeat center center; */
}
.slide8_hl {
  max-width: 530px;
}
.slide8_text {
  max-width: 297px;
}
/****************/
/*Slide 9*/
/****************/
.slide9 {
  /* background: url('../img/Slide9_background.png') no-repeat center center; */
}
.slide9_text {
  position: absolute;
  text-align: center;
  max-width: 300px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/********************/
/*alt*/
/********************/
.slide1_headline {
  /* padding-top: 7vh; */
}
.img_absolute {
  position: absolute;
  top: 0;
  width: 100%;
}
.slide_content img {
  /* width: 100%; */
}
.slide_content>div {
  /* flex: 0 1 50%; */
  /* position: relative; */
}
.content_left {
  flex: 0 1 50%;
}
.content_right {
  flex: 0 1 50%;
  margin: 0 auto;
}
/* Dots */
.slick-dotted.slick-slider {
  /* margin-bottom: 30px; */
}
.slick-dots {
  position: absolute;
  bottom: 1rem;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 2rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
.slick-list, .slick-track {
  height: 100%;
  outline: none;
}
.slick-slide:focus {
  outline: none;
}
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: fixed;
  display: block;
  /* top: 50%;
  width: 50px;
  height: 50px; */
  top: 50%;
  bottom: auto;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: +1;
}
.slick-prev:before, .slick-next:before {
  opacity: .75;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev {
  left: 1rem;
}
.slick-prev:before {
  content: url(../img/back.svg);
}
.slick-next {
  right: 1rem;
}
.slick-next:before {
  content: url(../img/next.svg);
}
/* @media screen and (max-width: 1310px) {} */
@media screen and (max-width: 1400px) {
  .slide4_img_holder_2 {
    top: 18vh;
    bottom: auto;
  }
  .slide4_2, .slide4_2_text {
    left: calc(35.3vw - 4rem);
  }
}
@media screen and (max-width: 1180px) {
  .slide_content {
    width: 100%;
    max-width: 1000px;
  }
  .slide4_img_holder_2 {
    top: auto;
    bottom: 66%;
    width: 100%;
height: initial;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 14px;
  }
  .content_left {
    order: 2;
  }
  .content_right {
    order: 1
  }
  .slick-prev, .slick-next {
    top: auto;
    bottom: 4rem;
    width: 25px;
    height: 25px;
  }
  .slick-prev {
    left: 0
  }
  .slick-next {
    right: 0
  }
  .slide_background {
    height: initial;
  }
  .slide_content {
    display: block;
    padding: 0;
    margin: 0;
  }
  .content_left {
    position: relative;
    /* top: auto;
    bottom: 0; */
    margin-bottom: 10%;
    max-width: 100%;
    padding-top: 4rem;
  }
  .two_columns {
    display: block;
    width: 100%;
    left: 0;
  }
  .two_columns div {
    width: 100%;
    padding: 0;
  }
  /* 1 */
  .slide1 {
    /* background: linear-gradient(117deg, rgba(11, 31, 20, 1) 0%, rgba(178, 210, 67, 1) 60%, rgba(113, 167, 73, 1) 100%); */
    background: #92c753;
    overflow: hidden;
  }
  .slide1_img_holder {
    position: relative;
    height: auto;
    left: -4rem;
    right: -4rem;
    width: calc(100% + 8rem);
  }
  .slide1_img_holder img {
    width: 100%;
    left: initial;
    right: 0;
  }
  .slide1 .slide_background {
    height: initial;
  }
  .slide1_1 {
        position: relative;
  }
  .slide1 .slide_content {
    top: 50%;
    transform: translateY(0%);
    flex-direction: column;
    height: 100%;
  }
  /* 2 */
  .slide2 {
    /* background: linear-gradient(120deg, rgba(1, 32, 97, 1) 0%, rgba(1, 51, 120, 1) 80%); */
    background: #002164;
    overflow: hidden;
  }
  /* .slide2 .slide_content, .slide3 .slide_content { */
  .slide2_img_holder {
    position: relative;
    height: initial;
    left: -4rem;
    right: -4rem;
    width: calc(100% + 8rem);
    top: 0;
    transform: none;
  }
  .slide2_img_holder img {
    width: 100%;
    left: initial;
    right: 0;
    top: 0%;
  }
  .slide2 .slide_background {
    height: initial;
  }
  .slide2 .slide_content {
    flex-direction: column;
  }
  .slide2_1 {
    position: relative;
  }
  /* .slide_content, .slide2 .slide_content, .slide3 .slide_content {
    width: 100%;
  } */
  /* 3 */
  .slide3 {
    /* background: linear-gradient(120deg, rgba(1, 32, 97, 1) 0%, rgba(1, 51, 120, 1) 80%); */
    background: #45ac74;
    overflow: hidden;
  }
  .slide3 .slide_background {
    height: initial;
    position: relative;
    width: calc(100% + 8rem);
    left: -4rem;
  }
  .slide3_mob {
    display: block !important;
    position: absolute;
    margin: 0;
    transform: translatey(50%);
  }
  .slide3_container {
    display: none;
  }
  .slide3_headline {
    padding: 0;
  }
  .slide3_text {
    flex-direction: column;
  }
  .slide3_text p {
    width: initial;
  }
  /* 4 */
  .slide4 {
    background: #e0e0e0;
  }
  .slide4 .content_left {
    max-width: initial;
    padding-top: 4rem;
  }
  .slide4_img_holder {
    position: relative;
    top: 0px;
    width: calc(100% + 8rem);
    display: block;
    left: -4rem;
    height: auto;
    /* position: absolute; top:0; left:0; width: 100%; height: 100%; border: 0px solid green; */
  }
  .slide4_img_holder_2 {
    top: 0;
  }
  /* 5 */
  .slide5 {
    background: #fbdf33;
  }
  .slide5_img_holder {
    top: initial;
    transform: translatey(12%);
    position: relative;
    margin-bottom: 4rem;
  }
  /* 6 */
  .slide6 {
    background: #ece9f4;
  }
  .slide6_img_holder {
    position: relative;
    width: calc(100% + 8rem);
    left: -4rem;
  }
  .slide6_1 {
    position: relative;
  }
  .slide6 .content_left {
    flex: initial;
    top: initial;
    transform: none;
  }
  .slide6_text {
    max-width: initial;
  }
  .slide7 {
    background: #003271;
  }
  .slide7_img_holder {
    width: calc(100% + 8rem);
    left: -4rem;
    position: relative;
  }
  .slide7_1 {
    position: relative;
  }
  /* 8 */
  .slide8 {
    background: #3ba33b;
    ;
  }
  .slide8_2 {
    width: calc(100% + 8rem);
    left: -4rem;
    position: relative;
  }
  .slide8_hl, .slide8_text {
    max-width: initial;
  }
  .slide9_bg {
    height: 100%;
  }
}
@media screen and (max-width: 825px) {
  html {
    font-size: 12px;
  }
  .logo_container {
    justify-content: flex-start;
    margin-left: 2rem;
  }
  .slide2 .content_right img, .slide4 .content_right img {
    /* margin-top: 0rem; */
  }
  .slide4_2, .slide4_2_text {
    left: calc(35.5vw - 4rem);
    top: 32.9vw;
  }
  .slide_headline {
    /* margin: calc(2rem + 140px) 0 0 0; */
    width: 100%;
  }
  h2+p {
    margin-left: 0;
  }
}
@media screen and (max-width: 685px) {
  .logo {
    max-width: 100px;
  }
  .slide_headline {
    /* margin: calc(2rem + 40px) 0 0 0; */
  }
  .slide1_headline {
    padding-top: 15vh;
  }
  .slide4_2, .slide4_2_text {
    left: calc(36vw - 4rem);
  }
}
@media screen and (max-width: 600px) {
  .slide4_2, .slide4_2_text {
    left: calc(39.4vw - 4rem);
    top: 32vw;
  }
}
@media screen and (max-width: 450px) {
  .slide4_2, .slide4_2_text {
    left: calc(42.4vw - 4rem);
    top: 32.7vw;
  }
}
@media (orientation: landscape) {
  #slide1_img_holder {
    max-width: 40rem;
  }
}