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

img{max-width:100%;}

audio, canvas, progress, video {
	display:none;
	vertical-align:baseline
}

.top-bg{background:#9c1414; overflow:hidden; padding-bottom:0px; padding-top:10px;}

.logo{float:left; margin-top:20px;}

.top-right-sections{color:#fff; overflow:hidden; width:90%; margin:10px auto 0px; padding-left:10px;}

.top-right-sections h3{margin:0px; padding:0px; text-align:center; margin-top:12px;} 

.top-box-section-inner{border:1px solid #fff; font-size:5.8em; padding:4px 6px 5px; line-height:1; overflow:hidden; word-spacing:20px; text-align:center; font-family:"Times New Roman", Times, serif; text-shadow: 2px 2px #000;}

.content-bg{background:#f4f4f4; overflow:hidden; padding-bottom:30px;}

.content-sections{background:#fff; border:1px solid #e4e2e2; margin-top:30px;}

.video-box{float:left; width:100%; margin:10px 0px 10px; text-align:center; position:relative;}

.video-box img {border:1px solid #CCC; padding:4px;}

.video-frame-small{position:absolute; top:30%; left:45%;}



.video-box-title{margin:10px 0px; font-weight:bold; text-transform:uppercase; text-align:center; min-height: 40px;}

.heading{text-align:center; color:#9c1414; margin-bottom:10px;}

iframe{width:640px; height:480px;}

.footer-bg{background: #9c1414; padding-top:15px; padding-bottom:15px;}
	
.footer-left{width:30%; float:left; color:#fff; margin:20px 0px 0px;}

.footer-left li{float:left; width:50%; list-style:none; color:#fff; margin:5px 0px;}

.footer-left li i{margin-right:10px;}

.follows{border-bottom:1px solid #435988; border-top:1px solid #435988; color:#fff; padding:10px 0px; margin-top:15px; margin-bottom:15px;}

.follows i{font-size:2em;}

.footer-right{width:34%; margin-top: 0px; float:right;  color:#fff; padding:0px; line-height:1.6;}	

.footer-right img{background:#1c263d; border:1px solid #435988; padding:5px;}

.footer-right i{margin-left:10px; font-size:1.3em;}

.footer-right img{text-align:center; margin:0px auto; display:block;}

.footer-right p{margin:0px; padding:10px 0px; text-align:left;}

.footer-right a{color:#fff;}

.footer-right a:hover{color:#ffc600;}

.footer-left a{color:#fff;}

.footer-left a:hover{color:#ffc600;}

.footer-middle{width:28%; float:left; color:#fff; margin-left:88px;}

.footer-middle p{margin:0px; padding:10px 0px; text-align:left;}

.footer-middle a{color:#fff;}

.footer-middle a:hover{color:#ffc600;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:80%; border-top: 2px solid #e49204;}

.video-frame {width:80%; margin:30px auto 50px; padding:20px; border:1px solid #ccc; border-radius:0.5em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 62%, rgb(237, 237, 237) 100%) repeat scroll 0 0;}
	
.iframe-video{width:100%; height:480px;}

.video-frame h3{background:#9c1414; color:#fff; text-align:center; padding:8px 0px; margin:-4px 0px 0px;}	




.page {
  padding: 15px 0 0;
}

.bmd-modalButton {
  display: block;
  margin: 15px auto;
  padding: 20px; height:62px; widht:50px; border-radius:50%; border:none; background:rgba(255,255,255,0.8);
}

.close-button {
  overflow: hidden;
}

.bmd-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
  
.bmd-modalContent .close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  opacity: .7;
  color:#333;
}

.bmd-modalContent .close span {
  display: block;
}

.bmd-modalContent .close:hover,
.bmd-modalContent .close:focus {
  opacity: 1;
  outline: none;
}

.bmd-modalContent iframe {
  display: block;
  margin: 0 auto;
}


/************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen and (max-width: 1100px) {

img{max-width:100%;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:100%; border-top: 2px solid #e49204;}

}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

img{max-width:100%;}

.logo{float:none; display:block; margin:10px auto 0px; text-align:center; padding-bottom:15px;}

.top-right-sections{float:none; color:#fff; overflow:hidden; width:100%;}

.top-box-section-inner{border:2px solid #fff; font-size:2em; padding:10px 10px 10px; line-height:1; overflow:hidden; word-spacing:0px; text-align:center;}

.video-box{float:left; width:100%; margin:10px 0px 10px}

.video-frame-small{position:absolute; top:25%; left:45%;}

iframe{width:100%; height:auto;}

.footer-left{width:100%; float:none; color:#fff;}

.footer-right{width:100%; float:none;}

.footer-left li{float:none; width:100%; list-style:none; color:#fff; margin:5px 0px;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:100%;}

.video-frame {width:100%; margin:10px auto 12px; padding:5px; border:1px solid #ccc; border-radius:0.5em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 62%, rgb(237, 237, 237) 100%) repeat scroll 0 0;}
	
.iframe-video{width:100%; height:auto;}

.footer-middle{width:100%; float:left; color:#fff; margin-left:0px;}

audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

img{max-width:100%;}

.logo{float:none; display:block; margin:10px auto 0px; text-align:center; padding-bottom:15px;}

.top-right-sections{float:none; color:#fff; overflow:hidden; width:100%;}

.top-box-section-inner{border:2px solid #fff; font-size:2em; padding:10px 10px 10px; line-height:1; overflow:hidden; word-spacing:0px; text-align:center;}

.video-box{float:left; width:46%; margin:10px 10px 10px}

.video-frame-small{position:absolute; top:25%; left:45%;}

iframe{width:100%; height:auto;}

.footer-left{width:100%; float:none; color:#fff;}

.footer-right{width:100%; float:none;}

.footer-left li{float:none; width:100%; list-style:none; color:#fff; margin:5px 0px;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:100%;}

.video-frame {width:100%; margin:10px auto 12px; padding:5px; border:1px solid #ccc; border-radius:0.5em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 62%, rgb(237, 237, 237) 100%) repeat scroll 0 0;}
	
.iframe-video{width:100%; height:auto;}

.footer-middle{width:100%; float:left; color:#fff; margin-left:0px;}

audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

img{max-width:100%;}

.logo{float:none; display:block; margin:10px auto 0px; text-align:center; padding-bottom:15px;}

.top-right-sections{float:none; color:#fff; overflow:hidden; width:100%;}

.top-box-section-inner{border:2px solid #fff; font-size:2em; padding:10px 10px 10px; line-height:1; overflow:hidden; word-spacing:0px; text-align:center;}

.video-box{float:left; width:100%; margin:10px 0px 10px}

.video-frame-small{position:absolute; top:25%; left:45%;}

iframe{width:100%; height:auto;}

.footer-left{width:100%; float:none; color:#fff;}

.footer-right{width:100%; float:none;}

.footer-left li{float:none; width:100%; list-style:none; color:#fff; margin:5px 0px;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:100%;}

.video-frame {width:100%; margin:10px auto 12px; padding:5px; border:1px solid #ccc; border-radius:0.5em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 62%, rgb(237, 237, 237) 100%) repeat scroll 0 0;}
	
.iframe-video{width:100%; height:auto;}

.footer-middle{width:100%; float:left; color:#fff; margin-left:0px;}

audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}

}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 320px) {

img{max-width:100%;}

.logo{float:none; display:block; margin:10px auto 0px; text-align:center; padding-bottom:15px;}

.top-right-sections{float:none; color:#fff; overflow:hidden; width:100%;}

.top-box-section-inner{border:2px solid #fff; font-size:2em; padding:10px 10px 10px; line-height:1; overflow:hidden; word-spacing:0px; text-align:center;}

.video-box{float:left; width:100%; margin:10px 0px 10px}

.video-frame-small{position:absolute; top:25%; left:45%;}

iframe{width:100%; height:auto;}

.footer-left{width:100%; float:none; color:#fff;}

.footer-right{width:100%; float:none;}

.footer-left li{float:none; width:100%; list-style:none; color:#fff; margin:5px 0px;}

.menu{background:#860808; border-top-left-radius:0.5em;  border-top-right-radius:0.5em; margin:20px auto 0px; width:100%;}

.video-frame {width:100%; margin:10px auto 12px; padding:5px; border:1px solid #ccc; border-radius:0.5em;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 47%, rgb(237, 237, 237) 62%, rgb(237, 237, 237) 100%) repeat scroll 0 0;}
	
.iframe-video{width:100%; height:auto;}

.footer-middle{width:100%; float:left; color:#fff; margin-left:0px;}
	
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}
}