﻿@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vibes&display=swap');

@media screen and (min-width: 2500px) {
	.NAVLI a {	 font-size: 3.5em;}
}
/** Nav Menu**/
.NavigationPlaceHolder { position: relative; width:100%;height: 127px; }
.MOBILENAVHOLDER {	 display:none }
.NAVFULLWIN {	padding: 0px;	margin: 0px;	width: 0%; height: auto;	position: fixed; z-index: 155;	left: auto; right: auto; top:0px; transition: 0.5s; background-color:#080d11; }
.NAVFULLWIN.MOBILE { width:100%; height:100vh; transition: 0.5s;  }

/** Nav Menu Holder**/
.NAVWIN {padding: 0px;position: relative;width: 100%;float: left; height:100vh; left: 0px;right: auto;margin: auto;z-index: 100;text-align: center;display: block;opacity: 1; }
.NAVCLOSE { display:none }
.NAVUL { list-style-type: none; padding:0px; margin:0px; font-family: 'Poppins', sans-serif; text-transform: none; float:left; overflow:hidden; }
.NAVLI a {	font-weight: 300; padding: 18px; margin:0px; text-decoration:none; font-size: 2em; letter-spacing:0em; display: block; float:left; clear:none; text-align:left;color:#7a7d83; }
.NAVLI a:hover, .NAVLI a:focus {  color: #ffffff; }
.NAVLI a:visited {  color: #7a7d83; }
.NAVLISELECTED a {	color:#ffffff }

.NAVLIDIVIDERVERT {	float: left;clear: none;width: auto;height : auto;border-left-style: solid;border-left-width: 4px;border-left-color:transparent;	padding-left:10px;}
.NAVLIDIVIDERVERT:hover {	border-left-color: #c71859;}
.NAVLIDIVIDERVERTSELECTED {	border-left-color: #c71859;}

.NAVBUTTON { display:none; }
.NAVBUTTON.MOBILE { display:none; }
.PNAVMENUTEXT{font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 18px;color: #ffffff;float: left;clear: none;text-transform: uppercase;letter-spacing: 1px;margin-left:20px;margin-top:25px;}

.FR {	float:right; clear:none;  }
.FL {	float:left; clear:none; }
/*Brand Logo*/
.DIVMENULOGOMIDDLE { transition: all 2.0s ease; top:0px;background-position: 60px 35px;	margin: auto;width: 508px;height: auto;position: relative;left: auto;right: auto;padding-top: 55px;background-repeat: no-repeat;background-image: url('/images/brand-logo.png'); text-align: center;}
.PBRANDTEXT{font-family: 'Vibes', cursive; font-size: 2.7em;color: #ffffff;margin: 0px;padding: 0px;font-weight: bold;letter-spacing: 0.6px;line-height:0.8em;}
.PBRANDSLOGAN{	font-family: 'Poppins', sans-serif; padding: 0px;margin: 10px 0px 0px 0px;font-size: 0.8em;text-transform: uppercase;color: #FFFFFF;	letter-spacing: 0.5em;	line-height: 0.7em;}
.MENULOGORIGHT {left:0px; width:90%;height:auto; margin-left:3%}
.MENULOGOLEFT {width:300px;height:auto; display:none;padding-top:25px; padding-left:10px;}
.MENUCONTACT {width:85%;height:auto;max-width:1000px;margin-top:6% }
.PMENUTEXTLRG {color:#161619; font-size:15vw;font-family: 'Poppins', sans-serif; font-weight:200; clear:left; margin:0px;padding:0px; line-height:15vh; margin-bottom:66px;}
.PMENUCONTACT {color:#7a7d83; font-size:1.2em;font-family: 'Poppins', sans-serif; font-weight:300; margin:0px;padding:0px; margin-left:15px;line-height:1.3em;	}

/*Full screen Menu*/
@media only screen and (max-width : 13400px) {
	/*RESET*/
	.NavigationPlaceHolder { height: 65px; }
	.NAVLISOCIAL a { padding: 5px; margin-left:5px; margin-right:5px;	text-decoration: none;	font-size: 28px;	color: #ffffff;	display: block; float:left;clear:none;border-color: transparent; border-radius: 3px; border-style:dotted; border-width:1px; }
	.MOBILENAVHOLDER { top:0px;  padding: 0px;	width:100%; min-width:320px;height: 182px;	left: 0px;	right:auto;	margin: auto; display:block; background-color:transparent; position: fixed; z-index:99999999999999; }
	.MOBILENAV {	padding: 0px;  position: relative; width:100%;	min-width:320px;height: auto;	left: auto;	right: auto;margin: auto; top:0px;text-align: center; display:block;  }

	.NAVFULLWIN { width: 0%;  z-index: 999999999;  overflow-y: auto; overflow-x: hidden; transition: 0; background-image: url('/images/nav-menu-left-back.png'), url('/images/left-menu-back.png'), url('/images/nav-menu-back.jpg');background-position: right bottom, right top, left bottom; background-repeat:no-repeat, repeat-y, no-repeat; background-size: auto 40%, 330px auto, auto 100%}
	.NAVWIN { float:left; left:0px; padding:auto; margin:auto; top: 0px; text-align: left;  border-bottom-width: 0px;}
	.NAVWINHOLDER { top:0px; height:100%;  margin-top: 0px;}
	.aMENUVID{position:absolute;width:100%; height :100vh; text-align:left; overflow:hidden; opacity:0.1;background-color:aquamarine	}
	.MENUVID,.MENUIMG{position:absolute; width:auto; height :100vh; bottom: 0px; left:0px; text-align:left; overflow:hidden; opacity:0.2;z-index:1;}
	.MENUVID { 	display:none; }
	
	.NAVLEFT, .NAVRIGHT { z-index:2; padding: 0px; position: relative; width: 317px; left: 0px;top: 0px;background-color:transparent;opacity: 1;	float:right;clear:none;min-height:100%;height:auto; overflow-y: auto;}
	.NAVRIGHT {	width: 75%;	clear: none;float: left;text-align: left;  overflow-y: none;}
	.NAVRIGHTINFO{width: 100%; left:0px;  overflow:hidden; position:absolute; top:40%; text-align:left;}
	.NAVCLOSE {  display:block; position : absolute;  top: 30px;  left: auto; right:25px; font-size: 60px; color:#ffffff;}
	.NAVCLOSE:hover {  color:#c71859; }
	
	.NAVUL { width: 100%; left:0px;  overflow:hidden; position:absolute; top:20%}
	.NAVLI a {	clear:both; width: 100%; left:0px; 	padding: 8px; margin-left:10px; margin-bottom:20px;  }
	
	.NAVICONSHOLDER{ width:auto;height:auto;float:right;}
	.NAVBUTTON { margin: 10px; font-size:0px; overflow:hidden; width:165px; height:75px;  display: inline-block;  cursor: pointer;  position:relative;  right:auto; background-color:#080d11; border:0px #868384 solid; box-shadow: 0px 0px 0px 1px #868384;  transition: box-shadow 0.6s linear; }
	.NAVBUTTON:hover {	opacity:1; box-shadow: 0px 0px 8px 5px #313035;  }
	#NAVBUTTON a:hover, #NAVLIDROP a:focus, #NAVLIDROP a:focus-within {  }	
	.FILMDATA {width:auto;height:auto; }
	.FILMTIME, .FILMPROG  {	width:165px; height:33px; margin-left:10px; font-family: 'Oswald', sans-serif; font-size:1.4em;letter-spacing:2px;color:#c71859 }
	.FILMPROG {	height:3px;  }
	.FILMPROGW {width:auto;height:3px; background-color:#c71859; }
	
}
/*1100*/
@media only screen and (max-width : 1280px) {
	.NAVRIGHT {	width: 72%;}
	.MENULOGORIGHT {width:750px;}
	.MENUCONTACT {width:900px;height:auto;margin-left:-200px;margin-top:15% }
}
/*950*/
@media only screen and (max-width : 1120px) {
	.MOBILENAVHOLDER { height: 147px; }
	.NAVRIGHT {	width: 67%; }
	.MENULOGORIGHT {width:600px;}
	.MENUCONTACT {margin-left:-300px;}
	.DIVMENULOGOMIDDLE {padding-top: 5px;background-position:60px 0px;background-size: 85px auto; }

}
/*768*/
@media only screen and (max-width : 970px) {
	.NavigationPlaceHolder { height: 85px; }
	.NAVFULLWIN { background-size: auto auto, auto 60%, 329px auto; }
	.MOBILENAVHOLDER { height: 95px; }
	.NAVRIGHT {	width: 58%;}
	.MENULOGORIGHT {width:420px;}
	.MENUCONTACT {margin-left:-500px;}
	.DIVMENULOGOMIDDLE {background-size: 80px auto;padding-top: 10px;background-position:0px 0px; width:300px; height:85px; background-size: 75px auto;}
	.PBRANDTEXT{font-size: 33px;letter-spacing: 1px;line-height:28px;}
	.PBRANDSLOGAN{	font-size: 11px; letter-spacing: 0.1em; }
}
/*460*/
@media only screen and (max-width : 785px) {
	.NAVFULLWIN { background-image: url('/images/nav-menu-left-back.png'), url('/images/blank.png'), url('/images/blank.png'); left:0px;}
	.MOBILENAVHOLDER { height: 85px; }
	.NAVCLOSE {  top: 10px;  left: auto; right:15px;}
	.NAVLEFT{	width:320px; min-width:320px;margin-left:auto;margin-right:auto;left:auto;right:auto; float:none;}
	.NAVRIGHT{	display:none}
	.NAVUL { top:40px}
	.MOBILENAV {width:460px; }
	.NAVBUTTON { margin: 5px; width:120px; }
	.FILMTIME, .FILMPROG {	width:120px; margin-left:5px; }
	.PNAVMENUTEXT{margin-left:10px;}
	.DIVMENULOGOMIDDLE {background-position:left top; width:240px; float:left;margin-left:10px; text-align:left; background-size: 65px auto;}
	.PBRANDTEXT{margin-left:70px; font-size:30px; font-size:1.5em;line-height:1.1em;}
	.PBRANDSLOGAN{	font-size: 9px;letter-spacing: 1px; margin-top:8px;}

}
/*320*/
@media only screen and (max-width :480px) {
	.NavigationPlaceHolder { height: 71px; }
	.MOBILENAVHOLDER { height: 81px;  }
	.NAVCLOSE {  top: 0px;  right: 10px; }
	.MOBILENAV {	width:250px;}
	.NAVBUTTON { margin: 5px; width:65px; }
	.FILMTIME{	height:20px}
	.FILMTIME, .FILMPROG {	width:55px; font-size:0.7em;letter-spacing:0.5px;}
	.PNAVMENUTEXT{display:none;}
	.DIVMENULOGOMIDDLE {width:255px; margin-left:5px; height:71px; position:absolute; margin:0px;padding:0px;}
	.PBRANDSLOGAN{	font-size: 9px;font-size: 0.6em; letter-spacing: 1px; margin-top:4px;}
	.MENULOGOLEFT {padding-top:45px; }
}

/*4k screen*/
@media only screen and (min-width : 3000px) {
	@-viewport {
		width: 3000px;
	}
	.DIVMENULOGOMIDDLE { background-position: 60px 15px;width: 1000px;background-size:240px auto; }
	.PBRANDTEXT{font-size: 6em;}
	.PBRANDSLOGAN{	margin: 20px 0px 0px 0px;font-size: 1.5em;}
	.NAVBUTTON { width:300px; height:150px; box-shadow: 0px 0px 0px 2px #868384;  }
	.PNAVMENUTEXT{font-size: 50px;margin-left:20px;margin-top:40px;}

}