@charset "utf-8";
address, article, aside, button, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

body {
  background: #fcfcfc;
  font-family: "Romain_2";
  margin: 0;
  padding: 0;
  width: 100vw;
  height:100vh;	
  color: #111;
  line-height:0;	
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;

}




@font-face 	{ font-family: "Fav_1"; src: url("FavoritPro-Book.otf");}
@font-face 	{ font-family: "Fav_2"; src: url("FavoritPro-Book.otf");}
@font-face 	{ font-family: "Fav_3"; src: url("FavoritPro-Book.otf");}




.arvo 		{ font-family: "Romain_2"; }
.arvo-1 	{ font-family: "Romain_2"; }
.arvo-2 	{ font-family: "Romain_3"; }

h1 {font-family: "Fav_1"; font-weight:300; font-size:1vw !important; line-height:1vw !important; text-transform:uppercase;}
h2 {font-family: "Fav_3"; font-weight:300; font-size:1vw !important; line-height:1vw !important; text-transform:uppercase;}
h3 {font-family: "Fav_3"; font-weight:300; font-size:1.5vw !important; line-height:2vw !important; text-transform:uppercase;}
h4 {font-family: "Fav_1"; font-weight:300; color:#fcfcfc; font-size:2vw !important; line-height:2vw !important; text-transform:uppercase;}

.bigdot {float:left; width:.8vw; height:.8vw; border-radius:50%; background-color:#01ea93; transition: background-color .3s ease;}
.bigdot2 {float:right; width:1vw; height:1vw; border-radius:50%; background-color:#fcfcfc; transition: background-color .3s ease;}
.bigtype {font-family: "Fav_1"; font-weight:300; font-size:10.65vw !important; line-height:10.65vw !important; color:#111; text-align:center; letter-spacing:-8px;}
.Rebigtype {font-family: "Fav_1"; font-weight:300; font-size:20.65vw !important; line-height:20.65vw !important; color:#111; text-align:center; letter-spacing:-8px;}
.menutype {font-family: "Fav_1"; font-weight:300; font-size:3vw !important; line-height:3vw !important; color:#111; text-align:center; color:#111;}

.storytype {font-family: "Fav_1"; font-weight:normal; font-size:5vw !important; line-height:5.5vw !important; color:#fcfcfc; text-align:left; text-transform:none;}


::placeholder { 
  color: #222;
  opacity: 1;
}


a {font-weight:300; color:white; text-decoration:none}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}


.transition-fade {
    transition: .0s;
    opacity: 1;
}

::marker{
	display:none;
}

html.is-animating .transition-fade{
    opacity: 0;
}

.c-scrollbar 			{display:none !important;}
.mainframe 				{opacity:1 !important; transition:opacity .25s;}
.mainframe.is-hidden    {opacity:0 !important; }


/*NAVIGATION*/

.navigation {
  position: fixed;
  top: 0;
  height:4vh;
  display:flex;
	align-items:center;	
  right: 3.5vw;		
  z-index:500 !important;
}

.navigation2 {
  position: fixed;
  top: 0;
  left: 0;		
  z-index:10;
  height:5vh;
  display:flex; 
  justify-content:flex-start;	
  align-items:center;	
}

.filterposition {right:0; z-index:1; position:fixed; margin-top:2.5vh; margin-right:13vw; cursor:pointer;}


.main_header {
    position: fixed !important;
    top: 0 !important;
	margin:0 !important;
	display:flex;
    justify-content:center;
    left: 0;
	width:100vw;
	height:auto;
	background:black;
    z-index:500 !important;
	/*-webkit-box-shadow: 0px 14px 20px -13px rgba(0,0,0,0.4);  
    box-shadow: 0px 14px 20px -13px rgba(0,0,0,0.4); */
	-webkit-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
  	will-change: transform;
  	-webkit-transition: opacity .01s, -webkit-transform .5s cubic-bezier(.79,.01,.3,1);
	transition: opacity .01s, transform .5s cubic-bezier(.79,.01,.3,1);

	
}

.main_header.is-open {
    position: fixed !important;
    top: 0;
    left: 0;
	height:auto;
    z-index:500 !important;
	background:black;
	/*-webkit-box-shadow: 0px 14px 20px -13px rgba(0,0,0,0.4);  
    box-shadow: 0px 14px 20px -13px rgba(0,0,0,0.4); */
	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
	transform: translateY(0);
	will-change: transform;
  	-webkit-transition: -webkit-transform .5s cubic-bezier(.55, .08, 0, 1);
	transition: transform .5s cubic-bezier(.55, .08, 0, 1);

	
}



.revealer {
	


}

.revealinner {
	
	height: 95vh;	
    width: 70vw;
	display:flex; 
	overflow:hidden;	
	justify-content:center; 
	align-items:center; 
	position:relative;

}

.revealinner img {
    position:absolute;
	width:60vw; 
	height: 95vh;	 
    object-fit:cover;	
}


.titleptop {height:30vh; top:0; width:100vw; position:relative;}



/* Top Frame */
.enlarger {
    width: 50vw; 
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; 
}

/* Bottom Frame */
.delarger {
    width: 50vw; 
    overflow: hidden; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; 
}

/* Both Images */
.enlarger .imgenalrg, 
.delarger .imgenalrg {
    width: 100vw !important; 
    max-width: none; 
    height: 115vh;
    object-fit: cover;
    transform-origin: center center;
}


/*FLICKITY*/


.js-slideshow {position:relative; left:0; top:0; width:100vw; height:115vh; z-index:2;}

.slide {
  position:absolute;
  width: 100vw;
  height: 115vh;
  display:flex;
  justify-content:center;
  align-items:center;  
  margin-right:15vw;
  opacity: 1;
}

.slide.is-selected  {
  opacity: 1;
}

.quotes2    {width:100vw; text-align:center; height:50vh; display:flex; justify-content:center; align-items:center; position: absolute; white-space: nowrap; left:0; bottom:2vh; z-index:1000 !important; }

.quotes3    {width:100vw; text-align:center; height:70vh; display:flex; justify-content:center; align-items:flex-end; position: absolute; white-space: nowrap; left:0; bottom:5vh; z-index:-1 !important; }


.flickermain {position:relative; height: 75vh; left:0; top:0; width:100vw; z-index:2;}


.flickslide {
  width: 100vw;
  display:flex;
  height: 75vh;	
  align-items:flex-start;  
  justify-content:flex-start;	
  flex-direction:column;	
  overflow:hidden;	
  padding-bottom:7.5vh;		
 
	
}



.flickity-button{
  opacity:0 !important;
}

.flickity-button-icon {
  display:none;
}

.flickity-prev-next-button {
  top: 50%;
  width: 10vw;
  border-radius:0;
  height: 100%;
  transform: translateY(-50%);
  opacity:0;
  z-index:1000 !important;	
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  top: 20;
  width: 10vw;
  height: 100vw;
}

.flickity-page-dots { 
  position: absolute;
  bottom: 7.5vh !important;
  padding: 0;
  margin: 2vw;
  right: 1vw !important;	
  list-style: none;
  text-align: right !important;
}

.flickity-page-dots .dot {
  display: inline-block;
  width:7px;
  height: 7px;
  margin: 0 7px;
  background: white !important;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
  transition: opacity 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.svgcontainer {
  position:absolute; 
  right:3vw;
  bottom:1vh;
  width: 3vw;
  height: 3vw;
  margin:1vw;
 /* mix-blend-mode:exclusion;*/
  z-index:10!important;
}
.svgcontain {
  width: 3vw;
  height: 3vw;
}


circle {
  fill: none;
  z-index:1 !important;
  stroke-width: 20px;
}

.circle1 {
  fill: none;
  z-index:1 !important;
  stroke-width: 20px;
  stroke:#01ea93;	
  opacity:.1;
}

.target1 {
  fill: none;
  z-index:1 !important;
  stroke-width: 40px;
  stroke:#01ea93;	
  opacity:1;
}




.line-1 {
  position:fixed;
  bottom:0;
  left:2.5vw;
  width: 100%;
  max-width: 95vw;
  height: 2.5vh;
  margin: 0;
  padding:0;
  background-color:#01ea93;
  display: inline-block;
  z-index:3000 !important;
  transition: background-color .3s ease;	
}


.section { position:relative; }


/* TICKER */


.ticker2 {
  position:relative; 
  width:100vw;
  height:40vh;	
  background-color:none; 
  padding:2vw;
  display:flex; 
  overflow:hidden;
  justify-content:center;
  
}

.js-ticker {
  width: 25vw;
  position: relative;
  display:flex; 
  align-items:flex-start;
  height:4vh;
  margin: 0;
  overflow:hidden;	
}

.js-ticker .wrapper {
  position: absolute;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  will-change: transform;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}

.js-ticker li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  display:flex;
  align-items:flex-start;
  margin-right:5vw;
}



.democontain {
	height:50vh;
	width:100vw;
  display:flex; 
  position:relative;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
}

.demo {
	height:20vh;
	width:50vw;
  overflow:hidden;
  display:flex; 
  align-items:center;
  justify-content:center;
 
}

.nameitems {
	position:absolute;
  z-index:0 !important; 
}


.panel {
  width: 50vw;
  margin-right:5vw;	
  height: 4vh;
  position:relative; 
  left:0; 
  top:0;
  display:flex; 
  align-items:flex-start;
  justify-content:flex-start;
  overflow: hidden;
}

.quotes { position:absolute; left:0; width:50vw;}
.imgwide {width:100vw; height:100vh;}






@media only screen and (max-width: 800px) {}


@media only screen and (min-width: 800px) {}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {}


*:focus {
outline: 0;
outline: none;
}