/*
Theme Name: Rungta College
Theme URI: http://www.rungtacolleges.com/
Description: Engineering, Management, dental in Bhilai, Chattisgarh| Rungta group of colleges.
Author: Perfectcoder
Author URI: http://www.perfectcoder.com
Version: v1.2014
  _____           __          _    _____          _           
 |  __ \         / _|        | |  / ____|        | |          
 | |__) |__ _ __| |_ ___  ___| |_| |     ___   __| | ___ _ __ 
 |  ___/ _ \ '__|  _/ _ \/ __| __| |    / _ \ / _` |/ _ \ '__|
 | |  |  __/ |  | ||  __/ (__| |_| |___| (_) | (_| |  __/ |   
 |_|   \___|_|  |_| \___|\___|\__|\_____\___/ \__,_|\___|_|.com
                                                              
################################################################    

*/

.fraction-slider{
	position:relative;
	width:100%; height:100%;
	overflow:visible;
}

.fraction-slider .slide{
	display:none; width:100%; height:100%;
	position:absolute;
	z-index:999;
}

.fraction-slider .active-slide{
	z-index:999;
}

.fraction-slider .fs_obj{
	display:block; display:none;
	position:absolute;
	top:0px; left:100%;
	z-index:7000;
}

.fraction-slider .fs_fixed_obj{
	z-index:6000;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fs_loader{
	width:100%; height:400px;
	background:url(images/fs.spinner.html) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
	border: 2px solid #FFFFFF;
	opacity: 0;
	position: absolute;
	z-index: 9999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #FFFFFF;
	width: 50px;
	height: 50px;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	font-size: 30px;
	text-decoration: none;
}
.fraction-slider .prev{
	left:10px; top:40%;	
}
.fraction-slider .prev:before{
	content: "\f104";
	font-family: FontAwesome;
}
.fraction-slider .prev:hover{
	background-color: #FFFFFF;
	color: #3399FF;
}

.fraction-slider .next{
	right:10px; top:40%;
}
.fraction-slider .next:before{
	content: "\f105";
	font-family: FontAwesome;
}

.fraction-slider .next:hover{
	background-color: #FFFFFF;
	color: #3399FF;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
	opacity: 1;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

/** PAGER **/

.fs-pager-wrapper{
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 9999;
	opacity: 0;	
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.fraction-slider:hover .fs-pager-wrapper{
	opacity: 1;	
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
	border: 2px solid #FFFFFF;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.fs-pager-wrapper a:hover,
.fs-custom-pager-wrapper a:hover{
	background-color: #FFFFFF;
}

.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{
	background-color: #FFFFFF;
}