/*tripoly academy*/
.event_items
{
	margin-top: 68px;
	padding-left:10px;
}
.event_item
{
	margin-bottom: 56px;
}
.event_item:last-child
{
	margin-bottom: 0px;
}
.event_date
{
	width: 131px;
	height: 131px;
	border: solid 2px #A8CF45;
	margin-bottom: 18px;
}
.event_day
{
	font-size: 48px;
	font-weight: 700;
	color: #A8CF45;
	margin:30px 30px 10px 40px;
	line-height: 1;
}
.event_month
{
	font-size: 16px;
	font-weight: 700;
	color: #A8CF45;
	    margin: 0px 46px;
}
.event_name
{
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
}
.event_name a:hover
{
	color: #A8CF45;
}
.event_location
{
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	margin-top: 2px;
}
.event_content p
{
	font-weight: 500;
	color: #a5a5a5;
	margin-top: 21px;
	margin-bottom: 13px;
}
.event_image
{

}
.event_image img
{
	width: 100%;
}

.hero_boxes
{
	width: 100%;
	height: 300px;
	z-index: 9;
	padding-top: 0px;
}

@media screen and (max-width: 640px) {
.hero_boxes
{
	width: 100%;
	height: 550px;
	z-index: 9;
	padding-top: 0px;
}	
}
@media screen 
and (max-width : 1197px)
 { .hero_boxes
{
	width: 100%;
	height: 550px;
	z-index: 9;
	padding-top: 0px;
}}
.hero_boxes_inner
{
	position: absolute;
	left: 0;
	width: 100%;
     margin-top: 50px;
}
.hero_box
{
	width: 100%;
	height: 161px;
	background: #51a8b1; 
	padding-left: 50px;
	cursor: pointer;
	margin-bottom: 10px;
}

.hero_box:hover
{
	background:#000;
}
.hero_box i
{
	    font-size: 65px;
    color: #b8ea39;
	width: 57px;
    height: auto;
    margin-top: 20px;
}
.svg path
{
	fill: #A8CF45;
}
.hero_box svg
{
	width: 62px;
	height: auto;
}
.hero_box:hover svg path
{
	fill: #FFFFFF;
}
.hero_box_content
{
    margin-top: -40px;
}
.hero_box_title
{
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.hero_box_link
{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 3px;
}
.hero_box_link:hover
{
	color: #1a1a1a;
}
.hero_slide_content
{
	max-width: 80%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.hero_slide_content h1
{
	font-size: 60px;
	font-weight: 400;
	color: #FFFFFF;
}
.hero_slide_content h1 span
{
	background: #A8CF45;
	padding-left: 13px;
	padding-right: 13px;
	margin-left: -12px;
	margin-right: -12px;
}
.animate-zoom {animation:animatezoom 4s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.hideme
{
    opacity:0;
}