@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: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	box-sizing: border-box;
}

div {

}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

input {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	
}



hr {}

p {
	line-height: 1.5;
}

p.slug {font-size: 10px;margin:0px auto;text-align:center;}

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

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

div.left {
	float: left;
}

div.right {
	float: right;
}


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

/* main menu styles */

div.nav {
	width: 100%;
	height: auto;
	color: #000;
	float: left;
	position: relative;
}

div.nav div.left {
	width: 25%;
	height: auto;
	float: left;
	font-size: 16px;
}
div.nav div.left a img {
	max-width: 250px;
}

div.nav div.right {
	width: 75%;
	height: auto;
	float: right;
	text-align: left;
	padding: 3% 0px;
}

div.nav div.right a {
	color: #000;
	padding: 5px 0px;
	/*font-weight: bold;*/
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900; /*firefox fix*/
}

div.nav div.right a.active {
	border-bottom: 3px solid #000;
}

div.nav div.right a:hover {
	border-bottom: 3px solid #000;
}

ul.mobile-menu-main {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 18px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	background: #000;
	border-bottom: 1px solid #000;
}

ul.mobile-menu-main li {
	margin: 10px 0px;
	padding-bottom: 10px;
    border-bottom: 1px solid #171717;
}

ul.mobile-menu-main li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

ul.mobile-menu-main li a {
	color: #fff;
	text-decoration: none;
}

div.ad1 {width:100%;max-width:728px;height:auto;margin:0px auto;}
div.ad2 {width:100%;max-width:300px;height:auto;margin:0px auto 30px auto;}
div.ad3 {width:100%;max-width:300px;height:auto;margin:0px auto 30px auto;}

div.content {
	width: 100%;
	height: auto;
	color: #000;
	float: left;
	position: relative;
}

div.content div.left { 
	width: 60%;
	height: auto;
}

div.content div.left h2 {color: #666; padding-bottom:20px;}

div.content div.left .left.station {padding-right:50px; text-align:right;}

div.content div.left .left.station:hover .play {display:-webkit-inline-box;}

.play {
    width: 100%;
    max-width: 259px;
    /*height: 259px;*/
    border: 1px solid #f1f1f1;
    position: absolute;
    display: none;
    z-index: 5;
}

.play a{
	font-size: 0;
    display: block;
    width: 100%;
    height: initial;
    background: url(../images/play.png) rgba(255, 255, 255, 0.96) no-repeat center;
    background-size: contain;
}

div.content div.left .right.slogan {text-align:left; padding:35px 0px; font-size:18px;}

div.content div.right {
	width: 40%;
	height: auto;
}

div.help {
	width: 100%;
	height: auto;
	float: left;
	background: #f1f1f1;
}

div.help .row{padding:0px 40px;}

div.help .left {
	width: 33.3%;
	padding: 0 8%;
	/*border: 1px solid #000;*/
}

div.help .left:nth-child(2) {text-align:center;}

div.help h4 {color: #FF0000;}

.help ul {
    padding-left: 0px;
    list-style: none;
}

div.radio {
	width: 100%;
	height: auto;
	float: left;
	background: #7e6003;
}

div#radio {position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 999;}
	
.player {
    width: 100%;
    max-width: 50%;
    margin: 0px auto;
}
	
	.player img {
    float: left;
}

div.footer {
	width: 100%;
	height: auto;
	float: left;
	background: #f1f1f1;
}

div.footer p {text-align:right;}

.mobile {display:none;}


/*media queries*/

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

}

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

	.desktop {
		display: none !important;
	}
	
	.mobile {display: block !important;}
	
	div.nav div.right {width:40%;text-align:right;margin-top:15px;font-size:26px;}
	
}

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

	div.row {padding: 0px 20px;margin:10px 0px;}

	div.content div.left, div.content div.right {width:100%;float:left;}
	div.help div.left, div.help div.right {width:100%;float:left;}
	div.left.station {width:100% !important;}
	div.right.slogan {width:100% !important; float:left;}
	div.content div.left .left.station, div.content div.left .right.slogan {text-align:center;}
	
	.player {max-width:100%;}
	.player img {display:none;}
}

/*PHONES*/
@media screen and (max-width: 720px), screen and (max-device-width: 720px) {
	
	.desktop {
		display: none !important;
	}
	
	@media screen and (orientation: portrait) {
		div.nav div.left {width:40%;}
		
		div.nav div.right {width:40%;text-align:right;margin-top:15px;font-size:26px;}
		
		div.content div.left .right.slogan {
			padding: 0px;
		}
		
		div.content div.left .left.station {
    		padding-right: 10px;
		}
	}
	
}