@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap');
html {
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4 {
	padding:0px;
	margin:0px;
}
body {
	font-family:'Montserrat', sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	color:#161c2c;
	font-size:16px;
	line-height:24px;
	background-color:#161c2c;
}

h2, h3 { padding-bottom:8px; }
h2 { line-height:26px; }
a { text-decoration:none;color:#b90088;border-bottom:#cb80ff;padding-bottom:2px;line-height:24px; }
.hover { cursor:pointer; }

/* COLORS */
.Navy 		{ color:#161c2c; }
.NavyBG		{ background-color:#161c2c; }
.Gold 		{ color:#fca53e; }
.GoldBG		{ background-color:#fca53e; }
.White		{ color:#FFFFFF; }
.WhiteBG	{ background-color:#FFFFFF; }
.BlackBG	{ background-color:#000000; }
.Teal		{ color:#25abaa; }
.TealBG		{ background-color:#25abaa; }

.flushRight  { right:0px; }
.flushTop 	 { top:137px; }
.flushLeft 	 { left:0px; }
.flushBottom { bottom:0px; }

.L { text-align:left; }
.R { text-align:right; }
.C { text-align:center; }
.VC { align-self: center; }
.B { align-self: end; }

.hem { max-width:600px; } 
.hem2 { max-width:450px; } 

@media (max-width:1460px) { .hem { max-width:980px; } }

img { width:100%; }

.padd { padding:15px; }

.grid, .grid2, .grid2n, .grid3, .grid4, .grid5 { width: 100%; display: grid; display:-ms-grid; grid-column-gap: 0px; grid-row-gap: 0px; }

.grid2, .grid2n {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2,1fr);
}
.grid3 {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3,1fr);
}
.grid4 {
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4,1fr);
}
.grid5 {
	-ms-grid-columns: (1fr)[5];
	grid-template-columns: repeat(5,1fr);
}
.span2 { grid-column: span 2; }
.span3 { grid-column: span 3; }
.span4 { grid-column: span 4; }
.span5 { grid-column: span 5; }

@media (max-width:560px) { 
	.grid2, .grid3, .grid4, .menugrid { 
		-ms-grid-columns: (1fr)[1]; 
		grid-template-columns: repeat(1,1fr); 
	}
}

/* PAGE SLIDES UI */

.posText { position:absolute;bottom:100px; }
.placeRight { right:100px; }
.placeLeft { left:100px; }

.videoEffect 	{ object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index:3; mix-blend-mode: screen; }

.op0 	{ opacity:0; }
.op20 	{ opacity:0.2; }
.op40 	{ opacity:0.4; }
.op60 	{ opacity:0.6; }
.op80 	{ opacity:0.8; }
.op100 	{ opacity:1; }
.fullzero { display:none;opacity:0; }

@media (max-width:560px) {
	
}