/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

/*-- Global --*/

.body-innerwrapper{
	overflow-x:hidden;
}

.row-fluid {
 	margin-bottom:20px;
 	&:first-child{
 		margin-bottom:0;
 	}
 }

 body{
 	font-size: 16px;
 	line-height: 24px;
 }

 /*-- Top Bar start here --*/
 #sp-header-wrapper{
 	padding:15px 0 15px;
 	border-bottom: 1px solid #e9e9e9;

	//Logo
	.logo-wrapper{
		display: inline-block;
		.logo{
			background-position:0 50%;
			background-repeat:no-repeat;
		}
		.logo-text{
			font-size:24px;
		}
		.logo-slogan{
			font-size:11px;
		}
	}


 	//Top Social
 	.sp-social{
 		display: inline-block;
 		float: left;
 		a{
 			color: #fff;
 			margin-left: 5px;
 			padding: 1px 0;
 			border: 1px solid transparent;
 			.border-radius(2px);
 			i{
 				font-size: 12px;
 				width: 24px;
 				height: 24px;
 				line-height: 22px;
 				display: inline-block;
 				vertical-align: middle;
 				text-align: center;
 			}
 			&.fb{
 				background: #35538f;
 			}
 			&.twt{
 				background: #0b96c4;
 			}
 			&.gplus{
 				background: #cc4a4a;
 			}	
 			&.youtube{
 				background: #870a0a;
 			}
 			&:hover{
 				background: #fff;
 				&.fb{
 					color: #35538f;
 					border: 1px solid #35538f;
 				}
 				&.twt{
 					color: #0b96c4;
 					border: 1px solid #0b96c4;
 				}
 				&.gplus{
 					color: #cc4a4a;
 					border: 1px solid #cc4a4a;
 				}
 				&.youtube{
 					color: #870a0a;
 					border: 1px solid #870a0a;
 				}
 			}
 		}
 	}

	//Account
	#sp-account{
		padding-top: 10px;
		.sp-mod-login{
			font-size: 12px;
			padding: 0 8px;
			.border-radius(2px);
			a.login_link, 
			span.sp-register {
				color: #fff;
				a{
					color: #fff;
				}
			}
		}
	}
}
/*-- Top Bar end here --*/

/*-- Menu start here --*/
#sp-menu-wrapper{
	background: #fff;
}
//Search
#sp-search{
	text-align: right;
	padding: 10px 0;
	.search{
		form{
			margin:0;
			position: relative;
			height: 40px;
		}
		#mod-search-searchword{
			min-height: 40px;
			background: #fff;
			border:1px solid #e9e9e9;
			padding: 0 30px 0 10px;
			width: 65%;
			.transition(500ms);
			.box-shadow( ~'none' );
			.box-sizing(border-box);
			.border-radius(2px);
			&:focus{
				width: 100%;
				.box-shadow( ~'none' );
			}
		}
		i{
			position: absolute;
			right: 10px;
			top: 11px;
			color:#e9e9e9;
			font-size: 16px;
			text-shadow: none;
		}
	}		
}
/*-- Menu end here --*/


/*-- Slideshow start here --*/
.sp-university-layout{
	.sp-slider-content{
		color: #fff;
		a.btn-more{
			text-transform: capitalize;
			font-size: 18px;
			box-shadow: none;
			border: 0;
			padding: 18px 50px;
			text-shadow :none;
			color: #fff;
			.transition(500ms);
			.border-radius(2px);
			&:hover{
				background: #fff;
			}
		}

		//Title
		h3.sp-posttitle{
			font-size: 36px;
			text-transform: uppercase;
		}

		//Introtext
		.sp-introtext{
			font-size: 24px;
		}
	}

	//Slider Controllers
	.sp-slider-controllers{
		//common
		.controller-prev, 
		.controller-next{
			font-size: 70px;
			font-family: fontAwesome;
			background: rgba(255, 255, 255, 0.5) !important;
			span{
				display: none;
			}
			&:hover{
				background: #fff !important;
			}
		}
		//prev
		.controller-prev{
			.border-radius(0 3px 3px 0);
			&:before{
				content: "\f104";
			}
		}
		//next
		.controller-next{
			.border-radius(3px 0 0 3px);
			&:before{
				content: "\f105";
			}
		}
	}
}

/*-- Slideshow end here --*/


/*-- Features wrapper --*/
#sp-feature{
	padding: 50px 0 100px;
	text-align: center;
	position: relative;
	//News Show Sp2
	.ns2-art-wrap{
		//image
		img.ns2-image{
			width: 100px;
			height: 100px;
			.border-radius(100%);
		}
		//title
		h4.ns2-title{
			font-size: 20px;
			text-transform: uppercase;
			font-weight: 600;
		}
		//introtext
		p.ns2-introtext{
			line-height: 24px;
			margin:10px 0 30px;
			display: inline-block;
		}
		//readmore
		a.ns2-readmore{
			span{
				padding-left: 5px;
				background-image:url('bg5.png');
			}
		}
	}
}


.carousel.scale{
	.item.active{
		.row-fluid{
			>div{
				&:nth-child(1){
					-webkit-animation: scaleUp 200ms linear 0ms both;
					-moz-animation: scaleUp 200ms linear 0ms both;
					-ms-animation: scaleUp 200ms linear 0ms both;
					-o-animation: scaleUp 200ms linear 0ms both;
					animation: scaleUp 200ms linear 0ms both;
				}
				&:nth-child(2){
					-webkit-animation: scaleUp 200ms linear 100ms both;
					-moz-animation: scaleUp 200ms linear 100ms both;
					-ms-animation: scaleUp 200ms linear 100ms both;
					-o-animation: scaleUp 200ms linear 100ms both;
					animation: scaleUp 200ms linear 100ms both;
				}
				&:nth-child(3){
					-webkit-animation: scaleUp 200ms linear 200ms both;
					-moz-animation: scaleUp 200ms linear 200ms both;
					-ms-animation: scaleUp 200ms linear 200ms both;
					-o-animation: scaleUp 200ms linear 200ms both;
					animation: scaleUp 200ms linear 200ms both;
				}
				&:nth-child(4){
					-webkit-animation: scaleUp 200ms linear 400ms both;
					-moz-animation: scaleUp 200ms linear 400ms both;
					-ms-animation: scaleUp 200ms linear 400ms both;
					-o-animation: scaleUp 200ms linear 400ms both;
					animation: scaleUp 200ms linear 400ms both;
				}
			}
		}
	}

	//Indicators
	.carousel-indicators {
		top: auto;
		bottom: -50px;
		right: auto;
		left: 50%;
		margin-left: -24px;
		li{
			cursor: pointer;
			background-color: #dadada;
		}
	}
}
/*-- Features wrapper end--*/

/*-- User wrapper start--*/
#sp-users-wrapper {
	padding:30px 0;
}
/*-- User wrapper end --*/


/*-- Main top start--*/
#sp-main-top-wrapper{
	#sp-maintop{
		text-align: center;
		h3.header{
			position: absolute;
			left:50%;
			margin-left: -200px;
			margin-top: 45px;
			font-size: 36px;
			font-weight: 700;
			text-transform: uppercase;
			color: #fff;
		}
		.custom{
			height: 300px;
			color: #fff;
			p{
				padding: 120px 150px;
			}
		}
	}
}

/*-- Main top end --*/


/*-- Component area start --*/
#sp-main-body-wrapper{
	padding-top: 30px;
	.container{
		padding: 20px;
	}
}

.has-banner,
.homepage{
	#sp-main-body-wrapper {
		.container{
			background: #fff;
			top: -100px;
			position: relative;
			h2{
				margin-top: 0;
				padding-top: 0;
			}
		}
	}
}

.homepage{
	#sp-main-body-wrapper {
		.featured{
			.items-row{
				&:first-child{
					padding-bottom: 50px;
				}
				h2.entry-title{
					font-size: 16px;
				}
				footer.entry-meta{
					margin-top: 10px;
					display: inline-block;
				}
			}
		}
	}
}

//Right side
#sp-right{
	h3.header{
		font-size: 16px;
		border-bottom: 3px solid #e9e9e9;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
}

/*-- Component area end --*/

/*-- Gallery wrapper --*/
#sp-gallery-wrapper{
	margin-bottom: 80px;
	text-align: center;
	.custom{
		height: 320px;
		.gallery-content{
			max-width: 560px;
			margin-right: auto;
			margin-left: auto;
			padding: 20px;
			display: inline-block;
			margin-top: 88px;
			cursor: pointer;
			color: #fff;
			a{
				color: #fff;
			}
		}
	}
}
/*-- End Gallery wrapper --*/

/*-- User Bottom wrapper --*/
#sp-user-bottom-wrapper{
	padding-bottom: 50px;
	h3.header{
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 20px;
	}
	#sp-user-bottom1, 
	#sp-user-bottom2{
		font-size: 14px;
	}
	//Latest News
	#sp-user-bottom1{
		span.moduleItemDateCreated{
			display: block;
			color: #b4b4b4;
		}
		a.moduleItemTitle{
			margin-top: 6px;
			display: inline-block;
			line-height: 24px;
		}
	}

	//Upcoming Events
	#sp-user-bottom2{
		//title
		a.moduleItemTitle {
			line-height: 24px;
		}
	}
}

//event date
.event-date{
	color: #fff;
	padding: 6px;
	text-align: center;
	margin-right: 20px;
	.border-radius(2px);
	span.sp_date_day{
		font-size: 36px;
		font-weight: 800;
		line-height: 100%;
		display: block;
	}
}

//User Bottom3
#sp-user-bottom3{
	.support,
	.apply{
		font-size: 16px;
		padding: 19px 20px;
		border-radius: 2px;
		text-align: center;
		text-transform: capitalize;
		margin: 10px 0;
		.transition(500ms);
		a{
			color: #fff;
		}
	}
	.support{
		&:hover{
			a{
				
			}
		}
	}
	.apply{
		background: #34b800;
		cursor: pointer;
		border: 1px solid transparent;
		&:hover{
			background: lighten(#34b800, 50%);
			border: 1px solid lighten(#34b800, 30%);
			a{
				color: #34b800;
			}
		}
	}
}
/*-- User Bottom wrapper end --*/


/*-- Main bottom start--*/
#sp-main-bottom-wrapper{
	#sp-mainbottom{
		text-align: center;
		h3.header{
			position: absolute;
			left:50%;
			margin-left: -200px;
			margin-top: 45px;
			font-size: 36px;
			font-weight: 700;
			text-transform: uppercase;
			color: #fff;
		}
		.custom{
			height: 300px;
			color: #fff;
			p{
				padding: 120px 150px;
			}
		}
	}
}
/*-- Main bottom end --*/


/*-- Bottom start --*/
#sp-bottom-wrapper{
	padding-bottom: 80px;
	#sp-bottom1{
		margin-top: -100px;
		padding: 20px;
		h3.header{
			text-transform: uppercase;
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 20px;
		}
	}
}
/*-- Bottom end --*/


/*-- Footer start here --*/
#sp-footer-wrapper {
	padding: 50px 0;
	font-size: 14px;
	border-top: 1px solid #eeeeee;
	position: relative;
	ul {
		display:inline-block;
		float: right;
		&.nav {
			display:inline-block;
			list-style:none;
			padding:0;
			margin:0 5px;
			li {
				display:inline-block; 
				margin:0 5px;
				a {
					display:block;
					&:hover{
						background:none;
					}
				}
			}
		}
	}

	//Copyright
	span.designed-by{
		margin: 0 15px;
	}

	//Go to top
	.sp-totop{
		display:inline-block;
		position: absolute;
		right: 20px;
		margin-top: -12px;	
		i{
			color:#fff;
			padding: 13px;
			background: #cbd0d5;
			.border-radius(~'4px');
			.transition(500ms);
		}
		small{
			display: none;
		}
	}
}

/*-- Footer end here --*/


/*--------------------------* 
*-----Sub pages start here---*
*----------------------------*/

#sp-banner{
	.custom{
		height: 196px;
		background-position-y: 0;
	}
}

//About us
.about-us{
	p.about-comittee{
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 5px;
		margin-bottom: 30px;
	}
	p.about-designation{
		font-weight: 600;
	}
	.team-photo{
		position: relative;
		img.about-img{
			border: 3px solid #e9e9e9;
			.border-radius(4px);
		}
		.about-name{
			font-size: 14px;
			position: absolute;
			bottom: 15px;
			left: 3px;
			padding: 5px 10px;
			color: #fff;

		}
	}
}

//Gallery Page
.sp-portfolio-filter{
	text-align: left !important;
	margin: 50px 0 !important;
	li{
		a.btn{
			background: none !important;
			font-size: 16px !important;
			padding: 4px 6px !important;
			.border-radius(0);
			&.active{
				color: #ccc;
			}
			&:hover{
				color: #ccc !important;
				border: 0 !important;
			}
		}
	}
}
.sp-portfolio-item-inner{
	background: none !important;
	padding: 0 !important;
	margin: 15px !important;
}
 .sp-portfolio-item-details{
 	background: none !important;
 }


/*--------------------------* 
*-----Sub pages start here---*
*----------------------------*/


/*-- Breadcrumb start --*/
ul{
	&.breadcrumb{
		margin:0;
		padding-left:0;
		padding-right:0;
		background:transparent;
	}
}	

.sp-border {
	position:relative;
	&::after {
		content: " ";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1px;
	}
}

/*-- Breadcrumb end --*/

/*-- K2 Common start --*/
div.itemListCategory h2{
	font-size: 36px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

/*-- K2 Common end --*/

/*-- Animation --*/

@keyframes scaleUp {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}

}

@-moz-keyframes scaleUp {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}

}

@-webkit-keyframes scaleUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}

}

@-ms-keyframes scaleUp {
	0% {
		opacity: 0;
		-ms-transform: scale(.3);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}

}

@-o-keyframes scaleUp {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}

}


@-webkit-keyframes scaleDown {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

}