/* ----------------------------------------------------
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
   ----------------------------------------------------- */

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center no-repeat #fff;
}
   
p{
	color:grey;
}

.page-heading h1{
	color:#2d3e50;
}

.decorated > span{
	background-color:#42a4bc;
}

.decorated > .black-line:before, .decorated > .black-line:after{
    border-bottom: 2px solid #2d3e50;
}

.decorated > .white-line:before, .decorated > .white-line:after{
    border-bottom: 2px solid white;
}

.my-butn{
	background-color:#42a4bc;
	color:white;
	border-color:#42a4bc;
	border-radius:0px;
}

.my-butn:hover{
	color:white;
	background-color:#2d3e50;
	border-color:#2d3e50;
}

.my-butn:focus{
	color:white;
	background-color:#42a4bc;
	border-color:#42a4bc;
}

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

.navbar-default {
	border-color: rgba(34, 34, 34, 0.05);
}

.navbar-default .navbar-header .navbar-toggle{
	background:white;
	border:0;
}

.navbar-default .navbar-header .navbar-toggle span{
	background:#42a4bc;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
	color: white;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
	color: #222222;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
 	color: white;
	background-color: transparent;
}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
	background-color: transparent;
}

@media (min-width: 767px) {
	
  .navbar-default {
	  background:transparent;
	  border-color: transparent;
  }
  
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
	  color: white;
  }
  
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
	  color: rgba(255, 255, 255, 0.7);
  }
  
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover,
  .navbar-default .nav > li.active > a:hover {
	  color: white;
  }
  
  .navbar-default.affix {
	  background-color: #42a4bc !important;
      border-color: rgba(34, 34, 34, 0.1);
	  box-shadow:0px 2px 5px rgba(0,0,0,0.2);
  }

  .navbar-default.affix .nav > li > a{
      color:white;
  }
  
  .navbar-default.affix .nav > li.active > a,
  .navbar-default.affix .nav > li.active > a:focus
  .navbar-default.affix .nav > li.active > a:hover {
      color: #2d3e50 !important;
  }
  
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
      color: #2d3e50;
  }
}

@media(max-width:767px){
	
	.navbar-default{
		box-shadow:0px 2px 5px rgba(0,0,0,0.2);
		background:#42a4bc;
	}
	
	.navbar-default .navbar-collapse{
		background:white;
	}
	
	.navbar-default .nav > li > a{
		color: #2d3e50;
		border-bottom:1px solid #f2f2f2;
	}

	.navbar-default .nav > li > a:focus,
	.navbar-default .nav > li > a:hover{
		color:#42a4bc;
	}
	
	.navbar-default .nav > li.active > a,
	.navbar-default .nav > li.active > a:focus,
	.navbar-default .nav > li.active > a:hover {
		color: #42a4bc;
	}
}
  
/* -----------------------------------------------------
	1.2		Slider
   ----------------------------------------------------- */

#slider{
	border:0px;
}

#slider .meta{
	color:white;
}

#slider .item-1{
	background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url(../images/slider-1.jpg) center center no-repeat;
	background-size:cover;
	height:100%;
}

#slider .item-2{
	background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url(../images/slider-2.jpg) center center;
	background-size:cover;
	height:100%;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta p{
	color:white;
}

#slider li .category .btn{
	background:url(../images/whatsapp.jpg) center no-repeat;
	border-radius:0px;
	width: 160px;
	height: 60px;
	border:1px solid #14ac00;
	border-radius:30px
}

#slider li .category .btn:hover{
	background:url(../images/whatsapp.jpg) center no-repeat;
	border-radius:0px;
	width: 160px;
	height: 60px;
	border: 2px solid #14ac00;
	border-radius:30px
}

#slider .flex-control-nav li a{
	background:lightgrey;
}

#slider .flex-control-nav li:hover a, #slider .flex-control-nav li a.flex-active{
	background:#42a4bc;
}

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

#about-us h1,
#about-us h2{
	color:#2d3e50;
}

#about-us .about-text .name{
	color:#42a4bc;
}

#about-us p{
	color:#666666;
}


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

#sp-services{
	background:linear-gradient(rgba(45, 62, 80,0.9),rgba(45, 62, 80,0.9)),url('../images/services.jpg') center center;
	background-size:cover;
	background-position:top;
}

.sp-block .fa{
	background:#253341;
	color:white;
	border-radius:30px;
}

.sp-block:hover .fa{
	background:#42a4bc;
	color:white;
}

.sp-block h3{
	color:white;
}

.sp-block p{
	color:white;
}

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

#why .why-text .why-us-block .why-icon .fa{
	color:#42a4bc;
	border-radius:100%;
}

#why .why-text .why-us-block .why-info h3{
	color:#2d3e50;
}

/* -----------------------------------------------------
	1.6		Banner
   ----------------------------------------------------- */

#banner{
	background:linear-gradient(#42a4bc,#42a4bc),url('../images/banner.jpg') center center;
	background-size:cover;
	background-position:center;
	color:white;
}

#banner .highlight-box .fa{
	color:#2d3e50;
}

#banner .highlight-box h1,
#banner .highlight-box h4{
	color:white;
}

/* -----------------------------------------------------
	1.7		Departments
   ----------------------------------------------------- */
   
#department{
	background:linear-gradient(rgba(45, 62, 80,0.9),rgba(45, 62, 80,0.9)),url('../images/department.jpg');
	background-size:cover;
	background-attachment:fixed;
}

#department .page-heading h1{
	color:white;
}

#department .page-heading p{
	color:#f2f2f2;
}

.dept-block .fa,
.dept-block h3{
	color:#f2f2f2;
}

.dept-block p,
.dept-block h5{
	color:#f2f2f2;
}

.dept-block:hover{
	background:rgba(255,255,255,0.1);
}

.dept-block:hover .block-text{
	opacity:0;
}

.dept-block .overlay-text{
	transform:translateY(100%);
	opacity:0;
}

.dept-block:hover .overlay-text{
	transform:translateY(0%);
	opacity:1;
}

/* -----------------------------------------------------
	1.8		Gallery
   ----------------------------------------------------- */
   
.gallery-block .gallery-image{
	box-shadow: 0px 0px 18px 0px #BBBBBB;
	border:1px solid lightgrey;
}

.gallery-block .image-mask{
	transform:translateX(-100%);
	color:white;
}

.gallery-image .image-mask .fa,
.gallery-image .image-mask h3{
	color:white;
}

.gallery-block:hover .image-mask{
	background:rgba(45, 62, 80,0.8);
	transform:translateX(0%);
}

.gallery-block:hover img{
	transform:scale(1.2) rotate(5deg);
}

/* -----------------------------------------------------
	1.9		Testimonials
   ----------------------------------------------------- */
   
#reviews{
	background:linear-gradient(#42a4bc,#42a4bc),url('../images/testimonial.jpg') no-repeat;
	background-size:cover;
	background-position:top;
}


#reviews .page-heading p{
	color:white;
}

#reviews .page-heading .decorated span{
	background:white;
}

#reviews #owl-reviews .reviewer-text p,
#reviews #owl-reviews h3{
	color:white;
}

#reviews .owl-controls .owl-pagination .owl-page span{
	background:#2d3e50;
}

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

.member-block{
	box-shadow:0px 0px 10px lightgrey;
}

.member-block .member-image{
	border:1px solid #f2f2f2;
	border-radius:0px;
}

.member-block:hover .member-image img{
	transform:scale(1.1);
}

.member-block .mask{
	background:rgba(0,0,0,0.7);
	border-radius:30px 30px 0px 0px;
}

.member-block:hover .mask{
	opacity:1;
	transform:translateY(0%);
}

.member-block .member-image .mask a{
	color:white;
}

.member-block .member-image .mask a:hover{
	color:#42a4bc;
}

.member-info .member-name{
	color:#42a4bc;
}

.member-info .member-cat{
	color:grey;
}

#owl-team .owl-controls .owl-buttons div{
	border-radius:0px;
	background:none;
	color:grey;
	border:0;
}

#owl-team .owl-controls .owl-buttons div:hover{
	background:#2d3e50;
	color:white;
}

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

#newsletter{
	background:linear-gradient(rgba(45, 62, 80,0.9),rgba(45, 62, 80,0.9)),url('../images/newsletter.jpg');
	background-size:cover;
	background-position:top;
}

#newsletter h1{
	color:white;
}

#newsletter .subscribe-line{
	color:white;
}

#newsletter form{
	border-top:1px solid white;
}

#newsletter form input{
	border:0px;
	border-radius:0px;
	box-shadow:none;
}

#newsletter form .btn{
	border-radius:0px;
	border-color:white;
	background-color:#42a4bc;
	color:white;
}

/* -----------------------------------------------------
	1.12	Events
   ----------------------------------------------------- */
   
#event-carousel .item .event-heading{
	color:#42a4bc;
	border-bottom:2px dashed #42a4bc;
	border-top:2px dashed #42a4bc;
}

#event-carousel .item .event-info .event-date span,
#event-carousel .item .event-info .event-time span{
	color:grey;
}

#event-carousel .item .event-info .fa{
	color:#42a4bc;
}

#event-carousel .item .event-info .timer .number{
	border:2px solid lightgrey;
	color:grey;
}

#event-carousel .item .event-info .timer .text{
	color:#42a4bc;
}

#event-carousel .owl-controls .owl-buttons div{
	border-radius:0px;
	background:none;
	color:grey;
	border:0;
}

#event-carousel .owl-controls .owl-buttons div:hover{
	background:#2d3e50;
	color:white;
}

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

#contact{
	background:linear-gradient(rgba(45, 62, 80,0.9),rgba(45, 62, 80,0.9)),url('../images/contact.jpg');
	background-size:cover;
	background-position:top;
}

#contact .page-heading h1,
#contact .page-heading p{
	color:white;
}

#contact #contact-form input,
#contact #contact-form textarea,
#contact #contact-form .btn{
	border-radius:0px;
	box-shadow:none;
}

#contact #contact-form .btn{
	background:#42a4bc;
	border-color:#42a4bc;
	color:white;
}

#contact #addresses p{
	color:white;
}

#contact #addresses .address-text-icon .fa{
	color:#42a4bc;
}

#contact #addresses .address-text-icon a{
	color:#42a4bc;
}


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

#footer{
	background:#42a4bc;
}

#footer .social-links li .fa{
	color:white;
}

#footer .copyright p{
	color:white;
}

#footer .copyright a{
	color:white;
}

#footer .social-links li .fa:hover{
	color:#2d3e50;
}