#header #logo img {
    max-height: 20px;
}

@media (max-width: 991px) {
#header {
    background: #000000;

    }
}

  .intro-left img {
position: absolute;
      bottom: 0;
      left: 0;
}

@media print {
    blockquote {
    border: none;
  }
}
    
section {


  color: #fff;
  padding: 30px 0 40px 0;
}

#footer {
  background: #000000;
  padding: 0 0 25px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #242424;
  padding: 60px 0 30px 0;
}

.footer-info img {
width: 70%;
}

#footer .footer-top .footer-links ul li {
    border-bottom: 1px solid #000000;
    padding: 3px 0;
}


#footer .footer-top h4 {
    border-bottom: 0;
}

/*--------------------------------------------------------------
Audio Player
https://tympanus.net/codrops/2012/12/04/responsive-touch-friendly-audio-player/
--------------------------------------------------------------*/

.audioplayer-volume-adjust div div
{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff;
    background: -webkit-gradient( linear, left bottom, left top, from( #000000 ), to( #ffffff ) );
    background: -webkit-linear-gradient( bottom, #000000, #ffffff );
    background: -moz-linear-gradient( bottom, #000000, #ffffff );
    background: -ms-radial-gradient( bottom, #000000, #ffffff );
    background: -o-linear-gradient( bottom, #000000, #ffffff );
    background: linear-gradient( bottom, #000000, #ffffff );
}


.audioplayer-bar-played
{
    background: #007fd1;
    background: -webkit-gradient( linear, left top, right top, from( #330000 ), to( #990000 ) );
    background: -webkit-linear-gradient( left, #330000, #990000 );
    background: -moz-linear-gradient( left, #330000, #990000 );
    background: -ms-radial-gradient( left, #330000, #990000 );
    background: -o-linear-gradient( left, #330000, #990000 );
    background: linear-gradient( left, #330000, #990000 );
    z-index: 2;
}

.audioplayer {
    height: 2.0em;
}

.audioplayer-time {
    line-height: 2em;
}

.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
}

	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

/*--------------------------------------------------------------
box
--------------------------------------------------------------*/

.box {
  padding: 15px;
}

.box {
  background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.15) 100%);
  margin-bottom: 30px;
}

.mb-15 {
margin-bottom: 15px;
}

.mb-30 {
margin-bottom: 30px;
}

.mb-60 {
margin-bottom: 60px;
}

.box .fa {
    margin-right: 15px;
    color: #b1b1b1;
}

hr {

    // background-color: red;
    background-image: linear-gradient(to right, rgba(153,0,0,1), rgba(153,0,0,0));
    
    border: 0;
    height: 2px;
}

blockquote p { quotes: "»" "«"; }

a:link, a:visited {
    color: #fff;
}

/*--------------------------------------------------------------
--------------------------------------------------------------*/

video {
    width: 100%;
    height: auto !important;
}

figure {
border: 1px solid #242424;
    background-color: #242424;
}

figcaption {
    padding: 5px;
    font-size: 90%;
}

.audiobox {
  background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.15) 100%);
  margin-bottom: 30px;
        padding: 15px;
}

.audiobox p {
    margin-bottom: 0px;
    margin-top: 15px;

}

.modal h2, .modal p, .modal h3,.modal h4, .modal ul, .modal li {
    color: #333333 !important ;
}

.modal h2 {
    font-size: 30px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.modal li {
    list-style:circle; 
}