html { height: 100%; margin: 0; padding: 0; outline: 0;text-rendering: optimizeLegibility; 
     font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
body{ color:#6e6e6e;font-size: 1.000em;line-height:1.6;font-weight:normal; background-color:#808080;
      font-family: 'open_sansregular', Arial, Helvetica, sans-serif;  overflow-x: hidden;}
*,*:after,*:before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {*zoom: 1;}

/*====== Layout Styles ====== */
.fullrow { max-width: none !important;}
section{padding-top:40px; padding-bottom:40px;}
.yellow_box{ background-color:#E7AF13; color:#F7E09E;}
.orange_box{ background-color:#DB7006; color:#fff}
.green_box{ background-color:#AFCB1F; color:#222222;}
.white_box{background-color:#FAFAFA}
.grey_box{background-color:#F0F2F2}
.black_box{ background-color:#444;}

.top-padded{padding-top:40px;}
.top-small-padded{padding-top:20px;}
.top-no-padded{padding-top:0px;}  
.bottom-padded{padding-bottom:40px;}
.bottom-small-padded{padding-bottom:20px;}
.bottom-no-padded{padding-bottom:0px;} 
.no-padded{padding:0px;} 

/*====== Typography ====== */
h1{	font-size:3.000em; font-weight:bold; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; color:#DB7006;}
h2{ font-size:1.143em; font-weight:normal; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; color: #5A5853; }	
h3{	font-size:1.2em; font-weight:normal; line-height:1.6;font-family: 'roboto_condensedlight', Arial, Helvetica, sans-serif; color:#DB7006;}
h4{font-size:20px; font-weight:normal; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:5px; color:#EB614E;}
   h4 strong{font-size:24px;color:#666; letter-spacing:2px;font-weight:normal;}
h5{font-size:1.375em; font-weight:normal; font-family:'roboto_condensedbold', Arial, Helvetica, sans-serif; color:#1F1D1E;}	 
h6{font-size:1.000em;font-weight:normal; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; color:#FFF;
   line-height:1.370em; text-transform:uppercase; letter-spacing:1px;}		
p { font-size:0.900em;font-weight:normal; line-height:1.70em; color: #777777;}
ul {font-size: 14px;	font-weight:normal;	line-height:1.350em; margin-left:20px;list-style-type:square;}
ol {font-size: 14px; font-weight:normal;	line-height:1.350em;list-style-type:circle;}
a {	color:#899F19;}
hr{border:1px solid #000}

/*====== Responsive Slides====== */
.rslides {position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0; }
.rslides li {-webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;left: 0;  top: 0;}
.rslides li:first-child {  position: relative;  display: block;  float: left;}
.rslides img {display: block;  height: auto;  float: left;  width: 100%;  border: 0;}
.rslides {  margin: 0 auto -42px;}
/* Callback styles */
.callbacks_container { margin:0px; position: relative;  float: left;  width: 100%;}
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%;  padding: 0;  margin: 0;}
.callbacks li {  position: absolute;  width: 100%;  left: 0;  top: 0;}
.callbacks img { display: block;  position: relative; z-index: 1; height: auto; width: 100%; border: 0;}
.callbacks .caption { display: block; position: absolute;z-index: 2;  left: 11%; right: 11%; line-height:25px; bottom:0px; padding:20px; margin: 0; max-width: none; font-size:1.000em; text-transform:uppercase; letter-spacing:1px; color:#FAFAFA; font-family: 'robotoblack'; font-weight:normal; background:rgba(68, 68, 68, 0.8)}
.callbacks_nav {  position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none;
  height: 61px;  width: 38px;  background: transparent url("../images/ah_arrows.png") no-repeat left top; margin-top: -45px;}
.callbacks_nav:active { opacity: 1.0;}
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	h1 {font-size: 1.875em;}	
	.callbacks_nav { top: 47%;}
}

/*====== Bar & Rows====== */
header {position:absolute; float: left;width: 100%; z-index:20;padding: 20px; background-color:rgba(250, 250, 250,0.0);	
	box-sizing: border-box;	-moz-box-sizing: border-box;-webkit-box-sizing: border-box; font-size:0.800em; color:#FFF;	}
header img {float: left;}
header nav {float: right;width: 70%;	text-align: left;	margin-left: 20px;}
header nav ul {padding: 30px 0;	margin: 0;	list-style-type: none; float:right;}
header nav ul li {	margin-left: 10px;	display: inline; font-size:0.95em;}
header nav ul li a{color:#FAFAFA; text-transform:uppercase; font-weight:bold; font-family: 'roboto_condensedbold';
  letter-spacing:2px;  -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
header nav ul li a:hover{color: #E7AF13;}
.headshrinker .headshrunk {background: #FCFCFC;  box-shadow: 2px 2px 1px #CCC;}
.headshrinker .headshrunk nav ul li a {color:#808080; font-size:1.0em;}
.headshrinker .headshrunk nav ul li a:hover {color: #DB7006;}
.headshrinker .headshrunk a.headshrinker-reveal {width: 40px;height: 40px; background: #AFCB1F; display: inline-block;
   position: absolute;	top: 12px;	right: 30px;}
.headshrinker .headshrunk a.headshrinker-reveal.hs-reveal-left {right: auto;left: 20px;}
.headshrinker .headshrunk a.headshrinker-reveal span {display: block;width: 60%;margin: 0 auto;	background: #FFF;
	height: 2px;margin-top: 13px !important;margin-bottom: -10px !important;border-radius: 50px;}
.headshrinker .headshrunk .headshrinker-menu {position: absolute;	left: 0;overflow-y: scroll;	max-height: 500px;}
.headshrinker .headshrunk .headshrinker-menu {display: block;	width: 100%;text-align: left;}
.headshrinker .headshrunk .headshrinker-menu ul, .headshrinker .headshrunk .headshrinker-menu li  {
	display: block;	list-style-type: none;	padding: 0;	margin: 0;	position: relative;}
.headshrinker .headshrunk .headshrinker-menu a {display: block;	background: #fff;padding: 10px 10px !important;	
    border-bottom: 1px solid #efefef; color: #AFCB1F; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.headshrinker .headshrunk .headshrinker-menu ul li a.headshrinker-expand {width: 26px;
	height: 26px;	border: none !important;	padding: 7px !important;	text-align: center;
	position: absolute;	right: 0;	top: 0;	z-index: 2;	font-weight: bold;	background: none !important;font-size: 10px;}

/* ======Resurface sections ======*/
.top_banner{width:100%; float:left; position:relative; min-height:100px; padding-top:150px; background-color:#444444; background-image:url(../images/rr_homebk.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;}
.top_inside_banner{width:100%; float:left; position:relative; min-height:250px; padding-top:50px; background-color:#000; background-image:url(../images/rr_insidebk.jpg); background-size:100%; background-repeat:no-repeat; background-position:center;}
.banner-tagline{font-family: 'robotolight'; letter-spacing:-1px; font-size:4em; line-height:1.1; font-weight:normal; color:#FAFAFA;}

.cta-row{margin-top:100px; padding-bottom:20px;}
.ctas a{font-family: 'roboto_condensedbold'; letter-spacing:2px; font-size:1.3em; line-height:1.2; font-weight:bold; color:#FAFAFA; text-transform:uppercase;}
.cta-small{font-size:0.5em; color:#E5AC0A;}

.inside-header{float:left; width:100%; height:225px; background-color:#333; background-image:url(../images/cos_topbk.png); background-size:100% 100%;}
.outside-header{float:left;width:100%; min-height:300px; background-color:#333; 
      background-image:url(../images/cos_outsidetopbk.jpg); background-size:100% 100%; }
    .content{width:100%; float:left; min-height:600px;}	  
	.top_spacer{height:80px;}
	#menubar {width:100%;z-index:300; height:100px;}
	.site_name{background-color:#DEDEDE; height:100px;float:left;}
	.site_name h1{margin:0; padding-top:5px;}
	.site_menu{ height:100px;background-color:#252422; padding-top:30px;}

.home_banner_bar{padding-top:40px; padding-bottom:40px;}
	.banner_no_padded{margin:0; padding:0;}
	.home_banner_title{padding:10px; font-size:22px; color:#FFF; font-family: 'roboto_condensedbold'; text-transform:uppercase;}
	.home_banner_intro{padding:10px; font-size:17px; color:#FFF; font-family: 'roboto_condensedlight';}

.home_intro_bar{float:left; width:100%; padding-top:20px; padding-bottom:20px; min-height:100px; }
    .home_intro_bar h2{font-size:1.2em; font-weight:normal; text-transform:uppercase; font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px;}
	.home_intro_bar h3{line-height:24px; font-size:17px; color:#FFF; font-family: 'roboto_condensedlight';}

	#home_adverts_bar_list li{padding:5px;}
	
	.contact-list{list-style:none; padding:10px; background-color: #FEFEFE; margin-left:0; margin-top:20px;}
	.contact-list li{margin-left:0px; line-height:2.0em; color:#DB7006;}
	.contact-list strong{ font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; font-size:12px; color:#222;}
	 
	 .profilebox{min-height:200px;}
	 .profilepic{float:left; padding-right:20px; padding-bottom:20px;}
	 .profilebox a{color:#899F19;}
	 
	 .live-page{background-color:#333}
	 
	 .advertise{margin-top:20px; margin-bottom:20px; background-color:#FAFAFA;}
	 .advertise li{padding-top:10px;}
	 
	 .site-ads .column{ margin-bottom:20px;}
	
	.p01-contact form{margin:0; padding:0; font-size:0.8em; background-color:#F0F2F2; }
	.p01-contact p{background-color:#F0F2F2;}
	.p01-contact label { color: #fff; text-transform:uppercase; font-size:0.7em; letter-spacing:2px; padding:0; margin:0; display:block; }
	.p01-contact textarea {background-color:#FFF; max-height:100px;}
	.p01-contact submit{background-color:#147EBD; max-height:100px;}
	.submit{padding:10px; font-size:8px; border:0; letter-spacing:2px; font-size:1.00em; background-color:#AFCB1F; color:#fff;}
		 
#programming-list{margin-top:30px;}
	#programming-list li{margin:0; padding:0; margin-bottom:20px; border-left:1px solid #252422; min-height:350px;}
	#programming-list li h1{padding:0px}
	#programming-list li p{padding-left:10px;padding-right:15px;color:#333; font-size:0.900em;}
	#programming-list strong{ font-size:1.200em; font-weight:bold; padding-left:0px;padding-right:10px;color:#111; letter-spacing:1px;}

/*====== Footer styles ======*/
.news_bar{float:left;width:100%; padding-top:40px; padding-bottom:40px; min-height:100px; color:#fff;}
	.news_bar h2{font-family: 'robotoblack', Arial, Helvetica, sans-serif; fotn-weight:normal; color:#E6E8E7; font-size:0.900em; letter-spacing:2px; text-transform:uppercase; color:#fff;}
	.news_bar p{ color:#fff;}
.adverts_bar{float:left;width:100%; padding-top:40px; padding-bottom:40px; min-height:100px; color:#fff;}

.footer_bar {float:left;  width:100%; min-height:300px; padding-top:20px; padding-bottom:20px; line-height:1.9;}
    .footer_bar h6 {font-family: 'robotoblack', Arial, Helvetica, sans-serif; font-weight:bold; color:#E6E8E7; font-size:1.000em; letter-spacing:2px; color:#545454;}
	.footer_bar hr {border:1px solid #AECA1D;}
    .footer_bar p {color:#6E6E6E; font-size:0.7em; padding-bottom:10px;}
	.footer_bar a {color:#6E6E6E; font-weight:bold;} 
	.footer_bar a:hover {color:#ABABAB;text-decoration:underline; }
	.footer_menu { color:#545454; list-style:none; margin:0; padding:0; font-size:60%; line-height:1.800em; 
	 margin-top:20px;text-transform:uppercase;}
	.footer_menu li a{ color:#545454; letter-spacing:1px; font-weight:normal;}
	.footer_menu li a:hover{ color:#616161;}
	.news{padding-bottom:10px;}
.subfooter_bar { float:left; width:100%; border-top:2px solid #fff; border-bottom:solid 5px #AECA1D; min-height:80px; padding-top:10px;}
.subfooter_bar p{ font-size:0.600em; color:#6E6E6E; letter-spacing:1px; text-transform:uppercase;}	
.subfooter_bar a{ color:#545454;}
.subfooter_bar a:hover{ color:#616161; text-decoration:underline;}	

/**===RESURFACE TOGGLE MENU STYLES===**/	 
.toggle {padding:0; margin:0; margin-bottom:20px; list-style:none;}
.toggle li {position:relative; background:#FAFAFA; border:1px solid #fff; margin:0; margin-bottom:4px;  cursor:pointer;}
.toggle li h6{ font-family: 'roboto_condensedbold', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:5px; padding-bottom:0; color:#222; font-size:1.2em}
.toggle .toggle_title {margin:0; padding: 10px; color: #fff; font-family: 'open_sansregular'; font-size: 1.000em;}
.toggle span {position:absolute; padding-top:5px;top:0; right:0; width: 43px; height: 100%; color: #AFCB1F; font-size: 25px; text-align: center; border-left: 1px solid #AFCB1F;}
.toggle .panel {display:none; margin:0;position: relative; padding: 10px 43px 10px 10px; background: #FCFCFC; border-top:1px solid #E9E2CF; color:#676767;}
.toggle .panel p {margin: 20px 0;color: #7B7B7B; font-size:1.1em;}


/*====== RESPONSIVE TABS ====== */
ul.resp-tabs-list, p {margin: 0px; padding: 0px;}
.resp-tabs-list li {font-size: 1.000em; display: inline-block; padding: 12px 20px;color: #404040; font-weight:normal; 
    font-family: 'robotoblack';  text-transform:uppercase; letter-spacing:1px; margin: 0;list-style: none; cursor: pointer; 
	float: left;}
.resp-tabs-list li:selected { font-size:1.000em; display:inline-block; padding:12px 20px; color:#D8D8D80; 
   text-transform:uppercase; margin: 0;list-style: none; cursor: pointer; float: left;}
.resp-tabs-container {padding: 0px; background-color: #FAFAFA; clear: left; color:#6E6E6E}
h2.resp-accordion {cursor: pointer; padding: 5px; display: none;}
.resp-tab-content {display: none; padding: 15px; margin-bottom:30px; font-size:1.0em;}
.resp-tab-active {border: 1px solid #AFCB1F; border-bottom: none; margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;}
.resp-tab-active { border-bottom: none; background-color: #FAFAFA;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content { border: 1px solid #AFCB1F;}
.resp-tab-content p{font-size:0.90em;}
h2.resp-accordion { font-size: 14px; border: 1px solid #AFCB1F; border-top: 0px solid #c1c1c1;
    margin: 0px; padding: 10px 15px;}
h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important;  margin-bottom: 0px !important;
    padding: 10px 15px !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue;}
/*-----------Vertical tabs-----------*/
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent;
    border-right: 6px solid transparent;  border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DBDBDB !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content { border: 1px solid #AFCB1F;}
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #AFCB1F !important;}
.resp-jfit { width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list { display: none; }
    h2.resp-accordion { display: block;}
    .resp-vtabs .resp-tab-content {border: 1px solid #AFCB1F;}
    .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%;min-height: initial;clear: none;}
    .resp-accordion-closed {display:none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #AFCB1F !important; }
}
	
/* ======Scroll to top======*/
.scrollup{width:40px; height:40px;  opacity:0.8; position:fixed; bottom:0px; right:0px; display:none;  text-indent:-9999px;
     background: url('../images/ui.totop.png') no-repeat;}	
	
/*====== Media Queries ======*/
@media all and (max-width: 1100px) {
  #nav-trigger {display: block; }
  nav#nav-main {display: none; }
  nav#nav-mobile {display: block; } }
  

/* We use this media query to add styles to any device that supports media queries */
@media only screen { }

/* Screens at least 1280px wide. */
@media only screen and (max-width: 920px) {
.top_banner{padding-top:120px;}
.top_inside_banner{width:100%; float:left; position:relative; min-height:250px; padding-top:50px; background-color:#000; background-image:url(../images/rr_insidebk.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;}	
.banner-tagline{font-size:3.0em;}
.cta-row{margin-top:80px;}
}

@media only screen and (max-width: 760px) {
.top_banner{padding-top:80px;}
.top_inside_banner{width:100%; float:left; position:relative; min-height:250px; padding-top:50px; background-color:#000; background-image:url(../images/rr_insidebk.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;}	
.banner-tagline{font-size:2.5em;}
.cta-row{margin-top:60px;}
}


@media only screen and (max-width: 540px) {
.top_banner{padding-top:60px;}
.top_inside_banner{width:100%; float:left; position:relative; min-height:250px; padding-top:50px; background-color:#000; background-image:url(../images/rr_insidebk.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;}	
.banner-tagline{font-size:1.5em;}
.cta-row{margin-top:40px;}
}

/* Screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {}

/*Screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}

/*====== Font face styles ======*/
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../css/fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../css/fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../css/fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../css/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../css/fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../css/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../css/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../css/fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'robotoblack';
    src: url('../css/fonts/Roboto-Black-webfont.eot');
    src: url('../css/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../css/fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../css/fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'robotolight';
    src: url('../css/fonts/Roboto-Light-webfont.eot');
    src: url('../css/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../css/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../css/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'open_sansregular';
    src: url('../css/fonts/opensans-regular-webfont.eot');
    src: url('../css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/opensans-regular-webfont.woff') format('woff'),
         url('../css/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}