/*

Theme Name: Smartway

Theme URI: http://bootexperts.com

Author: BootExperts

Author URI: http://bootexperts.com

Description:  Business Wordpress Theme

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: smartway

Tags: black, brown, yellow

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

smartway is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

    ## Posts and pages

	## Asides

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/



button,

input,

select,

textarea {

	color: #404040;

	font-size: 14px;

	line-height: 1.5;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

dfn,

cite,

em,

i {

	font-style: italic;

}

blockquote {

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #eee;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}

code,

kbd,

tt,

var {

	font-size: 15px;

	font-size: 0.9375rem;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}

big {

	font-size: 125%;

}

/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}


*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}

body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}

blockquote,

q {

	quotes: "" "";

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}

ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}

li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

	padding-left: 18px;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}

table {

	margin: 0 0 1.5em;

	width: 100%;

}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1;

	padding: .6em 1em .4em;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

}
input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 3px;

}

textarea {

	padding-left: 3px;

	width: 100%;

}

/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	/*color: royalblue;*/

}
a:visited {
	/*color: purple;*/
}

a:hover,

a:focus,

a:active {

	/*color: midnightblue;*/

}
a:focus {

	/*outline: thin dotted;*/

}

a:hover,

a:active {

	/*outline: 0;*/

}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}
.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	float: left;

	position: relative;

}

.main-navigation a {

	display: block;

	text-decoration: none;

}

.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 1.5em;

	left: -999em;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}

.main-navigation ul ul a {

	width: 200px;

}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,

.main-navigation li.focus > a {

}

.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}

.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}

.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}

.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}

.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a {

}

/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}

@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}

.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}
.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}

/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}
.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

}

.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}

/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}

/* Search widget. */

.widget_search .search-submit {

	display: none;

}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {

	display: block;

}

.hentry {

	margin: 0 0 1.5em;

}

.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}

.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}

.page-links {

	clear: both;

	margin: 0 0 1.5em;

}

/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {

	word-wrap: break-word;

}
.bypostauthor {

	display: block;

}
/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}
.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}
.wp-caption-text {

	text-align: center;

}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {

	margin-bottom: 1.5em;

}

.gallery-item {

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}
.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}

.gallery-caption {

	display: block;

}

/*---------------------------------
	theme main css
----------------------------------*/
/*------------------------------------------------------------------

[Table of contents]

1. Global Styles

2. Header

	2.1. Tools

	2.2. Navigation

3. Title

4. Home Page Banner

	4.1. Slider Offers

5. Content

	5.1. Sidebar

	5.2. Blog

	5.3. Carousels

	5.4. Masonry

	5.5. Courses

	5.6. Gallery

	5.7. Map

	5.8. Teachers

	5.9. Progress Bars

	5.10. Reviews

	5.11. Search Box

	5.12. Newsletter

	5.13. Services

	5.14. Responsive Video Wrapper

6. Links

7. Prefooter

8. Footer

9. Mobile Styles

	9.1. Regular Tablets

	9.2. Small Tablets

	9.3. Smartphones
-------------------------------------------------------------------*/
/* 1. GLOBAL STYLES
-------------------------------------------------------------------*/
body {

	overflow-x: hidden;

}

h1,h2,h3,h4,h5,h6 {

	text-transform: uppercase;

}

h2 {

	font-size: 1.6153em;

}

h1,h2 {

	font-weight: 900;

	margin: 0 0 30px 0;

}

h3 {

	margin: 30px 0;

}

h2,h3,h4,h5,h6 {

	line-height: 1.74em;

}

b, strong {

	font-weight: 900;

}

a:hover {

	text-decoration: none;

}

section {

	padding: 80px 0;

}

blockquote {

	border: 0;

	color: #bbb;

	font-size: 1.3846em;

	font-style: italic;

	padding-left: 70px;

	position: relative;

}

label {

	font-weight: normal;

	margin-left: 1px;

}
iframe {

	border: 0;

}

.quote {

	font-size: 3em;

	left: 0;

	line-height: 1.5em;

	position: absolute;

	top: 0;

}
.btn,

.pagination > li > a {

	border-width: 2px;

	border-left: 0;

	border-right: 0;

	border-top: 0;

	font-weight: 900;

	text-transform: uppercase;

}

.pagination > li > a {

	border-radius: 3px;

	color: #fff;

	font-weight: 900;

	margin: 0 2px;

	text-transform: uppercase;

}

.alt-background {

	/*background: #f7f6f2; */

}

.no-margin {

	margin: 0;

}
.icon {

	position: relative;

	top: 2px;

}

.lead .icon {

	display: inline-block;

	font-size: 1.5em;

	margin: 0 30px 30px 0;

}

.primary-color {

	color: #8fb488;

}
.caret {

	position: relative;

	top: -2px;

}
/* 2. HEADER
-------------------------------------------------------------------*/
header {

	left: 0;

	position: absolute;

	width: 100%;

	z-index: 1000;

}

	header .nav .open > a,

	header .nav .open > a:hover,

	header .nav .open > a:focus {

		background: none;

		border: 0;

	}

	/* 2.1. TOOLS
	-------------------------------------------------------------------*/
	.tools {

		background: #313438;

		padding: 5px 0;

	}
		.stool {

			background: rgba(0,0,0,0.75);

		}

		.tools ul {

			list-style: none;

			margin: 0;

			padding: 0;

		}
		.tools li {

			display: inline;

		}

		.tools a {

			color: #777;

		}
		.tools a:hover {

			color: #fff;

		}

		.tools .pull-left a {

			margin-right: 20px;

		}
		.tools .pull-right a {

			margin-left: 20px;

		}
		.tools i {

			margin-right: 10px;

		}
	/* 2.2. NAVIGATION
	-------------------------------------------------------------------*/
	.navbar-brand {

		padding: 0 15px;

	}
	.nav > li > a {

		font-weight: bold;

		padding-left: 10px;

		padding-right: 10px;

		text-transform: uppercase;

	}
	 .navbar-default {

		border: 0;

		display: block;

	}

	.fixed .navbar-default {

		background: #373a3e;

		min-height: 85px;

	}

	.navbar-nav .dropdown-menu {

		background: #2c2f33;

		border: 0;

		top: 75%;

	}

		.navbar-nav .dropdown-menu:before {

			background: #2c2f33;

			content: "";

			display: block;

			height: 10px;

			position: absolute;

			right: 30px;

			top: -5px;

			width: 10px;

			-ms-transform: rotate(45deg); /* IE 9 */

			-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

			transform: rotate(45deg);

		}

		.navbar-nav .dropdown-menu a {

			color: #89909a;

		}

			.navbar-nav .dropdown-menu a:hover,

			.navbar-nav .dropdown-menu > .active > a,

			.navbar-nav .dropdown-menu > .active > a:hover,

			.navbar-nav .dropdown-menu > .active > a:focus {

				background: none;

				color: #fff;

			}

		.navbar-nav .dropdown-menu .divider {

			background-color: #4b4e52;

		}

/* 3. TITLE

-------------------------------------------------------------------*/

.title {

	color: #fff;

	font-size: 320%;

	font-weight: 900;

	position: relative;

	text-transform: uppercase;

	width: 100%;

}
	.title .title-image {

		height: 100%;

		left: 0;

		opacity: 0.03;

		overflow: hidden;

		position: absolute;

		top: 0;

		width: 100%;

	}
	.title .container {

		padding: 30px 0;

	}

/* 4. HOME PAGE BANNER

-------------------------------------------------------------------*/
#slides {

	height: 100%;

	left: 0;

	position: absolute !important;

	top: 0;

	width: 100%;

}
	#slides .tint {

		background: rgba(0,0,0,0.2);

		height: 100%;

		left: 0;

		position: absolute;

		top: 0;

		width: 100%;

		z-index: 100;

	}
	.arrow {

		border-radius: 50%;

		background: #fff;

		bottom: 30px;

		display: block;

		height: 50px;

		left: 50%;

		line-height: 62px;

		margin-left: -25px;

		position: absolute;

		text-align: center;

		width: 50px;

		z-index: 100;

	}
	/* 4.1. SLIDER OFFERS

	-------------------------------------------------------------------*/

	.slider-offers {

		left: 0;

		position: absolute;

		text-shadow: 1px 1px 0 rgba(0,0,0,0.3);

		top: 50%;

		width: 100%;

		z-index: 100;

		transform: translateY(-50%);

	}
		.slider-offers ul,

		.slider-offers li {

			list-style: none;

			margin: 0;

			padding: 0;

		}

		.slider-offers h3,

		.slider-offers h4 {

			color: #fff;

			line-height: 1.2em;

			margin: 0 30px;

		}
		.slider-offers h3 {

			font-size: 42px;

			font-weight: 900;

		}
		.slider-offers h4 {

			font-size: 21px;

			margin-bottom: 30px;

			text-transform: none;

		}

/* 5. CONTENT

-------------------------------------------------------------------*/
	/* 5.1. SIDEBAR WIDGETS
	-------------------------------------------------------------------*/
	.widget {

		background: #f7f6f2;

		margin-bottom: 30px;

		padding: 30px;

	}
		.widget h3 {

			margin: 0 0 30px;

		}
		.widget ul {

			list-style: none;

			margin: 0 0 30px;

			padding: 0;

		}

		.widget li {

			border-bottom: 1px solid #deddd9;

		}
		.widget li a {

			display: inline-block;

			padding: 5px 0;

		}

		span.post-count{

			float: right;

    		margin-top: 5px;

		}

		.widget li a:hover {

			background: rgba(0,0,0,0.015);

		}

		.widget li a span {

			color: #777;

			margin-left: 10px;

		}
		.tagcloud a{

			background: #222;

			border-radius: 3px;

			color: #fff;

			display: inline-block;

			margin: 0 5px 7px 0;

			padding: 2px 10px;

			text-transform: uppercase;

    		font-size: 14px !important;

		}

		.widget .post {

			border: 0;

			margin-bottom: 15px;

			padding: 0;

		}
		.widget .post h5 {

			margin: 0;

		}

		.widget .post h5 a {

			color: #222;

			display: block;

		}

		.widget .post h5 a:hover {

			text-decoration: underline;

		}

		.widget .price {

			color: #222;

			font-size: 1.5em;

			font-weight: 900;

			padding-bottom: 15px;

		}

		.widget .icon {

			color: #8fb488;

		}

		.widget .fa-star {

			color: #fbcd53;

		}

		.widget .course-data {

			padding: 5px 0;

		}

		.widget .share a {

			margin: 0 7px;

		}

		.widget .take-course {
		    text-align: center;
		    width: 100%;
		    min-height: 50px;
		    padding-top: 15px;
		}

		.widget .teacher img{

			width: 20%;

			float: left;

		}

		.widget .tsb{

			width: 75%;

			float: left;

    		margin-top: -6px;

		}

	/* 5.2. BLOG
	-------------------------------------------------------------------*/
	.post h1 {

		margin-bottom: 5px;

	}

	.post h3 {

		margin: 0;

	}

		.post h3 a {

			color: #222;

		}

		.post h3 a:hover {

			text-decoration: underline;

		}

		.post-cover {

			margin-bottom: 30px;

		}

		.meta {

			color: #bbb;

			margin-bottom: 20px;

		}

		.meta span {

			margin-right: 15px;
    		color: #81a27b;

		}

		.meta i {

			margin-right: 5px;
			color: #bbb;
	
		}

		.post-date {

			background: #222;

			color: #fff;

			font-weight: 900;

			left: 30px;

			line-height: 1.74em;

			padding: 15px 0;

			position: absolute;

			text-align: center;

			text-transform: uppercase;

			top: 0;

			width: 50px;

		}

		.post-day {

			font-size: 200%;

		}

		.post-month {

			color: #8fb488;

		}

	.media, .media .media {

		border-top: 1px solid #e8e8e8;

		margin-top: 30px;

		padding-top: 30px;

	}

	.fa-reply {

		margin-right: 5px;

	}

	#recent-posts .item h3 {

		margin: 0;

	}

	#recent-posts .item .meta {

		padding: 0;

	}

	/* 5.3. CAROUSELS

	-------------------------------------------------------------------*/

	.carousel-title {

		margin-left: 35px;

		margin-right: 35px;

		position: relative;

		z-index: 100;

	}

		.carousel-title a {

			display: block;

			font-size: 13px;

			font-weight: normal;

			line-height: 1.74em;

			text-transform: none;

		}

	.owl-carousel .item {

		background: #fff;

	}

		#featured-posts .owl-carousel .item h3 {

			margin: 30px 30px 0;

		}

		.owl-carousel .item h3 a {

			color: #222;

		}

		.owl-carousel .item h3 a:hover {

			text-decoration: underline;

		}

		#featured-posts .owl-carousel .item .meta {

			color: #bbb;

			display: block;

			padding: 0 30px 30px;

		}

			.owl-carousel .item .meta p {

				margin: 0;

			}

			.owl-carousel .item .meta .fa-star {

				color: #fbcd53;

			}

		.owl-carousel .item .price {

			background: rgba(0,0,0,0.8);

			border-radius: 0 0 4px 4px;

			color: #fff;

			display: block;

			font-size: 1.5em;

			padding: 30px 15px;

			position: absolute;

			right: 30px;

			top: 0;

		}
		
	.owl-theme .owl-controls {

		margin: 0 !important;

		padding: 0;

		position: absolute;

		top: -80px;

		width: 100%;

	}
		.owl-theme .owl-controls .owl-nav [class*=owl-] {

			font-size: 14px !important;

			margin: 0 !important;

		}

		.owl-theme .owl-controls .owl-nav .owl-prev {

			float: left;

		}

		.owl-theme .owl-controls .owl-nav .owl-next {

			float: right;

		}

	/* 5.4. MASONRY
	-------------------------------------------------------------------*/
	.masonry .item {

		padding: 0 15px;

	}

		.masonry .item .masonry-container {

			background: #f7f6f2;

			margin-bottom: 30px;

			position: relative;

			width: 100%;

		}
		.masonry .item img {

			width: 100%;

		}

		.masonry .item h3 {

			margin: 30px 30px 0;

		}
		.masonry .item h3 a {

			color: #222;

		}

		.masonry .item h3 a:hover {

			text-decoration: underline;

		}

		.masonry .item .meta {

			color: #bbb;

			display: block;

			margin: 0;

			padding: 0 30px 30px;

		}

		.masonry .item .meta span {

			margin-right: 14px;

		}

		.masonry .item .meta i {

			margin-right: 5px;

		}

		.masonry .item p {

			margin: 0;

			overflow: hidden;

			padding: 0 30px 30px;

		}

	#masonry-2-columns .item {

		width: 50%;

	}

	#masonry-3-columns .item {

		width: 33.333333%;

	}

	#masonry-4-columns .item {

		width: 25%;

	}

	/* 5.5. COURSES
	-------------------------------------------------------------------*/

	.course img {

		width: 100%;

	}

	.course h3 {

		margin: 0;

	}

	.course h3 a {

		color: #222;

	}

	.course .price {

		color: #222;

		font-size: 1.5em;

		font-weight: 900;

		padding-bottom: 15px;

		text-align: right;

	}

	.course-title {

		margin: 0 0 5px;

	}

	.lesson-title {

		margin: 0;

	}

	li.checkbox label {

		display: block;

		padding: 3px 0;

	}

	/* 5.6. GALLERY

	-------------------------------------------------------------------*/

	.gallery {

		list-style: none;

		margin: 0 -15px;

		padding: 0;

	}

		.gallery li {

			padding: 15px;

		}

	/* 5.7. MAP

	-------------------------------------------------------------------*/

	#map-canvas {

		height: 500px;

	}

		.map-address {

			white-space: nowrap;

		}

		.gm-style .gm-style-iw {

			white-space: nowrap;

			width: auto !important;

			height: auto !important;

		}

	/* 5.8. TEACHERS

	-------------------------------------------------------------------*/

	.teachers {

		list-style: none;

		margin: 0 -15px;

		padding: 0;

	}

		.teachers .description,

		#featured-teachers .description {

			background: #fff;

			margin-bottom: 30px;

			padding: 1px 30px 30px;

		}

		#featured-teachers .description h3 {

			margin: 30px 0;

		}

		.teachers .description p,

		#featured-teachers .description p {

			height: 5em;

			overflow: hidden;

		}

	.teacher img {

		margin: 0 15px 15px 0;

	}

	.teacher h5,

	.teacher p {

		margin: 0;

	}

	/* 5.9. PROGRESS BARS

	-------------------------------------------------------------------*/

	.progress {

		height: 30px;

		margin-bottom: 10px;

	}

	.progress-bar {

		line-height: 30px;

		text-align: left;

		text-transform: uppercase;

	}

	.progress-bar span {

		padding: 0 10px;

	}
	.progress-bar .pull-right {

		background: #222;

		border-radius: 3px;

		color: #fff;

	}

	/* 5.10. REVIEWS

	-------------------------------------------------------------------*/

	#teachers-reviews {

		background: url(images/reviews.jpg) no-repeat center top;

		background-size: cover;

		position: relative;

	}

		#teachers-reviews .tint {

			background: rgba(247,246,242,0.9);

			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}

		#teachers-reviews .item {

			background: none;

		}
		#teachers-reviews blockquote {

			color: #222;

			margin: 0;

		}
			#teachers-reviews blockquote .fa-quote-right {

				color: #fbcd53;

			}



	#about-reviews {

		/*background: url(images/icons.gif) no-repeat center top; */

		position: relative;

		background-size:cover !important;

	}

		#about-reviews .tint {

			/*background: rgba(143,180,136,0.97); */

			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}

		#about-reviews .item {

			background: none;

		}

		#about-reviews h2,

		#about-reviews small {

			color: #fff;

		}

		#about-reviews blockquote {

			color: #fff;

			margin: 0;

		}

			#about-reviews blockquote .fa-quote-right {

				color: #fbcd53;

			}



	/* 5.11. SEARCH

	-------------------------------------------------------------------*/

	#search {

		background-position: 100% -25px;

		position: relative;

	}

		#search .tint {
			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}

		#search h2 {

			color: #fff;

		}

		#search a {

			color: #fbcd53;

		}

			#search a:hover {

				color: #e2b94b;

			}

		#search .btn {

			background: #fbcd53;

			border-color: #e1b84b;

		    box-shadow: none;

		    text-shadow: none;

		}

			#search .btn:hover {

				background: #e2b94b;

				border-color: #cca848;

			}

		#search #input-keywords {

			width: 400px;

		}

	/* 5.12. NEWSLETTER
	-------------------------------------------------------------------*/

	#newsletter {

		/*background: url(images/icons.gif) no-repeat center top;*/

		position: relative;

	}

		#newsletter .tint {

			/*background: rgba(137,144,154,0.97);*/

			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}
		#newsletter h2 {

			color: #fff;

		}
		#newsletter .btn {

			text-align: center;

			width: 100%;

		    box-shadow: none;

		    text-shadow: none;

		}
		#newsletter-name-group,

		#newsletter-email-group,

		#newsletter .input-group {

			width: 100%;

		}
	/* 5.13. SERVICES

	-------------------------------------------------------------------*/

	.service {

		margin: 15px 0;

	}

	/* 5.14. RESPONSIVE VIDEO WRAPPER
	-------------------------------------------------------------------*/

	.video-wrapper {

		position: relative;

		padding-bottom: 56.25%; /* 16:9 */

		padding-top: 25px;

		height: 0;

	}
		.video-wrapper iframe,

		.video-wrapper object,

		.video-wrapper embed {

			position: absolute;

			top: 0;

			left: 0;

			width: 100%;

			height: 100%;

		}

/* 6. LINKS
-------------------------------------------------------------------*/

#links {

	background: #373a3e;

	color: #767c84;

}

	#links .col-sm-3 {

		margin: 80px 0;

	}

	#links h3 {

		color: #8fb488;

		margin: 0 0 30px;

	}

	#links h5 {

		margin: 0;

		text-transform: none;

	}

	#links p {

		margin: 0;

	}

	#links a {

		color: #fff;

	}

		#links a:hover {

			color: #fbcd53;

		}

	#links ul {

		list-style: none;

		margin: 0;

		padding: 0;

	}

		#links ul li {

			border-bottom: 1px solid #4b4e52;

			display: table;

			padding: 5px 0;

			width: 100%;

		}

	#links ul li a i {

		color: #8fb488;

		margin-right: 10px;

	}

	#links img {

		margin: 0 15px 5px 0;

	}


	#links .author a {

		color: #767c84;

	}

/* 7. PREFOOTER

-------------------------------------------------------------------*/

#prefooter {

	background: #323438;

	color: #767c84;

    margin-bottom: -10px;

}
	#prefooter .col-sm-3,

	#prefooter .col-sm-6 {

		margin: 80px 0;

	}

	#prefooter h3 {

		color: #8fb488;

		margin: 0 0 30px;

	}

	#prefooter a {

		color: #fff;

	}

	#prefooter a:hover {

		color: #fbcd53;

	}

/* 8. FOOTER

-------------------------------------------------------------------*/

footer {

	background: #2c2f33;

	color: #fff;

	padding: 20px 0;

}

	footer a {

		margin-left: 10px;

	}

/* 9. RESPONSIVE STYLES

-------------------------------------------------------------------*/

/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

	/* 9.1. Regular Tablets
	-------------------------------------------------------------------*/

	@media (max-width: 991px) {
		.post h3,

		.widget .post h5 {

			margin-top: 15px;

		}

		.sorting {

			margin-top: 30px;

			text-align: left;

		}

	}

	/* 9.2. Small Tablets

	-------------------------------------------------------------------*/

	@media (max-width: 767px) {
		section {

			padding: 30px 0;

		}
		h1,h2 {

			margin-top: 30px;

		}
		blockquote {

			font-size: 1em;

			padding-left: 40px;

		}
		.quote {

			font-size: 2em;

			line-height: 2em;

		}
		.tools span {

			display: none;

		}

		.navbar-nav .dropdown-menu:before {

			display: none;

		}
		#masonry-2-columns .item,

		#masonry-3-columns .item,

		#masonry-4-columns .item {

			padding: 0;

			width: 100%;

		}
		.media img, .media .media img {

			width: 30px;

		}
		.course h3 {

			margin-top: 30px;

		}

		.course .price {

			text-align: left;

		}
		.course-title {

			margin: 30px 0 5px;

		}
		.lesson-title {

			margin: 30px 0 0;

		}
		.lesson-prev,

		.lesson-next {

			display: block;

			margin-bottom: 10px;

			text-align: center;

		}

		.lesson-next {

			margin-bottom: 30px;

		}
		.service {

			text-align: center;

		}
		.service h3 {

			margin-top: 15px;

		}
		#recent-posts .item h3 {

			margin-top: 30px;

		}
		#search #input-keywords {

			width: auto;

		}
	}
	/* 9.3. Smartphones

	-------------------------------------------------------------------*/

	@media (max-width: 480px) {
		.slider-offers h3 {

			font-size: 24px;

		}
		.slider-offers h4 {

			font-size: 14px;

		}
		.tools {

			background: #090909;

		}

		 .navbar-default {

			background: #222;

			border: 0;

			min-height: 85px;

		}

	}

/*-------------------------------

    wp style

-------------------------------*/

#teacher-form .btn-primary{

    box-shadow: none;

    text-shadow: none;

}

.footer-text{

    width: 75%;

    float: right;

}

.menu-quick-links-container #menu-quick-links li:before {

  content: "\f105"; 

  font-family: FontAwesome;

  color: #8fb488;

  height: 10px;

  width: 10px;

  padding-right: 10px;

  font-weight: 700;

}



/*pagination*/

.nav-links a{

	text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    background: #8fb488;

    padding: 10px 13px;

    border-radius: 5px;

    text-decoration: none;

    margin: 0 1px;

    border-bottom: 2px solid #80A27A;

}

.nav-links span.current{

	text-transform: uppercase;

    font-weight: 700;

    color: #888;

    background: #f7f6f2;

    padding: 10px 13px;

    border-radius: 5px;

    margin: 0 1px;

    border-bottom: 2px solid #DEDDD9;}

.nav-links a:hover, 

.nav-links a:focus{

    background-color: #80a27a;

    border-color: #81a27b;

}

.nav-links a.prev:before{

    content: "\f0d9";

    font-family: FontAwesome;

    color: #fff;

    height: 10px;

    width: 10px;

    padding-right: 5px;

    font-weight: 700;	

}

.nav-links a.next:after{

    content: "\f0da";

    font-family: FontAwesome;

    color: #fff;

    height: 10px;

    width: 10px;

    padding-left: 5px;

    font-weight: 700;

}

.pagination{

    float: right;

    margin-top: 25px;

}

/* sidebar widget*/

.widget ul li a:before{

    content: "\f061";

    font-family: FontAwesome;

    color: #8fb488;

    height: 10px;

    width: 10px;

    padding-right: 10px;

    font-weight: 300;	

}

.mc4wp-form input{

	padding: 10px !important

}

.mc4wp-form .btn{

	background: #8fb488;

    border-color: #8fb488;

    box-shadow: none;

    text-shadow: none;

    font-size: 13px;

    color: #fff;
    float: left;

}

.mc4wp-form .btn:hover{

	background: #81A27B;

    border-color: #81A27B;

    box-shadow: none;

    text-shadow: none;

}

.singlebtn{

	color: #fff;

    background-color: #8fb488;

    border-color: #8fb488;

    padding: 7px 20px;

    font-size: 14px;

}

span i.fa-reply{

	color: #8fb488;

}

li.media{

	list-style: none;

}

small #cancel-comment-reply-link{

	font-size: 14px;

    float: right;

    margin-top: 6px;

}

#comments ul.media-list li ul.children{

	padding-left: 90px;

}

#comment-submit{

    box-shadow: none;

    text-shadow: none;

    background-color: #8fb488;

    border-color: #8fb488;

    color: #fff;

    padding: 10px 15px;

    font-size: 14px;

}

#comment-submit:hover{

    background-color: #81A27B;

    border-color: #81A27B;

    color: #fff;

}



ul.media-list{

	margin-left: 0;

}

.single-fill #comments{

	margin-left: 15px;

    padding-right: 30px;

}

textarea.form-control {

    height: 192px;

}

.nslider{

    background: url(images/header.png) repeat-x top;

    min-height: 200px;

}

.nbanner{

    background-color: #373a3e;

    min-height: 86px;

}

.srcpage input[type='text']{

	width: 400px;

}

/**

* vc style

*/

.wpb_row, .wpb_content_element, 

ul.wpb_thumbnails-fluid > li, 

.last_toggle_el_margin, .wpb_button {

    margin-bottom: 0px !important;

}



.not-found{

	margin-bottom: 25px;

}

.widget .searchform input[type="text"]{

    width: 100%;

    height: 40px;

    padding-left: 15px;

}

.widget .searchform i{

	float: right;

    position: relative;

    top: -27px;

    right: 8px;

    font-size: 14px;

}

.widget > .form > form > .row > .col-sm-4{

	width: 100%;

}

.widget > .form > form button.btn{

	float: left;

}

.take-course a{

	color: #fff;

	text-decoration: none;

}

.owl-item .post-ratings img{

	width: 12px !important;

	float: left;

}

.take-course .takcorse{

	background: #8fb488;

    box-shadow: none;

    text-shadow: none;

    border: none;

    color: #fff;

    font-size: 16px;

   
    padding-top: 0;

}

.take-course:hover .takcorse{

	background: #81a27b;

}

.take-course .takcorse:hover{

	background: #81a27b;

	box-shadow: 0 0 0;

}

.take-course .takcorse:focus{

	border: 0;

}

.widget li a.url:before{

	display: none;

}

form p input[type="submit"]{

    box-shadow: none;

    border-radius: 0;

    padding: 6px 15px;

    font-size: 14px;

}

.widget ul li ul.children{

	margin: 0 0 0 30px;

}

.widget ul li ul.children li:last-child{

	border-bottom: 0;

}

li.recentcomments a:before{

	display: none;

}

.menu-testing-menu-container #menu-testing-menu li ul.sub-menu li{

	margin-left: 20px;

    border-bottom: 0;

}

.sub-menu #menu-item-1049{

	display: none;

}

#mep_0{

    width: 100%;

    height: 30px;

    margin-bottom: 15px;

}

body.single-post #featured-posts .item img{

	min-height: 270px;

}



.not-found h2{

	font-size: 40px;

}

.not-found h4{

	font-size: 20px;

}



.navbar-nav li{

    transition:all 0.3s ease 0s;

}

.navbar-nav li:hover > ul.dropdown-menu{

	display: block;

}

.navbar-nav li ul li:hover ul.dropdown-menu{

	position: absolute;

    left: 166px;

    display: block;

    top: 0;

    transition:all 0.3s ease 0s;

}

.navbar-nav li ul li:hover > ul.dropdown-menu:before{

	position: absolute;

    left: -5px;

    top: 12px;

}

.navbar-nav li.menu-item-has-children:active > a{

	color: #red !important;

}

.four0{

	margin: 40px 0 0; 

}

ul#menu-quick-links li{

	padding:4.5px 0;

}

.wpb_video_widget .wpb_wrapper iframe{

	height:335px !important;

}
p.author span{

	color:#81a27b;

}

.courses .item h3 a {

    padding-bottom:15px;

	display:block;

}

.widget .mc4wp-form .mc4wp-form-fields .col-sm-4{
	width: 100%;
}
.blogright{
	float: right !important;
}
.navbar-default .navbar-toggle{;
    box-shadow: none;
}

#newsletter .btn {
    height: 45px;
    font-size: 16px;
}
.masonry .item .meta span:last-child{
	margin-right: 0;
}
.log-height{
	height:95vh;
}
.out-height{
	height:100vh;
}

.lesson-next {
    position: relative;
    padding-right: 25px;
}
 

.lesson-next:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.lesson-prev{
    position: relative;
    padding-left: 25px;
}
.lesson-prev:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 10px;
}
.singlefp{
    background: #f7f6f2;
}