/**************************************************
	7. Events
 **************************************************/

.events{
	text-align:center;
}   

.events .title{
	font-size:48px;
	font-weight:300;
	color:#54667a;
	margin-bottom: 10px;
}

.contentcenter{
	width:60%;
	margin:0 auto 35px;
	font-size:18px;
	color:#54667a;
	font-weight:300;
}

.eventcontainer{
	margin-bottom:30px;
}

.eventsicon{
	width: 100px;
	height: 100px;
	text-align: center;
	border: 1px solid #5ab4e6;
	line-height: 100px;
	margin: 25px auto 0px;
	font-size: 45px;
	color: #5ab4e6;
	display:inline-block;
}
/**************************************************
	 Event
 **************************************************/
.event{
	background:#fff;
	font-size:14px;
	font-weight:300;
	text-align:center;
}

.eventsimg{
	overflow:hidden;
}
.event img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
}
.event:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
}

.event .title{
	font-size:18px;
	font-weight:700;
	margin-bottom:8px;
	color:#2c3e50;
}

.event .title a{
	color:#2c3e50;
}

.event-content{
	padding:15px 10px;
}

.eventsimg{
	position:relative;
	display:inline-block;
}

.eventsimg .video-icon{
	margin-left: -30px;
	margin-top: -20px;
}
.eventsimg .video-length{
	bottom:6px;
	right:8px;
}

.eventsimg:hover .video-icon, .eventsimg:hover .video-length{
	visibility:visible;
	display:block;
}

.eventsimg img{
	max-width:100%;
	width: 100%;
}

.events .eventform-con{
	clear:both;
	padding-bottom:30px;
	border-bottom:1px solid #c3c8cd;
	margin-top:0px;
	margin-bottom:5px;
}

/**************************************************
	7.1 Events Form & background
 **************************************************/
.events .form-input{
	border:1px solid #c2c4cb;
	border-radius:3px;
}

.events .eventform-con .form-input .icon,.events .eventform-con .form-input input,.events .eventform-con .form-input .styled-select select{
	color:#c3c8cd;
}

.events  .eventform-con .form-input input::-webkit-input-placeholder{
	color:#c3c8cd;
}

.events .eventform-con .form-input input::-moz-placeholder{
	color:#c3c8cd;
}

.events   .eventform-con .form-input input:-ms-input-placeholder {
	color:#c3c8cd; 
}

.events .form-input.search-location{
	width:23%;
}

/**************************************************
	7.2 Events Form & Filter 
 **************************************************/
.events .event-filter li{
	float:left;
	list-style:none;
	width:40px;
	height:40px;
	border:1px solid #c3c8cd;
	line-height:40px;
	margin-left:2%;
	color:#c3c8cd;
	cursor:pointer;
	color:#c3c8cd;
	font-size:18px;
	border-radius:3px;
}
.events .event-filter li.active{
	color:#fff;
	background:#5ab4e6;
	border:0px;
}




/**************************************************
	Events Social-icon
 **************************************************/

.event .social-icon a{
	color:#c3c8cd;
	border-top: 1px solid #f3f3f5;
	border-right: 1px solid #f3f3f5;
	width:52px;
	height: 40px;
	line-height: 40px;
	margin-right: 0px;
	font-size:18px;
	text-align:center;
}

.event .social-icon a:last-child{
	border-right:0px;
}

/**************************************************
	Rating
 **************************************************/

.rating{
	color:#ffaa00;
	margin-bottom:5px;
}

/**************************************************
	Job
 **************************************************/

.job{
	font-size:18px;
	margin-bottom:8px;
	line-height:1;
}



/**************************************************
	8. Background(img)
 **************************************************/

.background {
	background:url(../img/background-bg.jpg) no-repeat center center;
	background-size: 100% 100%;
	display: table;
	width: 100%;
	padding:50px 0;
}

.background-content{
	padding: 10px 8%;
	text-align:center;
}

.border-cover {
	width: 80%;
	margin: 0 auto;
	border:3px solid #fff;
}

.border-cover .title{
	font-weight:900;
	background:url(../img/background-bg.jpg) no-repeat top center;
	max-width:540px;
	margin-right:auto;
	margin-left:auto;
	margin-top:-35px;
	margin-bottom:15px;
}
.border-cover p{
	max-width:540px;
	margin-right:auto;
	margin-left:auto;
}

.background-content .both-btn{
	margin:20px auto;
	width:90%;
}

.background .event{
	-webkit-transition:all ease-in-out 0.3s;
}

.background .event:hover{
	background:#735cb0;
	color:#fff;
	border-color:#fff;
	-webkit-transition:all ease-in-out 0.3s;
}

.background .event:hover .title,.background .event:hover p{
	color:#fff;
}

.background .event:hover .eventsicon{
	border-color:#fff;
	color:#fff;
}

/**************************************************
	8.2 Background & Eventform
 **************************************************/
.background  .eventform-con{
	margin:30px 0px
}
.background .eventform-con .form-input{
	border:1px solid #000;
	border-radius:3px;
}

.background .form-input.search-location{
	width:35%;
}

.background .eventform-con .btn{
	padding:8px 30px;
	border-radius:3px;
}

.background .eventform-con .form-input input,.background .eventform-con .form-input .icon{
	color:#54667a;
}

.background .eventform-con .form-input input::-webkit-input-placeholder{
	color:#54667a;
}

.background .eventform-con .form-input input::-moz-placeholder{
	color:#54667a;
}

.background  .eventform-con .form-input input:-ms-input-placeholder {
	color:#54667a; 
}