.affiliate_area{
	background: #f8f8f8;
	padding: 55px 0;
	border-bottom: 1px solid #eaeaea;
}
#courses {
	padding-top:80px;
}
#courses .section_title {
	margin-bottom: 25px;
}
.course_starts_date{
	font-size: 1.3em;
}
.course_detailbox_container {
	padding-bottom: 25px;
}
.course_detailbox  {
	box-shadow: 0 4px 20px rgba(0,0,0,.20);
}
.course_detailbox:hover  {
	box-shadow: 0 4px 20px rgba(0,0,0,.25);
}
.course_detailbox .db_details {
	padding:15px 15px 0;
}
.course_detailbox .db_type {
	font-weight: bold;
}
.course_detailbox .db_text h3 {
	line-height: 0.95em;
	font-size: 28px;
	margin-bottom: 0;
}
.course_detailbox .db_figure{
	height: 100%;
}
.db_details small {
	display: block;
}
.db_details h4, .course_detailbox .table{
	margin-bottom: 0;
}
.course_detailbox .table {
	margin-top:10px;
}
.course_detailbox .table td:first-child{
	padding-left:15px;
}
.count_text p {
	font-size: 13px;
	line-height: 1.1em;
}
.contact-form input[type="email"] {
	border-color: #ddd;
	color: #fff;
	margin-top: 6px;
	margin-left: -15px;
	margin-bottom: 40px;
}
.choose_caption_top {
	height: 500px;
}




a.video-autoplay-true {
	display: inline-block;
	font-size: 48px;
	text-decoration: none;
	color: #fff;
	background-color: #66bb6a;
	box-shadow: 0 5px 10px -3px rgba(0,0,0,.5);
	height: 85px;
	width: 85px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	position: relative;
	border: 5px solid #fff;
	box-shadow: none;
}
a.video-autoplay-true i {
	background: none;
	color: #ffffff;
	font-size: 48px;
}
.video_intro{
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.video_intro, .promo-big_content {
	float: left;
	width: 50%;
}
.promo-big_content {
	height: 500px;
	padding: 100px 10% 0 10%;
}
.content_play {
	text-align: center;
	padding: 220px 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
	.promo-big_content {
		padding: 100px 5% 0 5%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.promo-big_content {
		padding: 100px 4% 0 4%;
	}
}
@media  (max-width: 767px){
	.promo-big_img_l, .video_intro, .promo-big_content {
		float: left;
		width: 100%;
	}
	.video_intro {
		margin-top: -100px;
	}
}
@media (min-width: 480px) and (max-width: 580px){
	.video_intro {
		margin-top: -160px;
	}
	.promo-big_content {
		padding: 10% 5% 0 5%;
	}
}
@media (max-width: 479px){
	.promo-big_content {
		padding: 10% 5% 0 5%;
	}
}
