/* ----------------------------------------------------
Theme Name:		University - HTML & Bootstrap Template
Version:		1.0.0
Author:			University
------------------------------------------------------- */


/* ======================================================
	TABLE OF CONTENTS
   ====================================================== */

/**

* 1.0	Settings
* 1.1	Navbar
* 1.2	Slider
* 1.3	About Us
* 1.4	Services
* 1.5	Why Us
* 1.6	Banner
* 1.7	Departments
* 1.8	Gallery	
* 1.9	Testimonials
* 1.10	Teachers
* 1.11	Newsletter
* 1.12	Events
* 1.13	Contact Us
* 1.14	Footer

**/


/* -----------------------------------------------------
	1.0		Settings
   ----------------------------------------------------- */
   
body,html{
	height:100%;
}

h1,h2,h3,h4,h5{
	font-family: 'Montserrat', sans-serif;
}

p,.btn,input,select,textarea,ul,span{
	font-family: 'Open Sans',sans-serif;
}

p{
	line-height:1.8em;
	letter-spacing:.03em;
	font-size:14px;
}

.navbar a{
	font-family: 'Open Sans', sans-serif;
}

.page-heading{
	margin-bottom:40px;
}

.page-heading h1{
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
}

.page-heading p{
	width:60%;
	margin:0 auto;
	text-align:center;
}

.decorated{
     overflow: hidden;
	 margin-top:10px;
	 margin-bottom:10px;
	 text-align:center;
}
 
.decorated > span{
    position: relative;
    display: inline-block;
	height:15px;
	width:15px;
}

.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    width: 60px; /* half of limiter */
    margin: 0 10px;
}

.decorated > span:before{
    right: 100%;
}

.decorated > span:after{
    left: 100%;
}

.my-butn{
	margin-top:20px;
	font-weight:bold;
}

.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.nav-padding{
	padding-top:20px;
	padding-bottom:20px;
}

.nav-no-padding{
	padding-top:10px;
	padding-bottom:10px;
}

.section-padding{
	padding-top:115px;
	padding-bottom:115px;
}

.banner-padding{
	padding-top:90px;
	padding-bottom:90px;
}

@media(max-width:991px){
	
	.section-padding{
		padding-top:90px;
		padding-bottom:90px;
	}
	
	.banner-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
}

@media(max-width:767px){
	
	.section-padding{
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.page-heading p{
		width:90%;
	}
	
	body{
		padding-top:51px;
	}
}

@media(max-width:450px){
	
	.page-heading h1{
		font-size:28px;
	}
}

/* -----------------------------------------------------
	1.1		Navbar
   ----------------------------------------------------- */

.navbar-default {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	font-weight: 200;
	letter-spacing: 1px;
	margin-bottom:0px;
}

.navbar-default .navbar-header .navbar-brand {
    padding-top:0px;
    padding-bottom:0px;
}

.navbar-default .navbar-brand img{
	max-height:60px;
}

.navbar-default .navbar-header .navbar-toggle {
    padding:20px;
	border-radius:0px;
	margin:0px;
}

.navbar-default .nav > li > a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 14px;
	margin-top:3px;
	font-weight:bold;
}

@media(max-width:767px){
	
	.navbar-default{
		padding-top:0;
		padding-bottom:0;

	}
	
	.navbar-default .nav > li > a {
		margin-top:0px;
	}
	
	.navbar-default .navbar-nav{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.navbar-toggle{
		margin-top:11px;
	}
	
	.navbar-default .navbar-brand img{
		max-height:40px;
		min-height:40px;
		margin-top:8px;
	}
}

/* -----------------------------------------------------
	1.2		Slider
   ----------------------------------------------------- */

.slider-mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.flexslider li {
	position: relative;
}

.flexslider li .meta {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
}

.flexslider li h1 {
	margin-bottom: 0;
	font-size: 65px;
	font-weight: normal;
}

.flexslider li .category .btn-lg {
	margin-top:20px;
}
	
.flexslider li p {
	padding: 13px 18px 11px;
	font-size: 1.1em;
	margin-top: 0;
	font-weight: 300;
	letter-spacing:2px;
	line-height:1.5em;
}

.flexslider li .category {
	display: flex;
	flex-direction: row;
}

.flexslider li .category .btn{
	font-weight:bold;
}

.flexslider li h1,
.flexslider li p,
.flexslider li .category .btn {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutTop;
	animation-name: fadeOutTop;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta p,
.flexslider li.flex-active-slide .meta .category .btn {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInTop;
	animation-name: fadeInTop;
}

.flexslider li.flex-active-slide .meta p {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta .category .btn {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.flex-direction-nav {
	display:none;		
}

@-webkit-keyframes fadeInTop {
	
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInTop {
	
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeOutTop {
	
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}

@keyframes fadeOutTop {
	
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}

@media(min-width:1200px){
	
	.flexslider ul li{
		padding:400px 0px;
	}
}

@media(max-width:1024px){
	
	.flexslider li h1{
		font-size:50px;
	}	
}

@media(min-width:991px) and (max-width:1200px){
	
	.flexslider ul li{
		padding:400px 0px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.flexslider ul li{
		padding:330px 0px;
	}
}

@media(min-width:550px) and (max-width:767px){
	
	.flexslider ul li{
		padding:280px 0px;
	}
}

@media(max-width:550px){
	
	.flexslider li h1{
		font-size:30px;
	}	
	
	.flexslider li .category .btn-lg {
		padding:8px 12px;
		font-size:14px;
	}
	
	.flexslider ul li{
		padding:250px 0px;
	}
}

@media(max-width:400px){
	
	.flexslider ul li{
		padding:210px 0px;
	}
	
	.flexslider li h1{
		font-size:25px;
		letter-spacing:1px;
	}	
}

/* -----------------------------------------------------
	1.3		About Us
   ----------------------------------------------------- */

#about-us .about-image img{
	max-height:400px;
	display:inline-block;
}

#about-us h1{
	margin:0px;
	font-size:30px;
}

#about-us .about-text h2{
	font-size:45px;
	margin-top:10px;
}

#about-us .about-text .name{
	font-weight:bold;
}

#about-us .btn{
	margin-top:10px;
}

@media(max-width:991px){
	
	#about-us .about-image img{
		margin-bottom:30px;
	}
	
	#about-us h1{
		font-size:25px;
	}
	
	#about-us .about-text h2{
		font-size:35px;
	}
}

@media(max-width:500px){
	
	#about-us h1{
		font-size:20px;
	}
	
	#about-us .about-text h2{
		font-size:30px;
	}
}

/* -----------------------------------------------------
	1.4		Services
   ----------------------------------------------------- */

.sp-block .fa{
	transition:.5s;
	height:80px;
	width:80px;
	padding-top:18px;
}

.sp-block p{
	margin-bottom:0px;
}

@media(max-width:768px){
	
	.sp-block{
		margin-top:25px;
		margin-bottom:25px;
	}
}

/* -----------------------------------------------------
	1.5		Why Us
   ----------------------------------------------------- */

#why .why-text ul li{
	font-size:15px;
	line-height:1.8em;
}

#why .why-text .why-us-block .why-icon .fa{
	height:60px;
	width:60px;
	padding-top:16px;
}

#why .why-image img{
	display:inline-block;
	max-height:450px;
}

@media(max-width:414px){
	
	#why .why-text .why-us-block .why-icon .fa{
		height:45px;
		width:45px;
		padding-top:8px;
		margin-top:13px;
	}
	
	#why .why-text .why-us-block .why-info h3{
		font-size:20px;
	}

}

/* -----------------------------------------------------
	1.6		Banner
   ----------------------------------------------------- */
   
#banner .highlight-box{
	padding:10px;
}

#banner .highlight-box .icon{
	padding-top:18px;
	float:left;
	width:60px;
}

#banner .highlight-box .text{
	overflow:hidden;
}

/* -----------------------------------------------------
	1.7		Departments
   ----------------------------------------------------- */

.dept-block{
	text-align:center;
	padding:15px;
	margin-bottom:25px;
	height:250px;
	overflow:hidden;
	position:relative;
	transition:.3s;
}

.dept-block .fa{
	font-size:80px;
}

.dept-block .block-text{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	width:100%;
	transition:.3s;
}

.dept-block .block-text h3{
	font-size:20px;
	font-weight:bold;
}

.dept-block .overlay-text{
	position:absolute;
	top:0;
	left:0;
	padding:15px;
	transition:.3s;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	width:100%;
	text-align:center;
}

.dept-block .overlay-text h5{
	font-weight:bold;
	font-size:15px;
}

.dept-block .overlay-text p{
	font-size:13px;
}

/* -----------------------------------------------------
	1.8 	Gallery
   ----------------------------------------------------- */

.image-link {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.gallery-block{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

.gallery-image{
	overflow:hidden;
	position:relative;
}

.gallery-image img{
	transition:.9s;
}

.gallery-image .image-mask{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	transition:.3s;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.gallery-image .image-mask .fa{
	font-size:35px;
}

@media(min-width:1200px){
	
	.gallery-block .gallery-image img{
		max-height:250px;
		min-height:250px;
		width:100%;
	}
}

@media(min-width:991px) and (max-width:1200px){
	
	.gallery-block .gallery-image img{
		max-height:200px;
		min-height:200px;
		width:100%;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.gallery-block .gallery-image img{
		max-height:250px;
		min-height:250px;
		width:100%;
	}
}

@media(max-width:768px){
	
	.gallery-image .image-mask .fa{
		font-size:25px;
	}
}

/* -----------------------------------------------------
	1.9		Testimonials
   ----------------------------------------------------- */
   
#reviews #owl-reviews .reviewer-image img{
	height:100px;
	width:100px;
	display:inline-block;
}

#reviews #owl-reviews .reviewer-text p{
	position:relative;
	padding:30px 0px;
	
}

#reviews #owl-reviews .reviewer-text p::before{
	position:absolute;
	content: '\f10d';
	font-family: 'FontAwesome';
	font-size:30px;
	left:0px;
	top:-10px;
}

#reviews #owl-reviews .reviewer-text p::after{
	position:absolute;
	content: '\f10d';
	font-family: 'FontAwesome';
	font-size:30px;
	right:0px;
	bottom:-10px;
	transform:rotate(180deg);
}

#reviews #owl-reviews .item{
	padding:15px;
}

/* -----------------------------------------------------
	1.10	Teachers
   ----------------------------------------------------- */

#owl-team .item{
	max-width:360px;
	margin:0 auto;
	padding:10px;
}

.member-block{
	overflow:hidden;
}

.member-image{
	position:relative;
	overflow:hidden;
}

.member-block .member-image img{
	display:inline-block;
	transition:.9s;
}

.member-block .member-image .mask{
	position:absolute;
	bottom:0;
	transform:translateY(100%);
	opacity:0;
	transition:.3s;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.member-block .member-image .mask ul{
	margin-bottom:0px;
}

.member-block .member-image .mask .fa{
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.member-info{
	padding-top:15px;
	padding-bottom:20px;
}

.member-info .member-name{
	font-weight:bold;
	margin-top:0px;
	font-size:21px;
}

.member-info .member-cat{
	margin-bottom:0px;
	font-size:15px;
}

#owl-guider .item{
	padding:15px;
}

#owl-team .owl-controls .owl-buttons div{
	font-size:30px;
	padding:0px 15px;
	margin-top:40px;
}

#owl-team .owl-controls .owl-buttons div .fa{
	margin-bottom:5px;
}

@media(min-width:991px){
	
	.member-block .member-image img{
		max-height:350px;
		min-height:350px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	.member-block .member-image img{
		max-height:250px;
		min-height:250px;
	}
}

@media(max-width:768px){
	
	.member-block .member-image img{
		max-height:350px;
		min-height:350px;
	}
}

/* -----------------------------------------------------
	1.11	Newsletter
   ----------------------------------------------------- */

#newsletter{
	text-transform:uppercase;
}

#newsletter h1{
	font-weight:bold;
	font-size:45px;
}

#newsletter h2{
	font-size:25px;
	margin-top:5px;
	margin-bottom:25px;
	line-height:1.5em;
}

#newsletter form{
	padding-top:30px;
}

@media(max-width:670px){
	
	#newsletter h1{
		font-size:35px;
	}
	
	#newsletter h2{
		font-size:20px;
	}
}

@media(max-width:480px){
	
	#newsletter h1{
		font-size:26px;
	}
	
	#newsletter h2{
		font-size:16px;
	}
}

/* -----------------------------------------------------
	1.12	Events
   ----------------------------------------------------- */
   
#event-carousel .item .event-info{
	text-align:center;
}

#event-carousel .item .event-info .event-heading{
	font-weight:bold;
	font-size:20px;
	margin-bottom:15px;
	padding:5px;
	margin-top:0px;
}

#event-carousel .item .event-info .fa{
	font-size:18px;
	margin-right:5px;
}

#event-carousel .item .event-info .timer .number{
	padding:3px;
}

#event-carousel .item .event-info .timer .text{
	font-size:15px;
	margin-top:0px;
	margin-bottom:0px;
}

#event-carousel .item .event-info .event-detail p{
	margin-top:15px;
}

#event-carousel .owl-controls .owl-buttons div{
	font-size:30px;
	padding:0px 15px;
	margin-top:40px;
}

#event-carousel .owl-controls .owl-buttons div .fa{
	margin-bottom:5px;
}

@media(max-width:768px){
	
	#event-carousel .item .event-img img{
		margin-top:40px;
	}
}

@media(max-width:359px){
	
	#event-carousel .item .event-info .timer .number{
		padding:3px;
		font-size:25px;
	}
}

/* -----------------------------------------------------
	1.13	Contact Us
   ----------------------------------------------------- */

#contact #addresses .address-text-icon{
	margin-bottom:20px;
}

#contact #addresses .address-text-icon p{
	margin-bottom:0px;
}

@media(max-width:991px){

	#contact #addresses .address-text-icon .text{
		padding-left:0px;
	}
}
	
@media(min-width:768px){
	
	#contact #contact-form .btn{
		float:right;
	}
}

@media(max-width:767px){
	
	#contact #addresses{
		margin-top:40px;
	}
}


/* -----------------------------------------------------
	1.14	Footer
   ----------------------------------------------------- */

#footer{
	padding-top:20px;
	padding-bottom:20px;
}

#footer .social-links li .fa{
	font-size:22px;
}

#footer .social-links{
	margin-top:8px;
	margin-bottom:0px;
}

#footer .copyright p{
	margin-bottom:0;
	margin-top:4px;
}

@media(min-width:767px){
	
	#footer .copyright{
		float:right;
	}
}

@media(max-width:767px){
	
	#footer{
		text-align:center;
	}
	
	#footer .copyright{
		float:none;
		margin-top:10px;
	}
}