body {color: #666666;}
.maincontent {padding-bottom: 30px;}
h1, h2, h3, h4 {font-family: fira-r, Helvetica, Arial, sans-serif !important;
font-weight: normal;}
b, strong {font-family: fira-m, Helvetica, Arial, sans-serif !important;
font-weight: normal;}
h1 {/*text-transform: uppercase;*/
display:block;
padding-bottom: 15px;}
.footer > .container {padding-right: 15px;
padding-left: 15px;}
#rkbhead {width:100%;
border-top:4px solid #008ea6;
background-color:#fff;
display: block;
}
.embed-responsive-3by1 {padding-bottom: 33.33%;
}
.embed-responsive-4by1 {padding-bottom: 25.00%;
}
#logo {width: 276px;
height: 78px;
float:left;
}

@media only screen and (max-width: 415px) and (orientation: portrait) {

#logo {
width: 240px;
height: 68px;
}
}

@media only screen and (max-width: 320px) and (orientation: portrait) {

#logo {
width: 200px;
height: 56px;
margin-left: -10px;
}

}
.bglogo {height: 120px;
}

@media only screen and (max-width: 320px) and (orientation: portrait) {

.bglogo {
height: 100px;
}

}
#logo img {padding: 25px 10px 15px 0;}
.slicknav_menu {display: none;
}

@media only screen and (max-width: 996px) {

.slicknav_menu {
display:block;
text-align:left;
}}
.affix {top: 50px;
width: 275px;
}

@media only screen and (max-width: 969px) {
    .affix {
        position: static;
}
}
.affix-top {top: 50px;
width:275px;
}

@media only screen and (max-width: 969px) {
    .affix-top {
        position: static;
}
}
.footer {background-color: #fff;
border-top: 1px solid #666;
color: #666;
text-align:center;
display:block;
margin-top:10px;
height:74px;}
.footer p, footer a {padding-top:3px;
color: #fff;}
.gradient {background: url(src/gradient.png) repeat-x #fff;}
#sidenav {position: absolute;
top:50px;}
.playframe {margin:50px 0 40px 0;
display: block;
background-color: #018ea6;}
#bsmenu {border-top: 1px solid #ccc;}
#bsmenu a, bsmenu a:visited {color: #666666 !important;}
#bsmenu li.active a {color: #666666 !important;}
#bsmenu li.active {background-color: #eeeeee;}
#bsmenu li a {border-bottom: solid 1px #ccc;}
.slicknav_nav.affix-top {width:100%;}
.slicknav_nav li.active {background-color: #fff;}
#back2Top {width: 40px;
height: 50px;
padding-top:10px;
padding-left: 10px;
overflow: hidden;
z-index: 1999;
display: none;
position: fixed;
bottom: 75px;
right: 0;
background-color: #008ea6;
color: #fff;
text-align: center;
font-size: 20px;
text-decoration: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
opacity: 0.7;
}
#back2Top:hover {background-color: #868686;
color: #fff;}
.maincontent ul {padding-left: 18px;}
.suvalogo {width: 70px !important;
padding: 8px 0;}
