.sticky,
.sticky2 {
	position: fixed;
	width: 100%
}

.h1,
.h1class,
.h2,
body,
h1,
h2 {
	margin: 0;
	color: #FFF;
	font-family: BertholdLight
}

.h1,
.h1class,
.h2,
.txtinputwd,
body,
h1,
h2 {
	font-family: BertholdLight
}

body {
	xfont-family: BertholdLightCond;
	background-color: #000;
	font-size: 20px;
	line-height: 140%;
	font-weight: 400
}

.h1,
h1 {
	font-size: 25px;
	font-weight: 700;
	display: inline
}

.h1class,
.h2,
h2 {
	font-size: 20px;
	line-height: 140%;
	font-weight: 400;
	display: inline
}

.p,
p {
	xtext-indent: 50px;
	xdisplay: inline
}

hr {
	border: thin;
	height: 1px;
	color: #888;
	background-color: #888
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}

	.youtubevideo {
		width: 330px;
		height: 270px
	}
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}

	.youtubevideo {
		align: center;
		width: 340px;
		height: 378px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}

	.youtubevideo {
		width: 340px;
		height: 238px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 940px
	}

	.youtubevideo {
		width: 420px;
		height: 294px
	}
}

@media (min-width:1100px) {
	.container {
		max-width: 1050px
	}

	.youtubevideo {
		width: 640px;
		height: 448px
	}
}

@media (min-width:1300px) {
	.container {
		max-width: 1250px
	}

	.youtubevideo {
		width: 750px;
		height: 525px
	}
}

@media (min-width:1500px) {
	.container {
		max-width: 1250px
	}

	.youtubevideo {
		width: 750px;
		height: 525px
	}
}

@media (min-width:1600px) {
	.container {
		max-width: 1425px
	}

	.youtubevideo {
		width: 900px;
		height: 630px
	}
}

@media (min-width:1700px) {
	.container {
		max-width: 1580px
	}

	.youtubevideo {
		width: 1100px;
		height: 770px
	}
}

.header,
.header2 {
	z-index: 999
}

.sticky {
	top: 0
}

.sticky+.content {
	padding-top: 102px
}

.sticky2 {
	top: 45px
}

.sticky2+.content {
	padding-top: 152px
}

::placeholder {
	color: #000;
	opacity: 1
}

:-ms-input-placeholder {
	color: #000
}

::-ms-input-placeholder {
	color: #000
}

.txtinputwd {
	padding-left: 10px;
	color: #404040;
	height: 40px;
	font-size: 22px;
	width: 300px;
	border: 1px solid #ccc
}

@media (min-width:481px) {

	.txtinputwd2,
	.txtinputwufoo {
		height: 21px;
		width: 340px
	}

	.txtinputwd2 {
		padding-left: 5px;
		color: #404040;
		font-family: BertholdLight;
		font-size: 17px;
		border: 1px solid #ccc
	}

	.txtinputwufoo,
	.txtselectwufoo {
		padding-left: 5px;
		color: #000;
		font-family: Arial;
		font-size: 17px;
		border: 1px solid #ccc
	}

	.txtselectwufoo {
		height: 25px
	}
}

@media (max-width:480px) {
	.txtinputwd2 {
		padding-left: 2px;
		color: #404040;
		height: 21px;
		font-family: BertholdLight;
		font-size: 13px;
		width: 142px;
		border: 1px solid #ccc
	}

	.txtinputwufoo,
	.txtselectwufoo {
		padding-left: 5px;
		color: #000;
		font-family: Arial;
		font-size: 17px;
		border: 1px solid #ccc
	}

	.txtspanwufoo {
		display: none
	}

	.txtinputwufoo {
		height: 21px;
		width: 220px
	}

	.txtselectwufoo {
		height: 25px
	}
}

.divmenu a,
.footerlink {
	font-family: PT-Sans-Narrow;
	text-decoration: none;
	color: #000
}

.divmenu,
.divmenucontainer {
	border: 0 solid;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0
}

.footerlink {
	font-size: 20px;
	line-height: 1.7em
}

.topmenutd {
	height: 45px;
	background-image: url('./shell2/graphite-menu-bg-tall.gif');
	background-repeat: repeat-x;
	background-size: 100% 470px;
	opacity: 1
}

@font-face {
	font-family: BertholdReg;
	src: url('fonts/BertholdBERegular.eot') format('eot'), url('fonts/BertholdBERegular.woff') format('woff'), url('fonts/BertholdBERegular.ttf') format('truetype')
}

@font-face {
	font-family: BertholdLightExt;
	src: url('fonts/BertholdLightExt.eot') format('eot'), url('fonts/BertholdLightExt.woff') format('woff'), url('fonts/BertholdLightExt.ttf') format('truetype')
}

@font-face {
	font-family: BertholdLight;
	src: url('fonts/BertholdLight.eot') format('eot'), url('fonts/BertholdLight.woff') format('woff'), url('fonts/BertholdLight.ttf') format('truetype')
}

@font-face {
	font-family: BertholdCond;
	src: url('fonts/BertholdCondensed.eot') format('eot'), url('fonts/BertholdCondensed.woff') format('woff'), url('fonts/BertholdCondensed.ttf') format('truetype')
}

@font-face {
	font-family: BertholdLightCond;
	src: url('fonts/BertholdLightCondensed.eot') format('eot'), url('fonts/BertholdLightCondensed.woff') format('woff'), url('fonts/BertholdLightCondensed.ttf') format('truetype')
}

@font-face {
	font-family: PT-Sans-Narrow-Bold;
	src: url('fonts/PT-Sans-Narrow-Bold.eot') format('eot'), url('fonts/PT-Sans-Narrow-Bold.woff') format('woff'), url('fonts/PT-Sans-Narrow-Bold.ttf') format('truetype')
}

@font-face {
	font-family: PT-Sans-Narrow;
	src: url('fonts/PT-Sans-Narrow.eot') format('eot'), url('fonts/PT-Sans-Narrow.woff') format('woff'), url('fonts/PT-Sans-Narrow.ttf') format('truetype')
}

#divtitlecontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-between
}

.divtitlecontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.divicon,
.divsearch,
.divtext,
.divtitle {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0
}

#diviconcontainer,
#divmenucontainer,
#divtextcontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-around
}

.divmenucontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around
}

.divmenu a {
	font-size: 25px
}

#divsubscribecontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: flex-start
}

.divsubscribecontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start
}

.divsubscribe {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0
}

#divsearchcontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1000px
}

.divsearchcontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	max-width: 1000px
}

#diveventcontainer,
.diveventcontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: center
}

.divevent {
	margin-bottom: 58px;
	padding-left: 20px;
	padding-right: 20px
}

.diveventframe {
	background: url(shell2/event-frame-dark.png) 0 0/100% 100%;
	width: 270px;
	height: 364px;
	float: left;
	position: relative
}

.diveventframetext {
	position: absolute;
	top: 8px;
	width: 270px
}

.diveventframetitle {
	font-family: BertholdLightCond;
	font-size: 25px;
	color: #FFFFFF;
	line-height: 1.05
}

.diveventframeages {
	font-family: BertholdLight;
	font-size: 17px;
	color: #FFFFFF;
	line-height: 1.25
}

.diveventframepic {
	width: 258px;
	height: 155px;
	position: absolute;
	top: 115px;
	left: 6px
}

.diveventframedate {
	position: absolute;
	top: 290px;
	width: 270px;
	font-family: BertholdLightCond;
	font-size: 25px;
	color: #fff
}

.diveventframegetdetails,
.diveventframegetdetails2,
.diveventframenotsingles {
	font-family: BertholdLight;
	color: #fff;
	width: 270px;
	position: absolute
}

.diveventframegetdetails {
	top: 300px;
	width: 170px;
	font-size: 26px;
    background-color: #2b003a; /* dark purple */
    padding: 10px;	
	margin-left: 45px;
}

.diveventframenotsingles {
	top: 320px;
	font-size: 20px
}

.diveventframegetdetails2 {
	top: 290px;
	font-size: 28px
}

.diveventsponsor {
	width: 270px;
	height: 364px;
	float: right;
	position: relative
}

.diveventtestimonials {
	width: 270px;
	height: 364px
}

.diviconcontainer,
.divtextcontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around
}

#divfootercontainer {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	Xjustify-content: space-around;
	justify-content: left
}

.divfootercontainer {
	display: flex;
	flex-flow: row wrap;
	Xjustify-content: space-around;
	justify-content: left
}

@media (min-width:981px) {
	.divfooter {
		margin-bottom: 0;
		xpadding-left: 0px;
		padding-right: 0;
		min-width: 310px;
		padding-left: 15px;
		width: 30%
	}
}

@media (min-width:610px) and (max-width:980px) {
	.divfooter {
		margin-bottom: 0;
		xpadding-left: 0px;
		padding-right: 0;
		min-width: 175px;
		padding-left: 15px;
		width: 30%
	}
}

@media (max-width:609px) {
	.divfooter {
		margin-bottom: 0;
		xpadding-left: 0px;
		padding-right: 0;
		min-width: 310px;
		padding-left: 15px;
		width: 30%
	}
}

.selectdiv {
	position: relative;
	float: left;
	xmin-width: 200px;
	width: 210px;
	margin: 0
}

.searchwidth {
	width: 220px
}

select::-ms-expand {
	display: none
}

.selectdiv:after {
	content: '>';
	font: 25px Consolas, monospace;
	color: #000;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 11px;
	top: 7px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	position: absolute;
	pointer-events: none
}

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: 18px/1.75 BertholdLight;
	display: block;
	width: 100%;
	max-width: 320px;
	height: 35px;
	float: right;
	margin: 5px 0;
	padding: 0 18px;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-ms-word-break: normal;
	word-break: normal
}

@media (max-width:701px) {

	.divsponsor2,
	.divsponsor3,
	.divsponsor5 {
		display: none
	}
}

@media (min-width:702px) and (max-width:990px) {

	.divsponsor3,
	.divsponsor4,
	.divsponsor5 {
		display: none
	}
}

@media (min-width:991px) and (max-width:1299px) {

	.divsponsor2,
	.divsponsor4,
	.divsponsor5 {
		display: none
	}
}

@media (min-width:1300px) and (max-width:1702px) {

	.divsponsor2,
	.divsponsor3,
	.divsponsor5 {
		display: none
	}
}

@media (min-width:1703px) and (max-width:5000px) {

	.divsponsor2,
	.divsponsor3,
	.divsponsor4 {
		display: none
	}
}

.tabsubscribe {
	height: 108px
}

@media (min-width:881px) {
	.wdlogo {
		margin-bottom: 0;
		width: 100%;
		max-width: 480px
	}

	.fontfooter {
		font-size: 30px
	}

	.classicschedule2,
	.event-list-mobile,
	.searchtext1 {
		display: none
	}

	.footerheight {
		height: 65px
	}
}

@media (min-width:661px) and (max-width:880px) {

	.classicschedule2,
	.divmenumedia,
	.event-list-mobile,
	.searchtext2 {
		display: none
	}

	.wdlogo {
		margin-bottom: 0;
		width: 100%;
		max-width: 480px;
		padding-left: 15px
	}

	.fontfooter {
		font-size: 30px
	}

	.tabsubscribe {
		height: 75px
	}

	.footerheight {
		height: 65px
	}
}

@media (min-width:551px) and (max-width:660px) {

	.classicschedule2,
	.wdlogo {
		width: 100%
	}

	.divmenumedia,
	.event-list-desktop,
	.searchtext2 {
		display: none
	}

	.wdlogo {
		margin-bottom: 0;
		max-width: 480px;
		padding-left: 15px
	}

	.fontfooter {
		font-size: 25px
	}

	.tabsubscribe {
		height: 75px
	}

	.tableblock {
		display: block
	}

	.classicschedule {
		display: none;
		width: 100%
	}

	.footerheight {
		height: 90px
	}
}

@media (max-width:550px) {

	.divsearch,
	.divsubscribe,
	.wdlogo {
		margin-bottom: 0
	}

	.divmenumedia,
	.event-list-desktop,
	.searchtext1 {
		display: none
	}

	.wdlogo {
		width: 90%;
		max-width: 480px;
		padding-left: 15px
	}

	.divevent,
	.divsearch,
	.divsubscribe {
		padding-left: 0;
		padding-right: 0
	}

	.fontfooter {
		font-size: 25px
	}

	.tabsubscribe {
		height: 60px
	}

	#divsearchcontainer,
	#divsubscribecontainer {
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: center
	}

	.divsearchcontainer,
	.divsubscribecontainer {
		display: flex;
		flex-flow: row wrap;
		justify-content: center
	}

	.divsubscribe {
		display: table-cell;
		vertical-align: middle
	}

	#diveventcontainer,
	.diveventcontainer {
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: center;
		align: center
	}

	.divevent {
		margin-bottom: 58px
	}

	.tableblock {
		display: block
	}

	.selectdiv {
		margin-left: 5px;
		width: 260px
	}

	.searchwidth {
		width: 275px
	}

	.classicschedule {
		display: none;
		width: 100%
	}

	.classicschedule2 {
		width: 100%
	}

	.footerheight {
		height: 100px
	}
}

@media (max-width:1229px) {

	.divmenuline,
	.divmenuouter,
	.spinthewheel {
		display: none
	}
}

@media (min-width:641px) {
	.spancall {
		display: none
	}

	.fontfooter {
		font-size: 23px
	}

	.tabsubscribe {
		height: 100px
	}

	.testimonial_image {
		float: center;
		padding: 7px
	}
}

@media (max-width:640px) {
	.spanemail {
		display: none
	}

	.fontfooter {
		font-size: 17px
	}

	.testimonial_image {
		float: center;
		padding: 7px
	}
}