html {
	height: 100%;
}

body {
	font-family: 'Montserrat', "Times New Roman", Times, serif;
	color: #000;
}
h1 {
	font-size: 44px;
	margin: 0.67em 0 10px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Amatic SC', "Times New Roman", Times, serif;
	text-align: center;
	font-weight: 700;
}
h2 {
	font-size: 36px;
	font-family: 'Amatic SC', "Times New Roman", Times, serif;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
	text-transform: uppercase;
}
p {
	font-size: 18px;
	margin-bottom: 20px;
}

.wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}

/***********************
*  MENU
************************/


/***********************
*  SONG LIST
************************/
.playlist-menu-trigger {
	font-size: 26px;
	position: absolute;
	right: -50px;
	background: #0f0b08;
	width: 50px;
	height: 50px;
	top: 10px;
	text-align: center;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 50px;
	box-shadow: 2px 0px 5px #00b2e6;
	color: #00b2e6;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}

.playlist-menu-trigger span{transition: all 0.2s ease-in-out; }
.playlist-menu-trigger span:after{background-image: url('../images/eject.png'); background-size: contain;     content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.playlist-menu-trigger.open span:after{ background-image: url('../images/eject-active.png');  }

.playlist-menu-trigger:hover, .playlist-menu-trigger:active {
	box-shadow: 2px 0px 5px #008fc4;
}

.playlist {
	width: 0;
	height: 100%;
	display: table-cell;
	background: #0f0b08;
	padding: 0;
	color: #fff;
	vertical-align: top;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease-in-out;
}
.playlist.open {
	width: 400px;
}

.playlist a { color: #00b2e6; transition: all 0.1s ease-in-out; text-decoration: none; }
.playlist a:hover, .playlist a:active  { color: #0077c3; }

.playlist-content {
	padding: 0 15px;
	margin-top: 15px;
}

.playlist-border {border-top: 1px dashed #333; border-bottom: 1px dashed #333; overflow: hidden;
}

.playlist-item {display: table; clear: both; border-top: 1px dashed #333; padding: 10px 0; width: 370px;}
.playlist-item:first-child { border: none;}

.item-content-left { padding-right: 10px; display: table-cell; border-right: 1px solid #aaa; }
.playlist-item--play { font-size: 30px;  }
.playlist-item--runtime {font-size: 14px; font-weight: 700; }

.item-content-right { width: 100%; display: table-cell; vertical-align: middle; padding-left: 10px;}
.playlist-item--title {font-size: 18px;}
.playlist-item--exerpt {    font-size: 14px; font-style: italic;}






.materials {
	margin-top: 30px;
	display: block;
}

.materials-content {
	background: rgba(0,0,0,0.5);
	padding: 20px 20px;
	border-radius: 5px;
	display: table;
	width: 100%;
}

.materials-row {
display: table;
}

.materials-left {
display: table-cell;
	float: none;
	vertical-align: middle;
}

.materials-right{
display: table-cell;
	float: none;
}
.materials-right{
	display: table;
	float: none;
	width: 100%;
}

.materials-img {
	display: table-cell;
}

.materials-right img {
	max-width: 250px;
}

.materials-link {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}



.materials-text {

}

.materials-download {
	font-size: 22px;
	text-decoration: none;
}
.materials-download span{
	font-size: 33px;
	display: block;
}
/***********************
*  MAIN CONTENT
************************/
.back-sheet-wrap {
	width: 100%;
	height: inherit;
	margin: 0 auto;
	display: table;
	overflow: hidden;
}

.back-sheet {
	position: absolute;
	width: 990px;
	display: block;
	height: 990px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.main-content {
	display: table;
	width: 100%;
	padding: 6rem 0;
}

.pages-wrap {
	position: relative;
	min-height: 20rem;
}

.text-centered {	
	text-align: center;	
}


/***********************
*  CONTENT
************************/

.main-content {
	margin-top: 100vh;
	background: #e8e1cf;
	position: relative;
}

.page-sheet-top h1 {font-size: 3rem; text-align: left;}
.page-sheet-top p {font-size: 1.8rem;}

.img-center {display: block; margin: 0 auto;     width: 100%; padding: 30px;}



.audio-download {
	font-family: unset;
	font-size: 12px;
	padding: 0px;
	margin-bottom: 40px;
}
.audio-download a { text-decoration: underline; font-size: 12px; color: #000; opacity: 0.6; transition: 0.1s all ease-in-out; text-transform: uppercase; }
.audio-download a:hover { color: #0a7fdf; opacity: 1; }
.audio-download a span {padding-right: 10px;}


/***********************
*  FOOTER
************************/

.footer {
	background-image: url('../images/footer-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	font-family: 'Amatic SC', "Times New Roman", Times, serif;
	display: table;
	width: 100%;
	position: relative;
	z-index: 10;
}

.footer-logo {
	padding: 2rem 0;
	display: flex;
}

.footer-logo--image {
	float: left;
}

.footer-text {
	font-size: 2rem;
	margin: 0;
	margin-left: 3rem;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/***********************
*  LESS THAN 764px
************************/

@media screen and (max-width: 768px) {
	.main-content {
		padding: 6rem 0;
	}
}



/***********************
*  AUDIOPLAYER
************************/
.audioplayer {
	padding: 20px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#awp-wrapper{
	position:relative;
	min-width:320px;
	line-height:normal!important;
	max-width:960px;
	top:0;
	margin: 0 auto;
}

.awp-player-holder{
	position: relative;
	height: 140px;
	overflow: hidden;
}


.awp-playback-toggle{
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
}

.awp-playback-toggle img{
	display: block;
	width:100%;
	height: auto;
}

.awp-playback-toggle i{
	position:absolute;
	width: 60px;
	height:60px;
	font-size: 30px!important;
	line-height:50px!important;
	color: #242424 !important;
	text-align: center;
	display: inline-block;
	transition: 0.1s all ease-in-out;
	opacity: 0.8;
}

.awp-playback-toggle i:hover {
	opacity: 1;
}



.awp-info{
	position: relative;
	pointer-events:none;
	padding-left:65px;
	top:10px;
}
.awp-player-artist{
	font-size:13px;
	color: #242424;
	margin:0;
	padding:0;
}
.awp-player-title{
	font-size:18px;
	color: #242424;
	display: inline-block;
	margin:0;
	margin-bottom: 3px;
	padding:0;
}







.awp-waveform-wrap {
	position: relative;
	margin-top:20px;
	height: 50px;
	overflow:hidden;
}
.awp-waveform-preloader{
	position:absolute;
	left:40%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #00a0e3;
	font-size: 18px;
	pointer-events:none;
	opacity: 0;
}

.awp-waveform-img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events:none;
}
.awp-waveform-img-load {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.awp-waveform-img-progress-wrap{
	position: absolute;
	top: 0;
	left: 0;
	width:0;
	height: 100%;
	overflow: hidden;
	border-right: 3px solid #0000ff;
}
.awp-waveform-img-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.awp-waveform-img-load img,
.awp-waveform-img-progress img{
	display: block;
	width: 100%;
	height: 100%;
}





.awp-icon-color{
	color:#fff !important;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.awp-icon-rollover-color{
	color:#00a0e3 !important;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.awp-contr-btn-i{
	position: absolute;
	top: 0;
	left: 0;
	width:25px;
	height:25px;
	text-align: center;
	display: inline-block;
	font-size: 15px!important;
	line-height: 25px!important;
}

.awp-media-time-current{
	position:relative;
	left:5px;
	bottom:0;
	float:left;
	margin:0!important;
	padding: 3px!important;
	color: #00a0e3 !important;
	font-size:13px!important;
	width:auto;
	pointer-events:none;
}
.awp-media-time-total{
	position:relative;
	right:5px;
	bottom:0;
	float:right;
	margin:0!important;
	padding: 3px!important;
	color: #00a0e3 !important;
	font-size:13px!important;
	width:auto;
	pointer-events:none;
}





.awp-volume-wrapper{
	position:absolute;
	width:80px;
	height:25px;
	top:8px;
	right:17px;
}
.awp-volume-seekbar{
	position: absolute;
	bottom:10px;
	margin-left: -45px;
	width:90px;
	height:30px;
	cursor: pointer;
	touch-action: none;
	background: rgba(200, 54, 54, 0.01);
}
.awp-player-volume{
	position:absolute;
	width:25px;
	height:25px;
	left:0;
	top:0;
}
.awp-player-volume i{
	position: absolute;
	width:25px;
	height:25px;
	font-size: 18px!important;
	line-height:25px!important;
	color: #00a0e3 !important;
	text-align: center;
	display: inline-block;
}
.awp-volume-seekbar{
	position:absolute;
	right: -10px;
	top:4px;
	width:70px;
	height:16px;
	cursor: pointer;
	touch-action: none;
}
.awp-volume-bg{
	position:absolute;
	top:5px;
	left:10px;
	width:50px;
	height:5px;
	background: #828282;
}
.awp-volume-level{
	position:absolute;
	top:5px;
	left:10px;
	width:0px;
	height:5px;
	background: #00a0e3;
}





#awp-playlist-list{
	display:none;
}
.awp-playlist-holder{
	position:relative;
	top:0px;
	width:100%;
	overflow:hidden;
}
.awp-playlist-inner{
	margin:20px;
	min-height:100px;
	max-height:150px;
}
.awp-playlist-item{
	position: relative;
	top:0px;
	left:0px;
	overflow: hidden;
	line-height: 40px;
}
.awp-playlist-item > a {
	border: 0;
}
.awp-playlist-item:last-child {
	margin-bottom:0px!important;
}
.awp-playlist-non-selected {
	float:left;
	color:#eee!important;
	text-decoration: none;
	margin-right: 10px;
}
.awp-playlist-selected {
	float:left;
	color:#00a0e3!important;
	text-decoration: none;
	margin-right: 10px;
}
.awp-playlist-title {
	font-size:14px;
	color:inherit;
	text-shadow: 1px 1px 3px #111;
}
.awp-download, .awp-link{
	float:right;
	color:#fff!important;
	font-size: 13px!important;
	width: 30px;
	text-align: center;
}
.awp-download i, .awp-link i{
	line-height:40px;
	color:inherit;
}
.awp-download:hover, .awp-link:hover{
	color:#00a0e3!important;
}


.awp-playlist-filter-msg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	line-height:140px;
	display: none;
}
.awp-playlist-filter-msg p{
	font-size:15px!important;
	color:#fff!important;
	vertical-align: middle!important;
	text-align:center!important;
	padding:0!important;
	margin:0!important;
	line-height:inherit!important;
}


.awp-bottom-bar{
	position:relative;
	top:0px;
	clear:both;
	height:30px;
	width:100%;
	overflow:hidden;
	border-top:1px solid #232323;
	margin-top: 30px;
}
.awp-search-filter{
	position:relative;
	margin-left:20px;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin-top:-9px;
	padding:0!important;
	border:0!important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#222 !important;
	color:#fff !important;
	box-shadow:none!important;
	line-height:1!important;
	float: left;
	outline:none;
}

.awp-sr-bar-i{
	display: inline-block;
	font-size: 15px!important;
	line-height: 30px!important;
}
.awp-sort-alpha{
	position:relative;
	left:5px;
	top:0px;
	width:25px;
	height:100%;
	text-align: center;
	float: left;
}
.awp-share-item{
	position:relative;
	top:0px;
	right:20px;
	width:25px;
	height:100%;
	margin-right:5px;
	text-align: center;
	float: right;
}


.awp-tooltip{
	position:absolute;
	background:#222;
	text-align:center;
	z-index:10000;
	border:1px solid #333;
	pointer-events:none;
}
.awp-tooltip p {
	width:inherit;
	font-size:12px!important;
	color: #eeeeee !important;
	margin:0 5px !important;
	padding:0 !important;
	line-height:20px !important;
	white-space:nowrap;
}
.awp-tooltip-num{
	direction: ltr !important;
}
.awp-download-confirm{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border:1px solid #555;
	opacity:0;
	z-index:1000;
	display:none;
}
.awp-download-confirm p{
	padding:10px 5px !important;
	font-size:14px;
	color:#fff;
	background:#333;
	text-align: center;
}
.awp-preloader{
	position:absolute;
	width:36px;
	height:30px;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-15px;
	background: #111 url('../data/loading.gif') no-repeat center center;
}




.awp-hidden {
	opacity: 0;
	filter: alpha(opacity=0);
}
.awp-visible {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}

/* scroll */
.awp-playlist-inner .mCSB_inside > .mCSB_container {
	margin-right: 30px;
}


.fa-play {
	width: 50px;
	height: 50px;
	background: url(../images/play.png);
	background-size: contain;
}

.fa-pause {
	width: 50px;
	height: 50px;
	background: url(../images/pause.png);
	background-size: contain;
}

.fa-play:before, .fa-pause:before {
	display: none;
}




.story-modal {
	width: 95%;
	max-width: 700px;
}

.story-modal--close {
	top: -20px;
	display: block;
	position: absolute;
	right: -20px;
	width: 60px;
	opacity: 0.7;
	transition: all 0.1s ease-in-out;
	cursor: pointer;
}

.story-modal--close:hover {
	opacity: 1;
}

.story-modal--close img {
	width: 100%;
	height: auto;
	display: block;
}

.story-modal--head {
	padding: 40px 45px;
	text-align: left;
}

.story-modal--head h3 {
	font-size: 30px;
	font-family: 'Amatic SC', "Times New Roman", Times, serif;
	font-weight: 700;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}

.story-modal--head p {
	text-align: left;
	font-size: 15px;
	font-style: italic;
	margin: 0;
}

.story-modal--body {
	padding: 30px 45px 20px;
}

.story-modal--authors {
	font-size: 13px;
	margin-top: -20px;
	margin-bottom: 30px;
	line-height: 1.6;
}

.authors--separate {
	padding: 0 5px;
}

.story-modal--play {
	padding: 0 45px;
	position: relative;
}

.story-modal--play h2, .story-modal--download h2{
	text-align: left;
	margin: 0;
	font-size: 28px;
	font-weight: 700;
}

.audio-download img {
	width: 30px;
	height: auto;
	top: 10px;
	position: relative;
}

.story-modal--download {
	padding: 25px 45px;
	position: relative;
}

.story-modal--download p {
	font-size: 15px;
}

.story-modal--download-body {
	border-top: 1px solid #dddddd;
	padding-top: 20px;
}