/*-----------------------------------------------------------------------------------

    Template Name: Lernen - Education Courses School Template
    Template URI: https://themeforest.net/user/themeioan
    Author: Ioan Drozd
    Author URI: https://www.drozd.at
    Description: Lernen
    Version: 2.3
    Tags: Landing Page, Courses, Learning
    Text Domain: Lernen

    File: lernen-white-custom-styles.css - This is the stylesheet for this theme;

-----------------------------------------------------------------------------------*/


/**
====================[Table of contents]======================

1.  Site Styles
    1.1. Page Styles
    1.2. Site Elements Basic
    1.3. List Style for Why US
    1.4. Post Heading
    1.5. Scroll to Top
2.  Header
    2.1. Navigation
    2.2. Header Content
3.  Main
    3.1. Wrap Background
    3.2. Service
    3.3. Feature
    3.4. Counter
    3.5. Testimonial
    3.6. Teachers
    3.6.1 Teachers Slider
    3.7. Contact
    3.8. Blog
    3.9. Newsletter
    3.10. Icon Socials
    3.11. Pricing
    3.12. Why us
    3.13. Course
4.  Footer
5.  CSS Hacks
6.  Media Queries
    6.1. Normal Screen v1 -> (max-width: 1024px)
    6.2. Normal Screen v2 -> (min-width: 992px) and (max-width: 1199px)
    6.3. Laptop -> (min-width: 768px) and (max-width: 991px)
    6.4. Tablet -> (max-width: 767px)
    6.5. Small Tablet -> (max-width: 640px)
    6.6. Mobile v1 -> (max-width: 480px)
    6.7. Mobile v2 -> (max-width: 300px)
    6.8. If Height is to Small

================================================== */


/*-----------------
    @Typography
-----------------*/

/* 1. ========================= Site Styles ========================= */


/* 1.1. ========================= Page Styles ========================= */

html {
	font-family: "Poppins", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-moz-osx-font-smoothing: grayscale;
	/* Firefox */
	-webkit-font-smoothing: antialiased;
	/* WebKit  */
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	margin: 0;
	color: rgba(34,34,34,.7);
	overflow-x: hidden;
}

h1 {
	font-size: 38px;
	line-height: 42px;
}

h2 {
	font-size: 30px;
	line-height: 36px;
}

h3,
.woocommerce-order h2 {
	font-size: 26px;
	line-height: 36px;
}

h4 {
	font-size: 22px;
	line-height: 1.2380952380952381;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
}

p {
	font-size: 16px;
	color: rgba(34,34,34,.7);
	line-height: 1.625;
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

a i {
	padding: 0 2px;
}

img {
	max-width: 100%;
}

/* COLOR GLOBAL */

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.section-title h3,
.tbl-pricing .tbl-prc-col .tbl-prc-price,
.tbl-pricing .tbl-prc-col .tbl-prc-list,
#header .nav>li>a,
#header .nav>li>a:hover {
	color: #242424;
}

.wrap-bg-primary .section-title span,
.wrap-bg-primary .section-title h2,
.wrap-bg-primary .section-title p,
.course-price,
.header-content .header-text,
.header-content .header-text h1,
.header-content .header-text p,
.tbl-pricing .tbl-prc-col .tbl-prc-wrap .featured-price,
#footer,
#footer a,
.footer-text p,
.f-widget-title h4,
.f-widget-link ul li a,
.sigle-address p,
.copyright p,
.themeioan_event .date h4,
.text-white,
.text-white p,
.text-white h2,
.section-title.text-white p,
.call-to-action-content h3,
.call-to-action-btn a,
.header-area .header-area-inner .subtitle,
.header-area .header-area-inner .title,
#header .navbar-default .navbar-nav a,
.header-content.page-header-content .page-header-text p,
.video-btn,
.wrap-bg.wrap-bg-parallax,
.color-one:hover,
.color-two,
.color-two:hover,
.btn-1c,
.header-cta .btn.btn-1c,
.footer-social a,
.footer-social i,
.header-area .header-area-inner p {
	color: #ffffff;
}


.bar1,
.bar2,
.bar3,
.wrap-bg.wrap-bg-grey,
#teachers .item,
.color-three,
.color-three:hover,
.btn-1c:after,
.themeioan_blog .blog-content,
.footer-subscribe,
.tbl-pricing .tbl-prc-col .tbl-prc-wrap,
.themeioan_event .event-content,
.themeioan_course .blog-content,
.themeioan_blog .blog-content,
#header .navbar-default .navbar-toggle .icon-bar,
.video-btn:hover,
.color-three,
.themeioan_testimonial {
	background-color: #ffffff;
}

.header_black_white .bar1, .header_black_white .bar2, .header_black_white .bar3 {
	background-color: #333!important;
}

hr {
	margin-top: 50px!important;
	margin-bottom: 50px!important;
	border: 0;
	border-top: 1px solid #e7e8e8!important;
}

.themeioan_ul_icon li,
.blog-content li,
.fw-tabs li,
footer li {
	list-style: none;
}

.entry-content .fw-tabs ul li:before {
	display:none;
}
.entry-content .fw-tabs ul li {
	padding-left:0px!important;
}
figure {
	margin: 0px;
}

figure iframe {
	overflow: hidden;
	width: 100% !important;
	background-color: #f4f4f4;
	border: 2px solid #e9e9e9;
}

video {
	width: 100%;
	height: auto;
}

.center-column {
	margin: 70px auto 0px auto;
}

.content-button {
	margin: 60px auto 0px auto;
	max-width: 250px;
}
.content-button-widget {
	margin: 0px auto 0px auto;
	max-width: 250px;
}
.themeioan_ul_icon {
	margin-top:15px;
}
.themeioan_ul_icon li {
	line-height: 33px;
	font-size: 16px;
	color: #777777;
}

.themeioan_ul_icon i,
.course-viewer ul li i {
	padding-right: 7px;
}

.mt-25 {
	margin-top: 25px;
}

.mb-60 {
	margin-bottom: 60px;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}
.text-position-right {
	text-align:right;
}
.call-to-action-content h3 {
	font-weight: 700;
	margin: 93px 0 25px;
	font-size: 36px;
	line-height: 1.2;
	text-transform: capitalize;
}

.call-to-action-content h3 {
	font-weight: 700;
	margin: 93px 0 25px;
	font-size: 36px;
	line-height: 1.2;
	text-transform: capitalize;
}
.part-img {
	position:relative;
	height: 100%;
	min-height: 350px;
}
.call-to-action-area img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
}

.call-to-action-btn a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 600;
	margin-top: 19px;
	margin-bottom: 100px;
}
.call-to-action-btn a:hover {
	background:#fff;
}

.cta-center {
	text-align:center;
	margin:0px auto;
}
.cta-center p {
	font-size: 18px;
}
/*tags course*/

.themeioan_course {
	transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55);
}


/*shadow hover all*/

.themeioan_course:active,
.themeioan_course:focus,
.themeioan_course:hover,
.single-features-light:hover,
.tbl-pricing .tbl-prc-col .tbl-prc-wrap:hover,
#teachers .item:hover,
.themeioan_blog:hover {
	-webkit-box-shadow: 0px 5px 17px 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 17px 10px rgba(0, 0, 0, 0.05);
}


/*end shadow*/

.themeioan_course {
	-webkit-box-shadow: 0 0 20px 0 #f2f2f2;
	box-shadow: 0 0 20px 0 #f2f2f2;
	border-radius: 6px;
	overflow: hidden;
}

.themeioan_course .blog-content,
.themeioan_blog .blog-content,
.themeioan_event .event-content {
	padding: 25px;
}

.themeioan_course.course-area .blog-content p {
	margin-bottom: 5px;
}

.themeioan_course .blog-content .title {
	margin-bottom:15px;
}
.themeioan_course .blog-content .title,
.themeioan_blog .blog-content .title,
.themeioan_event .event-content .title {
	font-size: 20px;
	line-height: 30px!important;
	font-weight: 600;
}

.course-single-content p {
	margin-top: 12px;
}

.mb20 {
	margin-bottom: 30px!important;
}

.course-bottom {
	margin-top: 25px;
}

.course-bottom-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	margin-bottom:0px;
	margin-left:0px!important;
}

.course-avatar {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	float:left;
}

.course-author {
	padding-top: 3px;
	display: inline-block;
	color:#000;
}

.course-avatar img {
	border-radius: 100%;
}

.course-bottom-list li {
	width: 50%;
}

.course-duration {
	margin-top: 3px;
	text-align: right;
}

.course-price {
	padding: 5px 10px;
	margin-left: 10px;
	border-radius: 3px;
	font-weight: 500;
}

.themeioan_course .blog-meta li:last-child {
	margin-right: 0;
}

.themeioan_course .read-more {
	font-size: 12px;
}

.course-photo img {
	width: 100%;
	height: auto;
}

.course-title {
	margin-top: 7px;
}

.course-statistic {
	margin-bottom: 10px;
}

.course-star {
	float: left;
}

.course-star i {
	color: #ffb606;
	font-size: 14px;
	margin-right: 5px;
	padding-top: 8px;
}

.course-viewer {
	text-align: right;
}
.entry-meta .course-viewer {
	text-align: left;
}
.entry-meta .course-viewer li {
	padding: 5px 15px 5px 0px;
}

.course-viewer li {
	color: #000;
	font-size: 14px;
	padding: 5px 0px 5px 15px;
	border-radius: 3px;
}
.course-viewer li a {
	color: #000;
	font-size: 13px;
}

.course-viewer ul li {
	list-style: none;
	display: inline-block;
}
.course-viewer ul {
	margin-bottom:0px;
}

.course-single:nth-last-of-type(2n+2) .tags a {
	background-color: rgb(253, 239, 219);
	color: #ffb606;
}

.course-single:nth-last-of-type(3n+3) .tags a {
	background-color: rgb(227, 248, 255);
	color: #29a1c1;
}

.required {
	color: #f9331e;
}

.animation {
	visibility: hidden;
}

.animated {
	visibility: visible;
}

/* Course Style 2*/
.themeioan_course .absolute-cat-item,
.themeioan_course .absolute-cat-item:hover {
	position: absolute;
	background: #444ff;
	color: #fff;
	padding: 5px 7px;
	top: 20px;
	right: 20px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
	border-radius: 4px;
}


/* 1.2. Site Elements Basic*/

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	height: 50px;
	color: #b3bcc6;
	font-size: 15px;
	padding: 0px 20px;
	border: 1px solid #dadee2;
	outline: none !important;
}

textarea {
	height: auto;
	padding: 13px 20px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	color: #272727;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
textarea:disabled {
	color: #b9b9b9;
	background-color: #f0f0f0;
	border: 2px solid #f0f0f0;
}

.btn-custom,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
	line-height: 45px;
	font-weight: 600;
	padding: 12px 30px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none !important;
	-webkit-transition: background-color .4s ease, border .4s ease, color .4s ease;
	-moz-transition: background-color .4s ease, border .4s ease, color .2s ease;
	-ms-transition: background-color .4s ease, border .4s ease, color .2s ease;
	-o-transition: background-color .4s ease, border .4s ease, color .2s ease;
	transition: background-color .4s ease, border .4s ease, color .4s ease;
}
/*update default button style*/
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
	line-height: 1;
	background-color: #fb770c;
	border:0px;
	color:#fff;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	padding: 0 20px;
	outline: 0;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.btn-custom:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	outline: none !important;
	background-color: #121a2f;
}


.btn-custom:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
button:disabled {
	color: #707070 !important;
	background-color: #bababa;
	border-bottom: 3px solid #bababa;
	outline: none !important;
}

.btn-custom.btn-icon {
	position: relative;
}

.btn-custom.btn-icon .fa {
	position: absolute;
	top: 9px;
	left: 30px;
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	border: 2px solid #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

button.close {
	font-family: Arial, Helvetica, sans-serif;
	color: #404040 !important;
	font-size: 20px;
	margin: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button.close:hover {
	color: #1a1a1a;
	background: none;
	border: 0px;
}

select {
	height: auto;
	font-weight: 400;
	padding: 8px 12px;
	border: 2px solid #EEE;
	outline: none;
}

select:focus {
	outline: none;
}

.aligncenter {
	display: block;
	margin: 0px auto 20px auto;
}

.alignright {
	float: right;
	margin: 5px 0 15px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 15px 0;
}
.wp-block-image .alignleft {
	margin-right: 20px!important;
}
.wp-block-image .alignright {
	margin-left: 20px!important;
}
.left {
	float: left;
}

.right {
	float: right;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.alert h4 {
	margin-bottom: 10px;
}

.tooltip {
	text-transform: lowercase;
}

.tooltip-inner {
	padding: 6px 12px 5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


/* 1.3. ========================= List Style for Why US ========================= */


/* 1.4. ========================= Post Heading ========================= */

.post-heading-center {
	text-align: center;
}
.position-left.post-heading-center {
	text-align: left;
}
.post-heading-left {
	margin-bottom: 25px;
}

.section-title.with-p {
	margin-bottom: 60px;
}

.section-title span {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	padding-bottom: 10px;
	text-transform: capitalize;
	display: block;
}

.section-title h2 {
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	position: relative;
}

.section-title h3 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 600;
	margin-bottom: 25px;
}

.hentry .entry-title,
.no-results .page-title {
	font-size: 26px;
	line-height: 40px;
	font-weight: 600;
}

.section-title p {
	max-width: 650px;
	font-size: 16px;
	line-height: 26px;
	color: rgba(36, 36, 36, 0.8);
	margin: 0 auto;
}
.position-left.section-title p {
	max-width: 650px;
	font-size: 16px;
	line-height: 26px;
	color: rgba(36, 36, 36, 0.8);
	margin-left:0px;
}

.sep-border {
	height: 1px;
	background-color: #e4e4e4;
}

/* 1.5. ========================= Scroll to Top ========================= */

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	cursor: pointer;
	border-radius: 100px;
	z-index:99;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.no-touch .cd-top:hover {
	opacity: 1;
}

@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 40px;
		width: 40px;
		right: 30px;
		bottom: 30px;
	}
}


/* 2. ========================= Header ========================= */

.header-area .header-area-inner .subtitle {
	font-size: 40px;
	line-height: 60px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

.header-area .header-area-inner .title {
	font-size: 50px;
	line-height: 60px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	margin-bottom: 27px;
}

.header-area .header-area-inner p {
	font-size: 19px;
	line-height: 30px;
	max-width: 550px;
	text-shadow: white 0px 0px 50px;
}

.header-cta .btn.btn-1c {
	font-weight: 500;
	line-height: 19px;
}


/* 2.1. ========================= Navigation ========================= */

.transparent-header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	transition: .3s;
	padding: 15px 0px;
}

.transparent-header.sticky-menu {
	left: 0;
	margin: auto;
	position: fixed!important;
	top: 0;
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	z-index: 999;
	padding: 0;
}

.transparent-header.header_black_white.sticky-menu{
	left: 0;
	margin: auto;
	position: fixed!important;
	top: 0;
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	z-index: 999;
	background-image: none;
	background-color:#fff;
	padding: 0;
}

#header .navbar,
#header .navbar-brand,
#header .navbar-brand img {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

#header .navbar {
	width: 100%;
	z-index: 1000;
}

#header .navbar-default {
	border: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#header .navbar-brand {
	height: auto;
}

#navbar-header {
	padding-top: 3px;
}

#header .ml-auto {
	left: auto !important;
	right: 0px;
}

#header .navbar-brand img {
	max-height: 45px;
	height: auto;
}

#header .navbar-default .navbar-collapse {
	border: 0px;
}

#header .nav>li>a {
	display: block;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	padding: 17px 0px 18px;
	margin: 0px 13px;
}

#header .nav>li:last-child>a {
	margin-right: 0px;
}

#header .navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

#header .navbar-default .navbar-nav>li>a {
	background: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
}

#header .navbar-nav>li>a:hover,
#header .navbar-default .navbar-nav>li>a:hover {
	border-color: #FFF;
}

#header .navbar-nav>.active>a,
#header .navbar-default .navbar-nav>.active>a {
	background-color: transparent;
	background-image: none;
	background-image: none;
	background-image: none;
	background-repeat: no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	filter: none;
	border-color: #FFF;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#header .navbar-toggle {
	margin-top: 13px;
	border: 0px;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}

.burger-icon {
	display: none;
	cursor: pointer;
	padding: 0px 15px 0px 10px;
}

.navbar-toggler,
.navbar-toggler:hover {
	border: 0px;
	background: none!important;
	padding: 10px;
	z-index: 2;
	display: block;
}

.burger-icon.navbar-toggler {
	cursor: pointer;
}

.bar1,
.bar2,
.bar3 {
	z-index: 1;
	width: 35px;
	height: 5px;
	margin: 6px 0;
	transition: .6s;
	border-radius: 2px;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}


/* 2.2. ========================= Header Content ========================= */

.header-content {
	padding: 150px 0px 50px 0px;
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	z-index: 1;
}

.header-content:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.header-content .header-text {
	padding-top: 150px;
}
.equal-margin.header-content .header-text {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width:690px;
}

.position-center.equal-margin.header-content .header-text {
	margin: 0px auto;
}

.header-content .header-text .btn-section {
	margin-top: 50px;
}

.header-content .btn-section .btn-custom {
	display: inline-block;
	padding: 0px 20px;
}

.video-relative {
	position: relative;
	display: inline-block;
}

.video-btn i {
	color: #121a2f;
	font-size: 13px;
	line-height: 50px;
	margin-left: 4px;
}

.video-btn {
	height: 47px;
	width: 47px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 1px;
	left: 65px;
	text-align: center;
	margin: -30px 0 0 -30px;
	border-radius: 100px;
	z-index: 1
}

.orangebg {
	border: 1px solid #fff;
}

.video-btn .ripple {
	position: absolute;
	width: 110px;
	height: 110px;
	z-index: -1;
	left: 50%;
	top: 50%;
	opacity: 0;
	margin: -55px 0 0 -55px;
	border-radius: 100px;
	-webkit-animation: ripple 1.8s infinite;
	animation: ripple 1.8s infinite
}

@-webkit-keyframes ripple {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.video-btn .ripple:nth-child(2) {
	animation-delay: .4s;
	-webkit-animation-delay: .4s
}

.video-btn .ripple:nth-child(3) {
	animation-delay: .7s;
	-webkit-animation-delay: .7s
}

/* Slider Header */
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 0px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
}
.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 2px;
	margin: 5px 7px;
	background: #869791;
	border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #ffffff;
	height: 3px;
}
.subtitle span {
	font-weight:600;
}

/* Center Position */
.position-center .header-text {
	text-align:center;
}
.position-center .header-text p {
	margin:0px auto;
}

.play-center .video-btn {
	left:0px;
}

/* 3. ========================= Main ========================= */


/* 3.1. ========================= Wrap Background ========================= */

.wrap-bg {
	padding: 100px 0px;
}
.wrap-bg-small {
	padding: 30px 0px 30px 0px;
}
.containerfull {
	padding:0 15px;
}
.main-layout {
	padding: 80px 0px;
}

.wrap-bg.bg-bottom-zero {
	padding: 90px 0px 0px 0px;
}

.wrap-bg.wrap-bg-dark {
	background-color: #f3f7fe;
}

.wrap-bg.wrap-bg-primary {
	background-color: #558af2;
}

.wrap-bg.wrap-bg-parallax {
	background-color: #333;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.wrap-padding {
	padding: 100px 60px;
}

.wrap-bg .carousel-slider {
	margin-bottom: 40px;
}

.wrap-bg#testimonials .carousel-slider {
	margin-bottom: 15px!important;
}

.wrap-bg .btn-section .btn-custom {
	margin: 0px 10px;
}

.wrap-page {
	padding: 100px 0px 60px;
	border-bottom: 1px solid #f0f0f0;
}

.col-text .list-style {
	padding-top: 10px;
}

.row-custom .col-left,
.row-custom .col-center,
.row-custom .col-right {
	float: left;
	padding: 0px 15px;
}

.row-custom .col-left,
.row-custom .col-right {
	width: 38%;
	padding-top: 40px;
}

.row-custom .col-center {
	width: 24%;
}

.row-custom .col-center img {
	width: 100%;
}

.row-custom .col-right {
	text-align: right;
}


/* 3.2. ========================= Service ========================= */

.themeioan_service {
	text-align: center;
	margin-bottom: 40px;
	padding: 60px 30px;
	margin: 0 0 30px 0;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 30px -12px #c9c9c9;
	box-shadow: 0 0 30px -12px #c9c9c9;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.themeioan_service i {
	margin-bottom: 20px;
}

.themeioan_service h4 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}


/* 3.2. ========================= Transparent!!!! ========================= */

.move {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}

.single-features-light:hover .move {
	-webkit-transform: translateY(-22%);
	-moz-transform: translateY(-22%);
	-ms-transform: translateY(-22%);
	-o-transform: translateY(-22%);
	transform: translateY(-22%);
}

.single-features-light:hover i.secondary-color {
	opacity: 0;
}

.feature_link a,
.readmore {
	position: relative;
	z-index: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
}

.feature_link {
	opacity: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	margin-bottom: -15%;
}

.single-features-light:hover .feature_link {
	opacity: 1;
}


/*transition for all hover element*/

.single-features-light,
.single-features-light i,
.themeioan_course,
.themeioan_blog,
.tbl-pricing .tbl-prc-col .tbl-prc-wrap h5,
#teachers .item,
.fw-iconbox-1,
.fw-iconbox-2,
body .widget_media_gallery .gallery-item,
body .widget_media_gallery .gallery-item:hover{
	webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/*end transition*/

.single-features-light {
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #eff2f5;
	overflow: hidden;
	min-height: 230px;
	background:#fff;
}

.single-features-light:hover {
	border: 1px solid #fff;
}

.single-features-light i {
	margin-top:7px;
}
.single-features-light a {
	color: #272727;
}

.single-features-light h4 {
	font-size: 20px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight:600;
}

.single-features-light p {
	padding: 0 20px;
}


/* 3.3. ========================= Feature ========================= */

.themeioan_feature {
	position: relative;
	float: left;
	width: 100%;
	min-height: 90px;
	margin-bottom: 40px;
}

.themeioan_feature i {
	position: absolute;
	width: 80px;
	top: 5px;
	left: 0px;
}

.themeioan_feature .feature-text {
	padding-left: 100px;
}

.themeioan_feature .feature-text h4 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: 700;
}

.row-custom .col-right .themeioan_feature i {
	left: auto;
	right: 0px;
}

.row-custom .col-right .themeioan_feature .feature-text {
	padding: 0px 100px 0px 0px;
}


/* 3.4. ========================= Counter ========================= */

.themeioan_counter {
	color: #121a2f;
	text-align: center;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.themeioan_counter h4 {
	font-size: 42px;
	line-height: 48px;
	margin: 20px 0px 0px;
	font-weight: 700;
}

.themeioan_counter p {
	margin: 10px 0px 0px 0px;
	font-weight: 500;
	color: #2d2d2d;
}


/* 3.5. ========================= Testimonial =========================*/

#testimonials {
	background-size: cover;
}
#testimonials .section-title p {
	text-shadow: white 0px 0px 50px;
}
#testimonials .section-title span {
	text-shadow: black 0px 0px 40px;
}
.themeioan_testimonial {
	margin-bottom: 40px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius: 6px;
}

.testimonail-content {
	margin-top: 80px;
	padding: 85px 20px 45px 20px;
}

.themeioan_testimonial .testimonial-text {
	border-radius: 6px 6px 0px 0px;
}

.themeioan_testimonial img {
	position: absolute;
	top: -80px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	width: 150px;
	height: 150px;
	max-width: 150px;
	border-radius: 50%;
	border: 3px solid #fff;
}


.slick-list {
	margin: -15px 0px -55px 0px!important;
}

.themeioan_testimonial .testimonial-text p {
	margin: 20px;
}

.themeioan_testimonial .testimonial-author {
	position: relative;
	border-radius: 0px 0px 6px 6px;
}

.themeioan_testimonial .testimonial-author h4 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin: 0px 0px;
}

.themeioan_testimonial .testimonial-author p {
	font-size: 14px;
	line-height: 26px;
}

.testimonial-author .course-star {
	float: none;
}

#testimonials .slick-dots {
	bottom: 60px!important;
}


/* 3.6. ========================= Teachers  ========================= */

#teachers {
	text-align: center;
}

#teachers .item {
	text-align: center;
	padding: 45px 20px;
	box-shadow: none;
	border-radius: 4px;
	margin: 15px 0;
}
#teachers .item:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#teachers img {
	max-width: 200px;
	margin: 0 auto;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#teachers .item h5 {
	font-size: 20px;
	padding: 35px 00px 0px 10px;
	font-weight:600;
}
#teachers .item span {
	margin-bottom:25px;
	font-size: 14px;
	line-height: 26px;
}
#teachers .item p {
	padding: 16px 20px 10px;
}

#teachers .carousel-slider .slick-preva,
#teachers .carousel-slider .slick-nextb {
	width: 40px;
	height: 40px;
	background-color: #d0d0d0;
	margin-top: -20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	top: 0px;
}

#teachers .carousel-slider .slick-prev {
	right: 20px!important;
	left: 0!important;
	background: #d0d0d0 url("../images/carousel-slider-arrow-prev.png") no-repeat center center;
}

#teachers .carousel-slider .slick-next {
	right: 20px;
	background: #d0d0d0 url("../images/carousel-slider-arrow-next.png") no-repeat center center;
}

/* 3.6.1 ========================= Teachers Slider ========================= */

.carousel-slider.gallery-slider .slick-dots {
	bottom: 40px;
	line-height: 0px;
}

.carousel-slider.gallery-slider .slick-dots li,
#testimonials .slick-dots li button {
	width: auto;
	height: auto;
}

.carousel-slider.gallery-slider .slick-dots li button,
#testimonials .slick-dots li button {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #121a2f;
	padding: 0px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 14px;
}

.carousel-slider.gallery-slider .slick-dots li button:before,
#testimonials .slick-dots li button:before {
	display: none;
}

.carousel-slider {
	display: block !important;
}

.color-one {
	background: #121a2f;
	border: 1px solid #121a2f;
	color: #fff;
}

.color-one:hover {
	border: 1px solid #fb770c;
	background: #fb770c;
}
.wrap-bg .btn-section .btn-custom:hover,
.tbl-pricing .tbl-prc-col .tbl-prc-footer .btn-custom:hover {
	background: #121a2f;
	border-color:#121a2f;
}

.color-three {
	border: 1px solid #ffffff;
	color: #fff;
	background: none;
}

.color-three:hover {
	color: #272727;
	background: #fff;
	border: 1px solid #ffffff;
}


/* General button style (reset) */

.btn {
	color: inherit;
	cursor: pointer;
	padding: 8px 25px;
	display: inline-block;
	letter-spacing: 1px;
	outline: none;
	position: relative;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 1c */

.btn-1c {
	border: 1px solid #fff;
}

.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}

.slick-dots li {
	width: 8px;
	height: 8px;
}

.slick-dots li button:before {
	font-size: 12px!important;
}


/* 3.8. ========================= Blog ========================= */

.themeioan_blog {
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0 0 20px 0 #f2f2f2;
	box-shadow: 0 0 20px 0 #f2f2f2;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom:30px;
}

.themeioan_blog .read-more {
	font-size: 12px;
}

.blog-photo {
	position: relative;
}

.blog-photo img {
	width: 100%;
	height: auto;
}

.themeioan_blog .blog-content .course-viewer {
	text-align: left;
	margin-bottom:12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.themeioan_blog .blog-content .course-viewer li {
	padding: 0px 20px 0px 0px;
}

.themeioan_blog .blog-content h5 {
	margin-bottom:15px;
}

.themeioan_blog .readmore,
.themeioan_blog .readmore i {
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
}


/* 3.9. ========================= Newsletter ========================= */
.newslleter-call {
	position: relative;
}
#newsletter {
	background:#f3f7fe;
}
#newsletter input {
	border-radius: 100px;
}

#newsletter .newsletter-submit {
	top: 0%;
	z-index: 1;
	right: 0px;
	position: absolute;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px !important;
	max-width: 120px;
	cursor: pointer;
}

#newsletter .newsletter-submit:hover {
	border: 2px solid #121a2f;
	background:#121a2f;
}


/*Newsletter Box*/

.footer-subscribe {
	border-radius: 10px;
	padding: 45px 30px;
	box-shadow: 0px 5px 36.34px 9.66px rgba(0, 0, 0, 0.09);
	position: relative;
	bottom: -70px;
	z-index: 99;
}

.themeioan-form-newsletter input[type="text"],
.themeioan-form-newsletter input[type="email"] {
	width: 100%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #272727;
}

.themeioan-form-newsletter .button {
	width: 100%;
	max-width: 200px;
	cursor: pointer;
}

.newsletter-submit {
	border-radius: 0px !important;
	border-top-right-radius: 25px !important;
	border-bottom-right-radius: 25px !important;
}

.subscribe-text {
	margin: 0px;
}

@media (min-width: 770px) {
	.footer-subscribe {
		padding: 60px 100px;
	}
	.footer.newsletter-enable {
		margin-top:-90px;
	}
}

.mc4wp-form input[type="email"] {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
	margin-right: -5px;
}
.mc4wp-form input[type="submit"] {
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}


/* 3.10. ========================= Icon Socials ========================= */

.footer-social a {
	font-size:20px;
	margin-right: 22px;
}

/* 3.11. ========================= Pricing ========================= */

.tbl-pricing .tbl-prc-col {
	text-align: center;
}

.tbl-pricing .tbl-prc-col .tbl-prc-wrap {
	padding: 45px 0px;
	text-align: center;
	border-radius: 6px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	overflow: hidden;
	position: relative;
}

.tbl-pricing .tbl-prc-col .tbl-prc-wrap .featured-price {
	position: absolute;
	top: 71px;
	right: -25px;
	padding: 8px 0px;
	font-size: 13px;
	text-align: center;
	width: 140px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}

.tbl-pricing .tbl-prc-col .tbl-prc-heading {
	color: #404040;
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 15px;
	margin: 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-heading h4 {
	font-weight: 600;
	font-size: 26px;
	line-height: 36px;
	margin: 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-heading p {
	margin: 5px 0px 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-price {
	display: inline-block;
	width: 120px;
	height: 120px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	background-color: #f3f7fe;
	margin: 15px 0px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.tbl-pricing .tbl-prc-col .tbl-prc-price h5 {
	font-size: 42px;
	line-height: 44px;
	margin: 26px 0px 0px;
	font-weight: 600;
}

.tbl-pricing .tbl-prc-col .tbl-prc-price h5 sup {
	font-size: 22px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-price p {
	margin: 0px;
	font-size: 14px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-list {
	padding: 0px;
	margin: 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-list li {
	list-style-type: none;
	margin: 15px 0;
}

.tbl-pricing .tbl-prc-col .tbl-prc-list li:last-child {
	border-bottom: 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-footer {
	padding-top: 15px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-footer .btn-custom {}

.tbl-pricing .tbl-prc-col.tbl-prc-recommended {
	padding-top: 0px;
	padding-bottom: 0px;
}

.tbl-pricing .tbl-prc-col .tbl-prc-list i {
	margin-right: 5px;
}

.tbl-pricing .tbl-prc-col.tbl-prc-recommended .tbl-prc-list li:last-child {
	border-bottom: 0px;
}


/* 3.12. ========================= WHY US ========================= */

#why-us .why-us-left-bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-img-left {
	padding-right:10%;
	max-width:800px;
}
.bg-img-right {
	padding-left:10%;
}

#why-us .btn-section {
	margin-top:25px;
}


/* 3.13. ========================= Course ========================= */
/*LMS Profile Full Start*/
.lms-profile-container {
	padding-top:100px;
	padding-bottom:100px;
}

body.learnpress-page.profile .profile_course_count {
	margin-top: 30px;
	margin-right: 30px;
	border-radius: 5px;
	background: #000;
	color: #fff;
	display: inline-block;
}
.courseicon:before {
	font-family: "Font Awesome 5 Free";
	content: "\f02d";
	font-weight: 900;
}
.quizicon:before {
	font-family: "Font Awesome 5 Free";
	content: "\f075";
	font-weight: 900;
}
body.learnpress-page.profile .profile_course_count span.courseicon,
body.learnpress-page.profile .profile_course_count span.quizicon {
	color: #fff;
}
body.learnpress-page.profile .profile_course_count span.courseicon,
body.learnpress-page.profile .profile_course_count span.quizicon {
	padding-right: 15px;
	margin: 8px 0 8px 15px;
	display: inline-block;
}
body.learnpress-page.profile .profile_course_count span.profile_course_count_number {
	color: #fff;
}
.lp-label.label-processing {
	background: #000;
}
.lp-label.label-pending {
	background: #fb770c;
}
.lp-label.label-finished, .lp-label.label-completed {
	background: #403b66!important;
}
.order-recover input[name="order-key"], .order-recover button {
	border-radius: 4px;
	padding: 11px 20px;
}
body.learnpress-page.profile .profile_course_count span.profile_course_count_number {
	font-weight: 600;
	background-image: linear-gradient(to right, #121a2f, rgba(20, 41, 65, 0.81));
	padding: 9px 15px;
	display: inline-block;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.profile #learn-press-profile-header {
	height: auto!important;
	background: 0 0!important;
	margin: 0 0 59px!important;
	z-index: 0!important;
}

.profile #learn-press-profile-content {
	float: none!important;
	width: 100%!important;
	overflow: visible!important;
	margin-top: 20px!important;
}
/*head*/
.profile #learn-press-profile-header {
	height: auto;
	background: 0 0;
	margin: 0 0 59px;
	z-index: 0;
}
.profile #learn-press-profile-header .lp-profile-avatar {
	position: static;
	bottom: auto;
	left: auto;
}
.profile #learn-press-profile-header .lp-profile-avatar img {
	width: 100%;
}
.profile #learn-press-profile-header .profile-name {
	position: relative;
	font-size: 36px;
	line-height: 1.5;
	text-align: left;
	color: #000;
}
.profile .author-bio {
	margin: 13px 0 0;
	line-height: 30px;
}
.profile .profile-author-meta .meta-item > div {
	display: inline-block;
	color: #333;
	font-weight: 700;
}
.profile .profile-author-meta .meta-item + .meta-item {
	margin-top: 6px;
}
.profile .profile-author-phone a {
	font-weight: 700;
}
.profile .profile-contact-info {
	font-size: 18px;
	margin: 36px 0 10px;
}

/*Nav*/
.profile #learn-press-profile-nav {
	float: none;
	background-color: transparent;
	margin-bottom: 15px;
	padding: 0;
	margin:0px auto;
}
.profile #learn-press-profile-nav:before {
	display: none;
}
.profile #learn-press-profile-nav ul.tabs {
	border-bottom: 2px solid #e2e2e2;
}
.profile #learn-press-profile-nav ul.tabs > li {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	position: static;
	padding: 0;
	margin: 0;
}
.profile #learn-press-profile-nav ul.tabs > li > a {
	position: relative;
	padding: 3px 18px;
	background: 0 0 !important;
	color: #ababab;
}
.profile #learn-press-profile-nav ul.tabs > li > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	height: 2px;
	width: 100%;
	left: 0;
	opacity: 0;
	background:#fb770c;
}
.profile #learn-press-profile-nav ul.tabs > li.active > a:after {
	opacity: 1;
}
.profile #learn-press-profile-nav ul.tabs > li:hover > a,
.profile #learn-press-profile-nav ul.tabs > li.active > a {
	color: #333;
}
.profile #learn-press-profile-nav ul.tabs .profile-tab-sections {
	display: none !important;
}
.lp-sub-menu {
	display:none;
}
/*prof*/

.profile .lp-tab-sections {
	background: transparent;
	margin-bottom: 30px;
	text-align:center;
}
.profile .lp-tab-sections li {
	margin: 0;
}
.lp-tab-sections .section-tab {
	float: none!important;
	display: inline;
}
.profile .lp-tab-sections .section-tab.active span {
	position: relative;
	border: 0;
	padding-bottom: 8px;
}
.profile .lp-tab-sections .section-tab.active span:after {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.profile .lp-profile-content {
	margin-top: 15px;
}
.profile .learn-press-subtab-content .profile-heading {
	display: none;
}
.profile .lp-sub-menu {
	margin: 20px 0 20px;
	text-align: center;
}
.profile .lp-sub-menu li {
	margin: 0 5px;
}
.profile .lp-sub-menu li a,
.profile .lp-sub-menu li span {
	margin: 0;
}

/*LMS Pofile Full END*/
.lp-sub-menu {
	margin-left: 0px!important;
}
.lp-sub-menu li {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 3px 10px;
}
.lp-sub-menu li a, .lp-sub-menu li span {
	margin: 0px!important;
}


#course-item-content-header {
	background: #F9F9F9!important;
}
#course-item-content-header .course-item-search input {
	line-height: 30px;
	border:1px solid #DDDDDD!important;
	padding-left: 10px!important;
}

.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration {
	background:transparent!important;
	color:#000!important;
}
body.course-item-popup #learn-press-content-item .content-item-wrap {
	margin: 25px auto!important;
}
.learnpress-page .lp-button {
	padding: 0 20px!important;
}
.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before {
	color:#000!important;
}
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration,
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions,
.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status {
	text-transform:uppercase!important;
}
ul.learn-press-nav-tabs .course-nav a {
	background:#ebe9eb!important;
}
ul.learn-press-nav-tabs .course-nav.active a,
ul.learn-press-nav-tabs .course-nav.active:after, ul.learn-press-nav-tabs .course-nav:hover:after {
	background:#fb770c!important;
	color:#fff!important;
}
ul.learn-press-nav-tabs {
	border-bottom: 3px solid #fb770c!important;
	font-weight:600;
}
#learn-press-user-profile .learn-press-form-login, #learn-press-user-profile .learn-press-form-register {
	padding:0px!important;
	border:0px!important;
}
.learnpress-page .lp-button {
	height: 50px!important;
}
.course-description iframe {
	width:100%;
	margin:25px 0;
	min-height: 500px;
}

.content-item-description iframe{
	width:100%;
	min-height: 500px;
}
.content-item-description p{
	line-height: 30px!important;
}
.course-curriculum ul.curriculum-sections .section-header .section-title {
	padding: 20px 0!important;
	font-weight: 500!important;
}
.origin-price {
	text-decoration: line-through!important;
}
.course_category {
	color: #fff;
	font-size: 14px;
	background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .9));
	font-weight: 500;
	padding-left: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.course_category .cat-item {
	display: inline-block;
	padding: 15px 0px 15px 10px;
}
.cat-item .lp-label,
.single_course_content .lp-label {
	font-size: 13px!important;
	padding: 3px 5px;
	background: transparent!important;
	color: #FFF!important;
}
.course_category .cat-item:last-child {
	border-right:0px;
}
.course_meta {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0px auto;
	text-align: center;
	display: inline-block;
	color:#fff;
	font-size:12px;
}
.course_meta ul {
margin:0px!important;
}
.course_meta li {
	 display: inline-block;
}
.course_excerpt {
	margin-bottom:25px;
}
.course-landing-summary {
	margin-bottom: 80px;
}
.lp-single-course .lp-course-buttons {
	float: left;
	margin: 0;
	margin-bottom: 80px;
}
.lp-single-course .single-course-duration {
	margin: 0;
	float: right;
	font-size:20px;
	margin-top:10px;
}
.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status {
	background:#fb770c!important;
}
.course-curriculum ul.curriculum-sections .section-header {
	border-bottom: 1px solid #333!important;
}
.lp-single-course .course-author .author-name a{
	font-weight: 500;
}
.lp-single-course .course-author .author-bio {
	font-style:normal!important;
	line-height: 29px;
}
.lp-single-course .course-author .author-name img {
	margin-bottom:10px;
}
.course-item-nav .prev span, .course-item-nav .next span{
	color:#fb770c;
}
.learn-press-course-results-progress .items-progress, .learn-press-course-results-progress .course-progress {
	padding:20px;
	-webkit-box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.15);
}
.course-remaining-time {
	padding:20px;
	-webkit-box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 25px;
}
.course-remaining-time p {
	margin-bottom: 0px;
}
.review-author-info {
	float:left;
}
.course-reviews-list li, .course-reviews-list-shortcode li {
	background:#fff!important;
}
.course-single-layout {
	max-width:890px;
	margin:0px auto;
	padding:0 20px;
}
.course-header-info {
text-align:left;
}
.course-header-info .header-top-feature {
	padding: 20px 25px 15px 25px;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	margin: 5px 10px 5px 0px;
	display:inline-block;
	border-radius:5px;
}
.course-feature-icon {
	float:left;
	font-size:30px;
	margin-right:10px;
}
.course-feature-bottom {
	float:left;
}

.single_course_title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.review-stars-rated .review-stars.empty, .review-stars-rated .review-stars.filled {
	font-size: 18px;
	line-height: 10px!important;
}

.course-rate .review-bar .rating {
	background:#fb770c!important;
}

.single_course_content {
	font-size: 14px;
	font-weight: 500;
}
.cat-item .lp-label,
.single_course_content .lp-label {
	padding:0px!important;
}
.single-course-banner.lernen_banner {
	padding: 170px 0 70px;
}

.single-course-banner .lernen_banner_title {
	text-align:left;
	margin:0;
	padding:0px;
}
.single-course-banner .lernen_banner_title p {
color:#fff;
	margin:20px 0px;
	text-shadow: white 0px 0px 50px;
 }
.lernen_banner_right .origin-price {
	color:#fff;
}
.lernen_banner_right .single-course-duration {
margin:15px 0px;
}

.learn-press-pagination {
	text-align:left!important;
}
.learn-press-pagination .page-numbers > li a, .learn-press-pagination .page-numbers > li span {
	border-color:#000!important;
	background:#fff!important;
	padding: 8px 10px!important;
	margin: 0 5px!important;
	min-width: 40px!important;
	color:#000!important;
	font-size: 16px!important;
	border-radius: 5px!important;
	line-height: 20px!important;
	text-align:center!important;
}
.learn-press-pagination {
	margin-bottom:50px!important;
}
.learn-press-pagination .page-numbers.current,
.learn-press-pagination .page-numbers > li a:hover, .learn-press-pagination .page-numbers > li span:hover{
	border-color:#fb770c!important;
	color:#fb770c!important;
}
.lp-list-table thead tr th {
	background:#fb770c!important;
}
.learn-press-checkout.checkout {
	margin-bottom:20px;
}

.learn-press-search-course-form {
	margin-top:25px;
}
form[name="search-course"] .search-course-button {
	top: 0px!important;
	right: 0px!important;
	bottom: 0px!important;
}

/*Profile*/
#learn-press-profile-header {
	background:#fb770c!important;
}
.lp-user-profile .profile-name {
	font-weight:500!important;
	color:#333!important;
}
.lp-tab-sections {
	margin-left:0px!important;
}
#learn-press-profile-nav .tabs > li.active a,
#learn-press-profile-nav .tabs > li ul li.active a,
#learn-press-profile-nav .tabs > li a:hover{
	color:#000!important;
}
/*Featured Widget*/
.single-course-widget .f-widget-title h4 {
	color:#000!important;
	font-size: 30px;
	font-weight: 600!important;
	margin-top: 40px;
}


/* Rating Star */
.lernen-stars {
	margin-bottom:5px;
}
.lernen-stars .review-stars-rated {
	width: 90px;
	position: relative;
	display: inline-block;
}

.lernen-stars .review-stars-rated .review-stars.empty,
.lernen-stars .review-stars-rated .review-stars.filled {
	width: 120px;
	height: 24px;
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	color: #f2b827;
}

.lernen-stars .review-stars-rated .review-stars.filled {
	position: absolute;
	top: 0;
	left: 0;
}

.lernen-stars .review-stars {
	margin: 0 0;
	list-style: none;
	overflow: hidden;
}

.lernen-stars .review-stars-rated .review-stars.empty:before,
.lernen-stars .review-stars-rated .review-stars.filled:before {
	content: '\f005\f005\f005\f005\f005';
	line-height: 1;
}

.lernen-stars .review-stars-rated .review-stars.filled:before {
	content: '\f005\f005\f005\f005\f005';
	font-weight:900;
}

.lernen-stars .review-stars-rated .review-stars:after,
.lernen-stars .review-stars-rated .review-stars:after {
	clear: both;
	content: '';
	display: block;
}

.lernen-stars .lernen_rating_total {
	display: inline-block;
	position: relative;
	font-size: 13px;
}

/* 4. ========================= Footer ========================= */

#footer {
	font-size: 14px;
}

#footer a {
	position: relative;
}

.footer-text p {
	line-height: 1.9;
	margin-bottom: 0;
}

.footer-top.newsletter-enable .row {
	padding: 160px 0px 80px 0px;
}

.footer-top .row {
	padding: 80px 0px 40px 0px;
}
.footer-top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-top .row.hidesmall {
	display:none;
	padding: 0px 0px;
	border-bottom: 0px;
}

.f-widget-title h4 {
	font-size: 21px;
	padding-bottom: 15px;
	position: relative;
}

.f-widget-link ul li {
	margin-bottom: 8px;
}

#footer .widget.widget_nav_menu ul li:hover a {
	padding-left: 10px;
}

.f-widget-link ul li:last-child {
	margin-bottom: 0px;
}

.f-widget-link ul li a {
	display: block;
	font-size: 14px;
	text-transform: capitalize;
}

.sigle-address {
	margin-bottom: 16px;
}

.address-icon {
	float: left;
	display: block;
	margin-right: 10px;
}

.sigle-address p {
	overflow: hidden;
	display: block;
	margin-bottom: 0;
	line-height: 1.5;
}

.copyright p {
	margin: 0;
	font-size: 14px;
	padding: 20px 0;
}


/* 3.8. ========================= Event ========================= */

.themeioan_event {
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0 0 20px 0 #f2f2f2;
	box-shadow: 0 0 20px 0 #f2f2f2;
	border-radius: 6px;
	overflow: hidden;
}

.themeioan_event .read-more {
	font-size: 12px;
}

.event img {
	width: 100%;
	height: auto;
}

.themeioan_event .event-content p {
	margin-bottom: 5px;
}

.themeioan_event .event-content .btn-section {
	margin: 40px 0px 20px 0px;
	text-align: center;
}

.themeioan_event .course-viewer {
	text-align: left;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin: 20px 0px;
	padding: 5px 0px;
}

.themeioan_event .course-viewer li {
	padding: 5px 15px 5px 0px;
}
.themeioan_event .event-photo img {
	width:100%;
	height:auto;
}

/*event*/

.themeioan_event {
	position: relative;
}

.themeioan_event .date {
	padding: 10px 15px;
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 1;
	border-radius: 5px;
	text-align: center;
}

.themeioan_event .date h4 {
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
}

.themeioan_event .date h4 span {
	display: block;
	font-size: 40px;
	font-weight: 900;
}


/* 5. ========================= CSS Hacks ========================= */

.ie input[type="text"],
.ie input[type="password"],
.ie input[type="email"] {
	line-height: 48px;
}

.ie .animation {
	visibility: visible;
}

/* UNYSON FRAMEWORK SHORTCODE */
/* Team*/
.fw-team-name h3 {
	font-size: 20px;
	padding: 15px 00px 0px 10px;
	font-weight:600;
	margin-bottom:0px;
}
.fw-team {
	-webkit-box-shadow: 0 0 20px 0 #f2f2f2;
	box-shadow: 0 0 20px 0 #f2f2f2;
	border-radius: 6px;
	margin-bottom:50px;
	border: 1px solid rgba(0,0,0,0.1)!important;
	background:#fff;
}

.fw-team-name span {
	font-size: 14px!important;
	line-height: 26px!important;
}
.fw-team-text {
	padding:0px 20px 5px 20px;
}
.fw-team-image {
	overflow:hidden;
}
.fw-team-image img {
	width:100%;
	height:auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.fw-team-image img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/*Accordion*/
.fw-accordion .fw-accordion-title {
	font-weight: 600!important;
	color: #000!important;
	background-color: #fff!important;
	border-color: rgba(0,0,0,0.1)!important;
	padding: 5px 40px!important;
}
.fw-accordion {
	border-color: rgba(0,0,0,0.1)!important;
}
.fw-accordion .fw-accordion-content {
	padding-top:10px!important;
	padding-left:10px!important;
}
/*Tabs*/
.fw-tabs-container .fw-tabs ul li,
.fw-tabs-container .fw-tab-content {
	border-color: rgba(0,0,0,0.1)!important;
}
.fw-tabs-container .fw-tabs ul li {
	padding-bottom:0px!important;
}

.fw-tabs-container .fw-tabs ul li a {
	font-weight: 600!important;
	color: #000!important;
	background:#fff!important;
	padding: 12px 25px!important;
}

/*Info*/
.fw-alert-success {
	background:#2ECC40!important;
}
.fw-alert .alert-icon {
	margin-right: 10px!important;
	font-weight: 900!important;
	font-size: 30px!important;
	top:3px!important;
	color:#fff!important;
}
.fw-alert {
	padding: 5px 10px 10px 10px!important;
	color:#fff!important;
	border:0px!important;
}
.fw-alert strong {
	color:#fff!important;
}
.fw-alert-info {
	background:#0074D9!important;
}

.fw-alert-warning {
	background:#F39C12!important;
}

.fw-alert-danger {
	background:#FF4136!important;
}

/*Icon Box - Style 1*/
.fw-iconbox-1 {
	border:1px solid rgba(0,0,0,0.1)!important;
	padding: 40px 40px 40px!important;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:left!important;
	margin-top:10px!important;
	margin-bottom:25px!important;
}
.fw-iconbox .fw-iconbox-text {
	padding-bottom:0px!important;
}
.fw-iconbox-1 .fw-iconbox-image {
	width: 50px!important;
	font-size: 50px!important;
	line-height: 50px!important;
	margin-left: 0px!important;
	border-radius: 5px;
}
.fw-iconbox-title h3 {
	font-size: 22px!important;
	font-weight:500!important;
	margin:20px 0px!important;
}

/*Icon Box - Style 2*/
.fw-iconbox-2 {
	border:1px solid rgba(0,0,0,0.1)!important;
	padding: 50px 40px 40px!important;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center!important;
	margin-top:10px!important;
	margin-bottom:25px!important;
}
.fw-iconbox-2 .fw-iconbox-image {
	width: 50px!important;
	font-size: 50px!important;
	line-height: 50px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	float:none!important;
}

.fw-iconbox-2 .fw-iconbox-aside {
	margin-left: 0px!important;
}

/*Icon - Default*/
.fw-icon {
	padding: 0px 28px 40px 28px;
	transition: all .3s;
	width:100%!important;
	margin-top:30px!important;
	margin-bottom:25px!important;
	border-radius:5px;
	color:#000!important;
	background:#fff!important;
	border:1px solid #e1e1e1;
}
.fw-icon:hover, .fw-icon {
	background:#f2f2f2;
}

.fw-icon i {
	font-size: 20px!important;
	line-height: 20px!important;
	margin-left: 0px!important;
	top:-20px;
	color:#fff!important;
	border-radius: 100%;
	background:#272727;
	padding:15px;
}
.fw-icon .list-title {
	font-size: 20px!important;
	font-weight:500!important;
	color:#272727;
}
.fw-icon:hover {
	background: #fff!important;
}

/*Video Widget*/
#animate-perspective {
	perspective: 30px;
}

#inner {
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}

#animate-perspective:hover {
	cursor: pointer;
}
.video-widget {
	position:relative;
	z-index:1;
}
.video-container {
	background:url(../images/youtube-video-player.jpg) no-repeat;
	background-size:cover;
	padding: 100px 50px;
	margin-top: -100px;
	margin-bottom: -50px;
}
.popup-video-url {
	max-width: 900px;
	display: block;
	margin: 0px auto;
}
.cover-video {
	position: relative;
}
.lernen-image img {
	width: 100%;
	-webkit-transition: all 1.5s cubic-bezier(0,0,.2,2);
	transition: all 1.5s cubic-bezier(0,0,.2,2);
	border-radius: 6px;
}
.lernen-image {
	border: 0 solid transparent;
	position: relative;
	border-radius: inherit;
}

.video-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
	transition: all .25s cubic-bezier(.645,.045,.355,1);
}

.play-button-contain {
	justify-content: center;
	align-items: center;
}
.play-button-contain {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.small-video  {
	margin:15px 0;
}

.small-video .youtube-icon img {
	max-width: 50px;
}
.small-video  h6 {
	margin-top: 10px;
}

/* 6. ========================= Media Queries ========================= */

@media (max-width: 991px) {
	.header-cta .btn.btn-1c {
		display: none;
	}
	.f-widget-title {
		margin-top: 25px;
	}
	.footer-subscribe {
		padding: 30px 50px;
		top: 50px;
	}
	h5.subscribe-text {
		font-size:16px;
	}
	.themeioan_blog .blog-content .course-viewer li {
		padding: 0px 10px 0px 0px;
	}
	.single-features-light p {
		padding: 0 5px;
	}
}


/* 6.1. ========================= Media Queries Normal Screen v1 ========================= */

@media (max-width: 1024px) {
	#download,
	#counter,
	#header {
		background-attachment: scroll !important;
		background-position: center top !important;
	}
}


/* 6.2. ========================= Media Queries Normal Screen v2  ========================= */

@media (min-width: 992px) and (max-width: 1199px) {
	.course-bottom-list {
		font-size:13px;
	}
	#header .nav>li>a {
		margin: 0px 10px;
	}
	#header .header-content .header-text {
		padding-top: 20px;
	}
	.col-text.padding-top10,
	.col-text.padding-top20,
	.col-text.padding-top30,
	.col-text.padding-top40,
	.col-text.padding-top50,
	.col-text.padding-top60 {
		padding-top: 0px !important;
	}
	.row-custom .col-left,
	.row-custom .col-right {
		padding-top: 0px;
	}
	.themeioan_testimonial .testimonial-author {
		padding: 15px 30px 15px 20px;
	}
	.themeioan_testimonial .testimonial-author img {
		right: 20px;
	}
	.icon-socials a {
		margin: 0px 14px 10px;
	}
	.themeioan_blog .blog-content .course-viewer li {
		font-size:12px;
	}
	.themeioan_blog .blog-content .course-viewer li {
		padding:0px 5px 0px 0px;
	}
	.themeioan_event .course-viewer li {
		font-size:13px;
		padding:5px 7px 5px 0px;
	}
}


/* 6.3. ========================= Media Queries Laptop ========================= */

@media (min-width: 768px) and (max-width: 991px) {
	.wrap-padding {
		padding: 45px;
	}
	h1 {
		font-size: 26px;
	}
	.tbl-pricing .tbl-prc-col .tbl-prc-wrap {
		padding-top: 50px;
	}
	.tbl-pricing .tbl-prc-col .tbl-prc-list li {
		font-size: 12px;
	}
	#header .nav>li>a {
		margin: 0px 10px;
		font-size: 14px !important;
	}
	.col-text.padding-top10,
	.col-text.padding-top20,
	.col-text.padding-top30,
	.col-text.padding-top40,
	.col-text.padding-top50,
	.col-text.padding-top60 {
		padding-top: 0px !important;
	}
	.row-custom .col-left,
	.row-custom .col-right {
		padding-top: 0px;
	}
	.themeioan_testimonial .testimonial-author {
		padding: 10px 20px 10px 15px;
	}
	.themeioan_testimonial .testimonial-author img {
		right: 15px;
	}
	.icon-socials a {
		margin: 0px 8px 10px;
	}
	.blog-single:nth-child(3n+3) {
		display: none;
	}
	.fw-team .fw-team-name h3 {
		font-size: 17px!important;
	}
}


/* 6.4. ========================= Media Queries Tablet ========================= */

@media (max-width: 767px) {
	.header-area .header-area-inner .title,
	.header-area .single-header-carousel-item .title {
		font-size: 36px;
		line-height: 46px;
	}
	.header-area .header-area-inner .subtitle,
	.header-area .single-header-carousel-item .subtitle {
		font-size: 25px;
		line-height: 40px;
	}
	#header .header-content .header-slider {
		margin: 0 60px;
		padding: 16.9% 6.1% 30% 5.6%;
	}
	.header-content .header-text {
		padding-top: 0px;
	}
	.burger-icon {
		display: block;
	}
	#features .col-center {
		margin: 0 60px;
	}
	.single-features-light {
		margin: 15px 0px;
	}
	#screenshots .slick-list {
		margin: 0 60px;
	}
	.themeioan-form-contact {
		width: auto;
	}
	.info {
		margin-bottom: 30px;
	}
	.tbl-pricing .tbl-prc-col {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 30px;
	}
	.tbl-pricing .tbl-prc-col.tbl-prc-recommended .tbl-prc-heading {
		padding-top: 0px;
	}
	.tbl-pricing .tbl-prc-col.tbl-prc-recommended .tbl-prc-footer {
		padding-bottom: 0px;
	}
	#header .navbar,
	#header .navbar-brand,
	#header .navbar-brand img {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	.navbar {
		padding: 0px;
	}
	#header .navbar-default .navbar-collapse {
		background: #fff;
	}
	#header .navbar-default .navbar-nav>li>a{
		color: #242424;
	}
	#header .navbar-default .navbar-nav>li>ul>li>a,
	#header .navbar-default .navbar-nav>li>ul>li>ul>li>a,
	#header .navbar-default .navbar-nav>li>ul>li>ul>li>ul>li>a{
		color: #242424;
		background: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 27px;
		padding: 10px 15px 10px 10px;
		margin: 0px;
		border-top: 0px;
		text-align: left;
		border-bottom: 1px solid #f2f2f2!important;
		display:block;
	}
	#header .navbar-default .navbar-nav>li>ul,
	#header .navbar-default .navbar-nav>li>ul>li>ul,
	#header .navbar-default .navbar-nav>li>ul>li>ul>li>ul{
		display:none;
		list-style:none;
	}

	.show-sub-menu {
		display:block!important;
	}
	.menu-item-has-children {
		position:Relative;
	}
	.nav__expand{
		position:absolute;
		right: 0px;
		top: 0px;
		display:block;
		text-align: center;
		padding: 12px 20px;
		cursor:pointer;
	}
	.nav__expand i {
		color:#272727;
	}
	#header .navbar,
	#header .nav {
		height: auto;
	}
	#header .container>.navbar-header,
	#header .container-fluid>.navbar-header {
		height: 80px;
	}
	#header .navbar-brand,
	#header .navbar.affix .navbar-brand {
		background-color: transparent;
		padding: 18px 0px 13px 15px;
	}
	#header .nav>li>a,
	#header .nav>li>a:hover {
		padding: 10px 15px;
		margin: 0px;
		border-top: 0px;
		text-align: left;
		border-bottom: 1px solid #f2f2f2!important;
	}
	#header .header-content .header-text {
		text-align: center;
		padding-top: 0px;
		padding-bottom: 60px;
	}
	#header .header-content .col-xs-offset-1 {
		padding: 0px 120px;
		margin: 0px;
	}
	.wrap-bg .col-xs-offset-1,
	.wrap-page .col-xs-offset-1 {
		margin: 0px;
	}
	.wrap-bg .btn-section .btn-custom {
		display: inline-block;
		line-height: 24px;
		padding-top: 12px;
		padding-bottom: 13px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.col-text.padding-top10,
	.col-text.padding-top20,
	.col-text.padding-top30,
	.col-text.padding-top40,
	.col-text.padding-top50,
	.col-text.padding-top60 {
		padding-top: 0px !important;
	}
	.row-custom .col-left,
	.row-custom .col-center,
	.row-custom .col-right {
		display: block;
		width: auto;
		padding-top: 0px;
	}
	.row-custom .col-right {
		text-align: left;
	}
	.row-custom .col-right .themeioan_feature i {
		left: 0px;
		right: auto;
	}
	.row-custom .col-right .themeioan_feature .feature-text {
		padding: 0px 0px 0px 100px;
	}
	.icon-socials a {
		margin: 0px 5px 10px;
	}
	.wrap-bg {
		padding: 60px 0px;
	}
	.wrap-bg.bg-bottom-zero {
		padding: 60px 0px 0px 0px;
	}
	#primary {
		padding: 60px 0!important;
	}
	#download a {
		display: block;
		max-width: 250px;
		margin: 20px auto;
	}
	.section-title h2,
	.section-title h3,
	.call-to-action-content h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.themeioan_course .blog-content .title,
	.themeioan_blog .blog-content .title,
	.themeioan_event .event-content .title,
	.hentry .entry-title, .no-results .page-title{
		font-size: 18px;
		line-height: 28px;
	}
	#why-us .why-us-left-bg {
		min-height:500px;
	}
	.subscribe-text {
		margin-bottom: 25px;
	}
	.f-widget-title h4 {
		padding-bottom: 5px;
	}
	.content-button {
		margin-top: 0px!important;
	}
	.wrap-padding {
		padding: 60px 45px;
	}
	.main-layout {
		padding: 60px 0px!important;
	}
	.article-content {
		padding: 27px 37px 40px 30px!important;
	}
	.hs_color_set {
		top:45%!important;
	}
	.fw-iconbox-1,
	.fw-iconbox-2 {
		padding: 25px 30px 25px!important;
	}
	.mb-60 {
		margin-bottom: 30px;
	}
	.mb20 {
		margin-top: 15px!important;
		margin-bottom: 15px!important;
	}
	.footer-social {
		margin-bottom:25px;
	}

	.icon-round-white.footer-social i {
		margin-bottom:10px;
	}
	.call-to-action-content h3 {
		margin: 53px 0 25px;
	}
	.call-to-action-btn a {
		margin-bottom:60px;
	}
	.section-title.with-p {
		margin-bottom: 30px;
	}
	.footer-top.newsletter-enable .row {
		padding: 110px 0px 40px 0px;
	}
	.footer-top .row {
		padding: 40px 0px;
	}
	.your-order {
		padding: 5px 25px 10px!important
	}
	.hentry, .no-results {
		margin-top: 0px!important;
		margin-bottom: 35px!important;
	}

}

/* 6.5. ========================= Media Queries Small Tablet ========================= */

@media (max-width: 640px) {
	.tbl-pricing .tbl-prc-col .tbl-prc-wrap {
		margin-bottom: 10px;
	}
	#header .header-content .col-xs-offset-1 {
		padding: 0px 70px;
	}
	.themeioan_testimonial .testimonial-author {
		padding: 15px 30px 15px 20px;
	}
	.themeioan_testimonial .testimonial-author img {
		right: 20px;
	}
	.header-area .header-area-inner .title, .header-area .single-header-carousel-item .title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 15px;
	}
}


/* 6..6 ========================= Media Queries Mobile v1 ========================= */

@media (max-width: 480px) {
	#header .header-content .col-xs-offset-1 {
		padding: 0px 20px;
	}
	.themeioan_feature {
		position: static;
		float: none;
		width: auto;
		text-align: center;
		min-height: 0px;
	}
	.themeioan_feature i {
		position: static;
		top: auto;
		left: auto;
	}
	.themeioan_feature .feature-text,
	.row-custom .col-right .themeioan_feature .feature-text {
		padding: 15px 0px 0px;
	}
	.themeioan_testimonial .testimonial-text {
		padding: 10px 15px 50px;
	}
	.themeioan_testimonial .testimonial-author {
		padding: 10px 20px 10px 15px;
	}
	.themeioan_testimonial .testimonial-author img {
		right: 15px;
	}
	.themeioan_testimonial .testimonial-text p {
		margin: 0px;
	}
}


/* 6.7. ========================= Media Queries Mobile v2 ========================= */

@media (max-width: 300px) {
	.tbl-pricing .tbl-prc-col .tbl-prc-wrap {
		padding: 10px;
	}
	#header .navbar-header {
		text-align: center;
		padding: 20px 0px 5px;
	}
	#header .container>.navbar-header,
	#header .container-fluid>.navbar-header {
		height: auto;
	}
	#header .navbar-brand,
	#header .navbar.affix .navbar-brand {
		float: none;
		padding: 0px;
		margin-bottom: 15px;
	}
	#header .navbar-brand img,
	#header .navbar.affix .navbar-brand img {
		height: auto;
		max-height: 40px;
	}
	#header .nav>li>a {
		text-align: center;
	}
	#header .navbar-toggle {
		float: none;
		margin: 0px 0px 15px 0px;
	}
}


/* 6.8 ========================= Media Queries If Height is to Small ========================= */

@media (max-height: 750px) {
	.header-content-full {
		min-height: 750px !important;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px!important;
	}
}


/* Hide element on Mobile device */
@media (max-width:992px) {
.hidemobile {
	display:none;
}
}
@media (max-width:767px) {
	.mobile-off {
		display: none;
	}
}

/* Header Intro Text for Large Display */
@media (min-height:800px) {
	.header-content .header-text {
		padding-top: 20%;
	}
}

/* Extra for WordPress */
.lernen_banner_title {
	text-align: center;
	margin: 0px auto;
	padding: 0 20px;
}
.lernen_breadcrumb {
	margin-top:25px;
}

/*MENU DROPDOWN*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
@media (min-width:768px) {
	.transparent-header .navbar .nav>li {
		position: relative;
		float: left;
		list-style: none;
		text-align: left;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.transparent-header .navbar .nav>li>a {
		position: relative;
		display: block;
		opacity: 1;
		text-align: center;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.transparent-header .navbar .nav>li>ul {
		position: absolute;
		left: -10px;
		top: 100%;
		margin-top: 23px;
		min-width:240px;
		max-width: 240px;
		width:100%;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		padding: 15px 5px;
		background: #fff;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
		-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		list-style: none;
	}
	.transparent-header.sticky-menu .navbar .nav>li>ul {
		margin-top: 8px;
	}
	.transparent-header .navbar .nav>li>ul:before {
		position: absolute;
		content: '';
		left: 0px;
		top: -30px;
		width: 100%;
		height: 30px;
		display: block;
	}



	.transparent-header .navbar .nav>li.menu-item-has-children:hover>ul,
	.transparent-header .navbar .nav>li.page_item_has_children:hover>ul {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		overflow: visible;
	}

	.transparent-header .navbar .nav>ul li.menu-item-has-children .dropdown-btn,
	.transparent-header .navbar .nav>ul li.page_item_has_children .dropdown-btn {
		position: absolute;
		right: 10px;
		top: 8px;
		width: 34px;
		height: 30px;
		border: 1px solid #ffffff;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		color: #ffffff;
		cursor: pointer;
		z-index: 5;
		display: none;
	}


	.transparent-header .navbar .nav>li>ul>li {
		position: relative;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	}

	.transparent-header .navbar .nav>li>ul>li:last-child {
		border: none;
	}

	.transparent-header .navbar .nav>li>ul>li>a {
		position: relative;
		display: block;
		padding: 7px 20px;
		line-height: 24px;
		font-weight: 400;
		font-size: 15px;
		text-transform: capitalize;
		color: #222!important;
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
	}

	.transparent-header .navbar .nav>li>ul>li>a:before,
	.transparent-header .navbar .nav>li>ul>li>ul>li>a:before{
		font-family: "Font Awesome 5 Free";
		content: "\f061";
		font-weight: 900;
		color: inherit;
		padding-right: 8px;
		margin-left: -20px;
		-webkit-transition: .3s;
		-o-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
		opacity: 0;
	}

	.transparent-header .navbar .nav>li>ul>li:hover a:before,
	.transparent-header .navbar .nav>li>ul>li>ul>li:hover a:before{
		opacity: 1!important;
		padding-left: 23px;
	}

	.transparent-header .navbar .nav>li>ul>li.menu-item-has-children>a:after,
	.transparent-header .navbar .nav>li>ul>li.page_item_has_children>a:after,
	.transparent-header .navbar .nav>li>ul>li>ul>li.menu-item-has-children>a:after,
	.transparent-header .navbar .nav>li>ul>li>ul>li.page_item_has_children>a:after{
		font-family: "Font Awesome 5 Free";
		content: "\f054";
		font-weight: 900;
		position: absolute;
		right: 20px;
		top: 8px;
		line-height: 24px;
		font-size: 14px;
		text-align: center;
	}

	.transparent-header .navbar .nav li>ul>li.menu-item-has-children:hover>ul,
	.transparent-header .navbar .nav li>ul>li.page_item_has_children:hover>ul {
		visibility: visible;
		opacity: 1;
		top: 0;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.transparent-header .navbar .nav>li>ul>li>ul,
	.transparent-header .navbar .nav>li>ul>li>ul>li>ul{
		position: absolute;
		margin-left: 5px;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
		-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		top: 100%;
		width: 220px;
		padding: 15px 5px;
		background: #fff;
		list-style: none;
	}

	.transparent-header .navbar .nav>li>ul>li>ul:before {
		content: '';
		position: absolute;
		left: -7px;
		top: 0px;
		width: 7px;
		height: 100%;
	}


	.transparent-header .navbar .nav>li>ul>li>ul>li {
		list-style: none;
		position: relative;
		width: 100%;
		margin-bottom: 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	}

	.transparent-header .navbar .nav>li>ul>li>ul>li:last-child {
		border: none;
	}

	.transparent-header .navbar .nav>li>ul>li>ul>li>a,
	.transparent-header .navbar .nav>li>ul>li>ul>li>ul>li>a{
		position: relative;
		display: block;
		padding: 7px 20px;
		line-height: 24px;
		font-weight: 400;
		font-size: 15px;
		text-transform: capitalize;
		color: #222!important;
		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
	}
	.nav__expand {
		display:none;
	}

	.sub-menu {
		border-radius: .25rem;
	}
}

@media (min-width:1200px) {
	.transparent-header .navbar .nav > li > ul > li > ul,
	.transparent-header .navbar .nav > li > ul > li > ul > li > ul {
		position: absolute;
		left: 100%;
	}
	.transparent-header .navbar .nav>li:nth-last-child(-n+4) ul>li>ul,
	.transparent-header .navbar .nav>li:nth-last-child(-n+4) ul>li>ul > li > ul {
		position: absolute;
		left:-100%!important;
		right: 100%!important;
	}
}
/*Open Menu Level 3 Left if Screen is to Small*/
@media (max-width:1200px) {
	.transparent-header .navbar .nav>li>ul>li>ul,
	.transparent-header .navbar .nav>li>ul>li>ul>li>ul{
		left:-100%!important;
		right: 100%!important;
	}
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .navbar-logo {
	display: block;
	padding: 20px 20px;
	text-align: center;
}

.mobile-menu .navbar-logo img {
	max-width: 200px;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .mobile-nav {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .mobile-nav {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease 500ms;
	-o-transition: all 0.7s ease 500ms;
	transition: all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 3px;
	top: 3px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
	opacity: 0.50;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	padding-left: 0;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	text-transform: capitalize;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn,
.mobile-menu .navigation li.page_item_has_children .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #404040;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn:after,
.mobile-menu .navigation li.page_item_has_children .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
}

.default-header {
	padding: 110px 0px 0px 0px;
	background-image: linear-gradient(to right, #121a2f, rgba(20, 41, 65, 0.81));
}

.logged-in.admin-bar .transparent-header{
	top:32px!important;
}
#header .navbar-default .navbar-collapse {
	position: relative;
}

#status,
.lernen_contact_details_box{
	background-repeat: no-repeat;
	background-position: center center
}

.lernen_about_img,
.lernen_btn,
.lernen_heading_wrapper {
	text-align: center
}

.lernen_btn,
.lernen_heading {
	display: inline-block;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s
}

button,
button:focus,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus {
	outline: 0;
	box-shadow: none
}

.lernen_toppadder10 {
	padding-top: 10px
}

.lernen_toppadder20 {
	padding-top: 20px
}

.lernen_toppadder30 {
	padding-top: 30px
}

.lernen_toppadder40 {
	padding-top: 40px
}

.lernen_toppadder50 {
	padding-top: 50px
}

.lernen_toppadder60 {
	padding-top: 60px
}

.lernen_toppadder70 {
	padding-top: 70px
}

.lernen_toppadder80 {
	padding-top: 80px
}

.lernen_toppadder90 {
	padding-top: 90px
}

.lernen_toppadder100 {
	padding-top: 100px
}

.lernen_toppadder110 {
	padding-top: 110px
}

.lernen_toppadder115 {
	padding-top: 115px
}

.lernen_bottompadder10 {
	padding-bottom: 10px
}

.lernen_bottompadder20 {
	padding-bottom: 20px
}

.lernen_bottompadder30 {
	padding-bottom: 30px
}

.lernen_bottompadder40 {
	padding-bottom: 40px
}

.lernen_bottompadder50 {
	padding-bottom: 50px
}

.lernen_bottompadder60 {
	padding-bottom: 60px
}

.lernen_bottompadder70 {
	padding-bottom: 70px
}

.lernen_bottompadder80 {
	padding-bottom: 80px
}

.lernen_bottompadder90 {
	padding-bottom: 90px
}

.lernen_bottompadder100 {
	padding-bottom: 100px
}

.lernen_bottompadder115 {
	padding-bottom: 115px
}

.lernen_padderboth120 {
	padding: 120px 0
}

#preloader {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%
}

#status {
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.lernen_heading {
	margin-bottom: 50px;
	position: relative;
	-moz-transition: all .3s;
	transition: all .3s
}

.lernen_heading h1,
.lernen_heading p {
	text-transform: uppercase;
	margin: 0;
	font-weight: 500
}

.lernen_heading h1 {
	font-size: 40px;
	position: relative;
	width: auto;
	padding-bottom: 15px
}

.lernen_heading h1:after {
	content: "";
	position: absolute;
	background-color: #000000;
	width: 100%;
	height: 2px;
	top: 100%;
	left: 0
}

.lernen_heading p {
	text-align: right;
	width: auto;
	background-color: #fff;
	padding-left: 10px;
	position: absolute;
	right: 0;
	bottom: -10px;
}

.lernen_heading_wrapper_2 {
	text-align: left
}

.lernen_heading_wrapper_2 .lernen_heading {
	margin-bottom: 30px
}

.lernen_btn {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	padding: 0 20px;
	min-width: 140px;
	outline: 0;
	cursor: pointer;
	text-transform: capitalize;
	z-index: 1;
	font-weight: 500;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none !important;
	-webkit-transition: background-color .4s ease, border .4s ease, color .4s ease;
	-moz-transition: background-color .4s ease, border .4s ease, color .2s ease;
	-ms-transition: background-color .4s ease, border .4s ease, color .2s ease;
	-o-transition: background-color .4s ease, border .4s ease, color .2s ease;
	transition: background-color .4s ease, border .4s ease, color .4s ease;
}

.lernen_btn:focus,
.lernen_btn:hover {
	color: #fff!important;
	background-color: #121a2f;
	border: 1px solid #121a2f;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_main_wrapper {
	position: relative;
	overflow-x: hidden
}

.lernen_main_wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #666
}

.lernen_main_wrapper::-webkit-scrollbar {
	width: .1px;
	background-color: #F5F5F5
}

.lernen_main_wrapper::-webkit-scrollbar-thumb {
	background-color: #000
}

.typed-cursor {
	display: none
}

.fw-col-xs-12,
.lernen_contact_details,
.lernen_portfolio_img,
.self_product_section,
.woocommerce .single-product,
.woocommerce div.product {
	overflow: hidden
}

.lernen_logo_wrapper img,
.lernen_logo_wrapper svg {
	position: fixed;
	left: 50px;
	top: 50px;
	z-index: 2;
	-webkit-animation: rotate 2s linear infinite;
	-moz-animation: rotate 2s linear infinite;
	-o-animation: rotate 2s linear infinite;
	-ms-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotatey(360deg)
	}
}

@-moz-keyframes rotate {
	100% {
		-moz-transform: rotatey(360deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotatey(360deg)
	}
}

.lernen_close_wrapper i {
	position: fixed;
	right: 50px;
	top: 50px;
	cursor: pointer;
	z-index: 2;
	color: #000000;
	font-size: 30px
}

@-webkit-keyframes shine {
	from {
		-webkit-mask-position: 150%
	}
	to {
		-webkit-mask-position: -50%
	}
}

.lernen_contact_details_box:after{
	right: 0;
	bottom: 0;
	content: ""
}

.lernen_contact_wrapper {
	background-color: #fff;
	position: absolute;
	left: 100%;
	width: 100%;
	top: 0;
	z-index: 1;
	display: none
}

.lernen_contact_info {
	display: inline-block;
	margin-bottom: 50px;
	width: 100%
}

.lernen_contact_info h1 {
	display: inline-block;
	margin: 0 0 35px;
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 15px;
	font-weight: 700;
}

.wpcf7 {
	display: inline-block;
	width: 100%
}

.wpcf7 input,
.wpcf7 textarea {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
	background: transparent none repeat scroll 0 0;
	border: 1px solid rgba(0,0,0,0.1);
	color: #333;
	font-size: 15px;
	line-height: 26px;
	padding-left: 20px;
	padding-right: 10px;
	font-weight:500;
}


.wpcf7 .lernen_btn {
	margin-top: 0
}


.lernen_contact_info span {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	padding-bottom: 5px;
	text-transform: capitalize;
	display: block;
}

.contact_image {
	margin-left:50px;
}
.lernen_contact_map {
	display: block;
	width: 100%;
	margin-top: 50px;
	margin-bottom:-10px;
}
.lernen_contact_map p{
	margin:0px!important;
}
.lernen_contact_map iframe {
	display: inline-block;
	width: 100%;
	height: 400px;
	border: 0
}

.lernen_contact_details {
	display: inline-block;
	width: 100%
}

.lernen_contact_details_box {
	padding: 80px 0;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_contact_details_box:after,
.lernen_contact_details_box:hover {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.lernen_contact_details_box a {
	color: #fff
}

.lernen_contact_details_box:hover {
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.lernen_contact_details_box:after {
	position: absolute;
	background-color: rgba(58, 57, 57, .5);
	top: 0;
	left: 0;
	z-index: -1;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_contact_details_box p a,
.lernen_contact_details_box:hover:after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.lernen_contact_details_box:hover:after {
	background-color: rgba(58, 57, 57, .5);
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_contact_details_box h4 {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 20px;
	color: #fff
}

.lernen_contact_details_box p {
	margin: 0;
	color: #f9f9f9
}

.lernen_contact_details_box p a {
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_contact_details_box p a:hover,
.lernen_services_slider_imgs {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.lernen_contact_details_box p a:hover {
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_contact_details_box.details_box1 {
	background-image: url(../images/content/dtl_box1.jpg);
	background-size:cover!important;
}

.lernen_contact_details_box.details_box2 {
	background-image: url(../images/content/dtl_box2.jpg);
	background-size:cover!important;
}

.lernen_contact_details_box.details_box3 {
	background-image: url(../images/content/dtl_box3.jpg);
	background-size:cover!important;
}

.lernen_contact_box {
	margin-top:40px;
}

.lernen_counter_box {
	margin-bottom: 30px;
	text-align: center
}

.lernen_counter_box h3 {
	font-size: 40px;
	margin: 20px 0 5px;
	font-weight: 500;
	color: #333
}

.lernen_counter_box p {
	font-size: 18px;
	color: #f5f5f5;
	text-transform: capitalize
}

.lernen_portfolio_wrapper {
	background-color: #fff;
	position: absolute;
	right: 100%;
	width: 100%;
	top: 0;
	z-index: 1;
	display: none
}

.lernen_loadmore {
	display: none
}

.lernen_portfolio_box,
.lernen_portfolio_box a,
.lernen_portfolio_img {
	display: inline-block;
	width: 100%
}

.lernen_portfolio_box a {
	margin-bottom: 30px
}

.lernen_portfolio_img {
	text-align: center;
	position: relative;
	z-index: 1;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_portfolio_img:after,
.lernen_portfolio_img:hover:after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.lernen_portfolio_img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .5);
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_portfolio_img:hover:after {
	opacity: 0.7;
	visibility: visible;
	-o-transition: all .3s;
	transition: all .3s;
	background-image: linear-gradient(to right, #121a2f, rgba(20, 41, 65, 0.81));
}

.lernen_portfolio_img img,
.lernen_portfolio_img:hover img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	display: inline-block
}

.lernen_portfolio_img img {
	-o-transition: all .3s;
	transition: all .3s;
	width:100%;
	height:auto;
}

.lernen_portfolio_img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_portfolio_img:hover .lernen_portfolio_text,
.lernen_portfolio_text {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.lernen_portfolio_img:hover .lernen_portfolio_text {
	bottom: 0;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_portfolio_text {
	position: absolute;
	bottom: -111px;
	left: 0;
	width: 100%;
	text-align: left;
	padding: 30px;
	z-index: 1;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_portfolio_text h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0
}

.lernen_portfolio_text p {
	margin: 0;
	text-transform: capitalize;
	color: #fff
}

.lernen_footer_wrapper {
	background-color: #f5f5f5;
	margin-top: 115px
}

.lernen_footer_wrapper p {
	display: inline-block;
	width: auto;
	text-align: left;
	color: #000000;
	margin: 0;
	padding-top: 5px
}

.lernen_footer_wrapper p a,
.lernen_footer_wrapper p a:hover {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_footer_wrapper ul {
	float: right;
	width: auto;
	margin: 0;
	padding: 0
}

.lernen_footer_wrapper ul li {
	display: inline-block;
	width: auto;
	list-style: none;
	margin: 0
}

.lernen_footer_wrapper ul li:last-child {
	margin-right: 0
}

.lernen_footer_wrapper ul li a {
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #1c1c1c;
	border-radius: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_footer_wrapper ul li a:hover {
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s
}

.lernen_footer_wrapper ul li a:hover {
	color: #fff;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_footer_wrapper ul li a i {
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 100%
}

.lernen_footer ul li a .fa-facebook:hover,
.lernen_footer_wrapper ul li a .fa-facebook:hover {
	background-color: #3B5998
}

.lernen_footer ul li a .fa-twitter:hover,
.lernen_footer_wrapper ul li a .fa-twitter:hover {
	background-color: #1dcaff
}

.lernen_footer ul li a .fa-pinterest-p:hover,
.lernen_footer_wrapper ul li a .fa-pinterest-p:hover {
	background-color: #C92228
}

.lernen_footer ul li a .fa-behance:hover,
.lernen_footer_wrapper ul li a .fa-behance:hover {
	background-color: #1769ff
}

.lernen_footer ul li a .fa-google-plus:hover,
.lernen_footer_wrapper ul li a .fa-google-plus:hover {
	background-color: #dd4b39
}

.lernen_footer ul li a .fa-dribbble:hover,
.lernen_footer_wrapper ul li a .fa-dribbble:hover {
	background-color: #ea4c89
}


@media (min-width:992px) and (max-width:1199px) {
	.lernen_counter_box {
		padding-left: 50px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.lernen_profile_slider {
		padding-top: 0;
		margin-bottom: 50px
	}
	.lernen_counter_box {
		padding-left: 0
	}
	.lernen_about_learnbox_right:after {
		top: 0;
		left: 0;
		margin-top: 0
	}
	.lernen_about_learnbox_left:after {
		top: 0;
		right: 0;
		margin-top: 0
	}
	.lernen_about_learnsection:after {
		display: none
	}
	.lernen_about_learnbox_left,
	.lernen_about_learnbox_right {
		border-bottom: 1px solid #000000;
		padding-bottom: 30px
	}
	.lernen_services_slider_wrapper {
		height: 1020px;
		position: relative
	}
	.lernen_services_slider_imgs {
		margin-left: 150px
	}
	.lernen_services_slider_box {
		position: absolute;
		top: 450px;
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

@media (max-width:767px) {
	.lernen_footer_wrapper p,
	.lernen_footer_wrapper ul {
		width: 100%;
		text-align: center
	}
	.lernen_profile_slider {
		padding-top: 0;
		margin-bottom: 50px
	}
	.lernen_about_learnbox_right:after {
		top: 0;
		left: 0;
		margin-top: 0
	}
	.lernen_about_learnbox_left:after {
		top: 0;
		right: 0;
		margin-top: 0
	}
	.lernen_about_learnsection:after {
		display: none
	}
	.lernen_about_learnbox_left,
	.lernen_about_learnbox_right {
		border-bottom: 1px solid #000000;
		padding-bottom: 30px
	}
	.lernen_footer_wrapper p {
		margin: 0 0 20px
	}
	.lernen_services_slider_wrapper {
		height: 1020px;
		position: relative
	}
	.lernen_services_slider_imgs {
		margin-left: 150px
	}
	.lernen_services_slider_box {
		position: absolute;
		top: 450px;
		left: 0;
		right: 0;
		margin: 0 auto
	}
	.logged-in.admin-bar .transparent-header.sticky-menu {
		top:0px!important;
	}
	.themeioan_counter {
		margin:15px 0px;
	}
	.themeioan_counter h4 {
		font-size: 32px;
		line-height: 38px;
		margin: 10px 0px 0px;
	}
	.themeioan_counter p {
		margin: 5px 0px 0px 0px;
	}
}

@media (min-width:620px) and (max-width:700px) {
	.lernen_services_slider_imgs {
		margin-left: 120px
	}
}

@media (min-width:540px) and (max-width:619px) {
	.lernen_services_slider_imgs {
		margin-left: 50px
	}
}

@media (max-width:539px) {
	.lernen_services_slider_imgs {
		margin-left: 0
	}
}

@media (max-width:479px) {
	.lernen_about_experience_info,
	.lernen_counter_box {
		padding-left: 0
	}
	.lernen_services_slider_imgs {
		margin-left: 0
	}
	.lernen_heading h1 {
		font-size: 34px
	}
	.lernen_about_learnbox_year {
		display: table-caption;
		width: 100%;
		vertical-align: middle;
		padding-top: 0
	}
	.lernen_about_experience_info,
	.lernen_about_experience_year {
		display: inline-block;
		width: 100%
	}
	.lernen_about_learnbox_info {
		width: 100%
	}
	.lernen_about_experience_year h4 {
		margin-bottom: 50px;
		text-align: left
	}
	.lernen_footer_wrapper ul li {
		margin: 0 2px
	}
	.lernen_about_learnbox_left:after,
	.lernen_about_learnbox_right:after {
		display: none
	}
}

@media (max-width:390px) {
	.lernen_services_slider_box {
		top: 350px
	}
	.lernen_services_slider_wrapper {
		height: 900px
	}
}


.navbar-toggle {
	border: 2px solid #000000;
	margin: 0
}

.navbar-toggle:focus,
.navbar-toggle:hover {
	border-color: #202020
}

.navbar-toggle .icon-bar {
	background: #202020
}

.navbar-collapse {
	padding: 0
}

.lernen_banner {
	padding: 230px 0 130px;
	background-image: linear-gradient(to right, #121a2f, rgba(20, 41, 65, 0.81));
	background-size: cover!important;
	background-repeat: no-repeat;
	background-position: center center!important;
	text-align: center;
}

.lernen_banner_title h1 {
	font-size: 40px;
	line-height:50px;
	font-weight: 700;
	color: #fff
}

.lernen_breadcrumb .breadcrumbs {
	margin: 0;
	background: 0 0;
	font-size: 14px
}

.lernen_breadcrumb .breadcrumbs span a {
	color: #fff;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_breadcrumb .breadcrumbs span a:hover {
	color: #fff;
}
.lernen_breadcrumb .breadcrumbs span.last-item {
	color: #cacaca;
}
.lernen_breadcrumb .breadcrumbs span.separator {
	display:none!important;
}
.lernen_breadcrumb .breadcrumbs span a {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
.lernen_breadcrumb .breadcrumbs span a:after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 3px;
	position: absolute;
	right: 5px;
	top: 8px;
}

.lernen_breadcrumb .breadcrumbs span.separator {
	margin: 0 10px
}

#primary {
	padding: 100px 0;
}

.article-content {
	padding: 42px 47px 50px 50px;
}
.single-post .article-content {
	padding: 10px 47px 42px 50px!important;
}
.single-post .disable-shadow .article-content {
	padding: 10px 0px 0px 0px!important;
}

#about_the_author {
	margin: 60px 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 45px 0;
	box-sizing: border-box;
}
#about_the_author .gravatar {
	float: left;
	margin-right: 40px;
}
#about_the_author .author_detail {
	float: left;
	width: calc(100% - 240px);
}
.gravatar {
	position: relative;
	overflow: hidden;
	float: left;
	width: 200px;
	height: 200px;
}
.author_content h4 {
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 10px;
	color:#000;
}
.author_content {
	line-height: 28px;
}
@media only screen and (max-width: 767px) {
	#about_the_author .gravatar {
		margin: auto;
		float: none;
		margin-bottom: 20px;
	}
	#about_the_author .author_detail {
		width: 100%;
		text-align: center;
	}
}
.white-shadow {
	-webkit-box-shadow: 0 2px 5px rgba(85, 85, 85, 0.2);
	box-shadow: 0 2px 5px rgba(85, 85, 85, 0.2);
}
.hentry {
	margin-top: 60px;
	margin-bottom: 20px;
	word-wrap: break-word;
}
.hentry:first-child {
	margin-top: 0;
}

.no-results header {
	border-bottom: none
}
.hentry .entry-footer span {
	margin-top:25px;
	display:block;
}

.hentry .entry-title {
	margin-top: 0
}

.hentry .entry-title a {
	color: #242424
}

.entry-meta {
	color: #989898;
	font-size: 14px;
}

.entry-meta a {
	margin-right: 8px;
}

.entry-meta {
	margin: 10px 0px 15px 0px;
}
.entry-content {
	margin: 10px 0px 25px 0px;
}

.entry-content ul {
	margin: 0
}

.post-categories,
.single-post .entry-meta .course-viewer {
	font-size: 14px;
	padding:10px 0px;
}
.post-categories a {
	color: #333;
	display: inline-block;
	padding: 2px 10px;
	line-height: 24px;
	font-size: 13px!important;
	margin: 0 6px 8px 0;
	border: 1px solid #333;
	border-radius: 5px;
}
.post-categories i {
	padding-right:5px;
}
.ed_comment_text h5 {
	font-size:15px;
	font-weight:400;
}
.wp-block-quote.is-style-large cite {
	text-align: left!important;
}
.wp-block-quote.is-style-large cite:before {
	top: 70%;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	padding: 5px 130px 35px 50px;
}
.sticky-post i {
	color: #fb770c;
}
blockquote p {
	color: #fb770c;
}
blockquote {
	font-style: italic;
	font-size: 18px;
	line-height: 29px;
	font-weight: 500;
	background-color: #f8faff;
	border-radius: 5px;
	padding: 25px 50px 25px 50px;
	position: relative;
	margin: 40px 0;
	text-align: left;
}

blockquote:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #fb770c ;
}

blockquote cite {
	font-weight: 400;
	display: block;
	font-size: 14px;
	color: #2d2d2d;
	padding-left: 35px;
	text-align: left;
	font-style: normal;
	position: relative;
}

blockquote cite:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 2px;
	background-color: #fb770c ;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote i {
	font-style: normal;
}

.entry-content p:last-child {
	margin-bottom: 0
}

.entry-footer span {
	margin-right: 10px
}

.entry-footer span:last-child {
	margin-right: 0
}

.ed_comment_text h1,
.ed_comment_text h2,
.ed_comment_text h3,
.ed_comment_text h4,
.ed_comment_text h5,
.ed_comment_text h6,
.tag-html h1,
.tag-html h2,
.tag-html h3,
.tag-html h4,
.tag-html h5,
.tag-html h6 {
	color: #242424;
	font-weight:600;
}

strong {
	color: #202020
}

.tag-html p {
	font-size: 15px;
	color: #717171
}

table td,
table th {
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.1);
	font-weight: 400
}

.comments-area a:visited,
dl dd a,
table th a {
	font-weight: 400
}

.tag-css h3,
dl dt {
	color: #202020
}

.ed_comment_text ul li,
.tag-html ul li {
	list-style: outside
}

ul.wp-block-gallery {
	margin-left:0px!important;
}
.wp-block-gallery.alignleft,
.wp-block-cover {
	margin-right:20px;
}
.wp-block-audio {
	margin-bottom:30px;
}
.wp-block-archives.wp-block-archives-dropdown {
	margin-bottom:25px;
}

.entry-content .EmbeddedTweet {
	background-color: #010101!important;
	color: #fff!important
}

.sticky-post {
	float: left;
	margin-right: 15px
}

.sl_read_more,
.sl_read_more:visited {
	display: block;
	color: #fff;
	margin-top: 1.5em;
	width: 140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	transition: all .3s
}

.sl_read_more:focus,
.sl_read_more:hover {
	background: 0 0;
}

.gallery {
	margin-bottom: 0;
	display:table;
}

.gallery .gallery-item {
	margin-bottom:10px;
}
.entry-content .gallery .gallery-item img{
	padding-right:20px;
}
.gallery .gallery-item .gallery-caption {
	margin-top: 6px
}


.cat_sidebar .gallery .gallery-item,
#footer .gallery .gallery-item {
	margin-bottom: 3px;
	margin-left: 3px
}

#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#preloader,
body {
	background-color: #fff
}

body .widget_media_gallery .gallery-item .gallery-icon {
	margin: 5px;
	position: relative;
	z-index: 1;
}
body .widget_media_gallery .gallery-item {
	margin: 0 !important;
}
body .widget_media_gallery .gallery-item:hover {
	opacity:0.7;
}
body .widget_media_gallery .gallery-item img {
	border-radius:5px;
}

.cat_sidebar .widget,
#footer .widget {
	margin-bottom: 30px
}

body .widget .widget-title_wrapper .widget-title {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-right: 12px;
	letter-spacing: 1px;
}
body .widget .widget-title_wrapper {
	position: relative;
	overflow: hidden;
}
body .cat_sidebar .widget-title_wrapper .widget-title:before,
body #footer .widget-title_wrapper .widget-title:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 3px;
	right: 0;
	top: 50%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

body .cat_sidebar .widget-title_wrapper .widget-title:after,
body #footer .widget-title_wrapper .widget-title:after {
	content: '';
	position: absolute;
	z-index: 1;
	height: 1px;
	width: 500px;
	background: #ccc;
	right: 0;
	top: 50%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	margin-top: 1px;
}

.cat_sidebar .widget-title,
#footer .widget-title {
	color: #000;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom:20px;
	position: relative
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
	line-height: 45px;
	font-size: 16px;
	font-weight: 500;
	color:#000;
}
.woocommerce-widget-layered-nav ul li span {
	color: #9a9a9a;
	width: 30px;
	height: 20px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	float: right;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.cat_sidebar .widget ul,
#footer .widget ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.cat_sidebar .widget ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #717171;
	clear:both;
	font-size:14px;
}

.cat_sidebar .widget ul li:last-child,
#footer .widget ul li:last-child {
	padding-bottom: 0
}

.cat_sidebar .widget ul li a,
#footer .widget ul li a {
	font-size: 15px;
	padding-right: 5px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.cat_sidebar .widget ul.menu li a {
	padding-left:15px;
}

.cat_sidebar .widget select,
#footer .widget select {
	width: 100%;
	color: #717171;
	height: 40px;
	padding: 0 10px;
	margin-top: 20px;
	border-color: #202020
}

.cat_sidebar .widget ul li ul,
#footer .widget ul li ul {

}

.cat_sidebar .widget_rss .widget-title .rsswidget,
#footer .widget_rss .widget-title .rsswidget {
	color: #202020;
	float:left!important;
}
#footer .widget_rss .widget-title .rsswidget {
	display:inline-block!important;
}
.cat_sidebar .widget_rss .widget-title .rsswidget .rss-widget-icon{
	margin-right:5px;
	margin-top: -3px;
}
#footer .widget.widget_rss img {
	margin-right:5px;
	padding-bottom:3px!important;
}

.cat_sidebar .widget_rss .rssSummary,
#footer .widget_rss .rssSummary {
	margin-top: 15px
}

.cat_sidebar .widget_rss ul li:after,
#footer .widget_rss ul li:after {
	content: "";
	display: table;
	width: 100%
}

.cat_sidebar .widget_rss ul li,
#footer .widget_rss ul li {
	padding-bottom: 20px
}

.cat_sidebar .widget_rss ul li:last-child,
#footer .widget_rss ul li:last-child {
	padding-bottom: 0
}

.cat_sidebar .widget_rss ul li cite {
	float: right;
	color: #202020;
}

#footer .widget_rss ul li cite {
	float: right;
	color: #fff;
}

.cat_sidebar .widget_search label,
#footer .widget_search label {
	margin: 0;
	width: calc(100% - 95px)
}

.cat_sidebar .widget_search .search-field,
.cat_sidebar .widget_search .search-submit,
#footer .widget_search .search-field,
#footer .widget_search .search-submit,
.no-results input[type=search] {
	height: 50px;
	border-radius: 0;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	border: 0px;
	padding: 0 20px;
	padding-top: 2px!important;
}
.cat_sidebar .widget_search .search-submit,
#footer .widget_search .search-submit {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.cat_sidebar .widget_search .search-field,
#footer .widget_search .search-field {
	width: 100%;
	border-color: transparent;
	background: #f5f5f5;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.cat_sidebar .widget_search .search-field:hover,
#footer .widget_search .search-field:hover,
.no-results input[type=search]:hover {
	background-color: #e1e1e1
}

.cat_sidebar .widget_search .search-submit,
#footer .widget_search .search-submit {
	width: 95px;
	float: right;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.cat_sidebar .widget .tagcloud:after,
#footer .widget .tagcloud:after,
.comment-list li .dc_comment_wrapper:after {
	width: 100%;
	display: table;
	content: ""
}

.cat_sidebar .widget_search .search-submit:hover,
#footer .widget_search .search-submit:hover,
.post .post-read-more a:hover {
	background: #121a2f;
	color:#fff;
}

.textwidget strong {
	font-weight: 400;
	color: #202020
}

.textwidget p {
	font-size: 15px;
	color: #717171
}

.cat_sidebar .widget .tagcloud a {
	color: #333;
	display: inline-block;
	padding: 2px 10px;
	line-height: 24px;
	font-size: 13px!important;
	margin: 0 6px 8px 0;
	border: 1px solid #333;
	border-radius: 5px;
}

#footer .widget .tagcloud a {
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	line-height: 24px;
	font-size: 13px!important;
	margin: 0 6px 8px 0;
	border: 1px solid #fff;
	border-radius: 5px;
}

.cat_sidebar .widget .tagcloud a:hover,
#footer .widget .tagcloud a:hover {
	color: #fff
}
#footer .widget.widget_text,
#footer .widget.widget_text p,
#footer .widget.widget_text strong {
	color:#fff;
}
#footer .widget.widget_text strong {
	font-weight:500;
}

.cat_sidebar .widget_calendar table td,
.cat_sidebar .widget_calendar table th,
#footer .widget_calendar table td,
#footer .widget_calendar table th{
	padding: 5px 0;
	border: 1px solid #000;
	text-align: center;
	color: #202020
}

.cat_sidebar .widget_calendar table td,
#footer .widget_calendar table td{
	color: #717171
}

.cat_sidebar .widget-area  li,
#footer .widget-area  li{
	list-style: none;
	line-height: initial;
	position: relative;
	word-break: break-word;
	overflow: hidden;
}
.cat_sidebar .widget.widget_pages ul li a,
.cat_sidebar .widget.widget_archive ul li a,
.cat_sidebar .widget.widget_product_categories ul li a,
.cat_sidebar .widget.widget_categories ul li a,
.cat_sidebar .widget.widget_recent_entries ul li a,
#footer .widget.widget_archive ul li a,
#footer .widget.widget_product_categories ul li a,
#footer .widget.widget_categories ul li a {
	text-align: left;
	line-height: 1.5;
	position: relative;
	padding-left: 15px !important;
	clear:both;
}
.cat_sidebar .widget.widget_nav_menu ul li a,
#footer .widget.widget_pages ul li a,
#footer .widget.widget_nav_menu ul li a,
#footer .widget.widget_recent_entries ul li a {
	line-height: 1.5;
	position: relative;
}
.widget ul>li>ul>li {
	padding-left:15px;
}
.widget li>ul.children,
.widget ul>li>ul.children {
	margin-top:5px!important;
}

.cat_sidebar .widget.widget_pages li a::before,
.cat_sidebar .widget.widget_nav_menu li a::before,
.cat_sidebar .widget.widget_archive li a::before,
.cat_sidebar .widget.widget_product_categories li a::before,
.cat_sidebar .widget.widget_categories li a::before,
.cat_sidebar .widget.widget_recent_entries li a::before,
#footer .widget.widget_archive li a::before,
#footer .widget.widget_product_categories li a::before,
#footer .widget.widget_categories li a::before{
	float: left;
	position: absolute;
	left: 1px;
	line-height: 1.3;
	font-size: 14px;
	background: #ccc;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	content: "";
	top: 34%;
	left: 2px;
}

#footer .widget.widget_calendar table {
	background:#fff;
}
#footer .widget.widget_calendar caption {
	color:#fff;
}

.lernen_comment_form {
	padding: 30px;
	padding: 30px 0px 42px 0px;
}

.lernen_comment_form .comment-reply-title,
.lernen_comment_form .comments-title {
	color: #000000;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 24px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 1.2em
}

.lernen_comment_form .comment-list,
ol.comment-list {
	margin: 0px!important;
	padding: 0;
	list-style: none;
}
.ed_comment_text ul {
	margin-left: 20px!important;
}
.ed_comment_text > ul,
.ed_comment_text > ol {
	margin-bottom: 25px!important;
}

.lernen_comment_form .comment-list li ul.children {
	padding-left: 40px;
	list-style: none;
	margin: 0
}

.lernen_comment_form ol li,
.lernen_comment_form ol li .comment-content,
.lernen_comment_form ol li .comment-metadata a {
	color: #717171;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

.lernen_comment_form ol li .dc_comment_wrapper {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 12px 0;
	margin-bottom: 10px
}

.lernen_comment_form ol li:last-child>.dc_comment_wrapper {
	border: none;
	margin: 0
}

.comment .ed_comment_image {
	float: left
}

.comment .ed_comment_text {
	float: right;
	width: calc(100% - 80px);
	padding-left: 20px
}

.ed_comment_text h5 span {
	float: right
}

.ed_comment_text h5 a {
	color: #303030;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.ed_comment_text h5 span a {
	margin-left: 30px
}

.comment-metadata {
	font-size: 14px;
	margin: 0 0 5px 0;
	display:block;
}
.comment-metadata i {
	margin-right:5px;
}
.reply a {
	color: #fff!important;
	display: inline-block;
	padding: 0 20px 0;
	line-height: 32px;
	margin: 0;
	border-radius: 50px;
	font-size: 12px;
}
.reply a:hover {
	background:#121a2f;
}
#wp-comment-cookies-consent {
	margin-right:10px;
}

.lernen_comment_form input[type=email],
.lernen_comment_form input[type=text],
.lernen_comment_form input[type=url],
.lernen_comment_form textarea,
.post-password-form input[type=password] {
	width: 100%;
	padding: 10px 10px;
	margin-bottom: 30px;
	height: 51px;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius:5px;
	font-weight: 400;
	resize: vertical;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color:#2d2d2d;
}

.no-results input[type=search] {
	width: 100%;
	border-color: transparent;
	background: #f5f5f5;
	border-radius:5px;
}
.lernen_comment_form textarea {
	resize: vertical;
	height: auto
}

.post-password-form input[type=password] {
	margin-top: 12px;
	margin-bottom: 0
}



.not-found input[type=submit],
.post-password-form input[type=submit],
.wpcf7 input[type=submit],
input[type=submit].lernen_btn {
	border:0px;
	color:#fff;
	font-weight: 500;
	font-size:15px;
	line-height:15px;
}

.wpcf7 input[type=submit] {
	margin-top: 0;
	margin-bottom: 0
}

.not-found input[type=submit]:hover,
.post-password-form input[type=submit]:hover,
.wpcf7 input[type=submit]:focus,
.wpcf7 input[type=submit]:hover,
input[type=submit].lernen_btn:hover {
	outline: none !important;
	background: #121a2f;
}

.not-found input[type=submit],
.post-password-form input[type=submit] {
	display:table;
}

.comment .comment-author {
	margin-bottom: 20px
}

.comment .comment-author img {
	width: 75px;
	border-radius: 100%;
	margin-right: 15px
}

.comment-respond {
	margin: 20px 0;
}

.post-page-numbers.current>span{
	padding: 8px 10px;
	border: 1px solid #000000;
	margin: 0 5px;
	min-width: 40px;
	display: inline-block;
	text-align: center;
	color: #000000;
	background: 0 0;
	border-radius:5px;
	color:#fb770c;
	border-color:#fb770c;
}

.page-links a,
.pagination .page-numbers{
	padding: 8px 10px;
	border: 1px solid #000000;
	margin: 0 5px;
	min-width: 40px;
	display: inline-block;
	text-align: center;
	color: #000000;
	background: 0 0;
	border-radius:5px;
}

.page-links a:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pagination .page-numbers.dots {
	border: none;
	background: 0 0;
	color: #202020
}

.page-links {
	padding-top: 10px;
	margin-bottom: 0
}
.nav-links {
	margin-top:25px;
	margin-bottom:25px;
}

.lernen_footer {
	background-color: #f5f5f5;
	padding: 30px 0
}

.lernen_footer p {
	display: inline-block;
	width: auto;
	text-align: left;
	color: #000000;
	margin: 0;
	padding-top: 5px
}

.lernen_footer p a {
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_footer p a:hover,
.lernen_footer ul li a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.lernen_footer p a:hover {
	transition: all .3s
}

.lernen_footer ul {
	float: right;
	width: auto;
	margin: 0;
	padding: 0
}

.lernen_footer ul li {
	display: inline-block;
	width: auto;
	list-style: none;
	margin: 0 5px
}

.lernen_footer ul li:last-child {
	margin-right: 0
}

.lernen_footer_wrapper ul li:first-child {
	margin-left: 0
}

.lernen_footer ul li a {
	display: inline-block;
	line-height: 30px;
	text-align: center;
	background-color: transparent;
	color: #000000;
	border-radius: 100%;
	transition: all .3s
}

.lernen_footer ul li a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%
}

.lernen_footer ul li a:hover {
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.lernen_404 h1,
.lernen_404 p {
	font-weight: 600;
	color: #000
}

.lernen_404 {
	text-align: center;
	padding: 90px 0;
}

.lernen_404 h1 {
	font-size: 150px;
	line-height: 150px;
}

.lernen_404 p {
	font-size: 20px;
	margin: 0 0 35px
}

.lernen_profile_slider .item img {
	display: inline-block;
	width: auto
}

.lernen_skills_wrapper .diagram {
	display: inline-block;
	margin: 1em
}

.diagram span {
	line-height: 185px!important;
	font-size: 36px!important;
	font-weight: 500;
	color: #202020!important
}

.lernen_skills_wrapper h5 {
	font-size: 18px
}

@media(max-width:991px) {
	.lernen_logo{
		text-align: center
	}
	.lernen_logo {
		float: none;
		padding: 10px 0
	}
	#secondary {
		padding-top: 30px
	}
}

.wpcf7 textarea {
	resize: vertical;
	height: 120px
}

.wpcf7-form-control-wrap {
	float: left;
	width: 100%
}

span.wpcf7-not-valid-tip {
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 13px
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: none
}

div.wpcf7-response-output {
	margin: 0
}

.hs_color_set {
	background: #fff;
	left: -180px;
	position: fixed;
	top: 20%;
	width: 180px;
	-webkit-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	z-index: 10000
}

.hs_color_set .dc_switcher_innerdiv {
	width: 100%;
	float: left
}

.transparent-background {
	float: left;
	width: 100%;
	padding: 20px
}

.transparent-background h6 {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #000000;
	text-transform: capitalize;
	border-bottom: 1px dotted;
	padding-bottom: 5px
}

.hs_color_set .dc_switcher_innerdiv #colorSelector {
	float: left;
	margin-top: 30px;
	display: none
}

.hs_color_set .bottom {
	background: #FFF;
	color: #252525;
	padding: 0
}

.hs_color_set .bottom a.settings {
	background: #fff;
	-webkit-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
	display: block;
	height: 41px;
	position: absolute;
	right: -40px;
	bottom: 25%;
	width: 40px;
	line-height: 40px;
	font-size: 26px;
	color: #000000;
	text-align: center
}

.hs_color_set .bottom a.settings i {
	line-height: 40px
}

.hs_color_set .bottom a.settings:hover {
	text-decoration: none
}

.transparent-background ul.dc_colors {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0
}

.transparent-background ul.dc_colors li {
	float: left;
	list-style: none;
	width: 45%;
	padding-right: 5px;
	padding-bottom: 5px
}

.transparent-background ul.dc_colors li:nth-child(2n) {
	padding-right: 0
}

.transparent-background ul.dc_colors li p {
	float: left;
	width: 100%;
	height: 30px;
	background: #000;
	margin: 0;
	border-radius: 0;
	cursor: pointer
}

.transparent-background ul.dc_colors li #color0 {
	background: #0c5adb
}

.transparent-background ul.dc_colors li #color1 {
	background: #f97307
}

.transparent-background ul.dc_colors li #color2 {
	background: #2196f3
}

.transparent-background ul.dc_colors li #color3 {
	background: #00c8ff
}

.transparent-background ul.dc_colors li #color4 {
	background: #00bcd4
}

.transparent-background ul.dc_colors li #color5 {
	background: #009688
}

.transparent-background ul.dc_colors li #color6 {
	background: #ffc107
}

.transparent-background ul.dc_colors li #color7 {
	background: #e91e63
}

.transparent-background ul.dc_colors li #style {
	background: #f55
}

.lernen_services_slider_text span {
	position: relative;
	width: 60px;
	height: 60px;
	display: inline-block;
	border-radius: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.lernen_services_slider_text span img {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.lernen_services_slider_text.active span,
.lernen_services_slider_text:hover span {
	width: 86px;
	height: 86px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.lernen_services_slider_text.active span img,
.lernen_services_slider_text:hover span img {
	top: 30px;
	width: auto;
	height: auto;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.lernen_blog_section {
	margin-bottom: 30px;
	background-color: #f5f5f5
}

.lernen_blog_section .blog_text {
	padding: 20px;
	text-align: left
}

.lernen_blog_section .blog_text h4 {
	margin-top: 0;
	text-transform: capitalize
}

.lernen_blog_section .blog_text h4 a {
	font-size: 18px;
	color: #000000;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

.lernen_blog_section .blog_text .post_meta span a {
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

.lernen_close_wrapper i,
.self_product_section a.self_add_to_cart i {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.lernen_blog_section .blog_text .post_meta {
	text-transform: capitalize;
	margin-bottom: 10px
}

.lernen_blog_section .blog_text p {
	margin-bottom: 20px
}

.lernen_blogpage_wrapper .lernen_blog_section {
	margin-bottom: 50px
}

@media (max-width:1200px) {
	.lernen_skills_wrapper .diagram {
		width: 170px!important;
		height: 170px!important
	}
	.diagram span {
		line-height: 155px!important
	}
}

@media (max-width:1200px) and (min-width:991px) {
	.lernen_portfolio_img img {
		height: 293px
	}
}

@media (max-width:991px) {
	.lernen_about_details,
	.lernen_heading_wrapper_2,
	.lernen_profile_info {
		text-align: center
	}
}

@media (max-width:991px) and (min-width:767px) {
	.lernen_portfolio_img img {
		height: 220px
	}
}

@media (max-width:767px) {
	.lernen_couter_wrapper,
	.lernen_portfolio_box {
		text-align: center
	}
	.lernen_footer p,
	.lernen_footer ul {
		width: 100%;
		float: none;
		text-align: center
	}
	.lernen_footer p {
		margin-bottom: 10px
	}
	.lernen_counter_box {
		width: 70%
	}
	.lernen_portfolio_img {
		width: auto
	}
	.lernen_blog_section .blog_img img {
		width: 100%
	}
}

@media (max-width:480px) {
	.lernen_blog_section {
		width: 100%
	}
}

.entry-content ul {
	margin: 0
}

.post .entry-content ul,
.page ul {
	margin-left:20px;
}
.post .entry-content > ul,
.post .entry-content > ol,
.page .entry-content > ul,
.page .entry-content > ol {
	margin-bottom:20px;
}
ul.themeioan_ul_icon,
ul.slick-dots,
.course-viewer ul,
.woocommerce-mini-cart.cart_list.product_list_widget {
	margin-left:0px;
}
.navbar-collapse.in::-webkit-scrollbar {
	width: 5px
}

.navbar-collapse.in::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.navbar-collapse.in::-webkit-scrollbar-thumb {
	background-color: #a9a9a9;
	outline: #708090 solid 1px
}

.lernen_loader {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin-left: 200px;
	z-index: -1;
	display: none
}

.loader {
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	display: inline-block
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}


.lernen_close_wrapper span.lernen_about {
	position: fixed;
	top: 35px;
	right: 44px;
	text-transform: capitalize
}

.lernen_close_wrapper span.lernen_service {
	position: fixed;
	top: 80px;
	right: 44px;
	text-transform: capitalize
}

.lernen_close_wrapper span.lernen_contact {
	position: fixed;
	top: 52px;
	right: 5px;
	text-transform: capitalize
}

.lernen_close_wrapper span.lernen_portfolio {
	position: fixed;
	text-transform: capitalize
}

.self-resume-download {
	position: fixed;
	top: 50%;
	right: -20px;
	transform: translateY(-50%) rotate(-90deg);
	z-index: 1000
}

.self-resume-download .lernen_btn {
	background-color: transparent;
	border-color: transparent;
	color: #202020
}

.self-resume-download .lernen_btn:focus,
.self-resume-download .lernen_btn:hover {
	background-color: #fff;
}

.self-resume-download i {
	margin-left: 5px
}

.self-resume-download.left-style {
	right: auto;
	left: -20px
}

.lernen_close_wrapper i {
	transition: all .3s
}

.lernen_close_wrapper .lernen_close.lernen_close_back {
	transform: rotate(180deg)
}

.self_product_img {
	position: relative
}

.self_product_img:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(225, 225, 225, .7);
	opacity: 0;
	transition: all .3s
}

.self_product_section:hover .self_product_img:after {
	opacity: 1
}

.self_result_count_section {
	width: 100%;
	margin-bottom: 5px
}

.self_result_count_section p.woocommerce-result-count {
	margin: 6px 0
}

.self_woocommerce_wrapper {
	width: 100%;
	float: left
}

.self_product_section {
	margin-bottom: 40px;
	position: relative;
	text-align: center
}

.self_product_section .self_product_img {
	text-align: center;
	background-color: #f5f5f5;
	position: relative
}

.self_product_section .self_product_img img {
	display: inline-block;
	width: 100%;
	border-radius:5px;
}

.self_product_section .self_product_caption {
	padding-top: 20px;
	text-align: center
}

.self_product_section .self_product_caption h4 {
	font-size: 18px;
	text-transform: capitalize
}

.self_product_section .self_product_caption p del {
	margin-right: 10px
}

.self_product_section p.self_product_price {
	color: #202020
}

.self_woocommerce_wrapper ins,
.woocommerce ins {
	background-color: transparent
}
.woocommerce .products .star-rating {
	margin:10px auto;
}

.self_product_section a.self_add_to_cart i,
.self_sale {
	color: #fff;
	text-align: center
}

.self_product_section a.self_add_to_cart {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.self_product_section a.self_add_to_cart i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	opacity: 0;
	transition: all .3s
}

.self_product_section .lernen_btn,
.widget_product_search button {
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.self_product_section:hover a.self_add_to_cart i {
	opacity: 1;
	transform: rotateY(180deg)
}

.self_product_section .lernen_btn {
	position: absolute!important;
	top: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 40px!important;
	line-height: 40px!important;
	min-width: 40px!important;
	opacity: 0;
	padding: 0!important;
	-webkit-transition: all .3s;
	transition: all .3s
}

.self_product_section:hover .lernen_btn {
	top: 40%;
	opacity: 1
}

.self_sale {
	position: absolute;
	top: 15px;
	left: -37px;
	content: "";
	width: 140px;
	height: 25px;
	transform: rotate(-40deg);
	z-index: 10
}

.widget_product_search input {
	width: calc(100% - 77px);
	border-radius: 0;
	height: 40px;
	padding: 0 10px;
	background: #f5f5f5;
	border-color: transparent
}

.widget_product_search input:hover {
	background: #e1e1e1
}

.widget_product_search button {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	border-radius: 0;
	vertical-align: bottom;
	border: 1px solid transparent;
	margin-left: -3px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.widget_product_search button:hover {
	background-color: transparent;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	height: .8em;
	width: .8em;
	top: -.3em
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #e0e0e0
}

.widget_price_filter .price_slider_amount button {
	border-radius: 0;
	color: #fff;
	border: 1px solid transparent;
	font-weight: 400;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.widget_price_filter .price_slider_amount button:hover {
	background-color: transparent;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: .3em
}

.widget_layered_nav ul li,
.widget_products ul li,
.widget_recently_viewed_products ul li,
.widget_top_rated_products ul li {
	margin-bottom: 5px!important;
	padding-bottom: 10px!important;
	padding: 5px 0
}

.widget_products ul li:last-child,
.widget_recently_viewed_products ul li:last-child,
.widget_top_rated_products ul li:last-child {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	border-bottom: none
}

.widget_layered_nav ul li {
	margin-bottom: 0!important
}

.widget_products ul li a img,
.widget_recently_viewed_products ul li a img,
.widget_top_rated_products ul li a img {
	width: 70px!important
}

.woocommerce.widget ins {
	background-color: transparent
}

.woocommerce.widget .product-title {
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	text-transform: capitalize
}

.woocommerce.widget .woocommerce-Price-amount {
	font-size: 12px
}
.woocommerce .woocommerce-result-count {
	position: relative;
	padding: 5px 0 0;
	margin: 0;
	float: left;
	color: #1d2b37;
}
.woocommerce .woocommerce-ordering {
	position:relative;
}
.woocommerce .woocommerce-ordering select {
	font-size: 16px;
	background-color: #f8f8f8;
	border:0px;
	color: #1d2b37;
	margin: 0;
	padding: 11px 20px;
	max-width: 240px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}

.woocommerce .woocommerce-ordering select:focus {
	outline: 0;
}

.woocommerce .woocommerce-ordering:after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	font-size: 20px;
	color: #acacac;
	position: absolute;
	top: 4px;
	right: 5px;
	pointer-events: none;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	margin-top: 10px;
	margin-right: 14px;
	width: 23%!important
}

.woocommerce div.product div.images .flex-control-thumbs li:last-child {
	margin-right: 0
}

.self-cart-dropdown a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce div.product form.cart .button,
.woocommerce input.button,
.woocommerce-page a.button,
.xoo-cp-container a.xcp-btn {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	padding: 0 20px;
	min-width: 140px;
	outline: 0;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.self-cart-dropdown a.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce input.button:hover,
.woocommerce-page a.button:hover,
.xoo-cp-container a.xcp-btn:hover {
	border: 1px solid #121a2f!important;
	background: #121a2f!important;
	color:#fff!important;
}


.woocommerce button.button {
	line-height: 1;
	color: #fff!important
}

.woocommerce .price_slider_amount button.button {
	min-width: auto
}

.self-cart-dropdown a.button:focus,
.self-cart-dropdown a.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button:focus,
.woocommerce a.button:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button:disabled:focus,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:focus,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button:focus,
.woocommerce button.button:hover,
.woocommerce div.product form.cart .button:focus,
.woocommerce div.product form.cart .button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:hover,
.woocommerce-page a.button:focus,
.woocommerce-page a.button:hover,
.xoo-cp-container a.xcp-btn:focus,
.xoo-cp-container a.xcp-btn:hover {
	background-color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.woocommerce a.button.alt {
	width: 100%
}

.woocommerce div.product form.cart {
	margin-top: 35px
}

.woocommerce .quantity .qty {
	height: 50px;
	background-color: transparent;
	border-color: #d3ced2;
	color: #8f8f8f;
	border-radius: 5px;
}

.woocommerce div.product div.summary {
	margin-top: 0
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	border-radius:5px;
}
.woocommerce a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
	border-color: #e0e0e0;
	border-bottom: none;
	border-radius: 0
}

.woocommerce .wc-tabs-wrapper .panel {
	background-color: #f5f5f5;
	padding: 30px!important
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 400
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-color: #e0e0e0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin: 0;
	padding: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	height: 50px;
	width: 150px;
	background-color: transparent;
	border-color: #d3ced2;
	padding: 0 10px;
	color: #000000;
	border-radius: 0
}

.woocommerce-cart-form__contents tr td.actions {
	padding: 20px 10px
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 80px
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
	border: none;
	border-bottom: 1px solid #717171
}

.woocommerce-cart .cart-collaterals .cart_totals table {
	border: 1px solid #717171;
	border-bottom: 0
}

.woocommerce table.shop_table img {
	width: 82px;
	box-shadow: none;
}

.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
	border-color: rgba(0,0,0,0.1)!important
}


.self-cart-dropdown a.remove {
	height: 1em;
	width: 1em;
	text-align: center;
	line-height: 1;
	border-radius: 100%;
	text-decoration: none;
	font-weight: 700;
	border: 0
}

.shop-top-bar {
	min-height: 70px;
}

.edit-account label,
.woocommerce .lost_reset_password label,
.woocommerce-address-fields label,
.woocommerce-checkout label,
.woocommerce-form-login label {
	font-weight: 400
}

.self-cart-dropdown a.remove,
.woocommerce-page a.remove {
	font-size: 18px;
	display: inline-block
}

.self-cart-dropdown a.remove:hover,
.woocommerce-page a.remove:hover {
	background-color: transparent!important;
}

.checkout_coupon input,
.edit-account input,
.woocommerce .lost_reset_password input,
.woocommerce form.checkout input,
.woocommerce form.checkout textarea,
.woocommerce-address-fields input,
.woocommerce-form-login input {
	width: 100%;
	height: 50px;
	color: #000000;
	background-color: #fff;
	border-color: rgba(0,0,0,0.1);
	border-radius: 0;
	padding: 0 10px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.woocommerce-grouped-product-list tr {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
	padding-left: 0px!important;
}

.woocommerce form.checkout textarea {
	height: 120px;
	resize: none;
	padding: 10px
}


.woocommerce form.checkout input[type=checkbox],
.woocommerce-form-login input[type=checkbox] {
	height: auto;
	width: auto
}

.woocommerce-checkout h3 {
	font-size: 15px
}

.select2-container--default .select2-selection--single {
	background-color: #f5f5f5;
	border-radius: 0;
	border: 1px solid transparent;
	height: 50px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.select2-container--default .select2-selection--single:hover {
	background-color: e1e1e1
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	top:20px;
}

.select2-dropdown {
	background-color: #fff;
	border-color: #e0e0e0;
	border-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #fff;
	border-color: #aaa;
	border-radius: 0;
	color: #202020
}
.select2-container--open .select2-dropdown--below {
	border-color: rgba(0,0,0,0.1);
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
	background-color: #f5f5f5;
	outline: 0
}

.woocommerce .edit-account button,
.woocommerce .woocommerce-address-fields button {
	margin-top: 20px
}

.woocommerce-Address {
	width: 100%!important;
	margin-top: 20px
}

.woocommerce .edit-account legend {
	font-size: 20px;
	color: #000000;
	padding-bottom: 10px;
	padding-top: 30px;
	border-bottom: 1px solid #000000;
	margin-bottom: 30px;
	text-transform: capitalize
}

.woocommerce-form-login .woocommerce-form__label-for-checkbox {
	float: left;
	font-weight: 400;
	margin-top: 10px
}

.woocommerce-form-login button {
	float: right
}

.woocommerce form.login {
	border: none;
	padding: 0;
	max-width: 400px;
}
.woocommerce-form-login__rememberme {
	width:100%!important;
}

.woocommerce-MyAccount-navigation {
	border: 1px solid rgba(0,0,0,0.1);
}
.woocommerce-MyAccount-navigation>ul {
	list-style: none;
	padding: 0;
	margin:0px!important;
}

.woocommerce-MyAccount-navigation>ul>li>a {
	width: 100%;
	float: left;
	padding: 10px 15px;
	background-color: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: #202020!important;
}

.woocommerce-MyAccount-navigation>ul>li:last-child>a {
	border-bottom: none
}

.woocommerce-MyAccount-navigation>ul>li.is-active>a,
.woocommerce-MyAccount-navigation>ul>li:hover a {
	background: rgba(204, 204, 204, 0.21);
}

.cart_totals h2,
.self-woocommerce-title,
.woocommerce .related.products h2,
.woocommerce .wc-tabs-wrapper .panel h2,
.woocommerce .woocommerce-Tabs-panel h2,
.woocommerce-MyAccount-content h3 {
	font-size: 26px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
	color: #202020
}

.self_product_section a.added_to_cart {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
	text-align: center!important
}

.self_service_section {
	text-align: center;
	margin-bottom: 30px;
	background-color: #f5f5f5;
	padding: 30px 20px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.self_service_section:hover {
	box-shadow: 0 10px 26px rgba(0, 0, 0, .2)
}

.self_service_section h4 {
	font-size: 20px;
	color: #000000;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 30px
}

.self_service_section p {
	color: #717171;
	margin: 0
}

.self_service_section img {
	width: auto!important;
	display: inline-block!important;
	margin-bottom: 20px
}

.self_service_img {
	position: relative
}

.self_service_img span {
	position: relative;
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 100%;
	margin-bottom: 40px
}

.self_service_img span img {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.self_service_close {
	position: absolute;
	top: 0;
	right: 0
}

.self_service_detail {
	background: #f5f5f5;
	padding: 20px 30px;
	max-width: 770px;
	margin: 40px auto;
	position: relative;
	text-align: center
}

.self_service_bg_img img {
	opacity: .07;
	width: 150px;
	position: absolute;
	bottom: 0;
	right: 0
}

.self_service_detail h1 {
	font-size: 24px
}

.self_service_img:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	border-radius: 17px;
	height: 4px
}

.self_service_slider .owl-theme .owl-nav.disabled+.owl-dots {
	margin: 0
}
.fw-main-row {
	background-size:cover;
}
.owl-carousel.owl-loaded,
.self_service_slider .no-js .owl-carousel {
	float: left
}

.product_meta span.posted_in,
.product_meta span.tagged_as {
	width: 100%;
	float: left;
	margin: 3px 0;
	font-weight:500;
	color:#000;
}

.product_meta span.posted_in a,
.product_meta span.tagged_as a {
	margin: 0 2px;
	text-transform: capitalize;
	font-weight:400;
	color: #777777;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0 8px 0 0!important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
	margin-top: 10px;
	margin-right: 14px
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:last-child {
	margin-right: 0
}

#review_form_wrapper .comment-form-rating {
	margin-top: 10px
}

#review_form_wrapper .comment-form-rating label {
	font-weight: 500
}

.woocommerce div.product .woocommerce-tabs .panel{
	margin-bottom: 4em;
	background:#ffffff;
	border:1px solid #e7e7e7;
}

.woocommerce div.product div.images {
	margin-bottom: 4em;
	background:#ffffff;
}

.related.products .self_product_section {
	margin-bottom: 0
}

.woocommerce #review_form #respond label {
	font-weight: 400
}

.woocommerce #review_form #respond input[type=email],
.woocommerce #review_form #respond input[type=text],
.woocommerce #review_form #respond textarea {
	border: 1px solid #e7e7e7;
	color: #000000;
}

.summary.entry-summary:after,
.woocommerce-account .woocommerce-MyAccount-navigation:after {
	content: "";
	width: 100%;
	display: table
}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
	display: inline-block
}

.woocommerce-checkout label span {
	width: 100%;
	margin-top: 5px
}

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
	top: 0;
	right: 0;
	left: 0;
}

.woocommerce a.button.loading {
	opacity: 1
}

.product_slider .ajax_add_to_cart.loading:before {
	font-family: WooCommerce;
	content: '\e01c';
	vertical-align: top;
	font-weight: 400;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}

.lernen_menu a.dropdown-back {
	position: absolute;
	top: 20px;
	right: 0;
	height:100%;
}

.lernen_menu .dropdown-menu-mini-cart {
	left: auto;
	right: 0;
	width: 250px;
	height: 0;
	padding:0px;
	border: none;

}

.widget_shopping_cart_content {
	background-color: #fff;
	box-shadow: 0 5px 10px 0 rgba(1, 1, 1, .2);
	box-sizing: border-box;
	left: auto;
	position: relative;
	right: 0;
	top: 0;
	width: 280px;
	z-index: 1000;
	-webkit-transition: all .35s cubic-bezier(.53, .01, .18, 1);
	-moz-transition: all .35s cubic-bezier(.53, .01, .18, 1);
	transition: all .35s cubic-bezier(.53, .01, .18, 1);
	text-align: center;
	border-radius:5px;
}
.woocommerce-mini-cart.cart_list.product_list_widget {
	padding:25px 20px 0 20px;
}
.woocommerce-mini-cart__total.total {
	margin:5px 20px 25px 20px;
}
.woocommerce-mini-cart__buttons.buttons{
	padding:0 20px 25px 20px;
}
.widget_shopping_cart_content .quantity {
	font-size: 15px;
	color: #748494;
}
.widget_shopping_cart_content a.button {
	min-width: 46%
}

.widget_shopping_cart_content a.button.checkout {
	margin-left: 1px
}

.widget_shopping_cart_content ul li {
	position: relative;
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 10px
}

p.woocommerce-mini-cart__buttons {
	margin: 0
}

a.remove.remove_from_cart_button {
	float: right
}

.self-cart-dropdown ul.cart_list li {
	padding: 0px 0px 20px 0px;
	text-align: left;
	margin: 0
}

.self-cart-dropdown ul.cart_list li img {
	float: left;
	margin: 0 10px 0 0;
	width: 70px
}

.dropdown-back i {
	font-size: 20px
}

.basket-item-count {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 100%;
	top: 8px;
	left: 12px;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
}

.basket-item-count span {
	font-size: 11px;
	line-height: 17px;
	color:#fff;
	font-weight:400;
}

.woocommerce-mini-cart__empty-message {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size:14px;
}

.woocommerce-mini-cart__total {
	padding: 20px 10px;
	margin: 10px 0px 25px 0px;
	padding: 15px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
	color: #071e57;
	text-align: center;
}

table.variations label {
	font-size: 14px;
	color: #000000;
	font-weight: 500!important;
	text-transform: uppercase;
}

table.variations td.value {
	text-align: left;
	padding: 0
}

table.variations td.value select {
	height: 40px;
	margin-bottom: 5px;
	background-color: #f5f5f5;
	border: none;
	padding: 0 10px;
	cursor: pointer
}

.woocommerce-mini-cart {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto
}

.woocommerce-mini-cart::-webkit-scrollbar {
	width: 4px
}

.woocommerce-mini-cart::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.woocommerce-mini-cart::-webkit-scrollbar-thumb {
	background-color: #a9a9a9;
	outline: #708090 solid 1px
}

.self-cart-dropdown ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
	font-weight: 400;
	display: block
}

.self-cart-dropdown .dropdown-menu>li {
	padding: 0
}

p.woocommerce-mini-cart__total.total strong {
	font-weight: 400
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
	text-align: left;
	border: none;
	font-weight: 400
}

.self_service_detail.self-add-cart {
	width: 400px;
	border: 6px solid
}

.woocommerce #reviews #comments ol.commentlist li img {
	width: 50px!important
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: none;
	padding: 0;
	margin: 0 0 0 70px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__author {
	font-weight: 500;
	text-transform: capitalize
}

.self_service_detail.self-add-cart h2 {
	position: relative;
	font-size: 18px;
	text-transform: capitalize;
	margin: 30px 0
}

.woocommerce.widget {
	margin-bottom: 40px
}

.widget_product_search input {
	background-color: #e1e1e1;
	color: #202020
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
	border: none
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	padding: 0;
	border: 1px solid #000000;
	border-radius:5px;
	margin: 0 5px;
	min-width: 40px;
	min-height: 40px;
	display: inline-block;
	text-align: center;
	color: #000000;
	line-height: 40px;
	background: 0 0
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce nav.woocommerce-pagination,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals td,
.woocommerce-page .cart-collaterals .cart_totals th {
	text-align: left;
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
	text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: transparent
}

.woocommerce nav.woocommerce-pagination ul li span {
	background-color: transparent!important;
	color: #202020
}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
	color: #fff
}

.woocommerce nav.woocommerce-pagination ul li:first-child a,
.woocommerce nav.woocommerce-pagination ul li:first-child span {
	margin-left: 0
}

.open>.dropdown-menu {
	display: none
}
.shop-relative-right {
	padding-right:40px;
}

.self-cart-dropdown {
	position: relative;
	top: 0px;
	height: 68px;
	width: 35px;
	right: 0px;
	margin: 0 30px 0px 15px;
}
.self-cart-dropdown:hover .dropdown-menu {
	display: block
}
.woocommerce-mini-cart__buttons.buttons a {
	height: 40px;
	line-height: 40px;
	border-radius:4px;
	font-size:14px;
}
.woocommerce-mini-cart__buttons.buttons a:first-child {
	color:#000;
	background: #eee;
	border-color: #eee;
}
.widget_shopping_cart_content .buttons:before, .widget_shopping_cart_content .buttons:after {
	content: "";
	display: table;
	clear: both;
}
.widget_shopping_cart_content .buttons > a {
	float:left;
}
.widget_shopping_cart_content .buttons a.checkout {
	float: right;
}
.ajax_add_to_cart.added::after,
.xoo-cp-container a.xoo-cp-close.xcp-btn {
	display: none
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	height: 40px;
	border-radius:5px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: transparent
}

.product_slider .col-lg-4,
.product_slider .col-md-4,
.product_slider .col-sm-6,
.product_slider .col-xs-6 {
	width: 100%;
	padding: 0
}

.owl-theme .owl-nav {
	margin: 0
}

.product_slider .owl-nav .owl-next,
.product_slider .owl-nav .owl-prev {
	position: absolute;
	top: -40px;
	margin: 0;
	border-radius: 0;
	border: 1px solid transparent;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.product_slider .owl-nav .owl-prev {
	right: 32px
}

.product_slider .owl-nav .owl-next {
	right: 0
}

.ajax_add_to_cart.loading i {
	opacity: 0
}

.woocommerce-cart-form td {
	border-top: 1px solid rgba(0, 0, 0, .1)!important;
	padding: 12px!important
}

.woocommerce table.shop_table {
	border-radius:0px;
}
.woocommerce table.shop_table th {
	text-transform: capitalize
}
.woocommerce table.shop_table.order_details,
.woocommerce table.shop_table.account-orders-table{
	border-collapse: collapse;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page .cart-collaterals .cart_totals th {
	color:#000;
}

.shop_table strong,
.woocommerce-page .cart-collaterals .cart_totals strong {
	color: #000;
	font-weight: 600
}

.woocommerce-page .cart-collaterals .cart-subtotal th {

	font-weight: 400!important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	margin-right: 10px
}

.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
	border-color: transparent;
	text-transform: capitalize
}
.woocommerce thead tr {
	color:#000;
	background-color: #f9f9f9;
}
.woocommerce thead th {
	padding-top:20px!important;
	padding-bottom:20px!important;
	text-transform: uppercase;
}
.woocommerce tbody {
	color:#000;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-top-color: rgba(0,0,0,0.1)!important;
	border-top:0px;
}

.xoo-cp-container {
	padding: 40px 20px;
	border-radius: 0;
	border: 6px solid rgba(0, 0, 0, .3)
}

.xoo-cp-container .xoo-cp-atcn {
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	text-transform: capitalize;
	color: #202020
}

.self_shop_cart i,
.self_shop_cart svg {
	position: absolute;
	top: auto;
	bottom: 50px;
	right: 50px;
	height: auto
}

.self_shop_cart i {
	font-size: 30px;
	color: #202020
}

@media (max-width:991px) {
	.self-cart-dropdown {
		display:none;
	}
	.rb-resume-default-template-left,
	.rb-resume-default-template-right {
		width: 100%!important;
		padding: 0!important
	}
}

@media(max-width:767px) {
	.self-resume-download {
		right: -30px
	}
	.self-resume-download .lernen_btn {
		height: 35px;
		min-width: 100px;
		line-height: 35px
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 30px
	}
	.self_result_count_section {
		text-align: center
	}
	.self_result_count_section p.woocommerce-result-count {
		width: 100%;
		display: inline-block
	}
	.woocommerce .woocommerce-ordering {
		float: none;
		display: inline-block
	}
	.woocommerce-result-count {
		text-align:left;
		margin-bottom:10px!important;
		display:block;
	}
	.woocommerce-ordering {
		width:100%;
	}
	.woocommerce .woocommerce-ordering select {
		max-width:100%!important;
	}
	.fw-divider-space {
		padding-top:40px!important;
	}
}

@media(max-width:479px) {
	.self_woocommerce_product .col-xs-6,
	.woocommerce-cart table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button {
		width: 100%
	}
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		margin-bottom: 10px
	}
}

@media screen and (max-width:540px) {
	.rb-resume-template-wrapper .rb-resume-header .rb-resume-introduction {
		margin-bottom: 10px!important
	}
}


.admin-bar .self_header_toggle {
	top: 32px
}

.switcher_second_layout .hs_color_set {
	left: auto;
	right: -180px
}

.hs_color_set .header_switcher {
	width: 100%;
	float: left;
	margin-top: 20px
}

.hs_color_set .header_switcher ul.header_tabs {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%
}

.hs_color_set .header_switcher ul.header_tabs li {
	list-style: none;
	width: 90%;
	display: block;
	margin-bottom: 10px;
	background-color: #fff;
	text-align: center
}

.hs_color_set .header_switcher ul.header_tabs li a {
	width: 100%;
	display: block;
	padding: 5px 0;
	border: 2px solid transparent;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.hs_color_set .header_switcher ul.header_tabs li:hover a {
	box-shadow: 0 0 18px 0 rgba(4, 4, 4, .05)
}

.hs_color_set .header_switcher .header_tabs li:last-child {
	margin-bottom: 0
}

.switcher_second_layout .hs_color_set .bottom a.settings {
	right: 0;
	left: -40px
}

@media screen and (max-width:1500px) {
	.self_section_body .self_pages {
		width: 100%
	}
}

@media (max-width:1200px) and (min-width:991px) {
	.self_home_page {
		padding: 30px
	}
}

@media (max-width:991px) {
	.self_home_page {
		padding: 0
	}
	.self_header_toggle:after {
		content: "";
		width: 100%;
		display: table
	}
	.header_switcher {
		display: none
	}
}

.self_page_sections {
	display: none;
	opacity: 0
}

/* woocommerce shop */

/* Cart Page
--------------------------------------------------------------*/
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail:before {
	display:block;
}

/* Checkout Page
--------------------------------------------------------------*/

.woocommerce-page .woocommerce-checkout {
	clear: both;
	z-index: 1;
}

.woocommerce-page .login input {
	margin-bottom: 0;
}

.woocommerce-page form .form-row {
	margin: 0 0 20px;
}

.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
	float: left;
	width: 49%;
	overflow: visible;
}

.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
	border-width: 1px;
	width: 100%;
	margin: 0;
	outline: 0;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single {
	display: block;
	line-height: 52px;
	height: 52px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
}

.woocommerce-billing-fields .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields .select2-selection--single .select2-selection__rendered {
	padding: 12px 20px;
	color: #748494;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
	right: 10px;
}

.woocommerce-page form.checkout_coupon > p {
	margin-bottom: 10px;
}

.woocommerce-page form.checkout_coupon > p > button,
.woocommerce-page .woocommerce-form.woocommerce-form-login button {
	padding: 18px 36px;
}

.woocommerce-page form.checkout_coupon #coupon_code,
.woocommerce-page form.lost_reset_password .form-row input.input-text {
	padding: 12px 20px;
	margin-bottom: 20px;
}

.woocommerce-page form .form-row label.inline {
	display: inline;
}

.woocommerce-page form .form-row label.inline input {
	margin: 0 5px 0 10px;
	width: auto;
}

.woocommerce-page .woocommerce-shipping-fields,
.woocommerce-page #order_review_heading {
	clear: both;
}

.woocommerce-billing-fields .create-account > label {
	margin: 0;
	display: inline-block;
}

.woocommerce-page .woocommerce-lost-password .form-row-first {
	float: none;
}

.woocommerce-page #ship-to-different-address > label {
	padding-right: 5px;
}

.woocommerce-page .woocommerce-billing-fields h3,
.woocommerce-page .woocommerce-shipping-fields h3,
.woocommerce-page #order_review_heading,
.woocommerce-page .woocommerce-additional-fields h3 {
	font-size: 22px;
	margin-bottom: 20px;
	padding-top: 35px;
}

.woocommerce-page .woocommerce-additional-fields .notes > label {
	display: none;
}

.woocommerce-page form .form-row.create-account #createaccount {
	width: auto;
	margin-right: 5px;
}

.woocommerce-page form .form-row.create-account + .create-account > p:first-child {
	margin-bottom: 10px;
}

.woocommerce-checkout-review-order table th {
	background-color: #f8f8f8;
	font-size: 16px;
	color: #071e57;
	padding: 14px 25px;
}

.woocommerce-checkout-review-order table td {
	padding: 10px 25px;
}

.woocommerce-checkout-review-order .cart-subtotal td,
.woocommerce-checkout-review-order .order-total {
	font-size: 16px;
	color: #071e57;
}

.woocommerce-checkout #payment ul.payment_methods {
	list-style: none;
	margin: 0;
}

.woocommerce-checkout #payment ul.payment_methods li label {
	display: inline-block;
	padding-left: 5px;
}

#payment .about_paypal {
	position: absolute;
	right: 0;
	top: 23px;
}

#payment .payment_methods {
	background-color: #f7f7f7;
	padding: 20px 25px 20px;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
	position: relative;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
	background-color: #fff;
	padding: 10px;
}

#payment .payment_methods > li .payment_box > p:last-child {
	margin-bottom: 0;
}

#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods > .woocommerce-PaymentMethod > label {
	display: block;
	padding: 20px 0;
	cursor: pointer;
}

.woocommerce-page #payment .payment_methods .woocommerce-message,
.woocommerce-page #payment .payment_methods .woocommerce-info,
.woocommerce-page #payment .payment_methods .woocommerce-error {
	margin-bottom: 10px;
}

#payment .payment_methods li img {
	border: 0;
	padding: 0 0 0 10px;
	max-height: 25px;
}

#payment .place-order {
	padding: 25px 25px 25px 0;
}

#payment #place_order {
	background-color: #1292ee;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 320px;
	padding: 19px 48px;
	margin-top: 15px;
}

#payment #place_order:hover {
	background-color: #071e57;
}

.woocommerce-page .myaccount_user + h2,
.woocommerce-page .addresses h3,
.woocommerce-page #customer_login h2 {
	margin-bottom: 0;
	font-size: 18px;
}

.woocommerce-page .register input {
	margin-bottom: 0;
}

.woocommerce-page .woocommerce-MyAccount-content legend {
	border: 0;
	font-size: 18px;
	color: #071e57;
	padding-top: 20px;
	margin: 0;
}

.woocommerce-page .form-row:before,
.woocommerce ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page .cart-collaterals .shipping_calculator:before,
.woocommerce-page .cart-collaterals:after,
.woocommerce-page .cart-collaterals:before,
.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before {
	content: " ";
	display: table;
}

.woocommerce-page .cart-collaterals {
	width: 100%;
}

.woocommerce-page .cart-collaterals .related {
	width: 30.75%;
	float: left;
}

.woocommerce-page .cart-collaterals .cross-sells {
	width: 100%;
	float: left;
}

.woocommerce-page .cart-collaterals .cross-sells ul.products {
	float: none;
	list-style: none;
	margin: 0 -12px;
}

.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
	width: 25%;
	padding: 0 12px;
	clear: none;
}

.woocommerce-page .cart-collaterals .cross-sells > h2 {
	margin-top: 40px;
	margin-bottom: 37px;
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
}

.woocommerce-page .cart-collaterals .cross-sells .products li h2 {
	font-size: 15px;
}

.woocommerce-page .cart-collaterals .cross-sells .products li .price {
	letter-spacing: normal;
	font-size: 18px;
}

.woocommerce-page .up-sells > h2 {
	font-size: 16px;
	color: #999;
	text-transform: uppercase;
	padding-top: 27px;
	border-top: 1px solid #f4f4f4;
}

.woocommerce-page .up-sells.products,
.woocommerce-page .up-sells .products {
	margin: 0;
}

.woocommerce-page .up-sells .products {
	margin: 0 -15px;
}

.woocommerce-page .up-sells .products li {
	padding: 0 15px;
}

.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce form .form-row-wide,
.woocommerce form .form-row:after,
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page form .form-row-wide,
.woocommerce-page form .form-row:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page #order_comments_field {
	clear: both;
}

.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
	width: 48%;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
	display: block;
}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
	display: inline;
}

.woocommerce-page form .form-row select,
.woocommerce-page form .form-row .input-text {
	width: 100%;
}

.woocommerce-page form .form-row-last {
	float: right;
}

.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
	text-align: left;
	padding: 0 1em 0 0;
	float: left
}

.woocommerce-page .woocommerce-error li {
	padding: 0;
}

.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-error .button {
	color: #fff;
	padding: 0 20px;
	text-transform: capitalize;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	background-color: #f5f5f5;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 0 0 2em!important
}

.woocommerce-error {
	border-color: #b81c23!important
}


.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
	position: relative;
	padding: 15px 25px 12px 70px;
	background-color: #fff;
	color: #000;
	margin: 0 0 30px 0;
	list-style: none;

}

.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-error:before {
	font-family: "Font Awesome 5 Free";
	content: "\f059";
	font-weight: 900;
	position: absolute;
	left: 10px;
	top: 2px;
	padding: 0px 0px;
	font-size: 30px;
}

.woocommerce-page .woocommerce-message a,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-error a {
	padding: 0 10px 0 0;
}
.woocommerce div.product form.cart .reset_variations {
	display:block!important;
}
.blockUI,
.blockOverly {
	z-index:-1px;
}
/* Widget */
.woocommerce.widget .woocommerce-Price-amount {
	font-size: 15px!important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
	float: left;
	width: 65px;
	margin-left: 0;
	margin-right: 15px;
	margin-top: 5px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.woocommerce.widget .woocommerce-Price-amount {
	font-size: 12px;
}
/**
 * Checkout page
 */
.woocommerce-info {
	background-color: #f6f6f6;
	color: #000!important;
	font-size: 14px;
	font-weight: 400;
	list-style: outside none none;
	padding: 1em 2em 1em 3.5em;
	position: relative;
	width: auto;
	font-style: normal;
}
.woocommerce-info::before {
	font-family: "Font Awesome 5 Free";
	content: "\f114";
	font-weight: 900;
	display: inline-block;
	font-family: fontawesome;
	left: 1.5em;
	position: absolute;
	top: 1em;
}
.coupon-accordion span {
	cursor: pointer;
	color: #6f6f6f;
	transition: .3s
}

.coupon-content {
	border: 1px solid rgba(0,0,0,0.1);
	display: none;
	margin-bottom: 20px;
	padding: 20px;
}
.woocommerce-checkout .woocommerce-form-login p.coupon-text {
	margin-bottom: 15px
}
.woocommerce-checkout .woocommerce-form-login p {
	margin-bottom: 0
}
.woocommerce-checkout .woocommerce-form-login p.form-row-first label,
.woocommerce-checkout .woocommerce-form-login p.form-row-last label {
	display: block;
}
.woocommerce-checkout .woocommerce-form-login p.form-row-first label span.required,
.woocommerce-checkout .woocommerce-form-login p.form-row-last label span.required {
	color: red;
	font-weight: 700;
}
.woocommerce-checkout .woocommerce-form-login p.form-row-first input,
.woocommerce-checkout .woocommerce-form-login p.form-row-last input {
	border: 1px solid rgba(0,0,0,0.1);
	height: 36px;
	margin: 0 0 14px;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 370px;
}

.woocommerce-checkout .woocommerce-form-login p.form-row input[type="checkbox"] {
	height: inherit;
	position: relative;
	top: 2px;
	width: inherit;
}
.form-row>label {
	margin-top: 7px;
}
p.lost-password {
	margin-top: 15px;
}
p.lost-password a {
	color: #6f6f6f;
}
.coupon-checkout-content {
	margin-bottom: 30px;
	display: none;
}
.checkout-area {
	margin-bottom: 30px;
}
.checkbox-form h3,
#order_review_heading {
	font-size: 20px;
	color: #000;
	margin: 0 0 20px;
	font-weight: 500;
}
.country-select {
	margin-bottom: 30px;
	position: relative;
}
.country-select label,
.checkout-form-list label,
.woocommerce form .form-row label {
	color: #000;
	margin: 0 0 7px;
}

.country-select select {
	-moz-appearance: none;
	border: 1px solid #ddd;
	height: 32px;
	padding-left: 10px;
	width: 100%;
}
.country-select::before {
	font-family: "Font Awesome 5 Free";
	content: "\f107 ";
	font-weight: 900;
	display: inline-block;
	font-family: fontawesome;
	font-size: 20px;
	position: absolute;
	right: 12px;
	top: 31px;
}
.checkout-form-list {
	margin-bottom: 30px;
}
.checkout-form-list label {
	color: #333;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row input[type=password],
.woocommerce form .form-row input[type=email] {
	background: transparent none repeat scroll 0 0;
	border: 1px solid rgba(0,0,0,0.1);
	color: #333;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 10px;
	border-radius:5px;
}
.checkout-form-list input[type="checkbox"],
.woocommerce form .form-row .input-checkbox {
	margin: 0;
	display: inline-block;
	height: inherit;
	margin-right: 3px;
	position: relative;
	top: 0px;
	width: inherit;
}
#ship-to-different-address input {
	height: inherit;
	line-height: normal;
	margin: 0 0 0;
	position: relative;
	top: 1px;
	width: inherit;
}
.create-acc label,
.checkbox-form .create-account span {
	color: #333;
	display: inline-block;
}
#ship-to-different-address label {
	display: inline-block;
	font-size: 30px;
	margin-right: 20px;
}
.order-notes textarea,
.woocommerce form .form-row textarea {
	height: 90px;
	padding: 15px;
	width: 100%
}
.your-order {
	padding: 38px 45px 44px;
	background: #f6f6f6;
}
.your-order h3 {
	font-size: 20px;
	color: #000;
	margin: 0 0 20px;
	font-weight: 500;
}
.woocommerce .your-order-table table {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	width: 100%;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table td{
	border:none;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table td {
	border-top: 0;
	border-bottom: 1px solid #d8d8d8;
	border-right: medium none;
	font-size: 14px;
	padding: 15px 0;
}

.woocommerce .your-order-table table th:last-child, .woocommerce .your-order-table table tfoot th:last-child, .woocommerce .your-order-table table tfoot td:last-child, .woocommerce .your-order-table table td:last-child {
	text-align: right;
}

.woocommerce .your-order-table table td strong {
	color: inherit;
}
.woocommerce .your-order-table table th,
.woocommerce .your-order-table table tfoot th,
.woocommerce .your-order-table table tfoot td {
	border-top: medium none;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}
.woocommerce .your-order-table table .shipping ul li input {
	position: relative;
	top: 2px;
}
.woocommerce .your-order-table table .shipping th {
	vertical-align: top;
}
.woocommerce .your-order-table table .order-total th {
	font-weight: 500;
	color: #212121;
	font-size: 18px;
	text-transform: capitalize;
}
.woocommerce .your-order-table table tr.cart_item:hover {
	background: #F9F9F9
}
.woocommerce .your-order-table table tr.order-total td span {
	font-weight: 500;
	font-size: 16px;
	list-style: outside none none;
}
.payment-method {
	margin-top: 40px;
}
.payment-accordion h3 {
	border-bottom: 0 none;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.payment-accordion h3 a {
	color: #6f6f6f;
	font-size: 14px;
	padding-left: 25px;
	position: relative;
	text-transform: capitalize;
	text-decoration: none
}
.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
	content: "ÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢";
	display: inline-block;
	font-family: fontawesome;
	font-size: 20px;
	left: 0;
	position: absolute;
	top: -2px;
}
.payment-accordion h3.open a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f056";
	font-weight: 900;
}
.payment-content p {
	font-size: 13px;
}
.payment-accordion img {
	height: 60px;
	margin-left: 15px;
}
.order-button-payment input,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	border: medium none;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	height: 50px;
	margin: 20px 0 0;
	padding: 0;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.order-button-payment input:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	background: #121a2f;
	color:#fff!important;
}

.woocommerce form.checkout_coupon {
	border-radius: 0;
}
.woocommerce form.woocommerce-checkout .form-row {
	display: block;
	padding: 0;
	margin-bottom: 14px;
}
#ship-to-different-address label span {
	color: #333;
	font-weight: 400;
	margin: 0 0 0 12px;
	line-height: 24px;
	font-size: 16px;
	margin-left: 0;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {
	.col2-set .form-row-first {
		float: left;
		margin-right: 3.8%;
	}

	.col2-set .form-row-last {
		float: right;
		margin-right: 0;
	}

	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 48.1%;
	}
}


/**
 * payement methods
 */
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	background: #f2f2f2 none repeat scroll 0 0;
	padding: 0;
	border: 0;
}
.woocommerce-checkout #payment ul.payment_methods.methods li {
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin-bottom: 5px;
	border-radius: 3px;
}
.woocommerce-checkout #payment ul.payment_methods.methods .input-radio {
	margin-right: 0;
	width: auto;
	height: auto;
	margin-left: 12px;
	margin-right: 0;
}
.woocommerce-checkout #payment ul.payment_methods.methods label {
	font-style: normal;
	font-weight: 500;
	margin: 0 0 15px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
	padding: 10px 10px;
	padding-left: 2px;
	line-height: 1.5;
	cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods.methods p {
	line-height: 27px;
}
#add_payment_method #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background: #fff;
	padding: 15px;
	margin: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}
#add_payment_method #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
	background: #f2f2f2 none repeat scroll 0 0;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	opacity: 1;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
	background: transparent;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	font-size: 15px;
	font-weight: 500;
}

div.product .summary.entry-summary p.price {
	font-size: 25px!important;
	font-weight: 600!important;
}

/**
 * My Accounts
 */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border-radius: 0px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}
#customer_login input[type="checkbox"] {
	width: auto;
	line-height: 1;
	height: auto;
}
#customer_login .form-row label.woocommerce-form__label-for-checkbox {
	margin-left: 20px;
	margin-bottom: 0;
}
.woocommerce form.login {
	border-radius: 0;
}
.woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
	margin-bottom: 15px;
}

.product-wrap .product-img .product-action .pro-cart{
	width: calc(100% - 48px - 48px);
}
.product-wrap .product-img .product-action.no_wishlist .pro-cart {
	width: calc(100% - 48px);
}
.entry-content .elementor-widget-container  a{
	color: #000;
}
.footer_style_2 ul{
	padding-left: 0;
}
.footer-widget .subscribe-form input[type="submit"]{
	font-weight: normal;
}

.header-right-wrap .same-style.toggled> a.search-active i::before{
	font-family: "Font Awesome 5 Free";
	content: "\e681";
	font-weight: 900;
}
.contact-form .wpcf7-form-control-wrap{
	display: block;
}
.archive .entry-title{
	margin-bottom: 0;
}
.archive .page-header{
	margin-bottom: 30px;
}
.has_tag.no_comment.not_logged_in .post-separator{
	display: none;
}
.comment-form p.form-submit{
	margin-bottom: 1rem;
}
.search-results .has-post-thumbnail .post-thumbnail.blog-img-2{
	margin-bottom: 0;
}
.cart_totals table td, .cart_totals table th {
	border: none;
}
.page-content .search-form {
	margin-top:35px;
}
.page-content .search-form .search-submit {
	display:inline-block;
	padding-top: 19px;
}

/*gutenberg*/
@media (min-width: 600px) {
	.wp-block-column:nth-child(odd) {
		margin-right:15px
	}

	.wp-block-column:not(:first-child),.wp-block-column:nth-child(2n) {
		margin-left: 15px
	}

	.wp-block-column:not(:last-child) {
		margin-right: 15px
	}
}

.hs_color_set .header_switcher ul.header_tabs li a {
	cursor:pointer;
	border:1px solid #777777 !important;
}

.header_one,
.header_two,
.header_three{

}
.header_two,
.header_three {
	border-bottom:1px solid rgba(255, 255, 255, 0.2)!important;
}
.header_two.sticky-menu {
	border-bottom:0px!important;
}


.header_two i,
.header_two .nav>li>a {

}

.header_three .container {
	max-width: 100%!important;
}
/* Top Header */

.sticky-menu .hidemobile {
	display:none;
}
.topheader {
	font-size: 13px;
	padding:7px 0px;
	margin-top: -15px;
	margin-bottom: 15px;
}
.topheader .address-icon a {
margin-left:7px;
margin-right:10px;
}
.topheader .custom-page-top a {
	margin-right:15px;
}
.topheader .custom-page-top,
.social_top_header {
display:inline-block;
}
.social_top_header a {
	margin-left:10px;
}
.header_three .topheader {
padding-left:15px;
padding-right:15px;
}
/* Top Header Options */
.topheader.top_header_transparent,
.topheader.top_header_dark a:hover {
	color:#fff!important;
	background-color: rgba(0,0,0,.15);
}
.topheader.top_header_transparent .address-icon i {
	color:#fff!important;
}

.topheader.top_header_dark,
.topheader.top_header_dark a:hover,
.topheader.top_header_dark .address-icon i {
	color:#b5b5b5!important;
	background:#2f2f2f;
}

.topheader.top_header_white,
.topheader.top_header_white a:hover {
	color:#2f2f2f!important;
	background:#fff;
}
.topheader.top_header_white .address-icon i {
	color:#2f2f2f!important;
}
.topheader.top_header_theme_color,
.topheader.top_header_theme_color a:hover,
.topheader.top_header_theme_color .address-icon i {
	color:#fff!important;
}

/* Header Black White */
.self-cart-dropdown i {
	color:#fff;
}
.header_black_white {
	background:#fff;
}
.transparent-header.header_black_white {

}
.header_black_white .navbar-default .navbar-nav a,
.header_black_white .self-cart-dropdown i {
color:#222!important;
}

.header_black_white .btn.btn-1c {
	border-color:#222;
	color:#222;
}

/* Footer Style */



@media (min-width:768px) {
	.fw-row {
		margin-left: -30px!important;
		margin-right: -30px!important;
	}
}
@media (max-width:767px) {
	.fw-row .fw-col-xs-12  {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.fw-container .fw-row .fw-col-xs-12  {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.lernen_banner {
		padding: 160px 0 60px;
	}

	.lernen_banner_title h1 {
		font-size: 25px;
		line-height:30px;
	}
	.lernen_breadcrumb {
		display:none;
	}
}