/*
Theme Name: Now Open 1
Theme URI: http://www.nowopen.tv
Description: Now Open 1
Author: Now Open
Version: 2.0
*/


@media only screen and (min-width: 981px){
/************************************************
*				General Elements				*
************************************************/
input[type=text], select, option {	
	-webkit-appearance:none;
}
html, body  {
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased !important;
}
body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bodyBlack {
	background-color:#000;
	color:#FFF;
}
.bodyWhite {
	background-color:#FFF;
	color:#000;
}
body a{
	margin:0px;
	color:inherit;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
body a:hover {
	text-decoration:none;
}
body a:hover {
	text-decoration:none;
}
pre {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	margin: auto;
}
p {
	padding:0;
	margin:0;
	margin-bottom:20px;
}
img {
	border:0; !important
	margin:0px;
}
hr {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
div {
	position:relative;
}
span {
	max-width:100%;
	display:inline-block;
	color:inherit !important;
}
p span{
	display:inline;
}
ul, li{
	margin:0 0 0 10px;
	padding:0;
}
ul li:last-child {
	margin-bottom:10px;
}
.clear {
	clear:both;
}
.hidden {
	display:none !important;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
table, tr, td{
	width:100%;
	height:100%;
	position:relative;
	padding:0;
	text-align:center;
	vertical-align:middle;
	border:0;
    border-spacing:0px;
    border-collapse:separate;
}
video::-internal-media-controls-download-button {
	display:none;
}
.downscale {
	transform-origin: top center;
}
.upscale {
	-webkit-transform:scale(0.5, 0.5);
	transform:scale(0.5);
	transform-origin: top center;
}
.up {
	width:30px;
	height:30px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:10;
	opacity:0.3;
	display:none;
}
.up:hover {
	opacity:1;
}
.up img{
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
	cursor:hand;
}
.down {
	width:30px;
	height:30px;
	position:fixed;
	left:20px;
	bottom:20px;
	z-index:10;
	opacity:0.3;
}
.down:hover {
	opacity:1;
}
.down img{
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.abs {
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	object-fit:contain;
	opacity:0;
	background-image:url('images/play.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.playbg {
	background-image:url('images/play.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.loading {
	width:100%;
	height:100%;
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background-color:rgba(0,0,0,0.8);
	background-image:url('images/loading.gif');
	background-position:center center;
	background-repeat:no-repeat;
	display:none;
}
video {
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/************************************************
*				Mobile Player				*
************************************************/
.mpOverlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.mpInner {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:100px;
	background-color:#000;
}
.mpClose {
	height:100px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#fff;
}
.mpClose span{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
.mpOverlay video{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/************************************************
*				Wrappers				*
************************************************/
header {
	width:100%;
	position:fixed;
	top:0;
	z-index:2;
	padding:3px 0 10px 0;
	text-align:right;
	overflow:hidden;
	background-color:#000;
}
main {
	width:100%;
	position:relative;
	z-index:0;
	padding-top:100px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page {
	width:100%;
	position:relative;
	padding:0 20%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page span {
	color:inherit !important;
}
/************************************************
*				Header				*
************************************************/
.menuBtn {
	display:none;
}
.menuOverlay {
	width:100%;
	position:relative;
	top:0;
	left:0 !important;
	bottom:0;
	z-index:0;
}
.menuItem {
	position:relative;
	margin-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-transform:lowercase;
	display:inline-block;
}
.menuItem:hover {
	color:#000;
}
.menuItem.theme {
	width:10px;
}
.menuItem.insta {
	width:20px;
}
.themeButton {
	width:10px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	cursor:pointer;
	cursor:hand;
}
.themeButton.black{
	background-color:#000;
	border:1px solid #fff;
}
.themeButton.white{
	background-color:#fff;
	border:1px solid #000;
}
.logo {
	width:125px;
	position:absolute;
	top:20px;
	left:30px;
	z-index:10;
	/*
	top:50%;
	transform:translateY(-46%);
	*/
}
.logo img{
	width:100%;
	height:auto;
	position:relative;
}
#insta {
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
/************************************************
*				Main				*
************************************************/
.section {
	width:100%;
	max-width:100vw;
	position:relative;
	margin-bottom:100px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear:both;
	background-position:center center;
}
div .section:last-child {
	margin-bottom:0 !important;
}
.sectionHeading {
	width:auto;
	position:relative;
	margin:20px 0;
	padding:15px 0px 15px 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #000;
	display:inline-block;
	display:none;
}
/*************** Overlay ***************/
.descOverlay {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:9999;
	padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.descOverlay p{
	padding:0 !important;
	margin: 0 !important;
}
div:hover > .descOverlay{
	display:block;
}
/*************** Free Flow Gallery ***************/
.ffgBox {
	width:100%;
	position:relative;
	/*transform: perspective(10000px) rotateY(15deg);*/
}
.ffg {
	width:16.66666666666%;
	display:inline-block;
	position:relative;
	padding:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	cursor:hand;
}
.ffg img, .ffg video{
	width:100%;
	height:auto;
	position:relative;
}
.ffgOverlay {
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	padding:40px 55px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgba(0,0,0,0.8);
	display:none;
	text-align:center;
}
.ffgOverlayInner {
	width:100%;
	height:100%;
	position:relative;
	top:50%;
    transform:translateY(-50%);
	display:inline-block;
	text-align:center;
}
.ffgOverlayInner img, .ffgOverlayInner video{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
    transform:translateY(-50%);
	display:none;
}
.ffgOverlayPrev {
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
	left:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/arrowLeft1.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.ffgOverlayNext {
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
	right:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/arrowRight1.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.ffgOverlayClose {
	width:15px;
	height:15px;
	position:absolute;
	top:15px;
	right:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/close.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
/*************** Inline Justified Gallery ***************/
.ijgBox {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.ijg {
	max-width:100%;
	display:inline-block;
	position:relative;
	padding:25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
}
.ijg > div{
	width:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
.ijg img, .ijg video{
	width:100%;
	max-width:100%;
	position:relative;
}
/*************** Side 2 Side Gallery ***************/
.s2sBox {
	width:100%;
	position:relative;
	margin:auto;
}
.s2s {
	width:100%;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*border-left:1px solid #000;*/
	display:block;
}
/*
.s2sBox .s2s:nth-child(2n){
	border-left:0;
	border-right:1px solid #000;
}
*/
.s2sText {
	width:50%;
	position:absolute;
	top:50%;
	left:0;
    transform:translateY(-50%);
	padding:0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.s2sMedia {
	width:50%;
	float:right;
	position:relative;
}
.s2sBox .s2s:nth-child(2n) .s2sText {
	left:auto;
	right:0;
}
.s2sBox .s2s:nth-child(2n) .s2sMedia {
	float:left;
}
.s2s img, .s2s video{
	width:100%;
	position:relative;
}
/*************** Grid Gallery ***************/
.grgBox {
	width:100%;
	position:relative;
	margin:auto;
	text-align:center;
}
.grgTiles {
	width:50%;
	position:relative;
}
.grgTile {
	width:33.33333333333333%;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	padding:2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.grgTile > div {
	width:100%;
	position:relative;
	overflow:hidden;
}
.grgTile > div > .placeholder{
	width:100%;
	position:relative;
}
.grgTile > div > .gridMedia{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit:cover;
}
.grgMedia {
	width:50%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.grgMedia img{
	width:100%;
	height:auto;
	padding:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
.grgMedia > div{
	position:absolute;
	top:4px;
	left:4px;
	right:4px;
	bottom:4px;
	z-index:2;
	overflow:hidden;
}
.grgMedia > div img, .grgMedia > div video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/*************** Collage ***************/
.colBox {
	width:100%;
	position:relative;
}
.col {
	position:relative;
}
.colPhones {
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:2;
	pointer-events:none;
}
.colHolder{
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
.colHolder img, .colHolder video{
	width:100%;
	height:100%;
	position:relative;
}
.col .colHolder:nth-child(1){
	width:303px;
	height:651px;
	margin-top:-455px;
	margin-left:-183px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(2){
	width:303px;
	height:651px;
	margin-top:250px;
	margin-left:-182px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(3){
	width:303px;
	height:651px;
	margin-top:457px;
	margin-left:180px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(4){
	width:651px;
	height:303px;
	margin-top:-79px;
	margin-left:-714px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(5){
	width:651px;
	height:303px;
	margin-top:-80px;
	margin-left:352px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(6){
	width:651px;
	height:303px;
	margin-top:284px;
	margin-left:712px;
	z-index:1;
	background-color:#000;
}
.colText {
	width:50%;
	max-width:687px;
	height:500px;
	position:absolute;
	top:20px;
	left:50%;
}
.colText div{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	padding:0 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*************** Text / Media Horizontal ***************/
.tmhBox {
	width:100%;
	position:relative;
}
.tmh {
	max-width:100%;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	display:block;
}
.tmhText {
	width:40%;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
	padding:0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tmhMedia {
	width:60%;
	position:relative;
}
.tmhMedia img, .tmhMedia video{
	width:100%;
	height:auto;
	position:relative;
}
/*************** Text / Media Vertical ***************/
.tmvBox {
	width:100%;
	position:relative;
	margin:auto;
	text-align:center;
}
.tmv {
	max-width:100%;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.tmvMedia {
	width:100%;
	position:relative;
	text-align:center;
}
.tmvMedia img, .tmvMedia video{
	width:100%;
	height:auto;
	position:relative;
}
.tmvOverlay {
	width:100%;
	position:absolute;
	right:0;
	bottom:80px;
	z-index:4;
	padding:10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:right;
}
.tmvOverlay.image {
	bottom:40px;
}
.tmvSubtitle {
	margin-bottom:3px;
	letter-spacing:1px;
}
.tmvText {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tmvText.above {
	padding-bottom:20px;
}
.tmvText.below {
	padding-top:20px;
}
/*************** iPhone ***************/
.phoBox {
	width:100%;
	position:relative;
	text-align:center;
}
.pho {
	width:auto;
	height:auto;
	position:relative;
	z-index:2;
	margin:auto;
	text-align:center;
	display:inline-block;
}
.pho > img{
	max-width:100%;
	height:auto;
	position:relative;
	z-index:2;
	pointer-events:none;
}
.phobg {
	width:100%;
	height:80%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:0;
	text-align:center;
	overflow:hidden;
	opacity:0;
}
.phobg img{
	width:auto;
	height:100%;
	position:relative;
}
.phoMedia {
	width:calc(100% - 50px);
	height:80%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:1;
	text-align:center;
	overflow:hidden;
	background-color:#000;
}
.phoMedia > div{
	width:100%;
	height:100%;
}
.phoMedia img, .phoMedia video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/*************** Macbook ***************/
.macBox {
	width:100%;
	position:relative;
	text-align:center;
}
.mac {
	width:auto;
	height:auto;
	position:relative;
	z-index:2;
	margin:auto;
	text-align:center;
	display:inline-block;
}
.mac > img{
	max-width:100%;
	height:auto;
	position:relative;
	z-index:2;	
	pointer-events:none;
}
.macbg {
	width:100%;
	height:71%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
    transform:translate(-50%, -62%);
	text-align:center;
	overflow:hidden;
	opacity:0;
}
.macbg img{
	width:auto;
	height:100%;
	position:relative;
}
.macMedia {
	width:89.7%;
	height:71%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50.15%, -62%);
	text-align:center;
	overflow:hidden;
	background-color:#000;
}
.macMedia > div{
	width:100%;
	height:100%;
}
.macMedia img, .macMedia video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}

/*************** Text ***************/
.txtBox {
	width:100%;
	position:relative;
}
.txt {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.txt.ful {
	padding:0px 20px;
}
.txt.hlf {
	padding:0 50% 0 20px;
}

/*************** Slider ***************/
.sec-sli .tmvText{
	display:none;
}
.sliBox {
	width:100%;
	height:720px;
	max-height:100vh;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.sliControls {
	width:100%;
	max-width:1100px;
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	z-index:3;
	transform:translateX(-50%);
}
.sliLeft {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:20px;
	z-index:2;
	transform:translateY(-50%);
	background-image:url('images/arrowLeft1.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	opacity:0.8;
	cursor:pointer;
	cursor:hand;
}
.sliRight {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	right:20px;
	z-index:2;
	transform:translateY(-50%);
	background-image:url('images/arrowRight1.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	opacity:0.8;
	cursor:pointer;
	cursor:hand;
}
.sli {
	width:100%;
	height:100%;
	position:relative;
	margin:auto;
	white-space:nowrap;
	overflow:hidden;
}
.sliMedia {
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	opacity:0;
}
.sliMedia > *{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.sliDots {
	width:100%;
	position:relative;
	padding:15px 10px;
	text-align:center;
}
.sliDot {
	width:6px;
	height:6px;
	position:relative;
	margin:0 3px;
	background-color:rgba(0,0,0,0.3);
	border-radius:100px;
	display:inline-block;
	cursor:pointer;
	cursor:hand;
}
.sliDot.currentDot {
	background-color:rgba(0,0,0,1);
}
.sliText {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sliText.above {
	padding-bottom:20px;
}
.sliText.below {
	padding-top:20px;
}

/*************** Slider ***************/
.vipBox {
	width:100%;
	position:relative;
	text-align:center;
}
.vip {
	width:30%;
	max-width:330px;
	position:relative;
	margin:0 1.5%;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.vip > img {
	width:100%;
	height:auto;
	position:relative;
	pointer-events:none;
}
.vipHolder {
	width:86.5%;
	height:95%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	background-color:#000;
}
.vipHolder > *{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
}


























































































































@media only screen and (max-width: 980px){
/************************************************
*				General Elements				*
************************************************/
input[type=text], select, option {	
	-webkit-appearance:none;
}
html, body  {
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased !important;
	overflow-x:hidden;
}
body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bodyBlack {
	background-color:#000;
	color:#FFF;
}
.bodyWhite {
	background-color:#FFF;
	color:#000;
}
body a{
	margin:0px;
	color:inherit;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
body a:hover {
	text-decoration:none;
}
body a:hover {
	text-decoration:none;
}
pre {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	margin: auto;
}
img {
	border:0; !important
	margin:0px;
}
hr {
	clear:both;
}
div, span, p {
	position:relative;
	padding:0 !important;
	margin:0 !important;
	text-align:left !important;
}
p {
	font-size:0;
	display:block !important;
	margin:0;
	margin-bottom:20px !important;
}
span {
	max-width:100%;
	font-size:inherit !important;
	font-size:20px !important;
}
ul, li{
	margin:0 0 0 10px;
	padding:0;
}
ul li:last-child {
}
.clear {
	clear:both;
}
.hidden {
	display:none !important;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
table, tr, td{
	width:100%;
	height:100%;
	position:relative;
	padding:0;
	text-align:center;
	vertical-align:middle;
	border:0;
    border-spacing:0px;
    border-collapse:separate;
}
video::-internal-media-controls-download-button {
	display:none;
}
.downscale {
	transform-origin: top center;
}
.upscale {
	-webkit-transform:scale(0.5, 0.5);
	transform:scale(0.5);
	transform-origin: top center;
}
.up {
	width:30px;
	height:30px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:10;
	opacity:0.3;
	display:none;
}
.up:hover {
	opacity:1;
}
.up img{
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
	cursor:hand;
}
.down {
	width:30px;
	height:30px;
	position:fixed;
	left:20px;
	bottom:20px;
	z-index:10;
	opacity:0.3;
}
.down:hover {
	opacity:1;
}
.down img{
	width:100%;
	height:100%;
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.abs {
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	object-fit:contain;
	opacity:0;
	background-image:url('images/play.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.playbg {
	background-image:url('images/play.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.loading {
	width:100%;
	height:100%;
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	background-color:rgba(0,0,0,0.8);
	background-image:url('images/loading.gif');
	background-position:center center;
	background-repeat:no-repeat;
	display:none;
}
video {
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/************************************************
*				Mobile Player				*
************************************************/
.mpOverlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.mpInner {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:100px;
	background-color:#000;
}
.mpClose {
	height:100px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#fff;
}
.mpClose span{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
.mpOverlay video{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/************************************************
*				Wrappers				*
************************************************/
header {
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	z-index:100;
	padding:0 5px 7px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:right;
	background-color:#000;
}
main {
	width:100%;
	position:relative;
	z-index:0;
	padding-top:70px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page {
	width:100%;
	position:relative;
	padding:0 20% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page span {
	color:inherit !important;
}
/************************************************
*				Header				*
************************************************/
.logo {
	width:auto;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	transform:translate(-50%, -46%);
}
.logo img{
	width:auto;
	height:100%;
	position:relative;
}
.menuOverlay {
	width:100%;
	position:fixed;
	top:0;
	left:-100vw;
	bottom:0;
	z-index:99999;
}
.menu {
	width:40%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	box-shadow: 3px 0 10px 5px rgba(0, 0, 0, 0.5);
}
.menuInner {
	width:100%;
	height:auto !important;
	position:absolute !important;
	top:50% !important;
	transform:translateY(-50%);		
}
.menuBtn {
	width:24px;
	height:auto;
	position:absolute;
	top:50%;
	left:10px;
	z-index:10;
	transform:translateY(-50%);
}
.menuBtn img{
	width:100%;
	height:auto;
	position:relative;
}
.menuItem {
	width:100%;
	position:relative;
	padding:10px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	text-transform:lowercase;
	text-align:center !important;
	display:block !important;
}
.menuItem:hover {
	color:#fff;
}
.menuItem.theme {
	width:10px;
}
.menuItem.insta {
	width:10px;
}
.themeButton {
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	cursor:pointer;
	cursor:hand;
	display:none;
}
.themeButton.black{
	background-color:#000;
	border:1px solid #fff;
}
.themeButton.white{
	background-color:#fff;
	border:1px solid #000;
}
#insta {
	width:9px;
	height:9px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:none;
}
/************************************************
*				Main				*
************************************************/
.section {
	width:100%;
	max-width:100vw;
	position:relative;
	clear:both;
	margin-bottom:10px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:20px !important;
	background-position:center center;
}
div .section:last-child {
	margin-bottom:0 !important;
}
.sectionHeading {
	width:auto;
	position:relative;
	margin:20px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #000;
	display:inline-block;
	display:none;
}
/*************** Free Flow Gallery ***************/
.ffgBox {
	width:100%;
	position:relative;
	/*transform: perspective(10000px) rotateY(15deg);*/
}
.ffg {
	width:50% !important;
	display:inline-block;
	position:relative;
	padding:5px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	cursor:hand;
}
.ffg img, .ffg video{
	width:100%;
	height:auto;
	position:relative;
}
.ffgOverlay {
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	padding:40px 55px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
.ffgOverlayInner {
	width:100%;
	height:100%;
	position:relative;
	top:50%;
    transform:translateY(-50%);
	display:inline-block;
	text-align:center;
}
.ffgOverlayInner img, .ffgOverlayInner video{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
    transform:translateY(-50%);
	display:none;
}
.ffgOverlayPrev {
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
	left:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/arrowLeft1.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.ffgOverlayNext {
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
	right:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/arrowRight1.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.ffgOverlayClose {
	width:15px;
	height:15px;
	position:absolute;
	top:15px;
	right:15px;
	z-index:5;
	cursor:pointer;
	cursor:hand;
	background-image:url('images/close.png');
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
/*************** Inline Justified Gallery ***************/
.ijgBox {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.ijg {
	width:50% !important;
	max-width:100%;
	display:inline-block;
	position:relative;
	padding:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:inline-block;
}
.ijg > div{
	width:100%;
	position:relative;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
.ijg img, .ijg video{
	width:100%;
	max-width:100%;
	position:relative;
}
/*************** Side 2 Side Gallery ***************/
.s2sBox {
	width:100%;
	position:relative;
	margin:auto;
}
.s2s {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
}
.s2sText {
	width:100%;
	position:relative;
	padding:0 10px !important;
	padding-top:10px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.s2sMedia {
	width:100%;
	position:relative;
}
.s2s img, .s2s video{
	width:100%;
	position:relative;
}
/*************** Grid Gallery ***************/
.grgBox {
	width:100%;
	position:relative;
	margin:auto;
	text-align:center;
}
.grgTiles {
	width:100%;
	position:relative;
}
.grgTile {
	width:33.33333333333333%;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	padding:2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.grgTile > div {
	width:100%;
	position:relative;
	overflow:hidden;
}
.grgTile > div > .placeholder{
	width:100%;
	position:relative;
}
.grgTile > div > .gridMedia{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit:cover;
}
.grgMedia {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.grgMedia img{
	width:100%;
	height:auto;
	padding:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
.grgMedia > div{
	position:absolute;
	top:4px;
	left:4px;
	right:4px;
	bottom:4px;
	z-index:2;
	overflow:hidden;
}
.grgMedia > div img, .grgMedia > div video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/*************** Collage ***************/
.colBox {
	width:100%;
	position:relative;
}
.col {
	position:relative;
}
.colPhones {
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:2;
	pointer-events:none;
}
.colHolder{
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
.colHolder img, .colHolder video{
	width:100%;
	height:100%;
	position:relative;
}
.col .colHolder:nth-child(1){
	width:303px;
	height:651px;
	margin-top:-455px;
	margin-left:-183px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(2){
	width:303px;
	height:651px;
	margin-top:250px;
	margin-left:-182px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(3){
	width:303px;
	height:651px;
	margin-top:457px;
	margin-left:180px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(4){
	width:651px;
	height:303px;
	margin-top:-79px;
	margin-left:-714px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(5){
	width:651px;
	height:303px;
	margin-top:-80px;
	margin-left:352px;
	z-index:1;
	background-color:#000;
}
.col .colHolder:nth-child(6){
	width:651px;
	height:303px;
	margin-top:284px;
	margin-left:712px;
	z-index:1;
	background-color:#000;
}
.colText {
	width:50%;
	max-width:687px;
	height:500px;
	position:absolute;
	top:20px;
	left:50%;
}
.colText div{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*************** Text / Media Horizontal ***************/
.tmhBox {
	width:100%;
	position:relative;
}
.tmh {
	max-width:100%;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
}
.tmhText {
	width:100%;
	position:relative;
	margin-top:10px !important;
	padding:0 10px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:20px !important;
}
.tmhMedia {
	width:100%;
	position:relative;
	float:none !important;
}
.tmhMedia img, .tmhMedia video{
	width:100%;
	height:auto;
	position:relative;
}
/*************** Text / Media Vertical ***************/
.tmvBox {
	width:100%;
	position:relative;
	margin:auto;
}
.tmv {
	max-width:100%;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tmvMedia {
	width:100%;
	position:relative;
	text-align:center;
}
.tmvMedia img, .tmvMedia video{
	width:100%;
	height:auto;
	position:relative;
}
.tmvOverlay {
	width:100%;
	position:absolute;
	right:0;
	bottom:80px;
	z-index:4;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tmvOverlay.image {
	bottom:40px;
}
.tmvSubtitle {
	letter-spacing:1px;
}
.tmvText {
	width:100%;
	position:relative;
	margin-top:10px !important;
	padding:0 10px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:20px !important;
}
/*************** iPhone ***************/
.phoBox {
	width:100%;
	position:relative;
}
.pho {
	width:auto;
	height:auto;
	position:relative;
	z-index:2;
	margin:auto;
	display:inline-block;
}
.pho > img{
	max-width:100%;
	height:auto;
	position:relative;
	z-index:2;
	pointer-events:none;
}
.phobg {
	width:100%;
	height:80%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:0;
	overflow:hidden;
	opacity:0;
}
.phobg img{
	width:auto;
	height:100%;
	position:relative;
}
.phoMedia {
	width:calc(100% - 50px);
	height:80%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
	z-index:1;
	text-align:center;
	overflow:hidden;
	background-color:#000;
}
.phoMedia > div{
	width:100%;
	height:100%;
}
.phoMedia img, .phoMedia video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}
/*************** Macbook ***************/
.macBox {
	width:100%;
	position:relative;
}
.mac {
	width:auto;
	height:auto;
	position:relative;
	z-index:2;
	margin:auto;
	display:inline-block;
}
.mac > img{
	max-width:100%;
	height:auto;
	position:relative;
	z-index:2;	
	pointer-events:none;
}
.macbg {
	width:100%;
	height:71%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
    transform:translate(-50%, -62%);
	text-align:center;
	overflow:hidden;
	opacity:0;
}
.macbg img{
	width:auto;
	height:100%;
	position:relative;
}
.macMedia {
	width:89.7%;
	height:71%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50.15%, -62%);
	text-align:center;
	overflow:hidden;
	background-color:#000;
}
.macMedia > div{
	width:100%;
	height:100%;
}
.macMedia img, .macMedia video{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    transform:translate(-50%, -50%);
}

/*************** Text ***************/
.txtBox {
	width:100%;
	position:relative;
}
.txt {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.txt.ful {
	padding:0px 20px;
}
.txt.hlf {
	padding:0 50% 0 20px;
}

/*************** Slider ***************/
.sec-sli .tmvText{
	display:none;
}
.sliBox {
	width:100%;
	height:720px;
	max-height:100vh;
	position:relative;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.sliControls {
	width:100%;
	max-width:1100px;
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	z-index:3;
	transform:translateX(-50%);
}
.sliLeft {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:20px;
	z-index:2;
	transform:translateY(-50%);
	background-image:url('images/arrowLeft1.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	opacity:0.8;
	cursor:pointer;
	cursor:hand;
}
.sliRight {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	right:20px;
	z-index:2;
	transform:translateY(-50%);
	background-image:url('images/arrowRight1.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	opacity:0.8;
	cursor:pointer;
	cursor:hand;
}
.sli {
	width:100%;
	height:100%;
	position:relative;
	margin:auto;
	white-space:nowrap;
	overflow:hidden;
}
.sliMedia {
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	opacity:0;
}
.sliMedia > *{
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.sliDots {
	width:100%;
	position:relative;
	padding:15px 10px;
	text-align:center;
}
.sliDot {
	width:6px;
	height:6px;
	position:relative;
	margin:0 3px;
	background-color:rgba(0,0,0,0.3);
	border-radius:100px;
	display:inline-block;
	cursor:pointer;
	cursor:hand;
}
.sliDot.currentDot {
	background-color:rgba(0,0,0,1);
}
.sliText {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*************** Slider ***************/
.vipBox {
	width:100%;
	position:relative;
	text-align:center;
}
.vip {
	width:30%;
	max-width:330px;
	position:relative;
	display:inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.vip > img {
	width:100%;
	height:auto;
	position:relative;
	pointer-events:none;
}
.vipHolder {
	width:86.5%;
	height:95%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	background-color:#000;
}
.vipHolder > *{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
}