@charset "utf-8";
/* CSS Document for Go-Jamaica Serices Page */
@font-face { 
font-family: new-font; 
src: url('');
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	z-index: 1;
	box-sizing: border-box;
}

p.skip-link__wrapper {
    /* text-indent: -1px; */
    display: none !important;
}

div {

}

canvas, div#sup_sign, form, input {
	margin: 0;
	padding: 0;
}
input:read-only {
	background: grey !important;
	border: none !important;
  }

canvas {
	position: relative;
	margin: 1px;
	margin-left: 0px;
	border: 1px solid #3a87ad;
}






a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

input {
	outline: none;
}



h1, h2, h3, h4, h5, h6 {
	font-family: Arial Black;
	text-transform: capitalize;
}



hr {height: 1px; color:#000; background: #000; border: none;}

p {
	line-height: 1.5;
}

div.row {
	width: 100%;
	max-width: 1440px;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 0 30px 0 40px;
	margin: 20px auto;
}

.clear {clear: both;}

.full {
	max-width: 100% !important;
	padding: 0 !important;
}

.col-2 {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 2%;
    overflow: hidden;
}

.col-3 {
    width: 33.3%;
    height: auto;
    float: left;
    padding: 0 2%;
    overflow: hidden;
}

.col-4 {
    width: 25%;
    height: auto;
    float: left;
    padding: 0 2%;
    overflow: hidden;
}

.col-5 {
    width: 20%;
    height: auto;
    float: left;
    padding: 0 2%;
    overflow: hidden;
}

.first {
    padding-left: 0 !important;
}

.last {
    padding-right: 0 !important;
}

.btn {
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aed300+0,2b8b00+100 */
	background: rgb(174,211,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(174,211,0,1) 0%, rgba(43,139,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(174,211,0,1) 0%,rgba(43,139,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(174,211,0,1) 0%,rgba(43,139,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aed300', endColorstr='#2b8b00',GradientType=0 ); /* IE6-9 */
}

div.left {
	float: left;
}

div.right {
	float: right;
}

#chartContainer {
	height: 370px;
	width: 66.7%;
}


div.wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border: px solid #000;
}

div.banner {
	width: 100%; 
	height: 100vh;
	float: left;
	z-index: 1;
	border: px solid #000;
	overflow: hidden;
	padding-bottom: 80px;
}

div.inner-banner {
	width: 100%; 
	height: 390px;
	float: left;
	z-index: 1;
	border: px solid #000;
	overflow: hidden;
	/*padding-bottom: 80px;*/
}

div.header {
	width: 100%;
	height: auto;
	float: left;
	top: 0;
	padding-top: 1.5%;
	position: absolute;
	z-index: 99;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+100&0.87+32,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.87) 3%, rgba(0,0,0,0.87) 32%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.87) 3%,rgba(0,0,0,0.87) 32%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.87) 3%,rgba(0,0,0,0.87) 32%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.no-bg {background: #fff !important;}

div.header.no-bg {
	position: relative !important;
	float: left;
	margin: 0;
}

.no-bg div.topbar h2 {color: #fff; font-size: 40px; text-align: center; margin: 0.5% 0;}

div.sticky-wrapper.is-sticky div#sticky-bar {
	width: 100% !important;
	height: auto !important;
	padding: 5px 40px;
	color: #000;
	background: #fff;
	left: 0 !important;
	overflow: hidden;
	z-index: 999;
	-webkit-box-shadow: 0px 10px 2px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 2px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 2px -10px rgba(0,0,0,0.75);
}

div.sticky-wrapper.is-sticky div#sticky-bar div.left {width: 30%;} 
div.sticky-wrapper.is-sticky div#sticky-bar div.right {width: 56% !important; max-width: 100% !important; margin-top: 1.5%;}
div.sticky-wrapper.is-sticky div#sticky-bar div.right div.gov-logo { width:50%; float: left; color: #000 !important; margin: 0 !important;}
div.sticky-wrapper.is-sticky div#sticky-bar div.right div.gov-logo p {border-right: 1px solid #000; padding: 1% 3% 1% 0 !important;}
div.sticky-wrapper.is-sticky div#sticky-bar div.right div.gov-logo img {margin-top: 0.5% !important;}
div.sticky-wrapper.is-sticky div#sticky-bar div.left a img {width: 38%;}
div.sticky-wrapper.is-sticky div#sticky-bar div.right div.nav-btn { color: #000; margin: 0 !important; text-shadow: none;}

div.sticky-wrapper.is-sticky div#sticky-bar div.left img.logo-text, div.sticky-wrapper.is-sticky div#sticky-bar div.left p.ministry {display: none !important;}

div.header div.left {width: 80%; height: auto; padding-left: 2%;}
div.header div.left a {float: left;}
div.header div.left img.logo-text {margin: 6.8% 0 0 0;}
p.ministry {color: #fff; font-size: 12px; font-weight: bold; font-style:italic; margin: 0; margin-top: -5px;}
.no-bg p.ministry {color: #000 !important;}
div.header div.right {width: 20%; max-width: 198px; height: auto; overflow: hidden;}
div.header div.right div.gov-logo {color: #fff; margin: 36% 0 0 0; font-weight: bold !important;}
.no-bg div.gov-logo {color: #000 !important;}
.no-bg div.gov-logo p {border-right: 1px solid #000 !important;}
div.header div.right div.gov-logo p {font-size: 10px !important; float: left; text-transform: uppercase; margin: 0; border-right: 1px solid #fff; padding: 3% 4% 3% 0;}
div.header div.right div.gov-logo img {margin-left: 4%; margin-top: 1.7%;}
div.header div.right div.nav-btn {color: #fff; text-align: right; font-size: 25px; margin: 10% 0 0 0; text-shadow: 1px 1px #000;}
.no-bg div.nav-btn {color: #000 !important; text-shadow: none !important;}
div.header div.right div.nav-btn:hover {cursor: pointer;}

div.menu-holder {
	display: block;
    width: 20%;
    height: auto;
    z-index: 99;
	float: left;
    position: fixed;
    right: 0;
	overflow: hidden;
    top: 195px;
	background: rgba(0, 0, 0, 0.9);
	/*border: 1px solid red;*/
}
div.menu-holder * {border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; padding: 0;}
div#menu {
	
}
div#menu a { color: #fff; }
div#menu ul {margin: 0 !important;}

a#close {
	color: #FF0000;
	display: block;
	padding: 1%;
    text-align: right;
}

div.topbar {
	width: 100%;
	height: auto;
	float: left;
	color: #000 !important;
	overflow: hidden;
	padding: 0 5%;
	background:  
	#005aab;
	background-size: cover;
}
div.topbar h1 {color: #fff !important; text-align: center;}
div.topbar div.left {width: 70%;}
div.topbar div.left ul.news {width: 80%; list-style: none; float: left; margin: 0 auto; overflow: hidden;}
div.topbar div.left ul.news li {display: inline-block; margin: 0 0 0 2%; border-right: 1px solid #fff;}
div.topbar div.left ul.news li p {color: #000; font-family: Garamond; font-weight: bold; margin-bottom: 5px; font-size: 20px; line-height: 0.5; margin-top: 6px;}
div.topbar div.left ul.news li p a {color: #000;}
div.topbar div.left ul.news li span {color: #ffcc00; font-weight: normal;}
div.topbar p.title {color: #000; text-transform: uppercase; letter-spacing: 1px; float: left; line-height: 0.5;}
div.topbar div.right, div.topbar div.right form {display: flex;}
div.topbar div.right input {padding: 10px 15px; border: none; margin-top: 1.4%; border-radius: 5px;}
div.topbar div.right input[type='text'] {float: left;}
div.topbar div.right input[type='submit'] {
	right: 0; 
	float: right;
	margin-left: 5%;
}

div.tabbed {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background: #e9e9e9;
	z-index: 1;
}

div.tabbed div.row {padding: 5%;}
div.tabbed div.left {width: 25%; padding-right: 2%;}
div.tabbed div.left ul {list-style: none; margin: 0; line-height: 2;}
div.tabbed div.left ul li {padding: 2% 14% 2%; text-align: right;}
div.tabbed div.left ul li.active {color: #356500; border-right: 1px solid #000;}
div.tabbed div.right {width: 75%; padding-left: 0.8%;}
div.tabbed div.right p {line-height: 2; margin: 0;}

div.members {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}

div.members div.row {padding: 2% 5% 5%;}
div.members p.title {text-align: center;}
div.members p.profile-name {font-size: 20px; color: #346400; text-align: center; margin-bottom: 0;}
div.members p.profile-title {font-size: 17px; color: #7c7c7c; text-align: center; margin-top: 0;}

div.links {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}

div.links div.col-5 {text-align: center; color: #575757;}
.no-bg div.links div.col-5 { border-top: 1px solid #ccc; padding-top: 3%;}
.no-bg div.links div.row {padding: 0 8%;}

div.inner-nav {
	width: 100%;
	height: auto;
	float: left;
	color: #fff;
	overflow: hidden;
	background: #440001;
}

div.inner-nav div.row {margin-bottom: 0 !important;}
div.inner-nav ul {width: 100%; list-style: none; margin: 0; padding: 0;}
div.inner-nav ul li {display: block; width: 14%; float: left; box-sizing: border-box; text-align: center; padding: 1% 0;}
div.inner-nav ul li.active, div.inner-nav ul li:hover {background: url("../images/inner-nav-bg.png") no-repeat bottom center;}
div.inner-nav a {color: #fff; text-align: center;}

div.main-content {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}

div.main-content div.row {padding: 2% 10%; position: unset !important;}
div.main-content div.main { line-height: 2;}
div.main-content div.main h2 {margin-top: 0 !important; color: #440001;}
div.main-content div.left {width: 70%; padding-right: 2.5%;}
div.main-content div.left ul {list-style-type: circle;}
div.main-content div.left ul li a {color: #440001; font-weight: bold;}
div.main-content div.right {width: 30%; border-left: 1px solid #ccc; padding: 0 2%;}
div.main-content div.right div.col-4 {width: 100%; text-align: center;}
div.main-content div.right a.more {color: #000; font-weight: bold; text-align: center; display: block;}

div.main-content div.main div.col-3 {
	text-align: center;
	margin-bottom: 30px;
}

div.main-content div.main div.col-3 a{
	text-align: center;
	text-decoration: none;
	color:rgba(0, 0, 0, 0.5);
	transition: color 1s;
}
div.main-content div.main div.col-3 div.holder {
	cursor: pointer;
	padding: 20px 10px;
	background: rgba(241, 241, 241, 0.7);
	border-radius: 15px;
}
div.main-content div.main div.col-3 a:hover {
	/* color:rgba(0, 0, 0, 0.7); */
	color: rgb(45,126,33, 0.7)
}

div.main-content p.title {
	text-align: center;
	font-size: 18px;
}

div.main-content div.main i {
	font-size: 45px;
}
div.main-content div.main h3 {
	margin: 0 0 0 0;
}

div.main-content iframe {
	width: 100%;
}

div.main-content div.main div.col-3.disabled div.holder {
	pointer-events: none;
   	cursor: default;
	color: grey !important;
	background: grey !important;
}

div.live {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background: url('../images/live-bg.jpg') top center no-repeat;
	background-size: cover;
}

div.live div.left {
	color: #fff;
	width: 40%;
	padding: 2% 1% 2% 5%;
}
div.live div.left h2 {color: #fff; margin: 5% 0 2% 0;}
div.live div.left a.btn {display: inline-block; text-decoration: none;}
div.live div.left p {text-align: justify; margin: 10% 0; line-height: 2; font-size: 16px;}

div.live div.right {
	width: 60%;
	padding: 2% 5% 2% 1%;
}
div.live div.right img {float: right;}
div.live div.right div.empty-box { 
	width: 92%;
    height: 370px;
    border: 1px solid #fff;
    z-index: 5;
    float: right;
    margin-top: -51.7%;
    margin-right: 1.2%;
	position: relative;
}

div.live div.right div.empty-box div.play {
	width: 30%;
	height: auto;
	position: absolute;
	bottom: 10%;
	right: 5%;
	overflow: hidden;
	border: px solid red;
}
div.live div.right div.empty-box div.play a.play-btn {width:100%; max-width: 64px; height: 64px; display: block; background: url('../images/play-btn.png') no-repeat top center; font-size: 0; margin: 5% auto;}
div.live div.right div.empty-box div.play a {text-align: center; display: block; color: #fff;}
div.live div.right div.empty-box div.play a.play-btn:hover {cursor: pointer;}

div.news-events {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	z-index: 1;
}

div.news-events div.row {margin: 0 auto;}
div.news-events div.left.col{width: 50%;  background: #f3f3f3;}
div.news-events div.right.col{width: 50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faa21b+0,f7ec1e+100 */
	background: #faa21b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #faa21b 0%, #f7ec1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #faa21b 0%,#f7ec1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #faa21b 0%,#f7ec1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21b', endColorstr='#f7ec1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div.news-events div.left.col h2 {background: #fff; display: block; width: 100%; margin: 0 0 2% 0; padding: 2% 0 2% 15%;}
div.news-events div.right.col h2 {margin: 0; margin-left: 8%; padding: 2% 0;}

div.news-events div.left.col div.news-box {width: 100%; height: auto; float: left; padding-left: 10%;}
div.news-events div.left.col div.left {width: 35%; max-width: 141px; margin-bottom: 3%;}
div.news-events div.left.col div.right {width: 75%; padding-right: 2%; margin-bottom: 3%;}
div.news-events div.left.col div.right h3, div.news-events div.right.col div.right h3 {font-size: 19px; font-weight: bold; font-family: 'Arial Narrow'; margin: 0 0 1% 0;}
div.news-events div.left.col div.right p {margin: 0;}
div.news-events div.left.col div.right p.date {color: #b6b6b6; font-size: 14px;}

div.news-events div.right.col div.event {width: 100%; height: auto; float: left; border-top: 1px solid #000;}
div.news-events div.right.col div.left {width: 25%; max-width: 235px;}
div.news-events div.right.col div.right {width: 75%; padding: 2%;}

div.contact {
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	padding-bottom: 5%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7ec1e+0,ffc900+99 */
	background: #f7ec1e; /* Old browsers */
	background: -moz-linear-gradient(top, #f7ec1e 0%, #ffc900 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7ec1e 0%,#ffc900 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7ec1e 0%,#ffc900 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ec1e', endColorstr='#ffc900',GradientType=0 ); /* IE6-9 */
	z-index: 1;
}

div.contact div.left {width: 50%; padding-left: 10%;}
div.contact div.left h2 {margin-bottom: 0;}
div.contact div.left hr {width: 5%; float: left; clear: both; margin-bottom: 5%;}
div.contact div.left i { float: left; clear: both; font-size: 20px; color: #255207;}
div.contact div.left p { font-size: 18px; float: left; margin: 0 0 1% 2.5%;}

div.contact div.right {width: 50%; padding: 0 15% 0 5%;}
div.contact div.right p {font-size: 18px; text-align: justify;}
div.contact div.right p.heading {font-size: 25px; font-weight: bold;}
div.contact div.right hr {margin-bottom: 5%;}
div.contact div.right div.col-5 {text-align: center;}
div.contact div.right a.fb {width: 57px; height: 57px; display: block; font-size: 0; background: url('../images/fb.png') no-repeat top center;}
div.contact div.right a.tw {width: 57px; height: 57px; display: block; font-size: 0; background: url('../images/tw.png') no-repeat top center;}
div.contact div.right a.yt {width: 57px; height: 57px; display: block; font-size: 0; background: url('../images/yt.png') no-repeat top center;}
div.contact div.right a.ig {width: 57px; height: 57px; display: block; font-size: 0; background: url('../images/ig.png') no-repeat top center;}
div.contact div.right a.in {width: 57px; height: 57px; display: block; font-size: 0; background: url('../images/in.png') no-repeat top center;}

div.map {
	width: 100%;
	height: auto;
	float: left;
	padding: 0.5%;
	overflow: hidden;
	background: url('../images/map-bg.jpg') no-repeat top center;
	background-size: cover;
	z-index: 1;
}

 a.map-btn {
	display: block;
	width: 170px;
	height: 66px;
	font-size: 0;
	z-index: 3;
    right: 25px;
    margin-top: -90px;
	position: absolute;
	background: url('../images/popup-btn.png') no-repeat top center;
}

.slide-map {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: left;
    z-index: 2;
	margin-top: -120px;
    display: none;
}



div.footer {
	color: #fff;
	width: 100%;
	height: auto;
	float: left;
	text-align: center !important;
	overflow: hidden;
	margin-top: 150px;
	background: #005aab;
}

.btn.btn-primary {background: #ff5500; border: none !important;}
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

.closebtn:hover {
color: black;
}

tfoot {font-weight: bolder; text-transform: uppercase; text-align: center; background: #ff550080;}

div.footer ul {list-style: none; padding: 2% 5%; margin: 0 auto 3% auto;}
div.footer ul li {display: inline-block; text-transform: capitalize; margin: 0; border-right: 1px solid #fff; padding: 1px 2%;}
div.footer ul li:last-child {border: none !important;}
div.footer ul li a {color: #fff; font-size: 15px;}
div.footer div.left, div.footer div.right {padding: 0 5%;}
div.footer p {text-transform: capitalize; font-size: 14px;}
div.footer p a {color: #fecc02; }
.mobile {display: none !important;}

	/* info (hed, dek, source, credit) */
	.rg-container {
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.4;
		margin: 0;
		padding: 1em 0.5em;
		color: #222;
	  }
	  .rg-header {
		margin-bottom: 1em;
		text-align: left;
	  }
	  
	  .rg-header > * {
		display: block;
	  }
	  .rg-hed {
		font-weight: bold;
		font-size: 1.4em;
	  }
	  .rg-dek {
		font-size: 1em;
	  }
	  
	  .rg-source {
		margin: 0;
		font-size: 0.75em;
		text-align: right;
	  }
	  .rg-source .pre-colon {
		text-transform: uppercase;
	  }
	  
	  .rg-source .post-colon {
		font-weight: bold;
	  }
	  
	  /* table */
	  table.rg-table {
		width: 100%;
		margin-bottom: 0.5em;
		font-size: 1em;
		border-collapse: collapse;
		border-spacing: 0;
	  }
	  table.rg-table tr {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		text-align: left;
		color: #333;
	  }
	  table.rg-table thead {
		border-bottom: 3px solid #ddd;
	  }
	  table.rg-table tr {
		border-bottom: 1px solid #ddd;
		color: #222;
	  }
	  table.rg-table tr.highlight {
		background-color: #dcf1f0 !important;
	  }
	  table.rg-table.zebra tr:nth-child(even) {
		background-color: #f6f6f6;
	  }
	  table.rg-table th {
		font-weight: bold;
		padding: 0.35em;
		font-size: 0.9em;
	  }
	  table.rg-table td {
		padding: 0.35em;
		font-size: 0.9em;
	  }
	  table.rg-table .highlight td {
		font-weight: bold;
	  }
	  table.rg-table th.number,
	  td.number {
		text-align: right;
	  }
	  
	  /* media queries */
	  @media screen and (max-width: 600px) {
		.rg-container {
		  max-width: 600px;
		  margin: 0 auto;
		}
		table.rg-table {
		  width: 100%;
		}
		table.rg-table tr.hide-mobile,
		table.rg-table th.hide-mobile,
		table.rg-table td.hide-mobile {
		  display: none;
		}
		table.rg-table thead {
		  display: none;
		}
		table.rg-table tbody {
		  width: 100%;
		}
		table.rg-table tr,
		table.rg-table th,
		table.rg-table td {
		  display: block;
		  padding: 0;
		}
		table.rg-table tr {
		  border-bottom: none;
		  margin: 0 0 1em 0;
		  padding: 0.5em;
		}
		table.rg-table tr.highlight {
		  background-color: inherit !important;
		}
		table.rg-table.zebra tr:nth-child(even) {
		  background-color: transparent;
		}
		table.rg-table.zebra td:nth-child(even) {
		  background-color: #f6f6f6;
		}
		table.rg-table tr:nth-child(even) {
		  background-color: transparent;
		}
		table.rg-table td {
		  padding: 0.5em 0 0.25em 0;
		  border-bottom: 1px dotted #ccc;
		  text-align: right;
		}
		table.rg-table td[data-title]:before {
		  content: attr(data-title);
		  font-weight: bold;
		  display: inline-block;
		  content: attr(data-title);
		  float: left;
		  margin-right: 0.5em;
		  font-size: 0.95em;
		}
		table.rg-table td:last-child {
		  padding-right: 0;
		  border-bottom: 2px solid #ccc;
		}
		table.rg-table td:empty {
		  display: none;
		}
		table.rg-table .highlight td {
		  background-color: inherit;
		  font-weight: normal;
		}
	  }


/*media queries*/

/*DESKTOPS*/
@media screen and (min-width: 1024px), screen and (min-device-width: 1024px) {
    
    .mobile {
		display: none !important;
	}

	div.inner-nav {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
}

/*TABLETS*/
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {


	div.inner-nav {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	
	div.inner-nav div.row {margin-bottom: 0 !important;overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;}
	div.inner-nav ul {width: 160%; list-style: none; margin: 0; padding: 0 5%; white-space: nowrap;}
	div.inner-nav ul li {display: block; width: 100px; text-align: center; float: left; box-sizing: border-box;  padding: 1% 0 2.5%; white-space: inherit;}
	div.inner-nav ul li.active, div.inner-nav ul li:hover {background: url("../images/inner-nav-bg.png") no-repeat bottom center;}
	div.inner-nav a {color: #fff; text-align: center;}
	div.inner-nav ul li a i {padding-left: 30px;}

	
	
}

/*TABLETS PROTRAIT 800*/
@media screen and (max-width: 800px), screen and (max-device-width: 800px) {

	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}

	#chartContainer {
		width: 100% !important;
	}
	
	div.banner {height: auto !important; padding: 0 !important;}
	div.flexslider {margin: 0 !important;}
	.flex-direction-nav {display: none !important;}
	div.row {padding: 0px 10px !important; margin: 10px 0 !important;}
	
	div.left, div.right {width: 100% !important; float: left;}
	div.main-content div.main div.col-3 {width: 100% !important;}
	div.main-content p.title {
		display: block;
		padding: 20px 0;
	}
	@media screen and (orientation: portrait){
		div.col-5 {width: 100% !important;}
		div.header div.left, div.header div.right {width: 50% !important; padding: 0 !important;}
        div.header img {width: 100% !important;}
		div.sticky-wrapper.is-sticky div#sticky-bar div.left {width: 50% !important;}
		div.sticky-wrapper.is-sticky div#sticky-bar div.right {width: 50% !important; margin-top: 5%;}
		
		.no-bg div.links div.col-5 {border: none !important;}
		
		div.news-events div.left.col div.news-box {padding: 0 10px;}
		div.news-events div.left.col div.left {max-width: 100% !important; text-align: center;}
		div.news-events div.left.col div.left img {margin: 0 auto !important; text-align: center;}
		div.news-events div.left.col div.right p {text-align: left !important;}
		div.news-events div.left.col div.right {text-align: center;}
		div.news-events div.right.col div.left {max-width: 100% !important; text-align: center;}
		div.news-events div.right.col div.right {text-align: center;}
		div.news-events div.left.col h2, div.news-events div.right.col h2 {text-align: center !important;padding-left: 0 !important; margin: 0;}
		
	}
	@media screen and (orientation: landscape){
		div.header div.left {width: 60% !important;}
		div.header div.right .desktop {display: block !important;}
		div.header div.right div.gov-logo {margin-top: 0 !important;}
		div.header div.right div.gov-logo img {margin-top: 1.8% !important;}
		
		div.sticky-wrapper.is-sticky div#sticky-bar div.left a img {width: 35% !important;}
		div.sticky-wrapper.is-sticky div#sticky-bar div.right {margin-top: 2.5%;}
		div.sticky-wrapper.is-sticky div#sticky-bar div.right div.gov-logo {width: 60% !important;}
		div.sticky-wrapper.is-sticky div#sticky-bar div.right div.gov-logo img {margin-top: 0 !important;}
		
		/*div.news-events div.left.col div.news-box {padding-left: 5%;}*/
		div.news-events div.left.col div.left {width: 35% !important;}
		div.news-events div.left.col div.right {width: 65% !important; padding-left: 2% !important;}
		div.news-events div.right.col div.left {width: 25% !important;}
		div.news-events div.right.col div.right {width: 75% !important;}
	}
	
	div.header div.left img {width: 90% !important;}
	div.header div.right {position: absolute;right: 15px;}
	div.sticky-wrapper.is-sticky div#sticky-bar div.left {width: 40% !important;}
	div.sticky-wrapper.is-sticky div#sticky-bar div.gov-logo.mobile {margin: 0 auto; display:flex !important;}
	div.sticky-wrapper.is-sticky div#sticky-bar div.gov-logo.mobile p {height: 20px; font-size: 10px; text-transform: uppercase; margin: 5px 0 0 0 !important; padding-right: 2.5%; border-right: 1px solid #000; }
	div.sticky-wrapper.is-sticky div#sticky-bar div.gov-logo.mobile img {margin-left: 2.5%; margin-top: 5px;}
	div.sticky-wrapper.is-sticky div#sticky-bar div.right div.nav-btn {right: 2%;position: fixed !important;}
	
	div.sticky-wrapper.is-sticky div#sticky-bar {padding: 0 10px !important;}
	
	div.topbar {padding: 0 !important;}
	div.topbar div.left p {width: 25% !important;}
	div.topbar div.left ul.news {width: 75% !important;margin: 0 !important;}
	div.topbar div.left ul.news li {border: none !important;}
	
	p.title {display: inline;width: 100%;line-height: 1 !important;margin: 0;}
	div.topbar div.left ul.news li p {display: inline;}
	div.topbar div.right form {width: 50% !important; margin: 0 auto !important; display: none;}
	
	div.menu-holder {width: 70% !important; top: 60px !important; /*position: absolute !important;*/}
	
	div.news-events div.row {padding: 0 !important;}
	div.news-events div.row, div.contact div.row {margin-bottom: 0 !important; margin-top: 0 !important;}
	
	div.live div.left h2 {margin: 0 0 2% !important;}
	div.live div.left p {margin: 2% 0 !important;}
	div.live div.right {padding: 2% 0 2% 0;}
	div.live div.right div.empty-box {width: 95%; right: 1.4%; margin-top: -54%; height: 175px;}
	
	div.contact div.col-5 {width: 20% !important;}
	
	div.footer div.left, div.footer div.right { text-align: center !important; padding: 0 !important;}
	div.footer ul li {text-align: center;width: 100%;border: none;padding: 2% 0;}
	
}

/*PHONES*/
@media screen and (max-width: 720px), screen and (max-device-width: 720px) {
	
	h1, h2, h3, h4, h5, h6 {font-size: 150% !important;}
	
}