@charset "utf-8";
.screen1
{
  padding: 30px;
  /* background: #994E50; */
  background: #AD585A;
  z-index: 1;
}

.loaded .screen1
{
  -webkit-animation: hidescreen1 1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: hidescreen1 1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: hidescreen1 1s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: hidescreen1 1s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.LandingLogo
{
  width: 100%;
  height: 100%;
  max-width: 470px;
  max-height: 470px;
}
#part1-1, #part1-2, #part1-3, #part2-1, #part2-2, #part3-1, #part3-2, #part4
{
  opacity: 1;
}
.loaded #part1-1, .loaded #part1-2, .loaded #part1-3, .loaded #part2-1, .loaded #part2-2, .loaded #part3-1, .loaded #part3-2, .loaded #part4
{
  -webkit-animation: partsappear 0.1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: partsappear 0.1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: partsappear 0.1s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: partsappear 0.1s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */

}
.loaded #part1-1, .loaded #part1-2, .loaded #part1-3
{
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.loaded #part2-1, .loaded #part2-2
{
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.loaded #part3-1, .loaded #part3-2
{
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.loaded #part4
{
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.screen3
{
  opacity: 0;
  z-index: 0;
}

.loaded .screen3
{
  -webkit-animation: appearscreen3 1.5s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: appearscreen3 1.5s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: appearscreen3 1.5s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: appearscreen3 1.5s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}


.screen3 .ContentHolder
{
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
  align-items: center;
  z-index: 3;
  opacity: 0;
  text-align: center;
  padding: 20px 20px 20px 20px;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url('../images/watermark.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.loaded .screen3 .ContentHolder
{
  -webkit-animation: appearscreen3 2s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: appearscreen3 2s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: appearscreen3 2s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: appearscreen3 2s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.infoOpen .screen3 .ContentHolder
{
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(.17,.67,.83,.67);
  -webkit-transition: opacity 1.5s cubic-bezier(.17,.67,.83,.67);
  -moz-transition: opacity 1.5s cubic-bezier(.17,.67,.83,.67);
  -o-transition: opacity 1.5s cubic-bezier(.17,.67,.83,.67);
}

.imageovercolor
{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #AD585A;
  /* background-color: rgba(169,75,74 ,0.9); */
  opacity: 0;
}

.loaded .imageovercolor
{
  -webkit-animation: imageovercolor 1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: imageovercolor 1s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: imageovercolor 1s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: imageovercolor 1s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

.ContentMask
{
  position: absolute;
  z-index: 1;
  width: 30%;
  height: 30%;
  left: 50%;
  bottom: -25%;
  transform: translateX(-50%);
  /* background:url('../images/contentmask.png');
  background-repeat: no-repeat;
  background-position: center bottom;
    background-size: 5%; */
    opacity: 1;
}

.ContentMask svg
{
  width: 100%;
  height: 100%;
}

.loaded .ContentMask
{
  -webkit-animation: ContentMask 3s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: ContentMask 3s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: ContentMask 3s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: ContentMask 3s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}


.loaded .ContentMask svg path.maskpath
{
  -webkit-animation: maskpath 2s cubic-bezier(.17,.67,.83,.67) forwards;   /* Safari 4+ */
  -moz-animation: maskpath 2s cubic-bezier(.17,.67,.83,.67) forwards;   /* Fx 5+ */
  -o-animation: maskpath 2s cubic-bezier(.17,.67,.83,.67) forwards; /* Opera 12+ */
  animation: maskpath 2s cubic-bezier(.17,.67,.83,.67) forwards; /* IE 10+, Fx 29+ */
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

/* css hack for ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loaded .ContentMask svg path.maskpath
  {
    fill:#FFFFFF;
  }

    .contactrow
  {
    padding-bottom: 10px;
  }

}
.contactBtn
{
  position: absolute;
  top: 30px;
  right:60px;
  font-size: 50px;
  line-height: 150px;
  cursor: pointer;
  font-family: 'theimpressionist';
}
.contactBtn:hover
{
  color: #f0dbc1;
}

.mainlogo
{
  display: inline-block;
  margin: 0 auto;
}

.ContentHolder h1
{
  font-size: 6.87vw;
  line-height: 6.82vw;
  font-family: 'Orelo_Standard';
}
.ContentHolder h1 br:nth-of-type(1)
{
  display: none;
}
.ContentHolder h5
{
  font-size: 22px;
  line-height: 30px;
  margin-top: 3vw;
  font-family: 'Nuckle-Light';
  text-transform: uppercase;
}

.TopPart
{  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 30px 30px 0px 30px;
}
.TopPart a{
  display: inline-block;
}


.TopPart > div a:first-child
{
  margin-right: 30px;
}
.imagegallery a{
  margin: 0px !important;
}
.imagegallery a.viewIcon
{
  display: none;
  cursor: pointer;
  width: 70px;
  height: 40px;
  overflow: hidden;
}
.imagegallery a.viewIcon:nth-child(1){
  display: inline-block;
}

.viewIcon svg
{
  width: 57px;
  height: 29px;
}
.strokehover
{
  stroke:#fff;
  stroke-miterlimit:10;
  stroke-width:1;
}
.viewIcon:hover .strokehover
{
  stroke:#f0dbc1;
}

.contactinfoHolder
{
  width: 100%;
  position: relative;
  z-index: 3;
  text-align: center;
  display: flex;
  align-items: center;
  margin-top: 2vw;
      padding: 0px 10px;
}
.contactinfoHolder > div
{
  width: 100%;
    margin: 0 auto;

}

.contactinfoHolder a{
  color: #fff;
  display: block;
}
.contactinfoHolder a:hover{
color: #f0dbc1;
}
.contactinfoHolder .col_1_1{
  width: 100%;
  margin: 0 auto;
}
.contactinfoHolder .col_1_1 .col{
  width: 50%;
  font-size: 12px;
  line-height: 17px;
  font-family: 'Nuckle-Medium';
}

.contactinfoHolder .col_1_1 .col:nth-child(1)
{
  padding-right: 20px;
  width: 55%;
}
.contactinfoHolder .col_1_1 .col:nth-child(2)
{
  padding-left: 20px;
  width: 45%;
}

.partnerLogo
{
  height: 50px;
  margin-right: 25px;
margin-top: 4px;
}
.partnerLogo a{display: inline-block;}
.partnerLogo img{
  height: 44px;
  max-width: 150px;
  width: 100%;
}
.contactinfoHolder .col_1_1 .col strong{
  text-transform: uppercase;
}
.contactrow p{
  padding: 0px 25px 0px 0px;
  text-align: left;
}
.contactinfoHolder .col_1_1 .col:nth-child(2)
{
  justify-content: flex-end;
}
.closeIcon
{
  position: fixed;
  cursor: pointer;
  z-index: 5;
  right: 30px;
  top: 30px;
  width: 55px;
  height: 55px;
  background: url('../images/close-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 37px;
}
.closeIcon:hover{
  /* background-color: #994E50; */
}

.screen5
{
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  background: #fff;
}

.HeroSlider
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  height: 100%;
  width: 100%;
}

.HeroSlider li{
  height: 100%;
}