/* filter form */
section.filter_form{

}

section.filter_form div.form_wrap{
  background:#f2f4f4;
  padding:60px 40px 40px 40px;
  border-top:2px solid #353535;
  border-bottom:2px solid #353535;
}

section.filter_form div.form_wrap select{
  background:#fff;
  padding:12px 40px 12px 20px;
  border:1px solid #cecece;
  border-radius:8px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

section.filter_form div.form_wrap div.select_wrap{
  position:relative;
  display:inline-block;
  z-index:99;
  margin-right:20px;
}

section.filter_form div.form_wrap div.select_wrap:hover select{
  border:1px solid #353535;
  outline:none;
}

section.filter_form div.form_wrap select:focus{
  outline:none;
}

section.filter_form div.form_wrap div.select_wrap img{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:12px;
  z-index:999;
}

section.filter_form div.form_wrap input{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  padding:12px 20px;
  background:#494949;
  color:#fff;
  border-radius:8px;
  border:none;
  outline:none;
}

section.filter_form div.form_wrap input:hover{
  background:#5d5d5d;
}

section.filter_form div.form_wrap input:focus{
	outline:none;
}

section.filter_form div.form_wrap div.select_wrap label{
	position:absolute;
	top:-25px;
	left:5px;
}

/* responsive crap for filter stuff */
@media(max-width:1000px){
	section.filter_form div.form_wrap{
		padding:40px;
	}
	section.filter_form div.form_wrap div.select_wrap{
		margin-top:40px;
	}
	section.filter_form div.form_wrap input{
		margin-top:20px;
	}
}

/* course list */
section.course_list{

}

section.course_list div.none{
  padding:40px;
  background:#f2f4f4;
  display:block;
  margin-top:30px;
  text-align:center;
}

section.course_list div.none h1{
  font-size:23px;
  font-weight:normal;
  text-align:center;
  text-transform:initial;
  margin:0px;
  padding:0px;
}

section.course_list ul.list_ul{
  list-style:none;
  padding:0;
  margin:0;
  text-align:left;
}

section.course_list ul.list_ul li.list_li{
  background:#f2f4f4;
  display:block;
  margin-top:30px;
  border:1px solid #D9DBDB;
  cursor:pointer;
}

section.course_list ul.list_ul li.list_li h1{
  font-size:23px;
  font-weight:normal;
  text-align:left;
  margin:0px;
  padding:20px;
}

section.course_list ul.list_ul li.list_li h1 button{
	float:right;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color:#000;
	background:transparent;
	outline:none;
	font-size:0.8em;
	position:relative;
	top:3px;
	transition:0.1s;
	cursor:pointer;
	border:none;
}

section.course_list ul.list_ul li.list_li h1 button.load{
	width:131px;
	height:48px;
	background:#fff;
}
section.course_list ul.list_ul li.list_li h1 button img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:40px;
	width:40px;
}

/* responsive crap for the course list display */
@media(max-width:1000px){
	section.course_list ul.list_ul li.list_li h1 button{
		float:none;
		display:block;
		margin-top:30px;
	}
}

/* COURSE INFO STUFF */
div.popup_info{
	overflow:hidden;
	background:#fff;
}

div.popup_info.expanded{
	border-top:1px solid #D9DBDB;
}

div.popup_info div.wrap{
	padding:20px;
}

div.popup_info p{
	margin-bottom:15px;
	color:#353535;
}

div.popup_info ul{
	list-style:none;
	padding:0;
	margin:0;
	color:#353535;
}

div.popup_info ul.dates{
	list-style:initial;
	padding-left:30px;
}

div.popup_info svg{
	width:25px;
	height:25px;
	position:fixed;
	top:20px;
	right:20px;
	cursor:pointer;
}