@charset "UTF-8";
/* CSS Document */

html {
	font-family: "proxima-nova",sans-serif;
	font-weight: 600; font-style: normal;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	
}

a { text-decoration: none; }

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

#top { position: fixed; width: 100%; height: 0.5em; background: #272727; top:0; left:0; z-index: 1000; -webkit-transform: translate3d(0,0,1000px);
transform: translate3d(0,0,1000px); }

.video-limiter { height:100vh; overflow:hidden; width:100%; }
.video-background { /* class name used in javascript too */
	object-fit: cover;
    left: 0;
    top: 0;
    z-index: -1;
	width: 100%; height: 100vh;

}
.scroller { overflow:auto; overflow-y: scroll; height: 100vh; width:1%; overflow-x:hidden; padding: 0 25%; text-align: center; vertical-align: middle; display:table-cell; -webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px); }

.scroller.home { background: url('images/home_background.jpg') no-repeat center center; background-size: cover; vertical-align:top; }

.home .header { width: 190%; margin-left:-50%; background: #fff; padding: 4em 5% 3em; }
.home .header .inside {background:url('images/PMM_Icon.png') no-repeat left center; background-size: contain; text-align:right; padding: 0; }
.home .header img { max-width: 260px; width: 20%; border-bottom: 1px solid #272727; } 
.home .header .name { font-size: 45px; width:50%; margin: 0 0 0 50%;  font-family: "eloquent-jf-pro", serif; text-transform: uppercase; font-weight: 400; font-style:Normal; line-height: 52px;  }
.description, .bullets, .tagline { font-family: "bodoni-urw", serif; font-weight: 400; font-style:italic;  }
.description { margin-bottom: 0;}
.description a, .description a:visited { color: #272727; opacity: 1; }
.description.email { margin-top: 0;}
.description a:hover { opacity: 0.4;}
.bullets { padding: 1em; background-color: rgba(0,0,0,0.5); margin-top: 4em; color: #fff; text-align:left; font-size: 28px; display: inline-block; }
.bullets ul {display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;}
.bullets ul li {
  padding:0.15em 0 0.5em 2.5em;
  margin-bottom:0.2em;
  text-indent:0.4em;
  list-style:none; background-size: 50px;
	background-repeat:no-repeat; }
li[data-type="deluxe"]{
	background-image:url('images/deluxe.svg'); }
li[data-type="PA"]{
	background-image:url('images/PA.svg'); }
li[data-type="boasting"]{
	background-image:url('images/boasting.svg'); }
li[data-type="praised"]{
	background-image:url('images/praised.svg'); }
li[data-type="note"]{
	background-image:url('images/note.svg'); }
/* .home .header .name::after { display:block; width:25%; border-bottom: 1px solid #272727; margin-top: 1em;} */

.videoscroller { height: 0; width:100%; overflow: visible; margin:0; padding: 0; text-align: center; vertical-align: middle; display:inherit;  }
.banner {
	height: 100vh;
	width: 100%;
	background: none;
}

.banner ul.pages, .banner ul li.page { width: 100%; }

.logo { width: 90%; margin: 0 auto; max-width: 600px;  }
.logo img { width: 100%; }
.tagline, .video-link, .links { width: 80%; max-width: 500px; text-align:center;  }
.tagline span { font-size: 18px; background-color: #ffffff; color: #2b2b2b; padding: 0.8rem 1.5rem; letter-spacing: 1pt;   box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -moz-box-decoration-break: clone; line-height: 50px;letter-spacing: 2pt; }

.tagline { margin: 2em auto; }
.video-link { margin: 0 auto; line-height: 2.4em; text-transform: uppercase; }
.video-link span { padding: 0.8rem 1.8rem; text-transform: uppercase; letter-spacing: 1pt; color: #fff; border: 3px solid #fff; font-size: 36px; }
.video-link span:hover { color: #2b2b2b; border: 3px solid #2b2b2b; }
.links { margin: 1em auto 0; color: #fff; font-size: 18px; line-height: 2.4em; text-transform: uppercase; }
.links a { color: #fff; }
.links a:hover { color: #2b2b2b; }

.unslider-nav { position: fixed; bottom: 2em; margin: auto; text-align: center; width: 100%; }

@media screen and (min-width: 44.375em) {
		
}

@media screen and (max-width: 44.375em) {
	.home .header { width: 100%; margin-left: -10%; padding: 2em 10% 1em;}
	.video-background, .description { display:none; }
	.home .header .name { font-size: 20px; line-height: 25px; width:62%; margin: 0 0 0 38%; }
	.video-limiter { background: #232322; }
	.video-limiter.tkg { background:  url('images/TKG_BG.gif') no-repeat center center; background-size: cover; }
	.video-limiter.batj { background:  url('images/BATJ_BG.gif') no-repeat center center; background-size: cover; }
	.video-limiter.gcs { background:  url('images/GCS_BG.gif') no-repeat center center; background-size: cover; }
	.video-limiter.sharp { background:  url('images/SHARP_BG.gif') no-repeat center center; background-size: cover; }
	.tagline span { font-size: 12px; line-height: 2em; padding: 0.4em 0.7em; }
	.tagline { margin: 0.2em auto 2em; }
	.video-link span { font-size: 18px; }
	.scroller { padding: 0 5%; display:block; width:90%; height:100vh; margin-top: 0.8em; }
	.scroller.home { margin-top: 0; }
	.links { font-size: 15px; margin: 1em auto 8em; }
	.bullets {margin-top: 2em; font-size:18px; }
	.bullets ul li { background-size: 30px; }
	.mobile-hide {display:none;}
	.name {width: 100px;}
	
}