/* =====================================
Template Name: Eduland
Author Name: ThemeLamp
Author URI: http://themelamp.com/
Description: Eduland is a awesome Education & Courses Template.
Version:	1.0
========================================*/

/*======================================
[ CSS Table of contents ]
* Header CSS
	+ Topbar CSS
	+ Logo CSS
	+ Main Menu CSS
	+ Search Form CSS
* Hero Area CSS
* Course Search Form CSS
* Course CSS
	+ Course Archive CSS
	+ Course Single CSS
* Features CSS
* Image Gallery CSS
* Testimonials CSS
* Teachers CSS
* Register Today CSS
* Events CSS
	+ Events Archive CSS
	+ Event Single CSS
* CTA CSS
* News CSS
	+ News Archive CSS
	+ News Single CSS
* Clients CSS
* Main Sidebar CSS
* About US CSS
* Fun Facts CSS
* Pricing Plan CSS
* Faq's CSS
* 404 CSS
* Contact CSS
* Others CSS
* Footer CSS
========================================*/

/*===============================
	Header CSS 
=================================*/
.header {
	background-color: #fff;
}
/* Topbar */
.topbar {
	padding: 10px 0px;
	background: #060606;
	/*position:relative;*/
	overflow:hidden;
}
.topbar::before,
.topbar::after {
	content: "";
	position: absolute;
	width: 22px;
	height: 112px;
	background: #fff;
}
.topbar::before {
	transform: rotate(-30deg);
	left: 0;
	top: -15px;
}
.topbar::after {
	transform: rotate(30deg);
	right: 0;
	top: -15px;
}
.topbar .topbar-left{
	float:left;
}
/* Topbar Widget */
.topbar .top-widget {
	display: inline-block;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.topbar .single-widget {
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	position: relative;
}
.topbar .single-widget::before {
	content: "-";
	position: absolute;
	right: -1.5px;
}
.topbar .single-widget:last-child{
	border:none;
	padding:0;
	margin:0;
}
.topbar .single-widget:last-child:before{
	display:none;
}
.topbar .single-widget p,
.topbar .single-widget p a {
	color: #ccc;
	font-weight: 500;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.topbar .single-widget p:hover,
.header .single-widget p a:hover{
	color:#fff;
}
.topbar .single-widget p i {
  margin-right: 10px;
}
/* Social */
.topbar .social {
	display: inline-block;
}
.topbar .social li {
	display: inline-block;
	margin-right: 10px;
}
.topbar .social li:last-child{
	margin-right:0px;
}
.topbar .social li a {
	color: #ccc;
	display: block;
	text-align: center;
}
/* Topbar Right */
.topbar .topbar-right {
	float: right;
	position: relative;
}
.topbar .login-register {
	margin-right: 245px;
}
.topbar .login-register li {
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.topbar .login-register li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.topbar .login-register li a {
	color: #ccc;
}
.topbar .login-register li a:hover{
	color:#fff;
}
.topbar .login-register li a i {
	margin-right: 5px;
}
/* Header Button */
.topbar .button {
	position: absolute;
	right: 0;
	top: -10px;
}
.topbar .button .btn {
	padding: 13px 20px;
	font-size: 14px;
}
/* Header Inner */
.header .header-inner {
	/*background-image: url('../images/bg-pattern1.png');*/
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
}
.header .header-inner::before {
	opacity: 0.95;
	background: #fff;
}
/* Logo */
.header .logo {
	float: left;
	margin: 0px 0 0;
}
.header .logo a {
	font-size: 25px;
}
.header .menu-bar {
	position: relative;
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
	float: right;
	padding-right: 50px;
}
.header .navbar-nav {
	display: block;
}
.header .nav li {
	float: left;
	position: relative;
	margin-right: 20px;
}
.header .nav li:last-child{
	margin-right:0px;
}
.header .nav li a {
	color: #252525;
	font-size: 14px;
	text-transform: uppercase;
	padding: 30px 0px;
	display: block;
	position: relative;
}
.header .nav li a::before {
	content: "";
	position: absolute;
	height: 2px;
	left: 50%;
	bottom: 17px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	border-radius: 30px;
	right: 50%;
}
.header .nav li:hover a::before,
.header .nav li.active a::before {
	opacity: 1;
	visibility: visible;
	left: 25%;
	right: 25%;
}
.header .nav li a::after {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: 13px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header .nav li:hover a::after,
.header .nav li.active a::after {
	opacity: 1;
	visibility: visible;
}
.header .nav li a i {
	margin-right: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.header .nav li.active a i,
.header .nav li:hover a i{
	opacity:1;
	visibility:visible;
}
/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 225px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	-webkit-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: 0 0 0;
	border-top: 2px solid;
	top: 100%;
	padding: 15px 0;
}
.header .nav li:hover .dropdown{
	transform: scaleY(1);
	opacity:1;
	visibility:visible;
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
}
.header .nav li .dropdown li a {
	padding: 5px 20px;
	color: #555;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
}
.header .nav li .dropdown li a:before,
.header .nav li .dropdown li a:after{
	display:none;
}
.header .nav li .dropdown li i {
	float: right;
	margin-top: 6px;
}
.header .nav li .dropdown.submenu{
	left:100%;
	top:0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: 0 0 0;
	border-top: 2px solid;
}
.header .nav li .dropdown li:hover .dropdown.submenu{
	opacity:1;
	visibility:visible;
	transform:scaleY(1);
}
.header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}
/* Search form */
.header .search-area {
	position: absolute;
	right: 0;
	top: 28px;
}
.header .search-area .icon{
	width: 28px;
	display: block;
	height: 28px;
	line-height: 26px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 100%;
}
.header .search-area .icon:hover{
	color:#fff;
	border-color:transparent;
}
.header .search-area.active .icon i:before{
	content:"\f00d";
}
.header .search-form {
	width: 300px;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 57px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	transform-origin: 0 0 0;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header .search-area.active .search-form{
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.header .search-form input {
	width: 100%;
	height: 60px;
	padding: 0 65px 0 15px;
	font-size: 14px;
	border: none;
	border-radius: 0px;
	color: #888;
}
.header .search-form button {
	position: absolute;
	width: 50px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border: none;
	right: 0;
	top:0;
	border-radius: 100%;
	border-radius: 0px;
}
.header .search-form button:hover{
	opacity:0.8;
}
/*===============================
	End Header CSS 
=================================*/

/*===============================
	Hero Area CSS 
=================================*/
.home-slider{
	overflow:hidden;
}
.home-slider,
.home-slider .single-slider{
	height: 600px;
}
.home-slider .single-slider::before {
	opacity: 0.3;
	z-index: 1;
}
.home-slider .slider-image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}
.home-slider .owl-item.active .slider-image {
  -webkit-animation: zoom 25s;
  animation: zoom 25s;
}
.home-slider .slider-content {
	display: inline-block;
	border-radius: 3px;
	position: relative;
	z-index: 2;
	margin: 158px 0 0;
}
.home-slider .slider-title {
	font-size: 50px;
	font-weight: 800;
	color: #fff;
	padding: 30px;
	display: inline-block;
}
.home-slider .slider-title span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
}
.home-slider .slider-title b {
	font-weight: 400;
}
.home-slider .slider-text {
	font-size: 15px;
	background: #fff;
	color: #555;
	padding: 30px;
	display: inline-block;
}
.home-slider .button {
	margin-top: 20px;
}
.home-slider .button .btn {
	margin-right: 15px;
	position: relative;
	z-index: 2;
}
.home-slider .button .btn:last-child{
	margin:0;
}
/* Slider Meta */
.home-slider .owl-carousel .owl-nav div {
	height: 80px;
	width: 45px;
	line-height: 80px;
	top: 50%;
	color: #fff;
	font-size: 30px;
	position: absolute;
	border: none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: -40px 0 0 0;
	border-radius: 0px;
	padding: 0;
}
.home-slider:hover .owl-carousel .owl-nav div{
	opacity:1;
	visibility:visible;
}
.home-slider .owl-carousel .owl-nav div:hover{
	background:#fff;
	border-color:transparent;
}
.home-slider .owl-carousel .owl-nav .owl-prev{
	left:0;
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	transform:translateX(-100px);
}
.home-slider:hover .owl-carousel .owl-nav .owl-prev{
	transform:translateX(0px);
}
.home-slider .owl-carousel .owl-nav .owl-next{
	-webkit-transform:translateX(100px);
	-moz-transform:translateX(100px);
	transform:translateX(100px);
	right:0;
}
.home-slider:hover .owl-carousel .owl-nav .owl-next{
	transform:translateX(0px);
}
/* Slider Animation */
.home-slider .owl-item.active .slider-title{
	animation: fadeInLeft 1s both 0.8s;
}
.home-slider .owl-item.active .slider-text{
	animation: fadeInLeft 1s  both 1.2s;
}
.home-slider .owl-item.active .button{
	animation: fadeInUp 1s  both 1.5s;
}
/*===============================
	End Hero Area CSS 
=================================*/

/*===============================
	Course Search
=================================*/
.course-search {
	text-align: left;
	position: relative;
	z-index: 2;
	background: #f8f8f8;
	padding: 0;
}
.course-search .form-inner {
	text-align: center;
	background: #fff;
	padding: 45px;
	position: relative;
	top: -72px;
	margin-bottom: -72px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	line-height: initial;
}
.course-search .form-group .list {
	border-radius: 0px;
	border: none;
	border-top: 2px solid;
}
.course-search .form-group {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0px;
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.course-search .form-group:last-child{
	margin-right:0px;
}
.course-search .nice-select,
.course-search .form input {
	margin: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 10px 0 30px;
	color: #888;
	font-size: 14px;
	font-weight: 500;
	border: none;
	width: 100%;
}
.course-search .form-group i {
	position: absolute;
	top: 18px;
	z-index: 33;
	left: 10px;
}
.course-search .nice-select::after {
	right: 15px;
	color: #555;
	border-bottom: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.course-search .list li {
	color: #555;
	padding: 0 15px;
}
.course-search .list li.selected{
	color:#555;
	font-weight:400;
}
.course-search .list li:hover {
	color:#fff;
}
.course-search .form-group.button {
	position: relative;
}
.course-search .form-group .btn {
	color:#fff;
	text-transform: capitalize;
}
/*===============================
	End Course Search
=================================*/

/*===============================
	Courses CSS
=================================*/
.courses {
	background: #f8f8f8;
}
.courses .course-slider {
	margin-top: 30px;
}
.courses .courses-main{
	padding-left:5px;
	padding-right:5px;
}
.courses .single-course {
	padding: 12px;
	background: #fff;
	margin-left: 10px;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.courses .single-course:hover{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}
.courses .course-head{
	position:relative;
	overflow:hidden;
}
.courses .course-head::before {
	opacity: 0;
	visibility: hidden;
	z-index: 5;
}
.courses .course-head img{
	height:100%;
	width:100%;
}
.courses .course-head:hover img{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	transform:scale(1.3);
}
.courses .course-head:hover:before{
	opacity:0.8;
	visibility:visible;
}
.courses .course-head a {
	position: absolute;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 10;
	border-radius: 0px;
	left: 50%;
	font-weight: 500;
	text-transform: capitalize;
	margin-left: -58px;
	padding: 12px 22px;
	opacity:0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	border-radius: 50px;
}
.courses .course-head:hover .btn{
	transform: scale(1);
	opacity: 1;
}
.courses .course-body {
	margin: 15px;
	margin-top: 0px;
}
.courses .name-price {
	padding: 0;
	width: 100%;
	position: relative;
	z-index: 333;
	margin-top: -33.5px;
}
.courses .name-price .teacher-info {
	display: inline-block;
}
.courses .teacher-info img {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 100%;
	display: inline-block;
	border: 4px solid #fff;
	float: left;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
}
.courses .single-course .teacher-info:hover img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.courses .teacher-info .title {
	font-weight: 500;
	padding: 10px;
	color: #fff;
	border-radius: 30px;
	position: absolute;
	left: 0;
	bottom: -43px;
	z-index: 33;
	font-size: 13px;
	-webkit-transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	transform:translateX(-30px);
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.courses .teacher-info:hover .title{
	transform:translateX(0px);
	opacity:1;
	visibility:visible;
}
.courses .teacher-info .title::before {
	content: "";
	border-bottom: 12px solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: -10px;
}
/* Price */
.courses .price {
	color: #fff;
	padding: 5px 25px;
	font-weight: 700;
	position: relative;
	margin-top: 12px;
	float: right;
	border-radius: 50px;
	right: 0;
}
.courses .price::before {
	position: ;
	position: absolute;
	left: 0;
	top: -;
	content: "";
	border-left: 15px solid #fff;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
	display: none;
}
.courses .course-body .c-title {
	font-size: 18px;
	text-align: left;
	margin: 5px 0 15px;
}
.courses .course-body .c-title a {
	color: #252525;
	font-weight: 700;
}
.courses .course-body p {
	color: #666;
}
.courses .course-meta {
	background: #fff;
	border-top: 1px solid rgba(204, 204, 204, 0.45);
	overflow: hidden;
	margin: 15px;
	text-align: left;
	padding-top: 15px;
}
/* Rattings */
.courses .rattings li {
	display: inline;
	margin-right: 2px;
}
.courses .rattings li.point span {
	display: inline-block;
	position: relative;
}
.courses .rattings li.point span:before {
	content: "(";
}
.courses .rattings li.point span::after {
	content: ")";
}
/* Course Info */
.courses .course-info {
	margin-top: 4px;
}
.courses .course-info span {
	display: inline-block;
	color: #888;
	margin-right: 8px;
	font-weight: 500;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.courses .course-info span:last-child{
	margin-right:0px;
}
.courses .course-info span i{
	margin-right:5px;
}
/* Slider Meta */
.courses .owl-controls {
	margin-top: 30px;
}
.courses .owl-controls .owl-nav div {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	padding: 0;
	border-radius: 100%;
	color: #555;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}
.courses .owl-controls .owl-nav div:last-child{
	margin:0;
}
.courses .course-slider:hover .owl-controls .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.courses .owl-controls .owl-nav div:hover{
	border-color:transparent;
	color:#fff;
}
/* Courses Archive */
.courses.archive{
	padding:60px 0 90px;
}
.courses.archive .single-course {
	margin: 30px 0 0;
}
/* Course Single */
.courses.single {
	background: #f6f6f6;
	padding: 60px 0 90px;
}
.courses.single .single-main,
.courses.single .course-sidebar{
	margin-top:30px;
}
.courses.single .single-main {
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.courses.single .course-meta {
	background: #fff;
	margin: 0;
	border: none;
	padding: 0;
}
/* Course Head */
.courses.single .course-head img{
	width:100%;
	height:100%;
	transform:none;
}
/* Course Single Gallery */
.courses.single .course-single-gallery{
	height:400px;
	width:100%;
}
.courses.single .course-single-gallery .single-gallery{
	height:400px;
	width:100%;
}
/* Gallery Meta */
.courses.single .owl-carousel .owl-nav div {
	height: 70px;
	width: 45px;
	line-height: 70px;
	top: 50%;
	font-size: 28px;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	background:rgba(0, 0, 0, 0.55);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: -32.5px 0 0 0;
	border-radius: 100%;
	border-radius: 0px;
}
.courses.single:hover .owl-carousel .owl-nav div{
	opacity:1;
	visibility:visible;
}
.courses.single .owl-carousel .owl-nav div:hover{
	background:#fff;
	border-color:transparent;
}
.courses.single .owl-carousel .owl-prev{
	left:0;
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	transform:translateX(-100px);
}
.courses.single .course-head:hover .owl-prev{
	transform:translateX(0px);
}
.courses.single .owl-carousel .owl-next{
	-webkit-transform:translateX(100px);
	-moz-transform:translateX(100px);
	transform:translateX(100px);
	right:0;
}
.courses.single .course-head:hover .owl-next{
	transform:translateX(0px);
}
/* Course Single Video */
.courses.single .c-title {
	font-size: 25px;
	margin: 20px 0 20px;
}
.courses.single .c-title a{
	color:#252525;
}
.courses .content {
	margin-top: 3px;
}
.courses.single .course-info {
	overflow: hidden;
	margin: 0;
}
.courses.single .single-info {
	float: left;
	text-align: center;
	overflow: hidden;
	margin-right: 15px;
	box-shadow: none;
	padding: 0;
	padding: 8px 0px;
}
.courses.single .single-info:last-child{
	margin:0;
}
.courses.single .single-info img {
	width: 55px;
	height: 55px;
	border-radius: 100%;
	float: left;
	margin-right: 12px;
	border: 4px solid #f5f5f5;
	position: relative;
	top: -7px;
	margin-bottom: -10px;
}
.courses.single .single-info i {
	float: left;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 100%;
	margin-right: 15px;
	font-size: 29px;
	border: 1px solid #e7e7e7;
	font-size: 15px;
}
.courses.single .single-info h4 {
	font-size: 14px;
	float: left;
	margin: 0;
	text-align: left;
	text-transform: capitalize;
	font-weight: 500;
}
.courses.single .single-info h4 span {
	display: block;
	color: #888;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 14px;
	margin-top: 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.courses.single .single-info h4 span:hover{
	color:#00B06A;
}
.courses.single .single-info h4 a{
	display: block;
}
/* Course Tab */
.courses.single .nav-main {
	background: #fff;
	text-align: left;
	margin: 20px 0 25px;
}
.courses.single .nav-tabs {
	display: inline-block;
	text-align: left;
	width: 100%;
	border-bottom: 2px solid rgba(204, 204, 204, 0.45);
	background: #F6F6F6;
}
.courses.single .nav-tabs li{
	display:inline-block;
}
.courses.single .nav-tabs li a {
	color: #252525;
	position: relative;
	text-transform: capitalize;
	font-weight: 500;
	padding: 14px 15px;
	border: none;
	border-radius: 0px;
}
.courses.single .nav-tabs li a.active,
.courses.single .nav-tabs li a:hover {
	color: #fff;
}
.courses.single .nav-tabs li a i {
	margin-right: 10px;
}
.courses.single .t-title {
	position: relative;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	display: inline-block;
	font-weight: 500;
}
.courses.single .t-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 45px;
	height: 2px;
	background: #ccc;
}
.courses.single .course-overview {
	margin-top: -25px;
}
.courses.single .single-overview {
	margin-top: 25px;
}
/* Course Required */
.courses.single .course-required li {
	position: relative;
	padding-left: 40px;
	line-height: 30px;
	margin-bottom: 13px;
}
.courses.single .course-required li:last-child{
	margin:0;
}
.courses.single .course-required li span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #20232E;
	line-height: 30px;
	text-align: center;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.courses.single .course-required li:hover span{
	border-color:transparent;
	color:#fff;
}
/* Teachers Info */
.courses.single .single-teacher {
	position: relative;
}
.courses.single .teacher-head {
	position: relative;
}
.courses.single .teacher-head.overlay:before{
	opacity:0;
	z-index:1;
}
.courses.single .single-teacher:hover
.teacher-head.overlay:before{
	opacity:0.8;
}
.courses.single .teacher-head img{
	height:100%;
	width:100%;
	text-align:center;
}
.courses.single .social {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 2;
	text-align: left;
	margin-top: 15px;
}
.courses.single .single-teacher:hover .social{
	opacity:1;
	visibility:visible;
}
.courses.single .social li {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 5px;
}
.courses.single .social li:last-child{
	margin:0;
}
.courses.single .social li a {
	color: #555;
	font-size: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
}
.courses.single .social li a:hover{
	border-color:transparent;
	color:#fff;
}
.courses.single .teacher-content {
	padding: 0;
	margin-bottom: 10px;
}
.courses.single .single-teacher:hover .teacher-content,
.courses.single .single-teacher.active .teacher-content{
	transform:scale(1.0);
	opacity:1;
	visibility:visible;
}
.courses.single .teacher-content h4 {
	font-size: 18px;
}
.courses.single .teacher-content h4 span {
	display: block;
	font-weight: 400;
	font-size: 15px;
	margin-top: 5px;
}
/* Course Single Sidebar */
.course-sidebar .single-sidebar {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.course-sidebar .single-sidebar:last-child{
	margin:0;
}
.course-sidebar .course-price {
	text-align: center;
}
.course-sidebar .course-price p {
	font-size: 40px;
	font-weight: 700;
}
.course-sidebar .course-price p span {
	font-size: 25px;
	font-weight: 300;
	color: #555;
}
.course-sidebar .course-price .btn {
	color: #fff;
	padding: 12px 30px;
	background: #20232E;
	margin-top: 20px;
}
.course-sidebar .course-price .btn i {
	margin-right:10px;
}
.course-sidebar .course-feature {
	width: 100%;
}
.course-sidebar .course-feature h4 {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 20px;
	position: relative;
	color: #20232E;
}
.course-sidebar .course-feature h4::before {
	position: absolute;
	left: 0;
	width: 50px;
	height: 2px;
	content: "";
	bottom: -1px;
}
.course-sidebar .feature-main {
	color: #fff;
}
.course-sidebar .single-feature {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(204, 204, 204, 0.45);
	color: #555;
}
.course-sidebar .single-feature:last-child{
	border:none;
	margin:0;
	padding:0;
}
.course-sidebar .single-feature i {
	width: 10px;
	margin-right: 15px;
}
.course-sidebar .single-feature .value {
	float: right;
	font-weight: 600;
}
/*===============================
	End Courses CSS
=================================*/

/*===============================
	Features CSS 
=================================*/
.features {
	background-image: url('../images/feature.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0 90px;
}
.features .single-feature {
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.features .icon-img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	position: relative;
	text-align: center;
	left: 0;
	display: inline-block;
	overflow:hidden;
}
.features .icon-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	z-index: 3;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.features .single-feature:hover .icon-img:before {
	opacity: 0.5;
}
.features .icon-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	opacity: 0;
	visibility: hidden;
}
.features .single-feature:hover .icon-img img{
	opacity:1;
	visibility:visible;
	transform:scale(1.2);
}
.features .icon-img i {
	text-align: center;
	font-size: 25px;
	color: #fff;
	z-index: 333;
	position: relative;
}
.features .feature-content .f-title {
	font-size: 18px;
	margin: 15px 0;
	color: #fff;
}
.features .feature-content p {
	line-height: 22px;
	color: #ccc;
}
/*===============================
	End Features CSS 
=================================*/

/*===============================
	Image Gallery CSS
=================================*/
.image-gallery {
	background: #fff;
}
/* Gallery Menu */
.image-gallery .gallery-nav {
	text-align: center;
	margin: 30px 0 50px;
	line-height: initial;
}
.image-gallery #gallery-menu {
	display: inline-block;
	margin: 0;
}
.image-gallery #gallery-menu li {
	display: inline-block;
	position: relative;
	font-size: 14px;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: 500;
	color: #fff;
	background: #20232E;
	margin: 0 10px 0 0;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 14px 25px;
}
.image-gallery  #gallery-menu li:last-child{
	margin: 0;
}
.image-gallery #gallery-menu li.active, 
.image-gallery #gallery-menu li:hover {
	border-color:transparent;
	color:#fff;
}
.image-gallery .cbp-filter-counter {
	position: relative;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #20232E;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 19px;
	border: 1px solid transparent;
	margin: 0;
	margin-left: 5px;
}
.image-gallery .cbp-filter-counter:before,
.image-gallery .cbp-filter-counter:after{
	display:none;
}
.image-gallery .gallery-nav li.active .cbp-filter-counter, 
.image-gallery .gallery-nav li:hover .cbp-filter-counter{
	color: #fff;
	border-color: #f8f8f8;
}
.image-gallery .gallery-single {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.image-gallery .gallery-single img{
	width:100%;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.image-gallery .gallery-single:hover img{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	transform:scale(1.3);
}
.image-gallery .gallery-hover {
	text-align: center;
	position: absolute;
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	padding: 12px 0;
	bottom: 0%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
}
.image-gallery .gallery-single:hover .gallery-hover {
	transform:translateY(0px);
	opacity: 1;
	visibility: visible;
}
.image-gallery .gallery-hover h4 {
	color: #252525;
	font-size: 18px;
	margin-bottom: 10px;
}
.image-gallery .p-button .btn {
	width: 34px;
	height: 34px;
	line-height: 34px;
	padding: 0;
	margin-right: 5px;
	font-size: 14px;
	background: #20232E;
}
.image-gallery .p-button .btn:hover{
	border-color:#ccc;
	color:#fff;
}
.image-gallery .p-button .btn:last-child{
	margin:0;
}
/*===============================
	End Image Gallery CSS
=================================*/

/*===============================
	Testimonials CSS 
=================================*/
.testimonials {
	overflow: hidden;
	position: relative;
	padding: 0;
	background: url('images/testimonial-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.testimonials::before {
	opacity: 0.9;
}
.testimonials .testimonial-slider {
	padding: 100px 0;
}
.testimonials .single-testimonial {
	text-align: left;
	position: relative;
	box-shadow: inherit;
}
.testimonials .single-testimonial img {
	width: 75px;
	height: 75px;
	border: 5px solid #fff;
}
.testimonials .single-testimonial:hover img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.testimonials .testimonial-content{
	margin-top:15px;
}
.testimonials .single-testimonial .t-name {
	font-weight: 700;
	font-size: 20px;
	position: relative;
	color: #fff;
	margin-bottom: 15px;
}
.testimonials .single-testimonial p {
	font-size: 15px;
	color: #ccc;
	line-height: 22px;
}
/* Testimonials Meta */
.testimonials .owl-controls .owl-dots {
	margin-top: 30px;
	text-align: left;
}
.testimonials .owl-controls .owl-dot {
	margin-right: 10px;
}
.testimonials .owl-controls .owl-dot:last-child{
	margin:0;
}
.testimonials .owl-controls .owl-dot span {
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	line-height: 14px;
	background: #fff;
	border: 3px solid;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.testimonials .owl-controls .owl-dot.active span,
.testimonials .owl-controls .owl-dot:hover span {
	border-color:transparent;
}
/* Video Box*/
.testimonials .video-box.overlay {
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	top:0;
}
.testimonials .video-box.overlay::before {
	opacity: 0.92;
}
.testimonials .video-box .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 100px;
	color: #fff;
	background: transparent;
	padding: 0;
	line-height: initial;
	margin: -40px 0 0 -40px;
	line-height: inherit;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 77px;
}
.testimonials .video-box .btn i {
	line-height: inherit;
}
.testimonials .video-box .btn:before{
	display:none;
}
.testimonials .video-box .btn:hover{
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	transform:scale(0.9);
}
/*===============================
	End Testimonials CSS 
=================================*/

/*===============================
	Teachers CSS 
=================================*/
.teachers {
	background: #fff;
}
.teachers .teachers-slider{
	margin-top:30px;
}
.teachers .single-teacher {
	position: relative;
	margin-bottom: 30px;
}
.teachers .teacher-head {
	position: relative;
}
.teachers .teacher-head.overlay::before {
	opacity: 0;
	z-index: 1;
	visibility: hidden;
}
.teachers .single-teacher:hover
.teacher-head.overlay:before{
	opacity:0.8;
	visibility:visible
}
.teachers .teacher-head img{
	height:100%;
	width:100%;
	text-align:center;
}
.teachers .social {
	width: 45px;
	position: absolute;
	top: 15px;
	text-align: center;
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	left: 15px;
	z-index: 2;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
.teachers .single-teacher:hover .social{
	opacity:1;
	visibility:visible;
	transform: translateY(0%);
}
.teachers .social li {
	display: block;
	margin-bottom: 10px;
}
.teachers .social li:last-child{
	margin:0;
}
.teachers .social li a {
	color: #fff;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 100%;
}
.teachers .social li a:hover{
	border-color:transparent;
	background:#fff;
}
.teachers .teacher-content {
	background: #fff;
	padding: 12px 30px;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left: 15px;
	z-index: 33;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.teachers .single-teacher:hover .teacher-content,
.teachers .single-teacher.active .teacher-content{
	transform:scale(1.0);
	opacity:1;
	visibility:visible;
}
.teachers .teacher-content:hover h4,
.teachers .teacher-content:hover span{
	color:#fff;
}
.teachers .teacher-content h4 {
	font-size: 18px;
}
.teachers .teacher-content h4 span {
	display: block;
	font-weight: 400;
	font-size: 15px;
	margin-top: 5px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
/* Slider Meta */
.teachers .owl-controls {
	margin-top: 30px;
}
.teachers .owl-controls .owl-nav div {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 100%;
	color: #555;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	margin: 0 10px 0 0;
}
.teachers .owl-controls .owl-nav div:last-child{
	margin:0;
}
.teachers .course-slider:hover .owl-controls .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.teachers .owl-controls .owl-nav div:hover{
	border-color:transparent;
	color:#fff;
}
/* Archive */
.teachers.archive .single-teacher {
	margin: 30px 0 30px;
}
.teachers.archive .single-teacher .social{
	transform:translateY(0%);
}
/*===============================
	End Teachers CSS 
=================================*/

/*===============================
	Register Today CSS
=================================*/
.register-today {
	background-image: url('../images/register-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.register-today.overlay::before {
	opacity: 0.6;
}
.register-today .course-countdown {
	margin: 130px 0;
}
.register-today .coming-course {
	margin-bottom: 25px;
}
.register-today .coming-course h2 {
	display: block;
	font-size: 50px;
	color: #fff;
	text-align: center;
}
.register-today .coming-course h2 span {
	display: block;
	font-weight: 300;
	font-size: 20px;
	color: #eee;
}
.register-today .coming-course h2 b {
	font-weight: 300;
}
.register-today .coming-time-inner{
	display:inline-block;
	text-align:center;
}
.register-today .coming-time {
	background: rgba(0, 0, 0, 0.6);
	padding: 30px;
}
.register-today .cdown {
	float: left;
	width: 25%;
}
.register-today .cdown {
	text-align: center;
	line-height: 40px;
}
.register-today .cdown span {
	font-size: 50px;
	display: block;
}
.register-today .cdown p{
	font-size:15px;
	line-height: initial;
	margin-top: 15px;
	color: #fff;
	font-weight: 500;
}
.register-today .coming-text{
	text-align:center;
}
.register-today .coming-text h2 {
	color: #fff;
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 40px;
}
.register-today .coming-text p {
	color: #fff;
	padding: 0px 45px;
}
.register-today .subscription-form {
	position: absolute;
	top: 0;
	width: 600px;
	height: 350px;
	background: #353535;
	left: 50%;
	margin-left: -300px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	text-align: center;
	padding: 70px 90px;
}
.register-today .subscription-form.active{
	transform:scale(1.0);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.register-today .subscription-form .cross {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.register-today .subscription-form h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #fff;
	position: relative;
	font-size: 30px;
}
.register-today .subscription-form h2:before{
	position:absolute;
	left:0;
	bottom:-1px;
	content:"";
	background:#fff;
	width:50px;
	height:2px;
	left:50%;
	margin-left:-25px;
}
.register-today .subscription-form p {
	color: #bbb;
}
.register-today .subscription-form form {
	position: relative;
	margin-top: 30px;
}
.register-today .subscription-form input {
	width: 100%;
	padding: 11px;
	background: transparent;
	color:#fff;
	border: none;
	border-bottom: 2px solid #fff;
}
.register-today .subscription-form button {
	position: absolute;
	right: 0;
	bottom: 0px;
	border-radius: 0px;
	padding: 8px 16px;
	background:#fff;
}
.register-today .subscription-form button i{
	font-size:25px;
}
/* Register Form */
.register-today .register-form {
	background: #fff;
	padding: 30px;
}
.register-today .form-title {
	margin-bottom: 20px;
}
.register-today .form-title h2 {
	font-size: 20px;
	margin-bottom: 5px;
	position: relative;
	font-weight: 700;
}
.register-today .form-title p {
	color: #555;
}
.register-today .form {
}
.register-today .form-group {
	position: relative;
	margin-bottom: 20px;
}
.register-today .form-group i {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
}
.register-today .form-group input,
.register-today .nice-select {
	margin: 0;
	width: 100%;
	height: 55px;
	color: #888;
	font-size: 14px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-bottom: 1px solid rgba(204, 204, 204, 0.45);
	border-radius: 0px;
	padding-left: 25px;
	line-height: 55px;
	font-weight: 500;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.register-today .nice-select {
	margin-bottom: 15px;
	padding: 0 35px 0 25px;
	position: relative;
}
.register-today .form-group .list {
	z-index: 3;
	border-radius: 0px;
	border-top: 2px solid;
}
.register-today .form-group textarea {
	border: none;
	resize: none;
	border-bottom: 1px solid rgba(204, 204, 204, 0.45);
	font-weight: 500;
	margin-bottom: 0px;
	padding: 0;
	border-radius: 0px;
	padding-left: 25px;
	padding-top: 10px;
	height: 158px;
	color: #888;
}
.register-today .nice-select i {
	top: 21px;
}
.register-today .nice-select::after {
	right: 20px;
	color: #757575;
}
.register-today .nice-select img{
	margin-right:10px;
}
.register-today .list li{
	color:#757575;
}
.register-today .list li.selected{
	color:#757575;
	font-weight:400;
}
.register-today .list li:hover {
	color:#fff;
}
.register-today .form-group.message i {
	top: 18px;
}
.register-today .form-group.button{
	margin:0;
	text-align: center;
}
.register-today .form-group .btn {
	width: 100%;
	text-align: center;
	padding: 18px 0;
	display: block;
	color:#fff;
}
/*===============================
	End Register Today CSS
=================================*/

/*===============================
	Events CSS 
=================================*/
.events{
	background:#F8F8F8;
}
.event-img, .coming-event {
	margin-top: 30px;
}
.coming-event {
	padding-left: 35px;
}
.events .single-event {
	background: #fff;
	position: relative;
	margin-left: 0;
	padding: 30px 20px 30px 60px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.events .single-event:last-child{
	margin:0;
}
.events .event-date {
	position: absolute;
	left: -35px;
	width: 70px;
	text-align: center;
	top: 50%;
	margin-top: -35px;
	padding: 10px 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.events .single-event:hover .event-date {
	border-radius:100%;
}
.events .event-date p {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.events .single-event:hover .event-date p{
	font-size:25px;
}
.events .event-date p span {
	display: block;
	font-size: 14px;
	font-weight:500;
}
.events .event-title {
	font-size: 18px;
	margin-bottom: 10px;
}
.events .event-title a {
	font-weight: 700;
	color: #252525;
}
.events .entry-date-time {
	color: #555;
	margin-top: 5px;
	display: block;
}
/* Events Archive */
.events.archive{}
.events.archive .single-event {
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
}
.events.archive .event-image{
	position: relative;
	overflow:hidden;
}
.events.archive .event-image img{
	width: 100%;
	height: 100%;
}
.events.archive .single-event:hover .event-image img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
.events.archive .event-date {
	top: 5px;
	margin: 0;
	left: 5px;
}
.events.archive .event-content{
	margin-top: 20px;
}
/* Event Single */
.single-events {
	background: #f8f8f8;
}
.single-events .single-event {
	padding: 15px;
	background: #fff;
}
.single-events .event-content .event-title {
	font-size: 25px;
	margin: 0 0 10px;
}
.single-events .event-content .event-title a{
	color:#252525;
} 
.single-events .event-content p {
	margin-bottom: 15px;
}
.single-events .event-content img{
	margin-bottom:30px;
}
/* Events Meta */
.single-events .book-now {
	overflow: hidden;
}
.single-events .book-now .button {
	float: left;
}
.single-events .book-now .button .btn {
	margin-top: 0px;
	background: #20232E;
	color: #fff;
}
.single-events .social{
	float:right;
} 
.single-events .social li {
	display: inline-block;
	margin-right: 5px;
}
.single-events .social li:last-child{
	margin:0;
}
.single-events .social li a {
	width: 32px;
	height: 32px;
	line-height: 28px;
	display: block;
	border: 2px solid #e6e6e6;
	text-align: center;
	color: #555;
	border-radius: 100%;
}
.single-events .social li:hover a {
	color:#fff;
	border-color:transparent;
}
.single-events .gallery-head{
	overflow:hidden;
}
/* Slider Meta */
.single-events .owl-carousel .owl-nav div {
	height: 70px;
	width: 45px;
	line-height: 70px;
	top: 50%;
	color: #fff;
	font-size: 28px;
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.55);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: -32.5px 0 0 0;
	border-radius: 100%;
	border-radius: 0px;
}
.single-events .owl-carousel .owl-nav div:hover{
	background:#fff;
	border-color:transparent;
}
.single-events .gallery-head:hover .owl-nav div{
	opacity:1;
	visibility:visible;
}
.single-events .owl-carousel .owl-prev{
	left:0;
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
	transform:translateX(-100px);
}
.single-events .gallery-head:hover .owl-carousel .owl-prev{
	transform:translateX(0px);
}
.single-events .owl-carousel .owl-next{
	-webkit-transform:translateX(100px);
	-moz-transform:translateX(100px);
	transform:translateX(100px);
	right:0;
}
.single-events .gallery-head:hover .owl-carousel .owl-next{
	transform:translateX(0px);
}
/* Event Content */
.single-events .event-content {
	margin-top: 30px;
}
.single-events .project-info {
	display: inline-block;
	padding: 20px;
	background: #F8F8F8;
	width: 100%;
	text-align: center;
	border-bottom: 5px solid #ebebeb;
}
.single-events .project-info .single-info {
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	line-height: 28px;
}
.single-events .project-info .single-info:last-child{
	margin:0;
}
.single-events .project-info .single-info p {
	color: #252525;
	font-weight: 500;
}
.single-events .project-info .single-info span{
	margin-right:10px;
}
.single-events .project-info .single-info b {
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	font-weight: 700;
}
.single-events #event-map {
	width: 100%;
	height: 350px;
	margin-top: 30px;
}
/*===============================
	End Events CSS 
=================================*/

/*===============================
	Call to Action CSS 
=================================*/
.cta {
	padding-top: 62px;
	background: #F8F8F8;
}
.cta .cta-inner{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.cta .text-content {
	background: transparent;
	z-index: 333;
	position: relative;
	border-radius: 5px;
}
.cta .text-content h2 {
	font-size: 35px;
	margin-bottom: 20px;
	color: #fff;
}
.cta .text-content h2 span {
	font-weight: 500;
	font-style: italic;
	border-bottom: 2px solid;
}
.cta .text-content p{
	color:#eee;
}
.cta .button {
	margin-top: 20px;
}
.cta .button .btn {
	margin-right: 15px;
}
.cta .button .btn:last-child{
	margin:0;
}
.cta .cta-image {
	position: absolute;
	right: 0;
	top: -152px;
}
/*===============================
	End Call to Action CSS 
=================================*/

/*===============================
	News CSS 
=================================*/
.latest-news{
	background:#fff;
}
.latest-news .news-slider-main{
	padding-left: 5px;
	padding-right: 5px;
}
.latest-news .news-slider{
	margin-top:30px;
}
.latest-news .single-news {
	position: relative;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	background: #fff;
	padding: 10px;
	margin: 10px;
}
.latest-news .news-head img{
	width:100%;
	height:100%;
}
.latest-news .news-content {
	position: absolute;
	right: 0;
	top: 0;
	width: 52%;
	background: rgba(255, 255, 255, 0.95);
	height: 100%;
	padding: 68px 25px;
}
.latest-news .news-title {
	margin-bottom: 10px;
	line-height: 25px;
}
.latest-news .news-title a {
	font-weight: 700;
	color: #252525;
	font-size: 20px;
}
.latest-news .news-meta {
	margin-bottom: 10px;
}
.latest-news .news-meta span{
	margin-right: 10px;
}
.latest-news .news-meta span:last-child{
	margin:0;
}
.latest-news .news-meta span a {
	color: #555;
	font-weight: 400;
	margin-right: 10px;
}
.latest-news .news-meta span a:last-child{
	margin:0;
}
.latest-news .news-meta span a i {
	margin-right: 5px;
}
.latest-news .news-content p {
	color: #555;
	line-height: 24px;
}
.latest-news .news-content .button {
	margin-top: 15px;
}
.latest-news .news-content .button a {
	color: #fff;
	background:#20232E;
	padding: 12px 25px;
}
.latest-news .news-content .button a i {
	margin-left: 10px;
}
/* Slider Meta */
.latest-news .owl-controls {
	margin-top: 30px;
}
.latest-news .owl-controls .owl-nav div {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 100%;
	color: #555;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-box-shadow: 0px 0px 10px rgba\(0, 0, 0, 0.10;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	margin: 0 10px 0 0;
}
.latest-news .owl-controls .owl-nav div:last-child{
	margin:0;
}
.latest-news .owl-controls .owl-nav div:hover{
	border-color:transparent;
	color:#fff;
}
/* News Archive */
.latest-news.archive{
	padding:60px 0 90px;
	background:#f8f8f8;
}
.latest-news.archive .single-news {
	margin: 30px 0 0;
}
/* News Single */
.news-single {
	padding: 15px 0 15px;
	background: #124275;
}
.news-single .single-main {
	margin-top: 30px;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.news-single .news-head{}
.news-single .news-head img{
	width:100%;
	height:100%;
}
.news-single .news-title {
	font-size: 25px;
	margin: 20px 0;
}
.news-single .news-title a {
	color: #252525;
	font-weight: 700;
}
/* Blog Meta */
.news-single .meta {
	overflow: hidden;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 15px;
}
.news-single .meta span {
	margin-right: 10px;
	display: inline-block;
}
.news-single .meta span:last-child{
	margin:0;
}
.news-single .meta span,
.news-single .meta span a {
	color: #555;
	font-weight: 500;
}
.news-single .meta span i {
	margin-right: 5px;
}
.news-single .meta-left{
	float:left;
}
.news-single .meta-left .author img {
	width: 35px;
	height: 36px;
	border-radius: 100%;
	border: 2px solid;
	margin-right: 10px;
}
.news-single .meta-left .author {
	float: left;
}
.news-single .meta-left span.date {
	margin-top: 4px;
}
.news-single .meta-right {
	float: right;
	margin-top: 3px;
}
.news-single .news-content{
	margin:20px 0;
}
.news-single .news-content p{
	margin-bottom:10px;
}
.news-single .news-content p:last-child{
	margin:0;
}
.news-single .news-text p {
	font-size: 15px;
	margin-bottom:20px;
}
/* Image Gallery */
.news-single .image-gallery {
	margin-bottom: 20px;
}
.news-single .image-gallery .single-image {
	overflow: hidden;
}
.news-single .image-gallery .single-image:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
/* Blockqoute */
.news-single blockquote {
	background-image: url('images/blockqoute-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	overflow: hidden;
}
.news-single blockquote::before {
	opacity: 0.95;
}
.news-single .news-text blockquote p {
	color: #fff;
	margin: 0;
	line-height: 26px;
	font-size: 15px;
	position: relative;
}
.news-single .blog-bottom {
	overflow: hidden;
}
/* Social Share */
.news-single .social-share {
	float: left;
}
.news-single .social-share li {
	float: left;
}
.news-single .social-share li span{
	padding-left:5px;
}
.news-single .social-share li.facebook a{
	background:#5d82d1;
}
.news-single .social-share li.twitter a{
	background:#40bff5;
}
.news-single .social-share li.google-plus a{
	background:#eb5e4c;
}
.news-single .social-share li.linkedin a{
	background:#238cc8;
}
.news-single .social-share li.pinterest a{
	background:#e13138;
}
.news-single .social-share li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
}
.news-single .social-share li a:hover{
	background:#2B343E;
}
/* Prev Next Button */
.news-single .prev-next {
	float: right;
}
.news-single .prev-next li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}
.news-single .prev-next li:last-child{
	border:none;
}
.news-single .prev-next li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	border: 1px solid;
	color: #555;
}
.news-single .prev-next li a:hover{
	color:#fff;
}
/* Blog Comments */
.news-single .blog-comments {
	margin-top: 30px;
	background: transparent;
}
.news-single .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	color: #252525;
	margin-bottom: 20px;
}
.news-single .blog-comments h4 span{
	float:right;
}
.news-single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
	padding: 15px;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.news-single .single-comments:last-child{
	border-bottom:0px solid;
	margin:0;
}
.news-single .single-comments .main {
	overflow: hidden;
}
.news-single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 25%;
}
.news-single .head img {
	width: 265px;
	height: 245px;
	line-height: 80px;
	/*border-radius: 100%;*/
	border: 2px solid #f92604;
}
.news-single .single-comments .body {
	float: left;
	width: 73%;
}
.news-single .single-comments .comment-list {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
}
.news-single .single-comments .comment-list .body {
	width: 78%;
}
.news-single .single-comments h4 {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	color: #252525;
}
.news-single .single-comments .comment-meta{
	margin-bottom:5px;
}
.news-single .single-comments .meta {
	font-size: 13px;
	color: #555;
	font-weight: 400;
	border: none;
	margin-right: 10px;
	padding: 0;
	margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child{
	margin:0;
}
.news-single .comment-meta span i{
	margin-right:5px;
}
.news-single .comment-meta span:last-child{
	margin:0;
}
.news-single .single-comments p {
	font-size: 13px;
}
.news-single .single-comments a {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	padding: 3px 15px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 30px;
}
.news-single .single-comments a:hover{
	background:#20232E;
	color:#fff;
}
.news-single .single-comments a i{
	margin-right:5px;
}
.news-single .comment-list {
	padding-left:50px;
}
.news-single .single-comments.login{
	text-align:center;
}
.news-single .single-comments.login i{
	font-size:20px;
}
.news-single .single-comments.login a{
	text-align:center;
}
.news-single .single-comments.login a:hover{
	color:#353535;
}
.news-single .comments-form {
	margin-top: 30px;
}
.news-single .comments-form h2 {
	text-align: left;
	font-size: 18px;
	color: #353535;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.news-single .form {
}
.news-single .form-group {
	position: relative;
	display: block;
	margin: 0 0 20px;
}
.news-single .form-group i {
	position: absolute;
	left: 12px;
	top: 21px;
	z-index: 1;
}
.news-single .form-group input {
	width: 100%;
	height: 55px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 0px;
	padding-left: 34px;
	border: none;
	line-height: 55px;
	font-weight: 500;
}
.news-single .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	height: 190px;
	padding: 15px 15px 15px 35px;
	font-weight: 500;
	resize: none;
}
.news-single .form-group input,
.news-single .form-group textarea{
	border:1px solid transparent;
}
.news-single .form-group.message i {
	top: 22px;
}
.news-single .form-group .button {
	padding: 10px 30px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	border: 0px solid;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 15px 30px;
}
.news-single .form-group .button:hover {
	background: #353535;
}
.news-single .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
.news-single .form-group.button {
	margin: 0;
	text-align: left;
}
.news-single .form-group.button .btn{
	background:#fff;
	border:1px solid transparent;
}
.news-single .form-group.button .btn:hover{
	color:#252525;
}
.news-single .form-group.button .btn i {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
/*===============================
	End News CSS 
=================================*/

/*=============================
	Clinets Slider CSS
===============================*/
.clients {
	padding: 0px 0;
}
.clients::before {
	opacity: 0.95;
}
.clients .text-content h4 {
	font-size: 20px;
	margin-bottom: 5px;
	color: #fff;
}
.clients .text-content p {
	color: #f8f8f8;
	line-height: 22px;
}
.clients .client-slider {
	margin-top: 20px;
}
.clients .client-slider a{
	display:block;
}
.clients .single-slider img {
	cursor: pointer;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.clients .single-slider img:hover{
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	transform:scale(0.9);
}
/*=============================
	End Clinets Slider CSS
===============================*/

/*=============================
	main sidebar CSS
===============================*/
.main-sidebar {
	margin-top: 30px;
}
.main-sidebar .single-sidebar {
	background: #fff;
	position: relative;
	padding: 15px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.main-sidebar .single-sidebar:last-child{
	margin:0px;
	border:none;
}
.main-sidebar .widget-title {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}
.main-sidebar .widget-title:before{
	content:"";
	position:absolute;
	left:0;
	width:4px;
	height:100%;
	top:0;
}
.main-sidebar .widget-title i {
	left: 0;
	top: 0;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	position: absolute;
	left: -34px;
	top: 10px;
}
.main-sidebar .single-sidebar ul li a {
	color: #555;
	font-weight: 500;
	display: block;
}
.main-sidebar .single-sidebar ul li a i{
	margin-right:10px;
}
/* Course Sidebar */
.main-sidebar .single-sidebar.s-course .s-single-course {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.main-sidebar .single-sidebar.s-course .s-single-course:last-child{
	padding:0;
	margin:0;
	border:none;
}
.main-sidebar .single-sidebar.s-course .s-single-course img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
	float: left;
	margin-right: 15px;
}
.main-sidebar .single-sidebar.s-course .s-course-content {
	float: left;
	padding-top: 5px;
}
.main-sidebar .single-sidebar.s-course h4{
	font-size:15px;
}
.main-sidebar .single-sidebar.s-course h4 a {
	color: #252525;
}
.main-sidebar .single-sidebar.s-course .meta {
	color: #555;
	font-size: 14px;
	font-weight: 500;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: 400;
}
.main-sidebar .single-sidebar.s-course .meta span {
	font-size: 13px;
	margin-right: 10px;
}
.main-sidebar .single-sidebar.s-course .meta span i{
	margin-right:5px;
}
/* Latest news */
.main-sidebar .small-news {
	overflow: hidden;
	position: relative;
	box-shadow: none;
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.main-sidebar .small-news:last-child{
	margin:0;
	padding:0;
	border:none;
}
.main-sidebar .news-img {
	float: left;
	margin-right: 15px;
	left: 0;
}
.main-sidebar .news-img img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
}
.main-sidebar .news-info {
	float: left;
	margin-top: 7px;
}
.main-sidebar .news-info h4 {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}
.main-sidebar .news-info a {
	color: #252525;
	font-weight: 500;
}
.main-sidebar .news-info p {
	margin: 0;
	font-size: 13px;
	margin-top: 5px;
}
.main-sidebar .news-info span {
	margin-right: 10px;
}
.main-sidebar .news-info span i {
	margin-right: 5px;
	font-size: 13px;
}
/* Category */
.main-sidebar .category ul li {
	font-size: 15px;
	line-height: 47px;
	position: relative;
}
.main-sidebar .category ul li span {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 32px;
	float: right;
	background: #f8f8f8;
	color: #555;
	position: absolute;
	top: 5px;
	right: 0;
}
.main-sidebar .category ul li:last-child{
	margin-bottom:0px;
	padding-bottom: 0px;
}
/* Subscribe */
.main-sidebar .subscribe {
	background-image: url('images/feature1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	z-index:3;
}
.main-sidebar .subscribe:before{
	opacity:0.95;
}
.main-sidebar .subscribe p{
	color:#fff;
	z-index:3;
	position:relative;
}
.main-sidebar .subscribe form {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
.main-sidebar .subscribe input {
	background: #fff;
	display: block;
	width: 100%;
	color: #555;
	font-weight: 500;
	height: 50px;
	border: none;
	padding: 0 95px 0 15px;
	border-radius: 0px;
}
.main-sidebar .subscribe  input::-webkit-input-placeholder {
    opacity: 1;
    color: #555 !important;
}
.main-sidebar .subscribe  input::-moz-placeholder {
    opacity: 1;
    color: #555 !important;
}
.main-sidebar .subscribe  input::-ms-input-placeholder {
    opacity: 1;
    color: #555 !important;
}
.main-sidebar .subscribe button {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background: #20232E;
	height: 50px;
	padding: 0 15px;
	border-radius: 0px;
	border: none;
	font-size: 14px;
}
.main-sidebar .subscribe button:hover{
	background:#fff;
}
/* Tags */
.main-sidebar .tags h2{
	margin-bottom:5px;
}
.main-sidebar .tags ul{
	margin-left:-10px;
}
.main-sidebar .tags ul li {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
}
.main-sidebar .tags ul li a {
	font-size: 14px;
	background: #f8f8f8;
	padding: 5px 15px;
	color: #555;
	display: block;
}
.main-sidebar .single-sidebar.tags ul li a:hover{
	color:#fff;
}
.main-sidebar.archive.section .single-news{
	padding:15px;
}
/*=============================
	End main sidebar CSS
===============================*/

/*=============================
	About US CSS
===============================*/
.about-us {
	background: #fff;
	padding: 60px 0 90px;
}
.about-us .about-video,
.about-us .about-text{
	margin-top:30px;
}
.about-us .about-title {
	font-size: 28px;
	margin-bottom: 15px;
}
.about-us .about-title span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}
.about-us .about-text p{
	margin-bottom:15px;
}
.about-us .about-text p:last-child{
	margin:0;
}
.about-us .button{
	margin-top:20px;
}
.about-us .button .btn {
	margin-right: 15px;
}
.about-us .btn:last-child{
	margin:0;
}
/* Video */
.about-us .about-video{
	position:relative;
}
.about-us .btn.video-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	color: #fff;
	background: rgba(255, 255, 255, 0.5);
	padding: 0;
	margin: 0;
	line-height: initial;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 100%;
	padding-left: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.about-us .btn.video-popup:hover{
	color:#fff;
}
/* Skill Main */
.skill-main {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid rgba(204, 204, 204, 0.45);
}
.skill-main .single-skill{
	text-align:center;
	margin-top:30px;
}
.skill-main .circle {
	position: relative;
	display: inline-block;
}
.skill-main .circle strong {
	position: absolute;
	font-size: 25px;
	color: #555;
	left: 50%;
	top: 50%;
	margin: -12.5px 0 0 -20px;
	font-weight: 500;
}
.skill-main .circle strong span {
	margin-left: 2px;
}
.skill-main .skill-title {
	font-size: 15px;
	text-transform: capitalize;
	color: #252525;
	margin-top: 10px;
	font-weight: 700;
}
/*=============================
	End About US CSS
===============================*/

/*===============================
	Fun Facts CSS
=================================*/
.fun-facts {
	background-image: url('../images/fun-fact-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0 90px;
}
.fun-facts .single-fact {
	text-align: center;
	position: relative;
	margin-top: 30px;
}
.fun-facts .icon {
	font-size: 25px;
	position: relative;
	width: 75px;
	height: 75px;
	line-height: 75px;
	border-radius: 100%;
	background: #fff;
	display: inline-block;
	float: left;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.fun-facts .single-fact:hover .icon{
	color:#fff;
}
.fun-facts .icon::after {
	position: absolute;
	border-top: 12px solid transparent;
	border-left: 12px solid #fff;
	content: "";
	border-bottom: 12px solid transparent;
	top: 50%;
	right: -9px;
	margin-top: -12px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.fun-facts .fact-info {
	padding-top: 4px;
}
.fun-facts .fact-info .number {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
}
.fun-facts .fact-info p {
  color: #fff;
  margin-top: 5px;
}
/*===============================
	End Fun Facts CSS
=================================*/

/*===============================
	Pricing CSS
=================================*/
.pricing {
	background: #f8f8f8;
	position: relative;
}
.pricing .single-table {
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-align: center;
	position: relative;
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.pricing .single-table:hover{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.30);
}
/* Table Head */
.pricing .table-head {
	position: relative;
	padding: 20px;
}
.pricing .p-title {
	text-transform: capitalize;
	font-size: 18px;
	margin: 0 0 15px;
}
.pricing .p-title span {
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin-top: 10px;
}
.pricing .amount {
	font-size: 40px;
	font-weight: 500;
}
.pricing .amount span {
	font-size: 20px;
	font-weight: 300;
}
/* Background Icon */
.pricing .bg-icon{
	margin: 10px 0;
}
.pricing .bg-icon i {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	color: #fff;
	line-height: 80px;
	font-size: 35px;
	border: 5px solid rgba(0, 0, 0, 0.11);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.pricing .single-table:hover .bg-icon i{
	background:#fff;
}
/* Table List */
.pricing .table-list {
	text-align: center;
}
.pricing .table-list li {
	color: #555;
	position: relative;
	text-transform: capitalize;
	line-height: 50px;
	font-size: 15px;
	border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.pricing .table-list li:last-child{
	border:none;
}
.pricing .table-list li span {
	background: #353535;
	float: right;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	border-radius: 100%;
	padding: 5px 10px;
}
.pricing .table-list li span::before {
	position: absolute;
	bottom: -1px;
	left: -4px;
	content: "";
	border-left: 14px solid #353535;
	border-right: 14px solid transparent;
	border-top: 14px solid transparent;
	transform: rotate(25deg);
}
.pricing .table-list li:last-child{
	margin:0;
}
.pricing .table-list li.cross {
	opacity: 0.5;
}
.pricing .table-list i {
	font-size: 13px;
	text-align: center;
	margin-right: 10px;
}
/* Table Bottom */
.pricing .table-bottom {
	padding: 20px 0 30px;
}
.pricing .btn {
	color: #fff;
	border-radius: 30px;
}
.pricing .btn i {
	font-size: 16px;
	margin-right: 10px;
}
/*=============================
	End Pricing CSS
===============================*/

/*=============================
	Faqs CSS
===============================*/
.faqs{
	background: #f8f8f8;
}
.faqs .faq-image,
.faqs .faq-main{
	margin-top:30px;
}
.faqs .text-content {
	text-align: left;
	padding: 0 60px 0 0;
	margin-bottom:30px;
}
.faqs .faq-img img{
	width:100%;
}
.faqs .panel-group{
	margin: 0;
	text-align:left;
}
.faqs .panel {
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: none;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.faqs .panel:last-child{
	margin:0;
}
.faqs .panel-heading{
	background:none;
}
.faqs .faq-title a {
	padding: 15px;
	font-size: 15px;
	position: relative;
	color: #f9f6f6;
	background: #000;
	width: 100%;
	display: block;
	font-weight: 700;
}
.faqs .panel.active .faq-title a {
	text-decoration: none;
	color: #fff;
}
.faqs .panel .faq-title a i {
	margin-right: 5px;
	border: 1px solid #ccc;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.faqs .panel.active .faq-title a i{
	border-color:#fff;
}
.faqs .faq-body {
	padding: 25px;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	background: #fff;
}
/*=============================
	End Faqs CSS
===============================*/

/*=============================
	404 CSS
===============================*/
.error-page {
	background: #F8F8F8;
	position: relative;
	width: 100%;
	height: 100%;
	padding: initial;
}
.error-page #particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
}
.error-page .error-inner {
	flex-direction: initial;
	height: auto;
	text-align: center;
	position: relative;
}
.error-page .error-inner h2 {
	font-size: 120px;
	line-height: 100px;
	margin-bottom: 30px;
	color: #252525;
	font-weight: 700;
}
.error-page .error-inner h2 span {
	position: relative;
	font-weight: 300;
	font-size: 155px;
}
.error-page .error-inner p {
	font-size: 28px;
	color: #555;
	font-weight: 300;
	padding: 0 60px;
}
.error-page .error-inner p span {
  display: block;
  font-size: 15px;
  margin-top: 20px;
}
.error-page .error-inner .button {
	margin-top: 30px;
}
.error-page .error-inner .button .btn {
	background: #252525;
	color: #fff;
}
.error-page .error-inner .button .btn i{
	margin-left:10px;
}
.error-page .social {
	text-align: center;
	margin-top: 20px;
}
.error-page .social li {
	display: inline-block;
	margin-right: 20px;
}
.error-page .social li:last-child {
	margin: 0;
}
.error-page .social li a {
	color: #555;
	font-size: 20px;
}
/*=============================
	End 404 CSS
===============================*/

/*=============================
	Contact CSS
===============================*/
.contact .contact-bottom{
	margin-top:30px;
}
.contact #map {
	height: 450px;
	margin-bottom: 30px;
	border: 10px solid #f8f8f8;
}
.contact .contact-head {
	overflow: hidden;
}
.contact .form-head{
	margin-top:30px;
}
.contact .form-head .form-group {
	margin-bottom: 20px;
	position: relative;
}
.contact .form-head .form-group i {
	position: absolute;
	top: 21px;
	left: 20px;
	z-index: 1;
}
.contact .form-head .col-12:last-child .form-group{
	margin:0;
}
.contact .form-head .form-group input,
.contact .form-head .form-group textarea {
	height: 55px;
	width: 100%;
	padding-left: 40px;
	color: #555;
	font-size: 15px;
	background: #f8f8f8;
	border: none;
	border-radius: 0px;
	resize: none;
	border: 1px solid transparent;
}
.contact .form-head .form-group textarea {
	height: 190px;
	padding-left: 40px;
	padding-top: 18px;
}
.contact .form-head .form-group input:hover,
.contact .form-head .form-group textarea:hover {
	background: transparent;
}
.contact .form-head .form-group.message i {
	top: 25px;
}
.contact .form-head .form-group button {
	color: #fdfdfd;
	background: #56d18d;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 1px solid transparent;
}
.contact .form-head .form-group button:hover{
	color:#252525;
}
.contact .form-head .form-group button i {
	position: relative;
	color: #fff;
	top: initial;
	left: initial;
	margin-right: 10px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
/* Contact info */
.contact .contact-right {
	padding-right: 50px;
}
.contact .contact-info {
	text-align: left;
	margin-top: 30px;
	position: relative;
}
.contact .contact-info .icon {
	left: 0;
}
.contact .contact-info .icon i {
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	border-radius: 100%;
	text-align: center;
	color: #d97724;
	border:3px solid #ed680a;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.contact .contact-info:hover .icon i{
	border-color:#ccc;
	background:transparent;
}
.contact .contact-info h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 5px;
	margin-top: 10px;
	text-transform: capitalize;
}
.contact .contact-info a {
	color: #777;
}
.contact .contact-info p {
	color: #555;
	font-size: 14px;
	line-height: 22px;
}
.contact .contact-info p span{}
/*=============================
	End Contact CSS
===============================*/

/*=============================
	Others CSS
===============================*/
/* ScrollUp */
#scrollUp {
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	color: #ffff;
	font-size: 18px;
	border-radius: 100%;
	font-size: 18px;
}
#scrollUp:hover{
	color:#fff;
	bottom:15px;
}
/* Breadcrumbs CSS */
.breadcrumbs {
	background-position: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
}
.breadcrumbs h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	margin-top: 5px;
}
.breadcrumbs p {
	color: #ccc;
	margin-top: 5px;
}
.breadcrumbs .bread-list {
	background: rgba(221, 56, 56, 1);
	display: inline-block;
	padding: 10px 25px;
	float: right;
}
.breadcrumbs ul li {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
.breadcrumbs ul li:last-child{
	margin:0;
}
.breadcrumbs ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}
.breadcrumbs ul li.active a {
	color: #fff;
	padding: 7px 20px;
	display: inline-block;
}
.breadcrumbs ul li.active a:hover{
	background:#fff;
	color:#20232E;
}
.breadcrumbs ul li i {
	margin-left: 5px;
}
/* Mail Success */
.mail-success {
	background: #f8f8f8;
}
.mail-success .mail{
	text-align:center;
}
.mail-success .mail h2 {
	font-size: 30px;
	margin-bottom: 20px;
	text-transform: capitalize;
	font-weight:300;
}
.mail-success .mail h2 span {
	display: block;
	margin-top: 10px;
	font-size: 25px;
	font-weight: 500;
}
.mail-success .mail p {
	padding: 0 50px;
}
.mail-success .mail .button{
	margin-top:30px;
}
.mail-success .mail .btn {
	background: #252525;
	color: #fff;
	border-radius: 50px;
}
/*=============================
	End Others CSS
===============================*/

/*=============================
	Footer CSS
===============================*/
.footer {
	background: #20232E;
	padding: 0;
}
.footer .footer-top {
	padding: 60px 0 90px;
	background-image: url('../images/footer-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.footer .footer-top:before{
	opacity:0.9;
}
.footer a, .footer p {
	font-weight: 400;
	color: #2ac858;
	line-height: 22px;
}
.footer .single-widget{
	margin-top:30px;
}
.footer .single-widget h2 {
	font-size: 16px;
	margin-bottom: 25px;
	color: #fff;
	position: relative;
}
.footer .about p {
	margin-top: 20px;
}
/* List */
.footer .list li {
	line-height: 35px;
	color: #ccc;
}
.footer .list li a {
	color: #ccc;
}
.footer .list li i {
	margin-right: 15px;
}
/* Social */
.footer .social {
	margin-top: 20px;
}
.footer .social li {
	display: inline-block;
	margin-right: 5px;
}
.footer .social li:last-child{
	margin:0;
}
.footer .social li a {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 100%;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}
.footer .social li:hover a,
.footer .social li.active a{
	color:#fff;
}
/* Opening Times */
.footer .opening-times .list li {
	position: relative;
	line-height: 35px;
	color: #ccc;
}
.footer .opening-times .list li a {
	color: #ccc;
	font-size: 15px;
}
.footer .opening-times .list li i{
	margin-right:10px;
}
.footer .opening-times .list li .value {
	float: right;
}
.footer .opening-times .list li .value.off {
	color: #fff;
	border-radius: 30px;
	padding: 0 11px;
	line-height: 30px;
}
/* Rehan */
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.footer .newsletter .title{
	font-size:26px;
	font-weight:600;
	color:#fff;
}
.footer .newsletter .form{
	position:relative;
	margin-top:20px;
}
.footer .newsletter .form input {
	width: 100%;
	line-height: 50px;
	color: #888;
	box-shadow: none;
	text-shadow: none;
	border: none;
	padding: 0px 50px 0px 20px;
	border-radius: 0px;
	background: #fff;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
}
.footer .newsletter .button {
	height: 45px;
	color: #fff;
	box-shadow: none;
	text-shadow: none;
	border: none;
	font-size: 14px;
	padding: 10px 35px;
	border-radius: 0px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 2px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footer .newsletter .button:hover{
	opacity:0.8;
}
.footer .newsletter .button i{
	margin-right:5px;
}
.footer-bottom {
	background: #121212;
	padding: 20px 0;
}
.footer .copyright {
	text-align: center;
}
.footer .copyright p {
	color: #aaa;
}
.footer .copyright a:hover{
	color:#fff;
}
 
 
/*=============================
	End Footer CSS
===============================*/