@font-face {
	font-family: 'fontello-links';
	src: url('../fonts/fontello-links/fontello-links.eot');
	src: url('../fonts/fontello-links/fontello-links.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontello-links/fontello-links.woff') format('woff'),
		url('../fonts/fontello-links/fontello-links.ttf') format('truetype'),
		url('../fonts/fontello-links/fontello-links.svg#slingnormal') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fontello-icons';
	src: url('../fonts/fontello-icons/fontello-icons.eot');
	src: url('../fonts/fontello-icons/fontello-icons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontello-icons/fontello-icons.woff') format('woff'),
		url('../fonts/fontello-icons/fontello-icons.ttf') format('truetype'),
		url('../fonts/fontello-icons/fontello-icons.svg#slingnormal') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
[class^="ficon-"]:before, [class*=" ficon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes* /
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap * /
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric * /
	/* remove if not needed * /
	margin-left: .2em;

	/* you can be more comfortable with increased icons size * /
	/* font-size: 120%; * /

	/* Font smoothing. That was taken from TWBS * /
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect * /
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); * /
}

.ficon-calendar:before { content: '\e800'; } /* '' * /
*/

section.noc-box-hold.noc_event_images-hold.noc-images-hold {
	width: 100%;
	/*clear: left;*/
	float: none;
}
.views-row article {
	height: 200px;
}
.views-row article > div {
	height: 100%;
}
.views-row article section.noc-box-hold.noc_event_images-hold.noc-images-hold {
	width: 30%;
	float: left;
}
.views-row article section.noc-box-hold,
.views-row article .field_noc_value {
	float: left;
}
/*.field_noc_value.label-value*/
section.noc-box-hold {
	/*height: 100%;*/
	width: 70%;
	float: left;
}
.noc_artist_person-hold .field_noc_value.label-value {
	width: 100%;
}
section.noc-box-hold.noc_event_artist-hold {
	width: 49%;
	border: 1px solid #000;
	margin-bottom: 20px;
	height: 200px;
}
section.noc-box-hold.noc-images-hold {
	height: 100%;
	width: 30%;
}
section.noc-images-hold {
	overflow: hidden;
	/*position: relative;
	z-index: 1;*/
}

#noc_event_1_noc_image_file img {
	opacity: 0;
}

.noc_image_file {
	font-family: "fontello-icons";
	height: 100%;
	width: 100%;
	float: left;
	/*position: relative;
	z-index: 1;*/
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><defs><style type='text/css'>@font-face {font-family:'fontello-icons'%3Bsrc: url('https://noc.createwhatyoudo.com/modules/custom/noc_events/fonts/fontello-icons/fontello-icons.svg%23slingnormal')%3B}</style></defs><text x='0' y='15' font-family='fontello-icons' fill='red' font-size='20'>%26%23xE838%3B</text></svg>");
	/*background-image: url('loading_32.gif');*/
	background-position: center;
	background-repeat: no-repeat;
}
/*.noc-images-hold .noc_image_file img {
	max-width: 100%;
	height: auto;
}
#noc-images-contain img,*/
.noc_image_file img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	margin: auto;
	display: block;
}
/*section.noc-box-hold.noc_event_artist-hold .noc_image_file img {
	display: block;
}*/
section.noc-box-hold {
	position: relative;
}

section.noc-box-hold .noc-clear {
	/*float: none;*/
	clear: both;
}
section.noc-box-hold section.noc-box-hold .noc-clear {
	clear: none;
}

.field_noc_link_type-value {
	font-family: 'fontello-links';
	float: left;
}

.noc_event_artist-contain {
	height: 100%;
}

.noc-images-contain {
	height: 100%;
	overflow: hidden;
	position: relative;
}

#noc-display-directions_pop {
	z-index: 103;
}


.display-direction {
	height: 100%;
	padding-top: 45%;
}
.display-direction-icon {
	background-color: PeachPuff;
	font-size: 3em;
	color: red;
	pointer-events: auto;
	/*cursor: pointer;
	z-index: 10;
	position: relative;*/
}
.noc-images-hold:hover .display-directions {
	visibility: visible;
	/*background-color: blue;*/
}
.noc-images-hold .display-directions {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	pointer-events: none;
	/*background-color: white;
	z-index: 10;*/
}
.noc-images-hold .display-direction-left {
	/*left: 2%;
	padding-right: .2%;*/
	float: left;
}
.noc-images-hold .display-direction-right {
	/*right: 2%;
	padding-left: .2%;*/
	float: right;
}

#noc-images-hold {
	/*height: 95%;*/
	background-color: Gainsboro;
	position: absolute;
	z-index: 101;
}


#noc-image-over {
	background-color: #000;
	cursor: pointer;
	opacity: 0;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
}













.noc_events-cal {
	/*height: 575px;*/
	width: 100%;
	max-width: 800px;
	/*min-width: 300px;
	border: 1px solid #000;*/
	overflow: hidden;
	position: relative;
}


#noc-start-end-inputs-hold {
	margin: 1em 0;
}
.noc-cal-info-hold p {
	margin: 0;
}
.noc-cal-info,
.noc-cal-date-input,
.noc-cal-icon {
	float: left;
}
.noc-cal-icon {
	width: 5%;
	min-width: 50px;
	text-align: center;
}


.noc-cals-contain {
	width: 100%;
	z-index: 2;
}

.noc-cals-hold {
	position: relative;
	z-index: 3;
    background-color: white;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.noc-cal-hold {
	/*display: none;
	height: 0;*/
	width: 300%;
	/*margin: 0px auto 10px;*/
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	right: 100%;
	z-index: 1;
}
.noc-cals-se-contain {
	position: fixed;
	top: 35px;
	left: 0;
}
.noc-cals-se-contain .noc-cal-hold {
	height: 0;
}

.noc-month {
	width: 33.333%;
	padding-bottom: 10px;
	float: left;
}

.noc-cal-top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #999;
	text-align: center;
	color: #FFF;
}
.noc-cal-prev, .noc-cal-nprev {
	width: 25%;
	float: left;
}
.noc-month-title {
	width: 50%;
	float: left;
}
.noc-month-title {
	width: 50%;
	float: left;
}
.noc-tmonth .noc-month-title {
	color: #FFC;
}
.noc-cal-next, .noc-cal-nnext {
	width: 25%;
	float: right;
}
.noc-cal-nav a {
	color: #FFF;
	text-decoration: none;
}

.noc-daynames {
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.noc-dayname {
	float: left;
	border-bottom: 1px solid #000;
}

.noc-daynames, .noc-week {
	width: 100%;
	/*padding: 0 1%;
	border-color: #000;
	border-style: solid;
	border-width: 0 0 1px;*/
}
.noc-week {
	position: relative;
	clear: both;
}
.noc-day-0 {
	margin-left: 1%;
}
.noc-day-6 {
	margin-right: 1%;
}
.noc-day {
	width: 14%;
}
.noc-day {
	/*border-left: 1px solid #000;*/
}
.noc-days {
	float: left;
	height: auto;
	position: relative;
}


.noc-section-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


.noc-lastm, .noc-nextm {
	color: #FFF;
	background-color: #999;
}
.noc-tday {
	background-color: #FFC;
}
.noc-day-start, .noc-day-start.noc-tday, .noc-day-start.noc-day-zone {
	background-color: Green;
}
.noc-day-end, .noc-day-end.noc-tday {
	background-color: Red;
}
.noc-day-zone.noc-day-link {
	background-color: Blue;
}

.noc-day-num {
	height: 25%;
	min-height: 20px;
	float: left;
	/*margin-bottom: 10px;
	padding-left: 4px;
	line-height: .7;
	font-size: .8em;*/
}
.noc-day-info {
	height: 95%;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	/*margin: 3px;*/
	padding: 2.5%;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.noc-day-6 .noc-day-info {
	border-right: 1px solid #000;
}
.noc-cal-cover {
	top: 0;
	left: 0;
	position: fixed;
	overflow: hidden;
	z-index: 1;
	height: 0;
	width: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: transparent;
}
.noc-cal-cover.noc-cal-cover-active,
.noc-cal-cover.noc-cal-cover-ajax {
	height: 100%;
	width: 100%;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #0A0A0A;
}
.noc-cal-cover.noc-cal-cover-active {
	cursor: pointer;
}


a.noc-iheart {
	color: #C6002B;
}
a.noc-horrorcorewiki {
	color: #000;
}
a.noc-deezer {
	color: #A238FF;
}
a.noc-reverbnation {
	color: #F035DD;
}
a.noc-tracksource {
	color: #40A0FF;
}
a.noc-x {
	color: #000;
}
a.noc-x0 {
	color: #000;
}
a.noc-bandcamp {
	color: #629AA9;
}
a.noc-tiktok {
	color: #FF3B5C;
}
a.noc-tiktok0 {
	color: #00F2EA;
}
a.noc-facebook {
	color: #1877F2;
}
a.noc-youtube {
	color: #F00;
}
a.noc-youtube0 {
	color: #FF0000;
}
a.noc-youtube1 {
	color: #F00;
}
a.noc-instagram {
	color: #C13584;
}
a.noc-apple {
	color: #1D1D1F;
}
a.noc-wordpress {
	color: #21759B;
}
a.noc-spotify {
	color: #1DB954;
}
a.noc-soundcloud {
	color: #F80;
}
a.noc-twitch {
	color: #9146FF;
}
a.noc-facebook0 {
	color: #1877F2;
}
a.noc-wikipedia {
	color: #36C;
}
a.noc-amazon {
	color: #F90;
}
a.noc-vimeo {
	color: #1AB7EA;
}
a.noc-reddit {
	color: #FF4500;
}
a.noc-mixcloud {
	color: #52AAD8;
}
a.noc-snapchat {
	color: #FFFC00;
}
a.noc-snapchat0 {
	color: #FFFC00;
}
a.noc-snapchat1 {
	color: #FFFC00;
}
a.noc-bandcamp0 {
	color: #629AA9;
}

.noc-clear {
	clear: both;
}

/*-- Responsive --*/

@media only screen and (max-width:679px) {
	.noc_events-cal {
		/*display: none;*/
	}
}


@media only screen and (min-width:680px) and (max-width:819px) {
	.noc_events-cal {
		width: 600px;
	}
}

@media only screen and (min-width:820px) and (max-width:1049px) {
	.noc_events-cal {
		width: 700px;
	}
}

@media only screen and (min-width:1050px) and (max-width:1199px) {
	.noc_events-cal {
		width: 800px;
	}
}

@media screen and (min-width:1200px) {
	.noc_events-cal {
		width: 800px;
	}
}
noc-images-hold