body{
  /*background-color:#000;*/
  background-image: url("../img/bgs/lord-of-the-rings-free-middle-earth-map.jpg");
}

/*Bold Script*/
@font-face {
  font-family: Augusta;
  src:url(../fonts/Augusta.ttf);
}

/*Lite Script*/
/*
@font-face {
  font-family: Cherolina;
  src:url(../fonts/Cherolina.ttf);
}


h1 {
  font-family: Oswalkd53;
  color:#ffed00;
  /*text-transform: uppercase;*/
}
*/
/*
h2 {
  font-family: Oswalkd53;
  color: #1a2674;
  text-transform: uppercase;
}
*/

h3 {
  color: #d31145;
  text-transform: uppercase;
}

#mainH1{
  margin-left: 70px;
  margin-top:-10px;
  font-size: 30px;
  text-decoration: none;
  font-family: Augusta;
}

#mainLink{
  text-decoration: none;
}

#mainLinkSpan a{
  text-decoration: none;
}

#mainLinkSpan a:hover{
  text-decoration: none;
}


nav{

background-color: #2B2B2B !important;
background-image: linear-gradient(#2B2B2B, #2B2B2B 60%, #2B2B2B) !important;
/*
margin-top: -17px;
height: 43px;
padding:5px;
*/
}


mav ul{
  margin: 0px;

}

nav ul li{
    list-style: none;
    display: inline;
}


nav li a{
  text-decoration: none;
  color: #92a400;
  padding: 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

nav li a:visited{
  color: #92a400;
}


nav li a:hover{
  text-decoration: none;
  background-color: #202024 !important;
  color: #fff;
}


@font-face {
  font-family: Oswalkd53;
  src:url(../fonts/Oswalk_v53.woff2);
}



p {
  line-height: 1.5;
}

#logo_div{
  text-align: right;
  /*max-width: 200px;*/
  right: 5px;
  /*height:100px;*/
}

/*DESIGN*/

header{
  /*background-image: url("../img/bgs/black-cubed-wallpaper-HD-1920x1080.jpg");*/
}

footer{
  /*background-image: url("../img/bgs/tactile_noise.png");*/
  margin-top: 300px;
  height:300px;
  text-align: center;
  background-color: #2B2B2B !important;
  background-image: linear-gradient(#2B2B2B, #2B2B2B 60%, #2B2B2B) !important;
}

footer section{
  border:0px;
}

/*
#mobile_main_menu{
  background-color: rgb(0 0 0 / 0.5);
  color: #fff;
  height:40px;
}


#mobile_main_menu h1{
  margin-top: -17px;
}
*/

#app_crumb_div{
  background-color: rgb(0 0 0 / 0.5);
  color: #fff;
  height: 350px; /**/
}

#app_crumb{
  margin-left:10px;
}

#main_header_section .column{
  background-color: rgb(0 0 0 / 0.5);
  color: #fff;
}



.odd-section {
    /*height: auto;*/
    padding-top: 50px;
    background: #000000;
    color: #fff;
    background-image: url(../img/bgs/texture-black.png) !important;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 10%;
    margin-right: 10%;
    overflow:hidden;
    height:1%;
    width:80%;
}
.even-section {
    height: auto;
    /* height: 100%; */
    padding-top: 50px;
    background: #4D4D4D;
    color: #fff;
    background-image: url(../img/bgs/texture-brown.png) !important;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 10%;
    margin-right: 10%;
    overflow:hidden;
    height:1%;
    width:80%;
}


.leftAlign{
  text-align: left;
}

.even-section a{
  text-decoration:underline !important;
}


.odd-section a{
  text-decoration:underline !important;
}

a.btn{
  text-decoration:none !important;
}



/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px;
		    height: 0;
		}

		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

    #vid_frame{
      background-color: #000;
      background-image:url("../img/video/video-placeholder.png");
      background-repeat: no-repeat;
      background-position: center;
    }


		/*  VIDEOS PLAYLIST
 		############################### */
		.vid-list-container {
			width: 150%;
			overflow: hidden;
			margin-top: 20px;
			margin-left:4%;
			padding-bottom: 20px;

		}

		.vid-list {
			width: 1024px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item {
			display: block;
			width: 148px;
			height: 250px;
			float: left;
			margin: 0;
			padding: 10px;
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
			border: solid 1px #FFFFFF;
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: -13px;
		}

		.vid-item .desc {
			color: #FFA500;
			font-size: 12px;
			margin-top:5px;
		}

		.vid-item:hover {
			background: #000000;
			cursor: pointer;
		}

		.arrows {
			position:relative;
			width: 100%;
		}

		.arrow-left {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			left: -25px;
			top: -130px;
			z-index: 99;
			cursor: pointer;
		}

		.arrow-right {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			right: -25px;
			top: -130px;
			z-index:100;
			cursor: pointer;
		}

		.arrow-left:hover {
			background: #CC181E;
		}

		.arrow-right:hover {
			background: #CC181E;
		}


		@media (max-width: 624px) {
			body {
				/*margin: 15px;*/
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				width:96px;
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}