body {
		font-family:'mark', sans-serif;
		margin:0px;
		padding:0px;
		background-color: #000;
	}

	.container {
		overflow: hidden;
		position:relative;
		display:block;
		width:100%;
		max-width:1200px;
		height:auto;
		margin:0 auto;
		padding-left: 20px;
   	 	padding-right: 20px;
    	box-sizing: border-box;
	}

	.wide-container {
		width:100%;
		padding-left: 75px;
   	 	padding-right: 75px;
   	 	box-sizing: border-box;
	}

	.highlighted-word {
		color: rgb(240,229,6);
	}

	/**********
	* HEADER
	***********/

	.header {
		width:100%;
		background-color:#111;
		background-image:url('../images/pattern-toptal.png');
		padding-top:20px;
		padding-bottom:20px;
		border-top:2px solid rgb(240,229,6);
	}

	.topright {

		position: absolute;
		right: 20px;
	}

	.wide-container .topright {
		right:75px;
	}

	.topright span a {
		color:rgb(109, 109, 109);
		font-size:20px;
		text-decoration:none;
		margin-left:10px;
	}

	.topright a:hover .fa-instagram {
		color: #b4328e;
	}

	.topright a:hover.fa-facebook, .topright a:hover .fa-facebook-official {
    	color: #3b5998;
	}

	.topright a:hover .fa-twitter {
    	color: #00aced;
	}

	.topright a:hover .fa-youtube, .topright a:hover .fa-youtube-play {
    	color: #ff0000;
	}

	.logo {
		display:inline-block;
	}

	.logo img {
		height:80px;
	}

	.menu {
		display:inline-block;
		line-height: 80px;
		vertical-align: top;
		float:right;
	}

	.menu span {
		   color: rgb(240,229,6);

			font-size: 16px;
			font-weight: 800;
		   padding-right:25px;
		   padding-left:25px;
	}

	.menu span:last-child {
		margin-right:0px;
		padding-right:0px;
	}

	.menu span a {
		color: rgb(240,229,6);
		text-decoration:none;
		padding-bottom:3px;
	}

	.menu span a:hover {
		border-bottom:2px solid rgb(240, 229, 6);
	}

	.header .dropdown {
		display:none;
		width: 40px;
    	height: 24px;
    	position:absolute;
    	top: 20px;
    	right: 20px;
    	cursor:pointer;
	}

	.header .dropdown .dropdown-inner::before,
	.header .dropdown .dropdown-inner::after,
	.header .dropdown .dropdown-inner {
		background-color:#fff;
	}


	.header .dropdown.open .dropdown-inner::before,
	.header .dropdown.open .dropdown-inner::after,
	.header .dropdown.open .dropdown-inner {
		background-color:#ccc;
	}

	.header .dropdown .dropdown-inner {
		display:none;
		top: 2px;
   		width: 40px;
	    height: 4px;
	    border-radius: 4px;
	    position: absolute;
	    right:0px;

	}

	.header .dropdown .dropdown-inner::before {
		display:none;
		content: "";
		top: 10px;
	    width: 40px;
	    height: 4px;
	    border-radius: 4px;
	    position: absolute;
	}

	.header .dropdown .dropdown-inner::after {
		display:none;
		content: "";
		top: 20px;
	    width: 40px;
	    height: 4px;
	    border-radius: 4px;
	    position: absolute;
	}

	@media all and (min-width:701px) {
		.header .menu {
			display:block !important;
		}
	}

	@media all and (max-width:700px) {
		.header .menu {
			display:none;
			float: none;
			margin-top:10px;
			text-align: center;
		}

		.header .menu span {
			display:block;
			padding-left:0px;
			padding-right: 0px;
			line-height: 50px;
		}	

		.header .topright {
			display:none;
		}

		.header .dropdown {
			display:inline-block;
		}

		.header .dropdown .dropdown-inner {
			display:block;
		}

		.header .dropdown .dropdown-inner:before {
			display:block;
		}

		.header .dropdown .dropdown-inner:after {
			display:block;
		}
	}

	/**********
	* FRONT PAGE
	***********/

	/* Splash */

	.splash {
		width:100%;
		background-image:url('../images/cults-big.jpg');
		background-size:cover;
		background-position: 35% 50%;
		min-height:600px;
	}

	.splash-box {
		padding-top:80px;

		text-align:center;
	}

	.splash-box-inner {
		color:#fff;

		max-width:500px;
		margin:0 auto;
		font-weight:bold;
		padding-top:50px;
		padding-bottom:50px;
		background-color: rgba(24, 20, 22, 0.7);
				margin-bottom: 20px;
	}

	.splash-box-inner .splash-title {
		font-size:45px;
		text-transform:uppercase;


    	text-shadow: -1px 7px black, 0px 1px #111, 1px 0 #111, 0 -1px #111, 2px 2px #111;
	}

	.splash-box-inner .splash-buttons {
		color:#fff;
		padding-top:40px;
		padding-bottom:30px;
	}

	.splash-box-inner .splash-buttons a {
		background-color:#fff;
		color:#333;
		padding:15px;
		padding-left:20px;
		padding-right:20px;
		border-radius:0px;
		text-decoration:none;
	}

	.splash-box-inner .splash-buttons a:first-child {
		margin-right:25px;
		   background: #DE6262;
    	background: -webkit-linear-gradient(to right, #FFB88C, #DE6262);
    	background: linear-gradient(to right, #FFB88C, #DE6262);
    	color: #fff;
	}

	.splash-box-inner .splash-buttons a:last-child {
		color:#fff;
		background: #4b6cb7;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #182848, #4b6cb7);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #182848, #4b6cb7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}

	.splash-box-inner .splash-buttons a:hover {
		opacity:0.8;
	}

	.splash-box-inner .splash-social {
		color:#fff;
		padding-top:20px;
	}

	.splash-box-inner .splash-social .splash-social-title {
		padding-bottom:20px;
	}

	.splash-box-inner .splash-social .facebook {
		width:60px;
		height:60px;
		margin-right:10px;
	}

	.splash-box-inner .splash-social .instagram {
		width:60px;
		height:60px;
	}

	@media all and (max-width:550px) {
		.splash-box {
			padding-top:50px;
		}

		.splash-box-inner {
			background-color: rgba(24, 20, 22, 0.5)
		}

		.splash-box-inner .splash-buttons a {
			display:block;
			text-align:center;
			margin-left:20px;
			margin-right:20px;
		}

		.splash-box-inner .splash-buttons a:first-child {
			margin-right:20px;
			margin-bottom:20px;
		}

	}

	/* Classes & Shows */

	.classes-shows {
		width:100%;
		min-height:500px;
		background-color:#000;
		padding-top:20px;
		padding-bottom:75px;
		background-image:url('../images/pattern-toptal.png');
	}

	.home .classes-shows {
		background-color:#111;
		background-image:none;
		background-image:url('../images/straws.png');
		background-size:25px;
	}

	.classes-shows h1 {
		color:#fff;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 2px 2px #000;
	}

	.classes-shows .left {
		width:45%;
		display:inline-block;
	}

	.classes-shows .middle-gap {
		 width:3%;
		 display:inline-block;
	}

	.classes-shows .right {
	 	width:45%;
	 	float:right;
	 	display:inline-block;
	 	vertical-align:top;"
	}

	.classes-shows .class-show-box h1 {
		color:#fff;
		margin-top:40px;
		margin-bottom:25px;
	}

	.classes-shows .class-show-box h1 .highlighted-word {
		color: rgb(240,229,6);
	}

	.classes-shows .class-show-box img.class-show-image {
		width:100%;
	}

	.classes-shows .class-show-box .inner-box {
		width:100%;
		background-color:#fff;
		padding-bottom:30px;
	}

	.classes-shows .class-show-box a  {
		color:inherit;
		text-decoration:none;
	}
	.classes-shows .class-show-box .inner-box h2 {
		margin-top:0px;
		padding-top:20px;
		padding-left:20px;
		margin-bottom:0px;
		font-size:28px;
	}

	.classes-shows .class-show-box .inner-box h4 {
		padding-left:20px;
		margin-top:5px;
	}

	.classes-shows .class-show-box .inner-box p {
		padding-left:20px;
		font-size:20px;
	}

	#shows-page .show-text {
		color:#000;
	}

	#shows-page .show-text p {
		color:#000;
	}

	#shows-page .show-text h2 {

			margin-top:0px;

		margin-bottom:0px;
		font-size:28px;
	}
	.bottom-button {
		margin-top:40px; margin-bottom:20px;
	}

	.bottom-button span {
		border:3px solid #000;
		font-weight:600;
		color:#000;
		padding:10px;
		background-color: #f0e506;
	}

	.bottom-button span a {
		color:inherit;
		text-decoration:none;
	}

	.bottom-button span a:hover {
		border-bottom:2px solid #000;

	}
	/* What's happening */

	.happening {
		padding-top:20px;
		padding-bottom:100px;
		background-color:#333;
		background-image: url(../images/pattern-5dots.png);
	}

	.happening h1 {
		color:#fff; margin-top:40px; margin-bottom:25px;
		text-shadow: -1px 0 #111, 0 1px #111, 1px 0 #111, 0 -1px #111, 2px 2px #111;
	}

	.happening h1 .highlighted-word {
		color: rgb(240,229,6);

	}

	.happening .happening-socialmedia a {
		text-decoration:none;
		font-size:24px;
		margin-right:14px;
	}

	.happening .happening-socialmedia a i {
		vertical-align: top;
	}

	.happening .happening-socialmedia .fa-instagram {
		color: #b4328e;
	}

	.happening .happening-socialmedia .fa-facebook, .happening .happening-socialmedia .fa-facebook-official {
    	color: #3b5998;
	}

	.happening .happening-socialmedia .fa-twitter {
    	color: #00aced;
	}

	.happening .happening-socialmedia.fa-youtube, 	.happening .happening-socialmedia .fa-youtube-play {
    	color: #ff0000;
	}

	.happening .feed {
		margin-top:15px;
	}

	.happening .feed span {
		width:25%;
		display:inline-block;
	}

	.happening .feed span img {
		width:95%;
		width:calc(100% - 10px);
	}

	.happening .feed span a:hover img {
		opacity:0.5;
	}

	@media all and (max-width:1000px) {
		.happening .feed span {
			width:50%;
			margin-bottom:10px;
		}
	}

	@media all and (max-width:600px) {
		.happening .feed span {
			width:100%;
			text-align:center;
		}

		.happening .feed span img {
			max-width:360px;
		}
	}

	/*************
	*
	*************/

	.page-header {
		background-color:#444;
		background: linear-gradient( 
45deg
 , #3a3a3a, #5a5a5a);
		color:#fff;
		padding:20px;
		padding-left:20px;
		font-size:24px;
		font-weight:600;
		text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333, 2px 2px #333;
	}

	.page-box {
		background-color:#333;
		padding-top:40px;
		padding-bottom:40px;
	}

	#contact-us-page .page-box {
    	background-image: url(../images/pattern-5dots.png);
	}

	.page-box h1 {
		color:#fff;
	}

	.page-box p {
		color:#fff;
		font-size:24px;
	}

	.page-box p a {
		color:rgb(240,229,6);
		text-decoration:none;
	}

	.page-box p a:hover {
		text-decoration:underline;
	}

	.page-box:nth-child(even) {
		background-color:#181818;
	}

	.page-box:nth-chidl(odd) {
		background-color:#555;
	}

	.page-three-box {
		display: flex;
		flex-wrap: wrap;
	}

	.page-three-box .page-box {
		-webkit-box-flex: 0;
    	-webkit-flex: 0 0 100%;
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
	    max-width: 100%;
	}

	.page-three-box .page-box .above-title {
		margin-top: 0px;
    	color: #fff;
    	border-bottom: 1px dotted #fff;
    	padding-bottom: 10px;
	}

	.page-three-box .page-box p {
		font-size:18px;
	}

	.page-three-box .page-box:nth-child(1) {
		background-color:#666;
		background-image:url(../images/diagmonds.png);
	}

	.page-three-box .page-box:nth-child(2) {
		    background-color: #222;
    		background-size: 350px;
    		background-image: url(../images/pattern-toptal.png);


	}
	.page-three-box .page-box:nth-child(3) {
		background-color:#333;
	}

	.page-three-box .page-box .currently-available-box .none-available {
		border: 1px solid #fff;
    	padding: 20px;
	}

	.page-three-box .page-box .currently-available-box .available-class {
		background-color: #222;
		border-left: 5px solid #fff;
    	padding: 20px;
    	color:#fff;
	}

	.page-three-box .page-box .currently-available-box .available-class a {
		color:#fff;
		text-decoration:none;
		display:flex;
		gap:0px 20px;
		flex-wrap: wrap;
	}

	.page-three-box .page-box .currently-available-box .available-class .class-side-image {
		
		    flex: 0 0 50%;
    max-width: calc(50% - 20px);
	}

	.page-three-box .page-box .currently-available-box .available-class .class-left-text {
		    flex: 0 0 50%;
    		max-width: 50%;
	}

	.page-three-box .page-box .currently-available-box .available-class .title {
		font-size:22px;
		font-weight:bold;
		text-transform:uppercase;
	}

	.page-three-box .page-box .currently-available-box .available-class div {
		margin-bottom:3px;
	}

	.page-three-box .page-box .currently-available-box .available-class:hover {
		border-left-color:rgb(240,229,6);
	}

	.page-three-box .page-box .currently-available-box .available-class .button-span {
		display:inline-block;
	    border: 3px solid #000;
	    font-weight: 600;
	    color: #000;
	    padding: 10px;
	    background-color: #f0e506;
	    margin-top:5px;
	}

	.page-three-box .page-box .currently-available-box .available-class .button-span span {
		display:inline;
		color:inherit;
	}

	.page-three-box .page-box .currently-available-box .available-class .button-span span:hover {
		border-bottom:2px solid #000;
	}

	@media all and (max-width:1040px) {
		 .page-header {
			padding-left:0px;
		}
	}

	@media all and (max-width:1000px) {
		.page-three-box .page-box .currently-available-box .available-class .class-side-image {
			margin-bottom:20px;
		}
		.page-three-box .page-box .currently-available-box .available-class .class-side-image,
		.page-three-box .page-box .currently-available-box .available-class .class-left-text {
			flex:0 0 100%;
			max-width:100%;
		}
		.page-three-box .page-box {
			width: 100%;
    		flex: 0 0 100%;
   			 max-width: 100%;
		}
	}

	@media all and (min-width:1500px) {
		.splash {
			background-position:35% 10%;
		}
	}

	/* Classes Page */

	#classes-page > .page-box {
		background-image:url('../images/pattern-5dots.png');
	}

	.page-three-box .above-title {
		text-shadow: -1px 0 #111, 0 1px #111, 1px 0 #111, 0 -1px #111, 2px 2px #111;
	}

	.page-three-box h1 {
		 text-shadow: -1px 0 #222, 0 1px #222, 1px 0 #222, 0 -1px #222, 2px 2px #222;
	}

	.classes-intro {
		float:left; width:50%
	}

	.classes-intro-image {
		width:100%;
		max-width:400px;
		float:right;
		border:5px solid #fff;
		margin-left:50px;
		margin-bottom:20px;
		margin-top:15px;
	}

	@media all and (max-width:1000px) {
		.classes-intro {
			width:100%;
		}

		.classes-intro-image {
			float:none;
		    text-align: center;
		    display: block;
		    margin:0 auto;
		    margin-bottom:20px;
		}
	}

	/* Shows Page */

	#shows-page > .page-box {
		background-image:url('../images/pattern-5dots.png');
	}

	/* About Us */

	#about-us-page > .page-box:nth-child(2) {
	    background-image: url('../images/pattern-5dots.png');
	}

	#about-us-page > .page-box:nth-child(2) h1 {
		margin-top:0px;
	}

	#about-us-page > .page-box:nth-child(3) {
		background-color: #111;
	    background-image: url(../images/straws.png);
	    background-size: 25px;
	}

	#about-us-page .person {
		border:1px solid #fff;
		border-top-width:4px;
		padding:20px;
		padding-bottom:40px;
		margin-bottom:40px;
		background-color: rgba(20, 20, 20, 0.7);
	}

	#about-us-page .person h2 {
		color:white;
	}

	#about-us-page .person img {
		float:right;
		width:230px;
		border:4px solid #fff;
		margin-left:50px; 
		margin-bottom:50px;
		    margin-right: 20px;
	}

	.about-us-intro-image {
		width:100%;
		max-width:400px;
		float:right;
		border:5px solid #fff;
		margin-left:50px;
		margin-bottom:20px;
		margin-top:15px;
	}

	@media all and (max-width:1000px) {
		.about-us-intro-image {
			float:none;
		    text-align: center;
		    display: block;
		    margin:0 auto;
		    margin-bottom:20px;
		}
	}


	@media all and (max-width:700px) {
		#about-us-page .person img {
			float: none;
    		text-align: center;
	    	margin: 0 auto;
    		display: block;
		}
	}

	/* *****/

	#contact-form label {
		display:block;
		color:#fff;
		margin-top:20px;
		margin-bottom:3px;
		font-size:20px;
		font-weight:bold;
	}

	#contact-form input, #contact-form select {
		width:500px;
		max-width:100%;
		height:30px;
		font-size:18px;
	}

	#contact-form textarea {
		width:500px;
		max-width:100%;
		height:150px;
	}

	#contact-form #form-submit {
		display:block;
		margin-top:20px;
		width:auto;
		border: 3px solid #000;
	    font-weight: 600;
	    color: #000;
	    padding:10px;
	    padding-left:15px;
	    padding-right:15px;
	    background-color: #f0e506;
	    height:auto;
	    text-transform:uppercase; 
	    font-family:'mark', sans-serif;

	}

	/**********
	* FOOTER
	***********/

	.footer {
		background-color: rgb(240,229,6);
		background-image:url(../images/crissxcross.png);
		padding-bottom:40px;
		padding-top:40px;
	}

	.footer-top {
		width:100%;
	}

	.footer-top .footer-menu {
		display:inline-block;
	}

	.footer-top .footer-menu span {
		font-size:16px;
		font-weight:600;
		text-transform:uppercase;
		margin-right:30px;
	}

	.footer-top .footer-menu a {
		color:inherit;
		text-decoration:none;
		padding-bottom:3px;
	}

	.footer-top .footer-menu a:hover {
		border-bottom: 2px solid #000;
	}

	.footer-top .footer-socialmedia {
		float:right;
		text-align:right;
	} 

	.footer-top .footer-socialmedia span {
		vertical-align:top;
	}

	.footer-top .footer-socialmedia a {
		text-decoration:none;
				font-size:24px;
				margin-left:10px;
	}

	.footer-top .footer-socialmedia a i {
		vertical-align: top;
	}

	.footer-top .footer-socialmedia .fa-instagram {
		color: #b4328e;
	}

	.footer-top  .footer-socialmedia  .fa-facebook, .footer-top  .footer-socialmedia .fa-facebook-official {
    	color: #3b5998;
	}

	.footer-top .footer-socialmedia  .fa-twitter {
    	color: #00aced;
	}

	.footer-top .footer-socialmedia  .fa-youtube, .footer-top .footer-socialmedia   .fa-youtube-play {
    	color: #ff0000;
	}

	.footer-bottom {
		width:100%;
		clear:both;
		padding-top:20px;
	}

	.footer-bottom .footer-newsletter {
		display:none;
		/*display: inline-block;*/
	}

	.footer-bottom .footer-newsletter input.email {
		background-color:transparent;
		height:30px;
		text-transform:uppercase;

		width:400px;
		border:none;
		border-bottom:1px solid #000;
		font-size:16px;
		    color: #6d6d6d;
		        vertical-align: bottom;
	}

	.footer-bottom .footer-newsletter input.arrow {
		background-color:transparent;
		height:30px;
		border:none;
		border-bottom:1px solid #000;
		    color: #6d6d6d;
		        vertical-align: bottom;
	}

	.footer-bottom .footer-copyright {
		float:left;
		text-align:right;
		font-size:16px;
		font-weight:400;
		color: #333;
		vertical-align: bottom;
	}

	@media all and (max-width:800px) {
		.footer-menu span {
			display:block;
			float: none;
		}

		.footer-menu span {
			margin-bottom:20px;
		}
	}