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



/* overall BODY settings */
body {
	font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align: center;
	font-size: 3.0vw;
	background: black;
}
body h1 {
	text-align: center;
	font-size: 2em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 400;
	line-height: 1.246;
	transform: scale(1,1);
}
body h2 {
	text-align: center;
	font-size: 1.5em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
	font: italic;
}

html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}




img {
	width: 80%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-transform: translate3d(0,0,0);
		    transform: translate3d(0,0,0);
}

button:focus {
  outline: none !important;
}

a,
a:visited {
  color: inherit;
}


header {
  position: absolute;
  z-index: 100000; /* was 1000 */
  top: 0;
  left: 0;
  width: 100%;
  padding: 0em 0em; /* was .8em .8em */
  background: #000;
	/* NAV BAR AREA */
}



	
	
/* SITE-NAV */
.site-nav {
    position: fixed;
    display: block !important;
    float: right;
    width: 100%;  /* was 80% */
    padding: .75em 1em;   /* was .75em 1em 0 0 */
    background: #000;  /* was none */
  }

.site-nav ul {
    margin: 0;
	list-style-type: none;
	text-align: center;
  }
.site-nav ul li {
    display: inline-block;
	margin-bottom: 3.75em;
margin-bottom: 0;
    margin-left: 1.5em;
  }
  .site-nav ul li a {
	font-size: 1.15em;
	text-decoration: none;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #77B9F6; /*was #aa8*/ /*was #fff*/
	-webkit-transition: color .3s;
	transition: color .3s;
font-size: .85em;
padding-bottom: .5em
  }
.site-nav ul li a:hover,
.site-nav ul li a:focus {
	opacity: 1;
	color: #fff;
    outline: none;
    border-bottom: 1px solid white;
  }

  header.dark .site-logo-dark {
    opacity: 1;
  }
  header.dark .site-logo-white {
    opacity: 0;
  }
  header.dark .site-nav ul li a {
    color: #000000; /*was #000000*/
  }
  header.dark .site-nav ul li a:hover,
  header.dark .site-nav ul li a:focus {
    border-color: #000000;
  }










/* SECTION BREAKS */
.sectionbreak {
	text-align: center;
	background: #000;
}
.sectionbreak img {
	width: 70%;
	opacity: .25;
}





/* BAR BLACK */
.bar_black {
	margin-top: -.1em;
	position: relative;
	width: 100%;
	height: 3vw;
	background: #000;
}





/* BAR COLOR */
.bar_color {
	background-color: #77B9F7;
}





/* SPLASH SECTION */
.splash {
	background-color: #000;
	padding-top: 40vw;
	padding-bottom: 100vw;
}






/* REEL section */
.reel {
	background-color: black;
	background-size: 30vw;
	padding-top: 3vw;
	padding-bottom: 10vw;
	color: #fff;
	/* -webkit-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 1.0;
	*/
}
/*
.reel h2 {
	font-size: 3vw;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-style: italic;
	padding: 5vw;
}
*/
.reel_above {
	font-size: 3vw;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-style: none;
	letter-spacing: .35em;
	text-transform: uppercase;
	padding: 5vw;
	color: #77B9F6;
	text-align: center;
	padding-left: 10vw;
	padding-top: 20vw;
	padding-bottom: 3vw;
}
.reel_below {
	font-size: 3vw;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-style: italic;
	padding: 5vw;
	color: #77B9F6;
	text-align: right;
	padding-right: 10vw;
	padding-top: 3vw;
	padding-bottom: 0vw;
}
.reel p {
	font-size: 1.5vw;
	font-style: italic;
	color: #77B9F6;
	color: #ddd;
	padding-top: 0vw;
}






.mm {
	padding: 15vw;
	padding-top: 5vw;
	padding-bottom: 4vw;
}
.mm h2 {
}
.mm p {
	font-weight: 100;
	text-align: justify;
	line-height: 1.75;
	font-size: 3vw;
	color: #ddd;
}
.mm img {
	width: 16vw;
	padding: 1vw;
}






.logos {
	background-color: #000;
	padding-top: 10vw;
	padding-bottom: 10vw;
}
.logos h2 {
	
}
.logos p {
	font-weight: 400;
	font-size: 3.5vw;
	color: #eee;
}
.logos img {
	width: 16vw;
	padding: 1vw;
}







.contact {
	background-color: #77B9F6;
	background-image: -webkit-linear-gradient(rgba(0, 0, 100, .5), rgba(0, 0, 0, .0));
	background-image: -o-linear-gradient(rgba(0, 0, 100, .5), rgba(0, 0, 0, .0));
	background-image: linear-gradient(rgba(0, 0, 100, .5), rgba(0, 0, 0, .0));
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.contact-logo {
	width: 35vw;
	padding-bottom: 2vw;
}
.contact h2 {
	font-weight: 500;
	font-size: 3.5vw;
	letter-spacing: 1.5vw;
	text-transform: uppercase;
	color: #fff;
}
.contact p {
	line-height: 1.5em;
	font-size: 2vw;
	font-weight: 100;
	letter-spacing: .75vw;
	color: #fff;
}
.contact a {
	text-decoration: none;
}





/* FOOTER */
footer {
	margin-top: -0em;
	padding: 8.75em 0 2em;
	background: black;
}
.footer {
	text-align: center;
	color: #77B9F6;
	background: black;
}
.footer-content {
  width: 80%;
  margin: 0 auto;
}
.footer-social {
  display: block;
  width: 100%;
  list-style-type: none;
  text-align: center;
	margin-top: -3em;
	margin-bottom: 3em;
}
.footer-social li {
  display: inline-block;
  margin: 0 1.2em;
	margin-bottom: 1.2em;
}
.footer-social li a {
  line-height: 3.5em;
  display: inline-block;
  width: 4em;
  height: 4em;
  text-align: center;
  border: 4px solid #77B9F699;
  border-radius: 50%;
}
.footer-social li a:hover {
  border-color: #77B9F6;
  background: #77B9F6;
}
.footer-social li a img {
  width: auto;
  height: 1.5em;
}
.footer-social li a .social-hover {
  display: none;
}
.footer-social li a:hover .social-default {
  display: none;
}
.footer-social li a:hover .social-hover {
  display: inline;
}








/* - - - - - - - - - - - (768px Media Query) - - - - - - - - - - - */

@media (min-width: 768px) {


	
	
	
body {
    font-size: 100%;
}
body h1 {
	font-size: 2.25em;
}
body h2 {
	font-size: 1.75em;
}
header {
    position: fixed;
    padding: 0em; /* was 1.35em */
}

	
	
	
	
	
.mm p {
	line-height: 1.75;
	font-size: 2vw;
}




	


.logos p {
	font-size: 1.75vw;
	color: #eee;
}
.logos img {
	width: 10vw;
	padding: 1vw;
}







.contact-logo {
	width: 25vw;
}
.contact h2 {
	font-size: 2.25vw;
	letter-spacing: .9vw;
}
.contact p {
	font-size: 1.25vw;
	font-weight: 100;
	letter-spacing: .35vw;
	line-height: 1.5em;
}







}





/* - - - - - - - - - - - (992px Media Query) - - - - - - - - - - - */

@media (min-width: 992px) {




	
	
	
  .footer-info p {
    max-width: 80vw;
  }







}





/* - - - - - - - - - - - (1488px Media Query) - - - - - - - - - - - */

@media (min-width: 1488px) {






/* SPLASH SECTION */
.splash {
	padding-top: 13vw;
	padding-bottom: 20vw;
}
	
	
	
	
	
	
.reel {
	padding-top: 0vw;
	padding-bottom: 10vw;
}
.reel_above {
	font-size: 2vw;
	padding: 1vw;
	padding-top: 2vw;
	padding-bottom: 1vw;
}
.reel_below {
	font-size: 2vw;
	padding: 1vw;
	padding-top: 1vw;
	padding-bottom: 20vw;
}

	
	
	
	
	
	
.contact {
	padding-top: 3vw;
	padding-bottom: 3vw;
}
.contact-logo {
	width: 22vw;
	padding-bottom: 2vw;
}
.contact h2 {
	font-size: 1.75vw;
	letter-spacing: .75vw;
}
.contact p {
	font-size: 1vw;
	font-weight: 100;
	letter-spacing: .25vw;
	line-height: 1.5em;
}








}