body {background: url(../images/bg.jpg); }

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.img-left{float: left; margin-right: 10px;}
.img-right{float: right; margin-left: 10px;}

.wraper{background: url(../images/fire-img.jpg) no-repeat center top;padding-top:45px;}

#logo{width: auto;bottom: -90px;left: 15px;position: absolute;z-index: 1000;}
/*#devotion{float: right; width: auto; border-radius: 5px; font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 35px 20px 0 0;position: absolute;right: 0;}*/
#wauseon{background:#d9d9d9 ; font-size: 46px; color: #000000; font-weight: normal; clear: both; text-align: center; line-height: 60px;border-radius: 8px;padding: 8px 0;}

.right-navi{background: #000000;border-radius: 2px;margin: 20px 0;}

#main{background: #ffffff;border-radius: 8px;padding: 20px;}

.left{width: 87%;}
.right{width: 100%;}

.jumbotron{height: 400px;}

.col-md-3 .left-box{margin: 18px 0 0 0;display: inline-block;width: 100%;}
a.list-group-item span{float: right;}
.left-box{border: 1px solid #e4b040; background: #fff;border-radius: 5px;}
.left-box p{padding:10px 0;margin: 0;}
.col-md-3 .left-box h2{font-size: 20px; color: #fff; font-weight: normal;background: #000000; margin: 0; padding: 2px 15px; line-height: 37px;border-radius: 5px 5px 0 0;}
.left-box .text{padding: 5px 20px;}
.live-dispatch { color: #FFFFFF;background: #e4b040;font-size: 17px;color: #000;border-radius: 5px;padding: 5px 20px 5px 60px;position: relative;margin: 0 auto;width: 168px;}
.live-dispatch img{position: absolute;left: -7px;top: -7px;}
.login{padding: 30px;}
.text2{padding: 5px 20px;text-align: center;}
.text2 p{font-size: 14px;color: #2e2e2e;line-height: 22px;}

.col-md-3 h2{font-size: 20px; color: #FFFFFF; font-weight: normal;background: #000; margin: 0; padding: 2px 15px; line-height: 37px;border-radius: 5px 5px 0 0;}
.col-md-3 .right-box{border: 1px solid #e4b040; background: #fff;border-radius: 5px;margin: 18px 0 0 0;display: inline-block;width: 100%;}
.col-md-3 .right-box strong{color: #002f92; font-weight: bold; margin-bottom: 10px; display: block;}
.col-md-3 .right-box .img{text-align: center; margin: 15px 0;}
.knox-bg{background:url(../images/knox-bg.png);padding: 20px;}
.radio-bg{background:url(../images/radio-bg.png);padding: 22px 32px;}
.radio-bg h4{text-align: center;}

.more{position: absolute; right: 5px; bottom: 5px;}

.col-md-6{margin: 0 18px;}
.col-md-6 h2{font-size: 20px; color: #FFFFFF; font-weight: normal;background: #000; margin: 0; padding: 2px 15px; line-height: 37px;border-radius: 5px 5px 0 0;}
.col-md-6 .right-box{border: 1px solid #e4b040; background: #fff;border-radius: 5px;margin: 18px 0 0 0;display: inline-block;width: 100%;}
.col-md-6 .right-box h3{margin:0 0 10px 0; font-size: 16px;line-height: 24px;font-weight: normal;}
.col-md-6 .right-box ul{list-style: none; margin: 0; padding: 0;}
.col-md-6 .right-box ul li{line-height: 35px;}
.col-md-6 .img{padding:20px;}

.msg-box{padding:20px;}
.file2 {color: #e4b040;font-size: 16px;font-weight: normal;margin-bottom: 5px;}
.file2 i{margin-right: 10px;}
.msg-box h3{color: #ed1d24;font-size: 16px;line-height: 24px;font-weight: normal;}
.msg-box p{font-size: 13px;line-height: 21px;}
.text-right {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}
.latest-box{padding:15px 20px;}
.latest-box p{font-size: 13px;line-height: 21px;}
.file3 {color: #e4b040;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.file3 i{margin-right: 10px;}

.news-line{height:1px;width: 93%;margin: 0 auto;background: #d1d1d1;}
.btn-more{background: none;font-size: 14px;color: #000000;font-weight: bold;padding: 0; }

.event-box{padding: 10px 20px;}

footer{margin-top: 20px;}
.footer-h3{font-size: 26px;color: #000;font-weight: normal;}
.foot-link{margin: 0;padding: 0;}
.foot-link li{font-size: 19px;display: block;padding-bottom: 35px;}
.foot-link li a{color: #000;}
.foot-link li img{margin-right: 10px;}
.footer-cntr{margin: 0 auto;text-align: center;}
.footer-cntr p{font-size: 17px;line-height: 23px;margin-top: 30px;}
.footer-box2{text-align: right;}
.footer-box2 p{font-size: 18px;}

#contact-detail{border-bottom: 1px solid #333333; padding-bottom: 15px; margin-top: 15px;}
#contact-detail .left{width: 50%; text-align: center; border-right: 1px solid #333333;}
#contact-detail .right{width: 50%;  text-align: center;}

.col-md-9{margin: 0 0 0 25px;}
.col-md-9 h2{font-size: 20px; color: #FFFFFF; font-weight: normal;background: #000; margin: 0; padding: 2px 15px; line-height: 37px;border-radius: 5px 5px 0 0;}
.col-md-9 .right-box{border: 1px solid #e4b040; background: #fff;border-radius: 5px;margin: 18px 0 0 0;display: inline-block;width: 100%;}
.col-md-9 .text{padding: 20px;}
.col-md-9 p{font-size: 14px;color: #000;line-height: 22px;}
.about-img{margin: 0 15px 15px 0;float: left;}
.about-img2{margin: 0 0 15px 15px;float: right;}

/*Table*/
.box-table-b {border-collapse: collapse; width: 100%;float: left;}
.box-table-b tr .active{background: #e5e5e5;}
.box-table-b td {background: none repeat scroll 0 0 #f2f2f2; border:0;font-size: 14px;padding: 7px 10px;}
.box-table-b tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.box-table-b2 {border-collapse: collapse; width: 100%;display: inline-table;margin: 19px 0; }
.box-table-b2 th{color: #9f1b1b;font-size: 14px;padding: 6px 10px;text-align: left;}
.box-table-b2 tr .active{background: #e5e5e5;}
.box-table-b2 td {background: none repeat scroll 0 0 #f2f2f2; border:0;font-size: 14px;padding: 7px 10px;}
.box-table-b2 tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#hamburger-navigation{display: none;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
#wauseon{font-size: 38px;}
.jumbotron {height: 333px !important;}	
.left {width: 91%;}
.right {width: 100%;}
.col-md-6 .right-box .img img{margin: 0 auto;display: block;width: 100%;}
.col-md-3 .right-box .img img{margin: 0 auto;display: block;width: 100%;}
.col-md-3 .right-box img{margin: 0 auto;display: block;width: 100%;}
.footer-box{text-align: center;}
.footer-box2{text-align: center;}
.col-md-6{margin: 0 10px;}
#logo{width: 250px;bottom: -75px;}
#logo img{width: 100%;}
.left-box .text {padding: 5px 1px;}
.col-md-9{margin: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; position: relative;  text-decoration: none; padding: 9px 0; z-index: 10; text-align: right; outline: none; border: 1px solid #e4b040; text-align: center; text-transform: uppercase; font-size: 16px;}
#wauseon{font-size: 38px;}
.jumbotron {height: 256px !important;}	
.left {width: 100%;}
.right {width: 100%;}
.col-md-6 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box img{margin: 0 auto;display: block;}
.footer-box{text-align: center;}
.footer-box2{text-align: center;}
.col-md-6{margin: 0;}
#logo{width: 220px;bottom: -55px;}
#logo img{width: 100%;}
.col-md-9{margin: 0;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; position: relative;  text-decoration: none; padding: 9px 0; z-index: 10; text-align: right; outline: none; border: 1px solid #e4b040; text-align: center; text-transform: uppercase; font-size: 16px;}
#wauseon{font-size: 30px;}
.jumbotron {height: 219px !important;}	
.left {width: 100%;}
.right {width: 100%;}
.col-md-6 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box img{margin: 0 auto;display: block;}
.footer-box{text-align: center;}
.footer-box2{text-align: center;}
.col-md-6{margin: 0;}
#logo{width: 190px;bottom: -55px;}
#logo img{width: 100%;}
.col-md-9{margin: 0;}
.col-md-9 h3{text-align: center;}
.about-img{margin: 0 auto 15px auto;float: none;display: block;}
.about-img2{margin: 0 auto 15px auto;float: none;display: block;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
#wauseon{font-size: 26px;}
.jumbotron {height: 164px !important;}	
.left {width: 100%;}
.right {width: 100%;}
.col-md-6 .right-box .img img{margin: 0 auto;display: block;width: 100%;}
.col-md-3 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box img{margin: 0 auto;display: block;}
.footer-box{text-align: center;}
.footer-box2{text-align: center;}
.col-md-6{margin: 0;}
.text-right{display: inline-block;text-align: center;}
.img-left{float: none;margin-right: 0;margin: 0 auto 10px auto;display: block;}
.knox-bg{text-align: center;}
.text {text-align: center;}
#logo{width: 170px;bottom: -55px;}
#logo img{width: 100%;}
.col-md-9{margin: 0;}
.col-md-9 h3{text-align: center;}
.about-img{margin: 0 auto 15px auto;float: none;display: block;}
.about-img2{margin: 0 auto 15px auto;float: none;display: block;}

#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; position: relative;  text-decoration: none; padding: 9px 0; z-index: 10; text-align: right; outline: none; border: 1px solid #e4b040; text-align: center; text-transform: uppercase; font-size: 16px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
#wauseon{font-size: 18px;line-height: 36px;}
.jumbotron {height: 110px !important;}	
.left {width: 100%;}
.right {width: 100%;}
.col-md-6 .right-box .img img{margin: 0 auto;display: block;width: 100%;}
.col-md-3 .right-box .img img{margin: 0 auto;display: block;}
.col-md-3 .right-box img{margin: 0 auto;display: block;width: 100%;}
.footer-box{text-align: center;}
.footer-box2{text-align: center;}
.col-md-6{margin: 0;}
.text-right{display: inline-block;text-align: center;}
.img-left{float: none;margin-right: 0;margin: 0 auto 10px auto;display: block;}
.img-left img{width: auto !important;}
.knox-bg{text-align: center;}
.text {text-align: center;}
.foot-link li{font-size: 17px;padding-bottom: 20px;}
.footer-box2 p{font-size: 16px;}
#logo{width: 100px;bottom: -45px;}
#logo img{width: 100%;}
.col-md-9{margin: 0;}
.col-md-9 h3{text-align: center;}
.about-img{margin: 0 auto 15px auto;float: none;display: block;width: 100%;}
.about-img2{margin: 0 auto 15px auto;float: none;display: block;width: 100%;}
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; position: relative;  text-decoration: none; padding: 9px 0; z-index: 10; text-align: right; outline: none; border: 1px solid #e4b040; text-align: center; text-transform: uppercase; font-size: 16px;}	
}