@charset "UTF-8";
/* CSS Document */



	*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
/*
body {
  background: #000;
}
*/

.skw-pages {
  overflow: hidden;
  position: relative;
  height: 100vh; }

.skw-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
  .skw-page__half {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100vh;
    transition: transform 1s; }

  .skw-page__full {
    position: relative;
    top: 0;
	  left: 0;
    width: 100%;
    height: 100vh;
    transition: transform 1s; }



    .skw-page__half--left {
      left: 0;
      transform: translate3d(-32.4vh, 100%, 0); }
    .skw-page__half--right {
      left: 50%;
      transform: translate3d(32.4vh, -100%, 0); }
    .skw-page.active .skw-page__half {
      transform: translate3d(0, 0, 0); }
  .skw-page__skewed {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 140%;
    height: 100%;
    transform: skewX(-18deg);
    background: #000; }
  .skw-page__skewed-full {
    overflow: hidden;
    position: absolute;
    top: 0;
	  left: 0;
    width: 100%;
    height: 100%;
   
    background-color: transparent;}


    .skw-page__half--left .skw-page__skewed {
      left: -40%; }
  .skw-page__half--left-full .skw-page__skewed-full {
      left: 0%; }
    .skw-page__half--right .skw-page__skewed {
      right: -40%; }
  .skw-page__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 30%;
    color: #fff;
    transform: skewX(18deg);
    transition: transform 1s, opacity 1s;
    background-size: cover; 
background-position: top center}

.skw-page__content-video {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 30%;
    color: #fff;
    /*transform: skewX(18deg);
    transition: transform 1s, opacity 1s;*/
    background-size: cover; }
    .skw-page__half--left .skw-page__content {
      padding-left: 30%;
      padding-right: 30%;
      transform-origin: 100% 0; }
    .skw-page__half--right .skw-page__content {
      padding-left: 30%;
      padding-right: 30%;
      transform-origin: 0 100%; }
    .skw-page.inactive .skw-page__content {
      opacity: 0.5;
      transform: skewX(18deg) scale(0.95); }
  .skw-page__heading {
    margin-bottom: 15px;
    /*text-transform: uppercase;*/
    font-size: 25px;
    text-align: center; }
  .skw-page__description {
    font-size: 18px;
    text-align: center; }
  .skw-page__link {
    color: #FFA0A0; }
  .skw-page-1 .skw-page__half--left .skw-page__content {
    background-image:url("../images/gillian8.jpg");}
  .skw-page-1 .skw-page__half--right .skw-page__content {
    background: #000; }
  .skw-page-2 .skw-page__half--left .skw-page__content {
    background: #000; }
  .skw-page-2 .skw-page__half--right .skw-page__content {
    background-image: url("../images/gillian7.jpg"); }
  .skw-page-3 .skw-page__half--left .skw-page__content {
    background-image: url("../images/gillian6.jpg"); }
  .skw-page-3 .skw-page__half--right .skw-page__content {
    background: #000; }
  .skw-page-4 .skw-page__half--left .skw-page__content {
    background: #000; }
  .skw-page-4 .skw-page__half--right .skw-page__content {
    background-image: url("../images/gillian7.jpg"); }
  .skw-page-5 .skw-page__half--left .skw-page__content {
    background-image: url("../images/gillian8.jpg"); }
  .skw-page-5 .skw-page__half--right .skw-page__content {
    background: #000; }

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