@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Cinzel";
	src:url(Cinzel-Bold.ttf);
}
html {
	width:100%;
	height:100%;
	padding:0;
	overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
body {
	padding:0;
	margin:0;
	height:100%;
	background-color:#0A0A0A;
}
a {
	text-decoration:none;
	color:#DDDDDD;
}

.header {
	width:100%;
	height:280px;
	max-width:1920px;
	max-height:256px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    overflow:hidden;
	
}
.header video {
	background-image:url('images/night.jpg');
	position:absolute;
	top:32px;
	right:0;
	z-index:-5;
	height:100%;
	-webkit-animation: delfadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: delfadein 2s; /* Firefox < 16 */
        -ms-animation: delfadein 2s; /* Internet Explorer */
         -o-animation: delfadein 2s; /* Opera < 12.1 */
            animation: delfadein 2s;
}
.logo {
	position:absolute;
	top:48px;
	left:64px;
	height:75%;
	float:left;
	width:auto;
	z-index:-3;
	
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
.logo img {
	height:100%;
}
.photo_credit {
	font-size:12px;
	position:absolute;
	color:#131313;
	float:right;
	top:4px;
	right:16px;
}
.photo_credit a {
	color:#3D3D3D;
}
.navbar {
	height:32px;
	width:100%;
	background-color:#47201b;
	font:'Cinzel';
	font-size:4vh;
	box-shadow: 0 0 15px 0 #000;
}
.nav {
  position:relative;
  height:90%;
  top:5px;
  width:256px;
  padding:0;
  margin:0 auto;
  overflow:hidden;
  list-style-type:none;
}
.nav li {
  float:left;
}
.nav li a {
	display:block;
	text-align:center;
	padding-left:32px;
	text-decoration:none;
	color: #BBB;
	font-size:18px;
	font-family:"Cinzel";
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear; 
	-o-transition: color 0.1s linear;
}
.nav li a:hover {
	color:#FFF;
}
.content {
	position:relative;
	width:75%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	background-color:#1b1514;
	margin-bottom:2%;
	z-index:1;
}
.heading {
	width:100%;
	text-align:center;
	margin-bottom:1%;
	margin-top:1%;
}
.heading h {
	font-size:36px;
	font-size:2.1vw;
	color:#CCC;
	font-family:Cinzel;
}
.bodytext {
	width:80%;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
	font-family: 'Hind', sans-serif;
	color:#CCC;
	font-size:18px;
}
.divider {
	width:100%;
	height:8px;
	background-color:#47201b;
	background-size:100%;
	box-shadow: 0 0 15px 0 #000;
}
.coverphotos {
	width:100%;
	text-align:center;
	-webkit-animation: delfadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: delfadein 3s; /* Firefox < 16 */
        -ms-animation: delfadein 3s; /* Internet Explorer */
         -o-animation: delfadein 3s; /* Opera < 12.1 */
            animation: delfadein 3s;
}
.imageframe img {
	width:100%;
}
.imageframe {
	padding:0;
	margin:0;
	margin-right:-4px;
	position:relative;
	display:inline-block;
	width:33%;
}
.imageframe:hover .caption {
	visibility:visible;
	opacity:1;
}
.header:hover .bannercaption {
	visibility:visible;
	opacity:1;
}
.caption {
	position:absolute;
	bottom:0;
	width:100%;
	/*height:15%;*/
	z-index:10;
	font-family:Cinzel;
	background-color:RGBA(0,0,0,0.65);
	padding:0;
	opacity: 0; 
	visibility: hidden; 
	-webkit-transition: visibility 0.1s linear, opacity 0.1s linear; 
	-moz-transition: visibility 0.1s linear, opacity 0.1s linear; 
	-o-transition: visibility 0.1s linear, opacity 0.1s linear;
}
.bannercaption {
	position:absolute;
	top:32px;
	width:100%;
	z-index:10;
	font-family:Cinzel;
	background-color:RGBA(0,0,0,0.35);
	padding:0;
	opacity: 0; 
	visibility: hidden; 
	-webkit-transition: visibility 0.5s linear, opacity 0.5s linear; 
	-moz-transition: visibility 0.5s linear, opacity 0.5s linear; 
	-o-transition: visibility 0.5s linear, opacity 0.5s linear;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=1 ); /* IE6-9 */
}
.headerimg {
	position:relative;
	display:inline-block;
	width:100%;
}
.headerimg img {
	width:100%;
}
.headerimg:hover .caption {
	visibility:visible;
	opacity:1;
}
.caption h1 {
	font-size:18px;
	color:#fff;
  margin:6px;
}
.caption p, .bannercaption p {
  font-family:"Times New Roman";
	font-size:14px;
	color:#ADADAD;
  margin:8px 16px;
  text-align:left;
}
.bannercaption p {
	text-align:right;
	font-size:12px;
}
.caption a, .bannercaption a {
	font-family:"Times New Roman";
  color:#7a372e;
  padding:0;
  margin:0;
}
.image {
	position:relative;
	z-index:5;
}
.about {
  color:#CCC;
  width:50%;
  padding:16px 96px;
  margin: 0 auto;
  background-color:#26110e;
}
.about h1 {
  font-family:"Cinzel";
  font-size: 30px;
  padding: 32px 0;
}
.about h2 {
	font-family:"Cinzel";
}
.about p {
  font-size: 18px;
  text-align: left;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Delayed Fade in */
@keyframes delfadein {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Firefox < 16 */
@-moz-keyframes delfadein {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes delfadein {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Internet Explorer */
@-ms-keyframes delfadein {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Opera < 12.1 */
@-o-keyframes delfadein {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
video::-webkit-media-controls {
    display:none !important;
}