
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}
.search_overlay {
	overflow: hidden;
}
.search_overlay.open::before {
	-webkit-animation: rotate 80s infinite linear;
	-moz-animation: rotate 80s infinite linear;
	-o-animation: rotate 80s infinite linear;
	animation: rotate 80s infinite linear;
	background-image: url("../images/search_pattern.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	right: -10%;
	bottom: -10%;
	width: 700px;
	height: 700px;
}
.about_shape_bg {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	display: table;
	z-index: -1;
}
.about_shape_bg img {
	-webkit-animation: rotate 80s infinite linear;
	-moz-animation: rotate 80s infinite linear;
	-o-animation: rotate 80s infinite linear;
	animation: rotate 80s infinite linear;
}
.classes_box {
	margin-bottom: 30px;
}
.classes_img img {
	width: 100%;
}
.classes_info {
	padding: 15px;
}
.classes_info p:last-child {
	margin: 0;
}
.classes_footer {
	border-top: 1px solid #eee;
	padding: 15px;
	display: inline-block;
	width: 100%;
}
.classes_teacher img {
	display: inline-block;
	border-radius: 100%;
	max-width: 30px;
	margin-right: 7px;
	vertical-align: middle;
}
.classes_teacher span {
	color: #292b2c;
	vertical-align: middle;
	text-transform: capitalize;
	font-weight: 500;
}
.classes_schedule li {
	list-style: none;
	display: inline-block;
	padding-right: 10px;
}
.classes_schedule li i {
	color: #1FE075;
	margin-right: 8px;
	vertical-align: middle;
}
.classes_schedule {
	margin-bottom: 10px;
}
.cl_price {
	float: right;
	margin-top: 5px;
}
.cl_price h5 {
	margin-bottom: 0;
	color: #1FE075;
}
.classes_title {
	margin-bottom: 15px;
}
.classes_title * {
	margin-bottom: 0px;
}
.classes_box .classes_img {
	position: relative;
	overflow: hidden;
}
.classes_box .classes_img::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
	-moz-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.classes_box:hover .classes_img::before {
	-webkit-animation: shine .80s;
	-moz-animation: shine .80s;
	animation: shine .80s;
}
@-webkit-keyframes shine {
	100% {left: 125%;}
}
@-moz-keyframes shine {
	100% {left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}
.feature_info .icon_box:last-child {
	margin-bottom: 0;
}
.event_img, .event_img .slick-list, .event_img .slick-track,
.class_slide, .class_slide .slick-list, .class_slide .slick-track {
	height: 100% !important;
}
.event_box {
	border: 1px solid #ddd !important;
	padding: 20px;
	margin-bottom: 20px;
}
.event_date {
	float: left;
	margin-right: 20px;
	width: 70px;
	border-right: 1px solid #ddd;
	padding: 15px 10px 15px 0;
	text-align: center;
}
.event_date * {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}
.event_date span {
	display: block;
	font-size: 30px;
}
.event_info {
	overflow: hidden;
}
.event_meta li {
	padding-bottom: 10px;
}
.event_meta li:last-child {
	padding-bottom: 0;
}
.event_meta li i {
	margin-right: 6px;
	font-size: 14px;
	color: #1FE075;
}
.event_slider .slick-prev, .event_slider .slick-prev:hover, .event_slider.slick_slider:hover .slick-prev {
	opacity: 1;
	top: -60px;
	transform: none;
	left: auto;
	box-shadow: none;
	background-color: transparent;
	right: 50px;
	width: auto;
	height: auto;
}
.event_slider .slick-next, .event_slider .slick-next:hover, .event_slider.slick_slider:hover .slick-next {
	opacity: 1;
	top: -60px;
	transform: none;
	box-shadow: none;
	background-color: transparent;
	right: 0;
	width: auto;
	height: auto;
}
.event_slider .slick-prev::before {
	content: "\ec43";
	font-family: "linearicons";
	font-size: 32px;
}
.event_slider .slick-next::before {
	content: "\ec44";
	font-family: "linearicons";
	font-size: 32px;
}
.event_slider .slick-prev:hover::before, .event_slider .slick-next:hover::before {
	color: #333;
}
.classes_filter li {
	list-style: none;
    display: inline-block;
    margin: 0 5px;
}
.classes_filter li a {
    background-color: #F5F6FB;
	border-radius: 50px;
    padding: 5px 20px;
    display: block;
    text-transform: capitalize;
    line-height: normal;
}
.classes_filter li a.current {
    background: -moz-inear-gradient(left, #F42F54 0%,#ff9625 100%);
	background: -webkit-inear-gradient(left, #F42F54 0%,#ff9625 100%);
	background: linear-gradient(to right, #F42F54 0%,#ff9625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F42F54', endColorstr='#ff9625',GradientType=1 );
    color: #fff;
}
.classes_filter {
    margin-bottom: 35px;
}
.schedule_table table {
	margin-bottom: 0;
}
.schedule_table thead th {
	font-weight: 600;
	border-bottom: 0;
	background-color: #FAFAFA;
}
.schedule_box {
	padding: 30px 10px;
	transition: all 0.5s ease-in-out;
}
.schedule_table td {
	vertical-align: middle;
	width: 12.5%;
}
.schedule_table tbody td {
	padding: 0;
}
.schedule_box.invisible {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.schedule_box:hover {
	background-color: #1FE075;
	color: #fff;
}
.schedule_box .classes-title * {
	transition: all 0.5s ease-in-out;
}
.schedule_box:hover .classes-title * {
	color: #fff;
}
.bg_pattern {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 0;
	max-width: 380px;
	width: 100%;
}
.bg_pattern img {
	-webkit-animation: rotate 80s infinite linear;
	-moz-animation: rotate 80s infinite linear;
	-o-animation: rotate 80s infinite linear;
	animation: rotate 80s infinite linear;
}
.cta_box {
	position: relative;
	z-index: 2;
}
.classes_detail {
	padding-top: 20px;
}
.class_trainer img {
	max-width: 70px;
	border-radius: 100%;
	float: left;
	margin-right: 15px;
}
.trainer {
	display: table;
	width: 100%;
	background-color: #f4f4f4;
	padding: 20px;
	margin-bottom: 10px;
}
.trainer_info {
	margin-top: 5px;
	float: left;
}
.trainer_detail,
.event_detail {
	background-color: #f4f4f4;
	padding: 20px;
}
.trainer_detail li,
.event_detail li {
	list-style: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.trainer_detail li:last-child,
.event_detail li:last-child {
	margin-bottom: 0px;
	border-bottom: 0;
	padding-bottom: 0px;
}
.trainer_detail li p,
.event_detail li p {
	margin-bottom: 0;
}
.trainer_detail .title,
.event_detail .title {
	font-weight: 500;
	color: #222;
	margin-bottom: 5px;
	display: block;
}
.register_btn {
	margin-top: 20px;
}
.view_class {
	float: right;
}
.team_info .team_title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.team_info .profile_info > li {
	margin-bottom: 15px;
}
.event_list {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.event_list .event_date {
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
	background-color: #fff;
	padding: 10px 20px;
	width: auto;
	margin: 10px;
}
.event_list .event_img {
	height: auto !important;
	float: left;
	width: 30%;
	margin-right: 25px;
}
.event_list .event_meta li {
	display: inline-block;
	padding-right: 10px;
	padding-bottom: 10px;
}
.event_list .event_title,
.event_list .event_info p {
	margin-bottom: 15px;
}
.single_events .event_img {
	height: auto !important;
	margin-bottom: 20px;
}
.event_title * {
	margin-bottom: 20px;
}
.event_location iframe {
	width: 100%;
	height:300px;
}
.feature_event .event_list .event_img {
	height: auto !important;
	float: none;
	width: 100%;
	margin-right: 0px;
}
.feature_event .event_info {
	margin-top: 15px;
}
.feature_event .event_list .event_meta li {
	display: block;
	padding-right: 0;
	padding-bottom: 10px;
}
.feature_event .event_list .event_meta li:last-child {
	padding-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.schedule_table tbody tr td:first-child {
	width: 10%;
}
.search_overlay.open::before {
	width: 600px;
	height: 600px;
}
.class_trainer img {
	max-width: 60px;
	margin-right: 10px;
}
}
@media only screen and (max-width: 991px) {
.event_slider .slick-prev, .event_slider .slick-prev:hover, .event_slider.slick_slider:hover .slick-prev,
.event_slider .slick-next, .event_slider .slick-next:hover, .event_slider.slick_slider:hover .slick-next {
	top: -55px;
}
.event_box {
	padding: 15px;
}
.classes_filter li {
	margin: 0 3px;
}
.classes_filter li a {
	font-size: 14px;
}
.schedule_table table {
	width: 1000px;
}
.team_info {
	margin-top: 20px;
}
.event_list .event_img {
	width: 40%;
}
}
@media only screen and (max-width: 767px) {
.classes_filter li {
	margin: 0 0 5px;
	width: 49%;
}
.search_overlay.open::before {
	width: 500px;
	height: 500px;
}
.event_list .event_img {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 575px) {
.classes_box {
	margin-bottom: 15px;
}
.event_box {
	margin-bottom: 15px;
}
.search_overlay.open::before {
	width: 400px;
	height: 400px;
}
.event_list {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
}
@media only screen and (max-width: 480px) {
.event_slider .slick-next::before,
.event_slider .slick-prev::before {
	font-size: 24px;
}
.event_slider .slick-prev, .event_slider .slick-prev:hover, .event_slider.slick_slider:hover .slick-prev, .event_slider .slick-next, .event_slider .slick-next:hover, .event_slider.slick_slider:hover .slick-next {
	top: -42px;
}
.event_slider .slick-prev,.event_slider .slick-prev:hover, .event_slider.slick_slider:hover .slick-prev {
	right: 40px;
}
.event_date {
	margin-right: 15px;
	width: 60px;
	padding: 15px 5px 15px 0;
}
.schedule_table tbody tr td:first-child {
	width: 8%;
}
.schedule_table table {
	width: 950px;
}
.search_overlay.open::before {
	width: 340px;
	height: 340px;
}
}