@charset "UTF-8";
/*  

*/
/* CSS RESET */
html, body, div, span, h1, p, a, img, s, i, center, ul, li, menu, nav, section, video {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

  menu, nav, section {
  display: block;
}

 ul, li {
  list-style: none;
}

html {
  position: static !important;
  top: 0 !important;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/***
 *      __  __              
 *     |  \/  |     ( )      
 *     | \  / | __ _ _ _ __  
 *     | |\/| |/ _` | | '_ \ 
 *     | |  | | (_| | | | | |
 *     |_|  |_|\__,_|_|_| |_|
 *                           
 *                           
 */
html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

body {
  position: absolute;
  width: 100%;
  height: 100%;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

html.scrollable,
html.scrollable body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

img {
  max-width: 100%;
  display: inline-block;
}

.logo {
  margin-bottom: 8px;
  width: 160px;
  height: auto;
}

.slides {
  color: #232323;
  fill: #fff;
  font-family: "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

.safari.retina .slides {
  -webkit-font-smoothing: subpixel-antialiased;
}

/* typography */
a {
  cursor: pointer;
  color: #2948FF;
  text-decoration: none;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  text-decoration: underline;
}
a:hover {
  -webkit-transition: 0.15s;
  transition: 0.15s;
  opacity: 0.8;
}

h1, .h1 {
  font-size: 52px;
  line-height: 1.05;
  font-family: "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom: 30px;
  letter-spacing: 0;
  color: #000;
  width: 100%;
}
h1.bigger, .h1.bigger {
  font-size: 156px;
  margin-bottom: -64px;
  text-transform: uppercase;
  margin-left: -12px;
  position: relative;
  z-index: 1;
}
 h1.ae-2 {
  letter-spacing: 2px;
  font-weight: 600;
}

p,
.p {
  font-size: 24px;
  line-height: 1.385;
  margin-bottom: 32px;
  opacity: 1;
  letter-spacing: 0.3px;
}

 p.hero-home {
  font-size: 108px;
  color: #000;
  line-height: 0.4;
  letter-spacing: 2px;
  margin-top: 4%;
  width: 100%;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

p.hero-home a, .p.hero-home a {
  color: #000;
}
p:not(.hero) + p,
.p:not(.hero) + p {
  margin-top: -20px;
}

.uppercase {
  text-transform: uppercase !important;
}


/* TV WIDGET */

.tele-box {
  position: relative;
  display: inline-flex;
  margin-top: -7%;
}

#frnsvid {
width: 72%;
 padding-left: 21%;
 padding-top: 21%;
}

#tv-over {
  position: absolute;
  width: 100%;
}

.x-space {
  padding: 80px 0;
}

.lastp {
  padding: 16px 0 80px 0;
}

.marqueeff {
    width: 2500px; /* Width of marquee "window" must match the width of p elements*/
    height: 48px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
  background-color: rgb(255,177,17);
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 22px;
  font-family: "Permanent Marker", "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

.marqueeff > div {
  display: table-row;
  white-space: nowrap;
  padding-left: 100%; 
  animation: marquee 27s linear infinite; /* Time must be adjusted based on total width of scrolled elements*/
}

.marqueeff > div p {
  width: 450px; /* Width of p elements must match the width of marquee "window"*/
  padding-left: 300px; /* Padding determines space between scrolled elements */
  padding-top: 10px;
  display: table-cell; 
  font-size: 21px;
  text-transform: uppercase;
  color: #000;
  opacity: 1;
}


/* Make it move */
@keyframes marquee {
    0%   { transform: translate(60%, 0); }
    100% { transform: translate(-100%, 0); }
}

@media (max-width: 1081px) {

 p.hero-home {
  font-size: 72px;
  color: #000;
}

h1.bigger, .h1.bigger {
  font-size: 105px;
  margin-bottom: 0px;
}
}

@media (max-width: 927px) {

.tele-box {
  margin-top: -6%;
  width: 60%;
}

  h1, .h1 {
    font-size: 23px;
    margin-bottom: 20px;
  }

  .fix-12-12 {
    margin-top: 2px;
  }

  .button.actionButton {
  }

  .panel.top {
  top: 0;
  position: fixed !important;
  background-color: none;
}

  p, .p {
  font-size: 1em;
  line-height: 1.385;
  margin-bottom: 30px;
  opacity: 1;
  letter-spacing: 0.2px;
}

  p.hero-home {
  font-size: 42px;
  margin-bottom: 12px;
  margin-top: 3%;
  }

  h1.bigger, .h1.bigger {
  font-size: 60px;
  margin-bottom: 0px;
  }

.slide.video .background video {
  left: 70% !important;
}

.marqueeff {
  height: 32px;
}

.marqueeff > div p {
  font-size: 17px;
  padding-top: 5px;
}

.center img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.x-space {
  padding: 128px 0 40px;
}
}

@media (max-width: 480px) {

  .tele-box {
  width: 100%;
  margin-top: 4%;
}

  p.hero-home {
    font-size: 40px;
    margin-top: 32%;
  }

  .x-space {
    padding: 8px 0 40px;
  }
}


/* buttons */
.button {
  display: inline-block;
  border-radius: 90px;
  padding: 15px 0px 10px;
  margin: 0;
  color: #fff;
  border: 5px solid;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  box-shadow: inset 0 -100px 0 transparent;
  -webkit-appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.slide .button {
  margin-left: 0px;
  margin-right: 0px;
}
.button svg {
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  margin-right: 14px;
  pointer-events: none !important;
  position: relative;
}
.button svg * {
  pointer-events: none !important;
}
.button.actionButton {
  display: inline-block;
  height: 50px;
  width: 50px;
  padding: 14px;
  border-radius: 25px;
  z-index: 999;
  background: rgba(40, 40, 40, 0.0);
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: top;
}
.button.actionButton:hover {
  background: rgba(41, 41, 41, 0.1);
}
.button.actionButton svg {
  fill: #fff;
}
.button:hover {
  -webkit-transition: 0.25s !important;
  transition: 0.25s !important;
  opacity: 1;
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
.button:active {
  -webkit-transition: opacity 0.25s, top 0.25s, -webkit-transform 0.25s !important;
  transition: opacity 0.25s, top 0.25s, -webkit-transform 0.25s !important;
  transition: transform 0.25s, opacity 0.25s, top 0.25s !important;
  transition: transform 0.25s, opacity 0.25s, top 0.25s, -webkit-transform 0.25s !important;
  box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.1);
  top: 1px;
}
.button.uppercase {
  font-size: 17px;
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 16px;
}
.button:not(.stroke) svg {
  fill: #fff;
}
.button.round {
  font-size: 21px;
  border-radius: 27px 23px 26px 28px;
  padding: 10px 32px 8px 32px;
  margin-bottom: 11px;
  margin-left: 12px;
  letter-spacing: 1px !important;
  font-family: "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.button.play {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  padding: 27px;
  margin-left: 0px;
  margin-right: 0px;
}
.button.play svg {
  fill: #fff;
  width: 35px;
  height: 36px;
  margin: 0;
}
.button.play:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}


.button.pink {
  margin: 0 12px 0 0;
  border: solid 1.5px #fff;
}



@media (max-width: 319px) {
  .button.uppercase,
  .uppercase {
    letter-spacing: 0.07em;
  }
}

/* forms */

/***
 *       _____ _       _          
 *      / ___/| ( )   | |         
 *     | (___ | |_  __| | ________
 *      \___ \| | |/ _` |/ , / __/
 *      ____) | | | (_| |  __\__ \
 *     /_____/|_|_|\__,_|\___/___/
 *                                
 *                                
 */
.slide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: #ffffff;
  z-index: 10;
  overflow: hidden;
}

#background-home.background {
  color: #ffffff;
  top: 0%;
  background-size: 100%;
  background-position-x: 70%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content {
  overflow: hidden;
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}

/* Background Fade */

/*default*/


.container {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 100%;
}

.container .wrap {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}

.container .wrap:not(.noSpaces) {
  padding: calc(5.56% + 50px) calc(8% + 15px);
}
.container .wrap * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.slide .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fix-12-12 {
  max-width: 1114px !important;
  margin-top: 0;
}

[class*='fix-'] {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}


.sidebarTrigger {
  cursor: pointer;
}

.slide.video .background {
  overflow: hidden;
}

.slide.video .background video {
  position: absolute;
  background-color: #232323;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.slide.video .background video::-webkit-media-controls {
  display: none !important;
}

.slide.video .background video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

.slide.video .background video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

html:not(.mobile) .slide.video .background[style] {
  background: none !important;
}


/***
 *      _____                 _     
 *     |  __ \               | |    
 *     | |__) __ _ _ __   ___| |____ 
 *     |  ___/ _` | '_ \ / _ | / __/
 *     | |  | (_| | | | |  __| \__ \
 *     |_|   \__,_|_| |_|\___|_/___/
 *                                  
 *                                  
 */
.panel {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 1.5% 1.8%;
  z-index: 200;
  text-align: center;
  font-size: 22px;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.panel.top {
  top: 0;
  position: fixed !important;
  background-color: rgba(248,248,248,0);
}
.panel.bottom {
  bottom: 0;
  background-color: #000;
}
.animated .panel.top {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.animated .panel.bottom {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.animated .panel.bottom:not(.fixed) {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}
.page-loaded .animated .panel {
  -webkit-transition: opacity 0.5s, padding 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, padding 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s, padding 0.5s;
  transition: transform 0.5s, opacity 0.5s, padding 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.panel .sections {
  display: table;
  width: 100%;
  font-size: 0;
}
.panel .sections > div {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  width: 33.33333%;
  white-space: nowrap;
  font-size: 16px;
  height: 40px;
}
.panel .sections > div * {
  pointer-events: all;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
}
.panel .sections > div.left {
  text-align: left;
}
.panel .sections > div.left ul.crop {
  padding-left: 0;
}
.panel .sections > div.left ul.crop li:first-child {
  margin-left: 0;
}
.panel .sections > div.right {
  text-align: right;
}
.panel .sections > div.right ul.crop {
  padding-right: 0;
  color: #f2f2f2;
}
.panel .sections > div.right ul.crop li:last-child {
  margin-right: 0;
}
.panel .sections.hidden {
  display: none;
}
.panel .sections .menu {
  white-space: nowrap;
  display: inline-block;
  padding: 0 20px;
  font-size: 0;
}
.panel .sections .menu li {
  font-size: 22px;
  display: inline-block;
  margin: 0 10px;
}
.panel .sections .menu li a {
  padding: 4px 10px 5px;
}
.panel .sections .menu.uppercase {
  margin-top: 50px;
}
.panel .sections .menu.uppercase li {
  font-family: "Permanent Marker", "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0px 8px 12px;
  letter-spacing: 0.8px;
  vertical-align: top;
  background-color: none;
  outline-color: #000;
  border-radius: 16px;
}
.panel .hidden,
.panel .hidden * {
  display: none;
}
.panel svg {
  fill: #232323;
  width: 16px;
  height: 16px;
}
.panel a:not(.button):hover {
  opacity: 0.75;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.panel .button {
  margin: 0;
}
.panel .button + .button {
  margin-left: 10px;
}
.panel .button:not(.actionButton) {
  display: inline-block;
  padding-left: 22px;
  padding-right: 22px;
  background: #111111;
  color: #ffffff;
  font-size: 20px;
  vertical-align: middle;
  padding-top: 11px;
  padding-bottom: 14px;
}
.panel .menuButton.uppercase {
  font-size: 19px;
  border-radius: 27px 23px 26px 28px;
  padding: 5px 16px;
  margin-bottom: 11px;
  margin-left: 12px;
  letter-spacing: 0px !important;
  font-family: "Permanent Marker", "Knewave", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

@-webkit-keyframes animateArrow {
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes animateArrow {
  80% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/* ipad landscape 1081 > */
@media (max-width: 1081px) {

  .panel {
    padding: 0 16px;
  }
  .panel.top {
    top: 56px;
  }
  .panel .menuButton.uppercase {
    font-size: 17px;
    margin-bottom: 0;
}
.panel .sections .menu.uppercase li {
    font-size: 12px;
}
}

@media (max-width: 927px) {
  .panel.top {
    top: 44px;
  }
}

@media (max-width: 480px) {
    .panel.top {
    top: 56px;
  }
}

/* preloader */
html:not(.page-loaded) .slides.animated:not(.noPreload) .slide.selected,
html:not(.page-loaded) .slides.animated.scroll:not(.noPreload) .slide {
  opacity: 0.2 !important;
}

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(-1080deg);
            transform: rotate(-1080deg);
  }
}

@keyframes loading {
  from {
    -webkit-transform: rotate(-1080deg);
            transform: rotate(-1080deg);
  }
}

/***
 *       _____       _      
 *      / ___/( )   | |     
 *     | (___  _  __| | ___ 
 *      \___ \| |/ _` |/ _ \
 *      ____) | | (_| |  __/
 *     /_____/|_|\__,_|\___/
 *                          
 *                          
 */
.side {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 100;
  padding: calc(3% + 50px) 4%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  /* compact navigation */
  /* for nav in panel */
}
@media (min-width: 1380px) {
  .side {
    padding-left: 55px;
    padding-right: 55px;

  }
}
.page-loaded .side {
  opacity: 1;
}
.side.left {
  left: 0;
  right: inherit;
}
.side.right {
  right: 0;
  left: inherit;
}
.side.compact {
  padding: 30px 4%;
}
.side.compact .navigation li {
  width: 15px;
  height: 7px;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  opacity: 0.2;
  padding: 1px;
  cursor: pointer;
}
.side.compact .navigation li.selected, .side.compact .navigation li:hover {
  opacity: 1;
}
.side.compact .navigation li:after {
  display: none;
}
.side.compact .navigation li:before {
  margin: 0 -12px;
  top: -10px;
}
.side.compact:not(.square) .navigation li:first-child {
  border-radius: 10px 10px 0 0;
}
.side.compact:not(.square) .navigation li:last-child {
  border-radius: 0 0 10px 10px;
}
.panel .side {
  position: relative;
  display: inline;
  height: auto;
  padding: 0;
}

.navigation {
  display: table;
  height: 100%;
  /* sizes */
  /* navigation styles */
  /* stroke */
  /* square */
  /* diamond */
  /* nav colors for white slide */
}
.navigation ul {
  display: table-cell;
  vertical-align: middle;
}
.navigation * {
  pointer-events: all;
}
.navigation li {
  fill: #fff;
  display: block;
  background: transparent;
  padding: 9px;
  margin: 0 -9px;
  cursor: pointer;
  position: relative;
}
.navigation li:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 7px;
  opacity: 0.5;
  background: #fff;
  box-shadow: 0 0 1px #303030;
  -webkit-transition: opacity 0.25s, background 0.25s;
  transition: opacity 0.25s, background 0.25s;
}
.navigation li.selected:after {
  opacity: 1;
}
.navigation li:hover:after {
  opacity: 1;
}
.navigation li:hover:before {
  visibility: visible;
}
.left .navigation li:before {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  left: inherit;
  right: 0;
}
.panel.bottom .navigation li:before {
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
  left: 14px;
  top: -2px;
}
.panel .navigation, .panel .navigation ul {
  display: inline;
}
.panel .navigation li {
  display: inline-block;
  margin: -9px 0;
}
@media (max-width: 766px) {
  .page-loaded .side {
  opacity: 0;
}
}

/* End of Side */

/***
 *       _____       _      _                
 *      / ___/( )   | |    | |               
 *     | (___  _  __| | ___| |__   __ _ _ ___
 *      \___ \| |/ _` |/ _ | '_ \ / _` | '__/
 *      ____) | | (_| |  __| |_) | (_| | |   
 *     /_____/|_|\__,_|\___|_.__/ \__,_|_|   
 *                                           
 *                                           
 */
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 90%;
  height: 100%;
  color: #fff;
  z-index: 500;
  background: #222222;
  -webkit-transition: visibility 0s, -webkit-transform 0.5s;
  transition: visibility 0s, -webkit-transform 0.5s;
  transition: transform 0.5s, visibility 0s;
  transition: transform 0.5s, visibility 0s, -webkit-transform 0.5s;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* ELEMENTS */
  /* menu items */
  /* social */
}
.sidebar .content {
  padding: 40px;
  overflow-y: auto;
  position: relative;
}
.sidebar .wrap {
  padding: 0;
}
.sidebar.left {
  right: inherit;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.sidebar.top {
  top: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.sidebar.bottom {
  bottom: 0;
  top: inherit;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.sidebar .logo {
  padding: 0;
  font-size: 0;
  margin-bottom: 35px;
}
.sidebar a {
  display: inline-block;
  color: #fff;
  fill: #fff;
}
.sidebar a:hover {
  opacity: 0.8;
}
.sidebar .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 14px;
  font-size: 0;
  opacity: 0.5;
  z-index: 101;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.sidebar .close:hover {
  opacity: 1;
}
.sidebar .close svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.sidebar .close:active svg {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
.sidebar ul {
  line-height: 1.9;
  margin-bottom: 25px;
  display: block;
  font-size: 0;
}
.sidebar .uppercase li a {
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.sidebar .mainMenu li a {
  font-size: 24px;
  font-weight: 600;
}
.sidebar .subMenu li {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0px;
  opacity: 0.8;
  font-size: 22px;
}
.sidebar .social {
  margin-top: 40px;
}
.sidebar .social li {
  display: inline-block;
  margin-right: 20px;
}
.sidebar .social li:last-child {
  margin-right: 0;
}
.sidebar .social li a {
  font-size: 0;
  padding: 0;
}
.sidebar .social li a svg {
  width: 18px;
  height: 18px;
}

/* SIDEBAR ANIMATION */

.sidebar {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s !important;
  transition: opacity 0.5s, -webkit-transform 0.5s !important;
  transition: transform 0.5s, opacity 0.5s !important;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s !important;
}

/***
 *      _____                        
 *     |  __ \                       
 *     | |__) __  _ __  _   _ _ __  
 *     |  ___/ _ \| '_ \| | | | '_ \ 
 *     | |  | (_) | |_) | |_| | |_) |
 *     |_|   \___/| .__/ \__,_| .__/ 
 *                | |         | |    
 *                |_|         |_|    
 */
/* POPUP */

@-webkit-keyframes popupFadeIn {
  from {
    opacity: 0;
  }
}

@keyframes popupFadeIn {
  from {
    opacity: 0;
  }
}

/* embed video container for slides and popups */

/***
 *       _____ _ _     _           
 *      / ___/| (_)   | |          
 *     | (___ | |_  __| | ___ _ __ 
 *      \___ \| | |/ _` |/ _ \ '__/
 *      ____) | | | (_| |  __/ |   
 *     /_____/|_|_|\__,_|\___/_|   
 *                                 
 *                                 
 */

/*                   \                           /
    .           ,                              o
     *                 ¤     ~            ..
        ______  __  __          _       *
       |  ___/ / _// _|   *    | |        
       | |___ | |_| |_ ___  ___| |_ ____
    .  |  __/ |  _|  _/ _ \/ __| __/ __/
   ¯   | |____| | | ||  __| (__| |_\__ \    ¨
  ´    |_____/|_| |_| \___|\___/\__/___/   '
                                 ¸         §
   ¸.*         ¤        *         .           .
                      .            °            /
.*/
/* DEFAULT */

.slide,
.slide.after {
  -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
  will-change: transform;
}


.slide.after {
  opacity: 0;
}

.slide.selected {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  z-index: 11;
}
.scroll .slide.selected {
  z-index: 10;
}

.page-loaded .slide.selected {
  opacity: 1 !important;
}


/* SPEED */
.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected {
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: transform 0.6s, opacity 0.6s;
  transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s;
}

.page-loaded .slide.selected,
.page-loaded .slide.active {
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

/* panels */
.slides.animated.fast .panel {
  -webkit-transition: opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.6s;
  transition: opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.6s;
  transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
  transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.6s;
}

.slides.animated .panel {
  -webkit-transition: opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.8s;
  transition: opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
  transition: transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.8s;
}

/* EASING */

/***
 *                                       _           _   ______ _                           _       
 *         /\         ( )               | |         | | |  ___/| |                         | |      
 *        /  \   _ __  _ _ __ ___   __ _| |_ ___  __| | | |___ | | ___ _ __ ___   ___ _ __ | |_ ___ 
 *       / /\ \ | '_ \| | '_ ` _ \ / _` | __/ _ \/ _` | |  __/ | |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __/
 *      / ____ \| | | | | | | | | | (_| | ||  __/ (_| | | |____| |  __/ | | | | |  __/ | | | |_\__ \
 *     /_/    \_\_| |_|_|_| |_| |_|\__,_|\__\___/\__,_| |_____/|_|\___/_| |_| |_|\___/_| |_|\__|___/
 *                                                                                                  
 *                                                                                                  
 */
.animated [class*="ae-"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
}

/* Speed */
.animated.fast .animate [class*="ae-"]:not(.done),
.animated.fast.animate [class*="ae-"]:not(.done),
.animated.animate .fast [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"].fast:not(.done) {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

.animated .animate [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"]:not(.done) {
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}

/* Delays */

.animated .animate .ae-2:not(.done),
.animated.animate .ae-2:not(.done) {
  -webkit-transition-delay: 160ms;
          transition-delay: 160ms;
}

.animated .animate .ae-3:not(.done),
.animated.animate .ae-3:not(.done) {
  -webkit-transition-delay: 310ms;
          transition-delay: 310ms;
}

.animated.fast .animate .ae-2:not(.done),
.animated.fast.animate .ae-2:not(.done),
.animated.animate .ae-2.fast:not(.done),
.animated.animate .fast .ae-2:not(.done) {
  -webkit-transition-delay: 110ms;
          transition-delay: 110ms;
}

.animated.fast .animate .ae-3:not(.done),
.animated.fast.animate .ae-3:not(.done),
.animated.animate .ae-3.fast:not(.done),
.animated.animate .fast .ae-3:not(.done) {
  -webkit-transition-delay: 210ms;
          transition-delay: 210ms;
}

/* Directions */
.animated [class*="ae-"]:not(.done) {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
  opacity: 0;
}

.animated .fromLeft [class*="ae-"]:not(.done),
.animated.fromLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromLeft:not(.done) {
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}

/* Final Step */
.slides.animated .animate.active [class*="ae-"]:not(.done),
.slides .animated.animate.active [class*="ae-"]:not(.done) {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-filter: none;
          filter: none;
}


@-webkit-keyframes fromBottom {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}

@keyframes fromBottom {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTop {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
}
@keyframes fromTop {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromLeft {
  from {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromLeft {
  from {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromRight {
  from {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromRight {
  from {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromCenter {
  from {
    -webkit-transform: scale(0.8) translate3d(0, 0, 0);
            transform: scale(0.8) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromCenter {
  from {
    -webkit-transform: scale(0.8) translate3d(0, 0, 0);
            transform: scale(0.8) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromAbove {
  from {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
            transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromAbove {
  from {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
            transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBottomLeft {
  from {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
    opacity: 0;
  }
}
@keyframes fromBottomLeft {
  from {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTopLeft {
  from {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
    opacity: 0;
  }
}
@keyframes fromTopLeft {
  from {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBottomRight {
  from {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
    opacity: 0;
  }
}
@keyframes fromBottomRight {
  from {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTopRight {
  from {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
    opacity: 0;
  }
}
@keyframes fromTopRight {
  from {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBlur {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 0;
  }
}
@keyframes fromBlur {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 0;
  }
}
/* Delays */

/* Delays */

/***
 *      ____             _                                   _    ______  __  __          _       
 *     |  _ \           | |                                 | |  |  ____|/ _|/ _|        | |      
 *     | |_) | __ _  ___| | ____ _ _ __ ___  _   _ _ __   __| |  | |__  | |_| |_ ___  ___| |_ ___ 
 *     |  _ < / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` |  |  __| |  _|  _/ _ \/ __| __/ __|
 *     | |_) | (_| | (__|   < (_| | | | (_) | |_| | | | | (_| |  | |____| | | ||  __/ (__| |_\__ \
 *     |____/ \__,_|\___|_|\_\__, |_|  \___/ \__,_|_| |_|\__,_|  |______|_| |_| \___|\___|\__|___/
 *                            __/ |                                                               
 *                           |___/                                                                
 */
/* KEN BURNS */


/* PARALLAX */

/* horizontal */

/* zoom */

/* plain */

/* SCENIC */

@-webkit-keyframes scenic {
  50% {
    -webkit-transform: scale(1.5) rotate(-0.02deg);
            transform: scale(1.5) rotate(-0.02deg);
  }
}

@keyframes scenic {
  50% {
    -webkit-transform: scale(1.5) rotate(-0.02deg);
            transform: scale(1.5) rotate(-0.02deg);
  }
}
/* SCROLL EFFECT */
.scroll {
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.scroll .wrap {
  overflow: hidden;
}

.scroll .slide,
.scroll .slide .content,
.scroll .container {
  position: relative !important;
  height: auto;
  opacity: 1;
}

.scroll .container {
  height: 100vh;
}

.scroll .slide .background {
  position: absolute !important;
}

.scroll .slide:not(.autoHeight) .background {
  min-height: 100vh;
}

.scroll .slide {
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}

.scroll .panel {
  position: absolute;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 0;
    -webkit-transform: scale(0.86);
            transform: scale(0.86);
  }
}
@keyframes zoomOut {
  from {
    opacity: 0;
    -webkit-transform: scale(0.86);
            transform: scale(0.86);
  }
}
@-webkit-keyframes riseUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.86) translateY(50px);
            transform: scale(0.86) translateY(50px);
  }
}
@keyframes riseUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.86) translateY(50px);
            transform: scale(0.86) translateY(50px);
  }
}
/* Parallax Motion */
/* End Effects */
html {
  font-size: 6px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  color: #303030;
}
@media (max-width: 550px) {
  html {
    font-size: 5px;
  }
}
@media (min-width: 767px) {
  html {
    font-size: 7px;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 8px;
  }
}

body {
  font-size: 16px;
}

/* Colors */
.white {
  background: #fff !important;
  color: #202020 !important;
}
.white svg {
  fill: #202020 !important;
}

/* Colors by Google Meterial Design (C) */
.pink svg {
  fill: #fff !important;
}

.yellow {
  background: #FFB111 !important;
  color: #202020 !important;
}
.yellow svg {
  fill: #202020 !important;
}

/* Social Colors */

/* Welcome new Grid! */

/* ipad landscape and > */
@media (max-width: 1024px) {

  .flex > .col-5-12 {
    max-height: 624px;
    margin-bottom: 40px;
  }

  .button {
    font-size: 19px;
    padding: 12px 24px 12px;
  }

  .logo {
    width: 128px;
    height: auto;

  }

}
/* phablet landscape and ipad portrait and > */
@media (max-width: 767px) {

    .button {
    font-size: 18px;
    padding: 12px 16px 12px;
  }

    .logo {
    margin-top: -40px;
    width: 140px;
    height: auto;
  }

}
/* phone portrait and > */
/* Welcome new Grid! */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2%;
  margin-right: -2%;
  /* default spaces */
  /* alignments */
}
.flex > [class*='col-'] {
  padding-left: 2%;
  padding-right: 2%;
}
.flex.fixedSpaces {
  margin-left: -14px;
  margin-right: -14px;
}
.flex.fixedSpaces > [class*='col-'] {
  padding-left: 14px;
  padding-right: 14px;
}
.flex.verticalTop {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.flex.bottom [class*='col-'] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.flex.top [class*='col-'] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex > .col-5-12 {
  width: 100%;
}

/* ipad landscape and > */
@media (max-width: 1024px) {
  .flex:not(.later) > [class*='col-']:not([class*='col-phablet-']):not([class*='col-phone-']) {
    width: 100%;
  }

}
/* phablet landscape and ipad portrait and > */

/* phone portrait and > */
@media (max-width: 435px) {
  .flex > [class*='col-'] {
    width: 100%;
  }
}
/*
*       _____          _             
*      |  __ \( )     | |            
*      | |  | |_  __ _| | ___   __ _ 
*      | |  | | |/ _` | |/ _ \ / _` |
*      | |__| | | (_| | | (_) | (_| |
*      |_____/|_|\__,_|_|\___/ \__, |
*                                _/ |
*      Dialog Window            /__/
*
*/


/* Re-usable stuff */

.top {
  vertical-align: top !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.bottom {
  vertical-align: bottom !important;
}

.crop {
  margin: 0 !important;
}