@charset "UTF-8";
/* CSS Document */


.tour-event table tbody tr:nth-child(even) {
     background: none!important;
}



.tour-event table tbody, table tfoot, table thead {
    border:0px none !important;
    background: none !important;
}
/*------FONTS-------*/
#title {
    font: 33px "quicksandlight";
    text-transform: uppercase;
    letter-spacing: -3px;
    color: #8a8a8a;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 10px;
}
/*------END FONTS---*/
body {margin:0px; padding:0px; background: #000; font-family: Helvetica,sans-serif; background:#000!important;}
a:link,a:visited{color:#6bfdff;}
header{ width:100%; min-height:75px; background:#000;}
    .nav{
        width: 80%;
        /*background: red; */  
        color: #fff;
        margin: 0px auto;
    }

.nav:after{
    content: "";
    clear: both;
   display: table;
}
    
.logo{
    width: 45%;
    margin: 0.5em 0 0 1em;
    float: left;
}
.top-social{ width: 35%; float: right; margin: 1em; text-align: right;}


	.lrg-banner {
    width: 100%;
    background: #000;
    max-height: 386px;
    overflow: hidden;
}


.lrg-banner img{ max-width:100%; display:inline-block;}

#bio-custom{
	width:100%;
	background:url(/2016/shon_imgs/darkcrowd-lock.jpg) no-repeat #000;
	background-size:cover;
	background-position:10%;
	min-height:500px;
	color:#fff; 
	text-align:center;
	padding-top:2em;
	text-shadow:1px 1px 2px #000;
}

#bio-custom:after{
    content: '';
    clear: both;
    display: table;
}
.content-body{
border:1px solid #fff;
max-width:960px;
    margin:0px auto;
	position:relative;
color:#fff;}


footer{
 
max-width:960px;
    height: 110px;
    margin:0px auto;
}

#bottom-foot p, #bottom-foot span{color:#fff;}

/*=======Start Video=====*/

#shon-videos {
    width: 100%;
    margin: 1.5em 0em;
    padding: 0.2em;
    border: #F00;
}

#shon-videos:after{
	 content: "";
    clear: both;
   display: table;
}

/*=======End Video ======*/

/*=========[Links]========*/
a.social-hyper:link,a.social-hyper:visited,
a.social-hyper:active{
    margin-right: 0.5em;
    font-size: 36px;
    color:#fff;
}
/*=========[end links]====*/

#bit-events[data-bit-widget-id='1461116722891'] .bit-events td {
    border-top: 0px solid #E9E9E9;
}

.content-body {
    border: 0px solid #fff !important;
    max-width: 960px;
    margin: 0px auto;
    color: #fff;
}
.content-body h2{font-size:1.9em; text-align:center;}
.content-body h5{font-weight:bold;}
.shon-feed{ margin-top:1em;}
.shon-feed h2,.tour-event h2 { font-size:1.9em; font-family:"Century Gothic","Helvetica Nue",sans-serif; text-transform:uppercase; font-weight:200;}
.shon-feed:after,#content:after{
	content:"";
	display:table;
	clear:both;
	}
	
	#content{width:100%;}
	
	/*--------Video Section---------*/
	
	ul.list li{ float: left; margin:1em; width:234px;}
	ul.list{list-style:none;}
	ul.list img {max-width:100%; }
	.video-title{  font-size:14px; font-family:inherit; text-align:center; font-weight:bold; color:#fff; width:100%; display:inline-block; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:1em 0em; margin-top:3px;}
	
	
	a.book-shon:link, a.book-shon:visited, a.book-shon:active{
		background:#fff;
		color:#000;
		padding:0.3em;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-ms-border-radius:6px;
		border-radius:6px;
		text-align:center;
		display:inline-block;
		margin-top:0.5em;
		margin-right:1em;
	}
	
	#test-popup p{font-size:16px; color:#666666; font-family:inherit;}
	#test-popup h4{font-size:18px; color:#666666; font-family:inherit;}
	#test-popup h2{font-size:20px; font-weight:bold; color:#139aa9; font-family:inherit;}
	
	
	/*-------------Booking Bar----------*/
	#booking-bar{width:100%; background:#46e3db; padding:0.2em 0em; margin-top:1.5em;  }
	#booking-bar h2{color:#fff; font-size:2em;}
	
	#booking-bar a:link,#booking-bar a:visited{ font-size:1.5em; font-weight:bold; font-family:inherit; color:#000; text-transform:uppercase;}
	#booking-bar:after{content:''; display:table; clear:both;}
	/*--------MEDIA QUERE------*/
	
	
	@media screen and (max-width:481px) {
		header {
    width: 100%;
    height: auto;
    background: #000;}
	
	.logo {
    width: 100%;
    margin: 1em;
    float: left;
    text-align: center;}
	
	.top-social {
    width: 100%;
    float: left;
    margin: 1em 0;
    text-align: center;}
	
	ul.list li{ float: left; clear:left; margin:1em; width:234px;}
	
	.nav > .small-3{
		margin: 0px auto;
    display: block;
    width: 69% !important;
}

a.social-hyper:link, a.social-hyper:visited, a.social-hyper:active {
    margin-right: 0.2em;
    font-size: 36px;
    color: #fff;}
	
	a.social-hyper:link, a.social-hyper:visited, a.social-hyper:active {
    margin-right: 0.2em;
    font-size: 36px;
    color: #fff;}
	
		ul.list {
    list-style: none;
    margin-left: 2.8em !important}
		/*--------end here-------*/
	}
	
	@media screen and (max-width:600px){
		
		.shon-feed h2, .tour-event h2 {
    font-family: "Century Gothic","Helvetica Nue",sans-serif;
    text-transform: uppercase;
    font-weight: 200;
    text-align: center;}
	
	#shon-videos {
    width: 100%;
    margin: 0em;
    padding: 0.2em;
    border: #F00;}
	
	#shon-videos h2{text-align: center;}
	
	.nav > .small-3 {
    margin: 8px 16px 0 0;
    display: inline-block;
    width: 46% !important;
}
	
	.top-social {
    width: 48%;
    float: right;
    margin: 1em;
    text-align: right;
}

.logo {
    width: 45%;
    margin: 0em 0 0 1em;
    float: left;
    position: relative;
    top: 4em;
    right: 3em;}
	

	/*=======end mq here========*/
	}
	
	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	header {
    width: 100%;
    height: auto;
    background: #000;}
	
	.logo {
    width: 100%;
    margin: 1em auto;
    float: none;
    text-align: center;
    top: 0;
    right: 0;
}
	
	.top-social {
    width: 100%;
    float: left;
    margin: 1em 0;
    text-align: center;}
	
	ul.list {
    list-style: none;
    margin-left: 1.5em;
}
	
	ul.list li{ float: left; clear:left; margin:1em; width:234px;}
	
	.nav > .small-3 {
    margin: 0px auto;
    display: block;
    width: 81% !important;}
	
	a.social-hyper:link, a.social-hyper:visited, a.social-hyper:active {
    margin-right: 0.2em;
    font-size: 36px;
    color: #fff;}
	
	/*----close------*/
}