@font-face {
    font-family: 'kenyan_coffeeregular';
    src: url('fonts/kenyan_coffee_rg-webfont.woff2') format('woff2'),
         url('fonts/kenyan_coffee_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
a{
	color: #161330;
}
a:hover{
	color: #009bca;
}
body{
	background: url(images/BgPattern.jpg) repeat;
	font-family: 'Roboto Slab', serif;
}
.affix{
	/*background: url(images/affixBg.png) repeat;*/
	background-color: #161330;
	height: 90px;
}
.affix .navbar-brand img{
	width: 130px; 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-fixed-top{
	border:0;
}
.affix .navbar-nav > li .active{
  	background-color: transparent; 
  	color: #009bca;
}
.affix .navbar-nav > li > a{
  	color: #fff;
}
.affix .navbar-nav > li > a:hover{
  	color: #009bca;
}
.affix .navbar-left{
	margin-top: 20px;
	margin-left: 30px;
}
.affix .navbar-right{
	margin-top: 15px;
}
.affix .navbar-right .fa{
	background-color: #fff;
	color: #161330;
}
.topbar{
	background: url(images/topbarBg.png) repeat;
	height: 30px;
}
.affix-top{
	margin-top: 50px;
}
.affix-top .gril{
	display: none;
}
.affix:after{
	display: block;
	background: url(images/topbarBg.png) repeat;
	height: 30px;
}
.affix .navbar-brand{
	padding-bottom: 0;
	padding-top: 20px;
}
.navbar-nav > .active > a, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .active > a:hover{
	 color: #009bca;
}
.navbar-brand{
	height: inherit;
}
.navbar-nav > li > a{
	font-family: 'kenyan_coffeeregular';
	text-transform: uppercase;
	color: #161330; 
	font-size: 24px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	color: #009bca;
  	background-color: transparent;
}
.navbar-left > li > a{
	padding-left: 30px;
	padding-right: 30px;
}
.navbar-left{
	margin-left: 50px;
}

.navbar-right .fa{
	background-color: #161330;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	font-size: 16px;
	
	line-height: 30px;
	text-align: center;
	color:#fff;
}
.navbar-right li a{
	color: #fff;
}
.navbar-left{
	margin-top: 35px;
}
.navbar-right{
	margin-top: 30px;
}
.navbar-toggle{
	border:1px solid #fff;
	border-radius: 0;
}
.navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}	
.site-header{
	background: url(images/headhero.jpg) no-repeat top;
	/*background-position: -700% -60px;*/
	background-size:contain;
	min-height: 450px;
}
.caption{
	position: relative;
}
#topLine{
	background-color: #15132f;
	height: 3px; 
	/*width: 100%;*/
	 width: 95.5%;
  	/*transform: translateX(-100%);
    -webkit-transform: translateX(-100%);*/
   
}
#botLine{
	background-color: #15132f;
	height: 3px; 
	width: 72.5%;
	/*transform: translateX(-100%);
    -webkit-transform: translateX(-100%);*/
}
#leftLine{
	background-color: #15132f;
	height: 78%; 
	width: 3px;
	position: absolute;
	top: 300px;
	/*transform: translateX(-100%);
    -webkit-transform: translateX(-100%);*/
	
}

.caps-box{
	margin-top: 300px;
}
h1.title-caption{
	 font-family: 'kenyan_coffeeregular';
	 
	 padding-left: 40px;
	 padding-top: 10px;
	 padding-bottom: 20px;
	 padding-right: 35%;
	 /*border:2px solid #000;
	 margin-right: 40%;
	 margin-top: 10%;
	 padding: 30px;
	 border-right:0;
	 position: absolute;*/
	 

	

}
h2.title-section{
	font-size: 72px;
	margin: 0;
	padding: 90px 0;
}
.title-section{
	color: #15132f; /* text color */
	font-family: "Kenyan Coffee";
	text-shadow: 1px 2px #FCFAF7, 3px 4px #484A4D;
	font-size: 60px;
	text-transform: uppercase;
}
/* headlines with lines */
.decorated{
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-top:1px solid;
    border-bottom: 1px solid;
    width: 50px; /* half of limiter*/
    padding-bottom: 4px;
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}
.playbox{
	background: url(images/BgPlayer.jpg) no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom: 100px;
	background-attachment:fixed;
}
.playbox ul{
	list-style-type: none;
	text-align: center;
	margin-left: 0;
	padding-left: 0;
}
.playbox li{
	display: inline-block;
	padding: 0 15px;
}
.playbox .socan{
	margin-top: -120px;
    position: relative;
    float: left;
}
.topPlay{
	background: url(images/topPlay.png) repeat;
	height: 30px;
	position: absolute;
	top: 0;
	width: 100%;
}
.botPlay{
	background: url(images/botPlay.png) repeat;
	height: 30px;	
	bottom: 0;
	position: absolute;
	width: 100%;
}
.form-control{
	border-radius: 0;
}
.btn-blue{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #009bc9; /* layer fill content */
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); /* inner shadow */
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); /* inner shadow */
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); /* inner shadow */
	border:0;
	padding: 8px 50px;
	color: #fff;
}
.copyright{
	padding: 60px 0;
	
}
.copyright a:hover{
	text-decoration: none;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
    text-shadow: 0 1px 0 #fff; /* drop shadow */
    font-size: 16px;
	line-height: 24px;
}

.featured{
	background: url(images/smoke.png);
	/*background-position: 50% -400%;*/
	background-position: 50% 60%;
	background-repeat: no-repeat;
	
}
.featured .carousel{
	min-height: 300px;
}
.featured .label{
	background-color: #009bca;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 0;
	text-shadow: none;
	font-size: 14px;
}
.featured .item{
	padding: 0 10%;
}

.ads-box iframe { max-width:100% !important; max- height:100% !important;}	
#thebuttons{
	margin-left: 20px;
}	
#stationName{
	font-size: 20px;
}
#nowPlaying{
	margin-top: 25px;
}
@media (max-width: 1024px) {
	.navbar-left > li > a{padding-left: 20px;padding-right: 20px;}
	#topLine{width: 79%; }
	#botLine{width: 59.5%;}
	#leftLine{top: 0; height: 100%;}
	.playbox{background-size: auto;}
}
@media (max-width: 1000px) {
	#topLine{width: 78.5%; }
}
@media (max-width: 980px) {
	.navbar-brand img{width: 90%;}
	.navbar-left > li > a{
		padding-left: 10px;
		padding-right: 10px;}
	.navbar-left{
		margin-left: 0px;
		margin-top: 20px;
	}
	.navbar-right{
		margin-top: 15px;
	}
	.navbar-right li a{
		padding-left: 5px;
		padding-right: 5px;
	}
	.caps-box{
		margin-top: 300px;
	}
	h1.title-caption{
		font-size: 32px;
		padding-right: 40%;
	}
	#topLine{
		width: 84.5%;
	}
	#botLine{
		width: 62%;
	}
	.featured .item{
		padding: 0;
	}

}
@media (max-width: 800px) {
.navbar-header {
   	float: none;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse.collapse {
   	display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}

.collapse.in{
    display:block !important;
}
.navbar-collapse{
	position: absolute;
	right: 50px;
	top:100px;
	z-index: 50;
}
.affix .navbar-nav > li > a{
	color: #161330;
}
.affix .navbar-right{
	margin-top: 0;
	margin-left: 30px;
}
.affix .navbar-right .fa{
	background-color: #161330;
	color: #fff;
}
.navbar-toggle{
	margin-top: 30px;
}
.navbar-left > li{
	border-bottom: 1px solid #000;
}
.navbar-left > li:last-child{
	border-bottom: 0;
}
.navbar-left li{
	float: none;
	padding: 10px 30px;
}
.navbar-left{
	margin-left: 0;
	background-color: #fff;
	border:1px solid #161330;
	z-index: 50;

}
.navbar-left > li > a{
	padding: 0;
}
.navbar-right li {
	float: left;
	padding: 0 10px;
}
.navbar-right{
	background-color: #fff;
	border:1px solid #161330;
	border-top:0;
	margin-top: 0;
	margin-right: 0;
}
.site-header{
	background-size: auto;
	background-position: 70% -90px;
}
.navbar-left{
	margin-left: 0;
}
.caps-box{
	margin-top: 60px;
}
#topLine, #leftLine, #botLine{
	display: none;
}

h1.title-caption{
	border:2px solid #000;
	padding: 3%;
	margin-right: 30%;
	margin-left: 3%;
}
	}
@media (max-width: 768px) {
	.site-header{
		background-size: auto;
		background-position: 70% -90px;
	}
	.navbar-collapse{
		right: 40px;
	}
}
@media (max-width: 640px) {
	.site-header{
		background-size: auto;
		background-position: 85% -100px;
	}
	.navbar-collapse{
		right: 15px;
	}
	.caps-box{
		margin-top: 200px;
	}
	h1.title-caption{
		margin-right: 3%;
		z-index: 10;
	}
	.navbar-nav{
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-left{
		margin-bottom: 0;
	}
	
}
@media (max-width: 480px){
	.caps-box{
		margin-top: 200px;
	}
	h1.title-caption{
		font-size: 24px;
	}

}
@media (max-width: 360px){
	.playbox .socan{
		margin-top: inherit;
	    position: relative;
	    float: inherit;
	}
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}