#preload {
	background:#6B8266;
}
#countdown .countdown_amount {
	color:#FFF !important;
}
.speaker h4:after, #download h3:after, #venue h2:after {
	background:#6B8266 !important;
}
.navbar-custom .icon-bar {
	background-color: #FFF !important;
}
#venue i {
	color:#6B8266 !important;
}
.navbar-custom .navbar-nav > li > a:hover {
	color:#6B8266 !important;
}

.slidec2 {
	width:auto !important;
	margin-top:0px !important;
	font-size:20px !important;
	line-height:30px !important;
	word-break: normal !important;
	word-wrap: break-word !important;
	white-space:normal !important;
	/*background-color: red !important;*/
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

	#highlight #left {
		background:#262626;
		text-align:center;
	}

	#highlight #left h2 {
		color:#FFF !important;
		text-align: center;
		margin-top: 0px !important;
		padding-top: 30px !important;
	}

	#highlight #right h2 {
		color:#FFF !important;
		text-align: center;
		margin-top: 0px !important;
		padding-top: 30px !important;
	}

	.slidec1 {
		margin-left:90px;
	}

	.slidec2 {
		width:auto !important;
		margin-top:0px !important;
		font-size:18px !important;
		line-height:20px !important;
		word-break: normal !important;
		word-wrap: break-word !important;
		white-space:normal !important;
		/*background-color: red !important;*/
	}

}

/*========== responsive mobile ==========*/
/*========== responsive mobile ==========*/

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

	.slidec1 {
		margin-left:0px;
	}

	.nc1 {
		position: absolute !important;
		top:190px !important;
		font-size: 35px !important;
	}
	.nc2 {
		position: absolute !important;
		top:220px !important;
		font-size: 35px !important;
	}
	.nc3 {
		position: absolute !important;
		top:260px !important;
		font-size: 25px !important;
	}

	.nc4 {
		position: absolute !important;
		top:200px !important;
		left:30px !important;
		font-size: 25px !important;
	}
	.nc5 {
		position: absolute !important;
		top:225px !important;
		font-size: 15px !important;
		left:30px !important;
		line-height: 20px !important;
	}

	.nc6 {
		position: absolute !important;
		top:200px !important;
		left:30px !important;
		font-size: 25px !important;
	}
	.nc7 {
		position: absolute !important;
		top:225px !important;
		font-size: 15px !important;
		left:30px !important;
		line-height: 20px !important;
		text-align: left !important;
	}
	.nc8 {
		position: absolute !important;
		top:550px !important;
		left:30px !important;
		font-size: 25px !important;
	}
	.nc9 {
		position: absolute !important;
		top:575px !important;
		font-size: 15px !important;
		left:30px !important;
		line-height: 20px !important;
		text-align: left !important;
	}

	#highlight #left {
		background:#262626;
		text-align:center;
	}

	.youtuberow .col-md-6 {
		padding:0px !important;
	}
	.youtuberow .card {
		padding:0px !important;
	}
	.youtuberow .card iframe {
		border:0px !important;
	}

	.venue {
		padding-top:30px;
		padding-bottom:30px;
	}

	.slidec2 {
		width:90% !important;
		margin-top:0px !important;
		font-size:18px !important;
		line-height:20px !important;
		word-break: normal !important;
		word-wrap: break-word !important;
		white-space:normal !important;
		/*background-color: red !important;*/
	}

	#mfcaption {
		margin-left:40px;
		width:80% !important;
		height: auto !important;
	}

	#highlight #left h2 {
		color:#FFF !important;
		text-align: center;
		margin-top: 0px !important;
		padding-top: 20px !important;
	}

	#highlight #right h2 {
		color:#FFF !important;
		text-align: center;
		margin-top: 0px !important;
		padding-top: 30px !important;
	}

}

/*========== responsive mobile ==========*/
/*========== responsive mobile ==========*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
