@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
	Theme Name: German Educitation Management
	Description: German Education Management Wordpress Theme
	Author: INOYA
	Version: 3.1

  Petrol: #2a5778
  Rot: #bf0013
  Hellblau: #f6fafa

*
* -----------------------------------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS Here 
02. Common Class CSS Here
03. Header Section CSS Here 
04. Banner Section CSS Here 
05. Slider Section CSS Here 
06. Breadcrumbs Section CSS 
07. Popular Topics CSS Here 
08. About Section CSS Here 
09. Course Filter CSS Here 
10. Event Section CSS Here
13. Step Section CSS Here 
14. Banner Two Section CSS Here
15. Top Cate Section CSS Here 
16. Instructor Section CSS Here
17. Clients Section CSS Here 
19. Course Section CSS Here 
21. Cta Section CSS Here 
22. Blog Section CSS Here
23. Services Section CSS Here
24. Class Section CSS Here
26. FAQ Section CSS Here 
27. Testimonial Section CSS Here 
28. Sidebar Section CSS Here
35. 404 Seite
36. Footer CSS Here
37. Preloader CSS Here
39. Mega Menu
40. Inhaltselemente
  40.1 Bild + Text
  40.2 FAQs
  40.3 Video + Text
  40.4 Partnerschulen
  40.5 Referenzen
  40.6 Text
  40.7 Bild
  40.8 Call to Action Footer
  40.9 Timeline
  40.10 Slideshow
  40.11 Call to Action
  40.12 Keyfacts
  4.13 Schritte 
  4.14 Icon Boxen 
  4.15 Galerie 
  4.16 Partner Bewertungen
  4.17 Kontakt Personen 
  4.18 Video
  4.19 Pressemitteilungen
  4.20 Banner
  4.21 Call to Action Video
41. Bildungseinrichtung
42. Erfolgsgeschichte Modal
43. BLOG PAGE css 
44. Offcanvas Menü
45. Animation


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

.hdk-carousel .owl-nav {
	display: block!important;
	position: absolute;
    top: 20%;
	width: 100%;
}

.hdk-carousel .owl-nav .owl-prev {
	left: 10px;
	position: absolute;
}

.hdk-carousel .owl-nav .owl-prev i,
.hdk-carousel .owl-nav .owl-next i {
	font-size: 40px!important;
}

.hdk-carousel .owl-nav .owl-next {
	right: 10px;
	position: absolute;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
}

.pagination-news .page-numbers {
	float: left;
	padding: 8px 16px;
	text-decoration: none;
  	background-color: transparent;
  	color: #2a5778;
  	border: 1px solid #2a5778;
  	margin: 0 5px;
}

.pagination-news .page-numbers.current {
  background-color: #bf0013;
  color: #fff;
  border: 1px solid #bf0013;
}

#modal_formular_qr_code {
	z-index: 999999;
}


.modal-content .btn {
	border: none;
}

.modal-content .close {
	font-size: 24px;
    line-height: 0px;
	font-weight: bold;
}


.back-sticky {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
	box-shadow: 0px 30px 40px 0px rgb(0 16 35 / 12%);
	padding: 10px 0 !important;
}

.back-sticky .logo img {
	height: 30px !important;
}

.text-petrol {
	color: #2a5778;
}

.text-red {
	color: #bf0013;
}

.big-font {
	font-size: 22px;
	font-weight: bold;
}

.section {
	position: relative;
}

img.alignleft {
	float: left;
	margin: 0px 20px 20px 0;
	border-radius: 6px;
}

img.alignright {
	float: right;
	margin: 20px 0px 20px 20px;
	border-radius: 6px;
}

.width-100 {
	width: 100%;
}

.btn-block {
	width: 100%;
}

.clear {
	clear: both;
}

.ptb0 {
	padding: 0px 0;
}

.ptb20 {
	padding: 20px 0;
}

.ptb50 {
	padding: 50px 0;
}

.ptb100 {
	padding: 75px 0;
}

.ptb150 {
	padding: 150px 0;
}

.ptb200 {
	padding: 200px 0;
}

.mb40 {
	margin-bottom: 40px;
}

.bg-weiss {
	background: #fff;
}

.bg-grau {
	background: #F5F5F5;
}

.bg-hell-blau {
	background: #eef1f5;
}

.bg-orange {
	background: #ffdbca;
}

.bg-rosa {
	background: #FCDFE8;
}

.bg-gruen {
	background: #dff7e9;
}

.bg-gelb {
	background: #f8f6e1;
}

.pb0 {
	padding-bottom: 0px;
}

.pt0 {
	padding-top: 0px;
}

.pt100 {
	padding-top: 100px;
}

.pt50 {
	padding-top: 50px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb100 {
	padding-bottom: 100px;
}

.mt50 {
	margin-top: 50px;
}

.mtminus50 {
	margin-top: -50px;
}

.mtminus100 {
	margin-top: -100px;
}

.zitat_anfang,
.zitat_ende {
	color: #bf0013;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}


.bg-dunkel-grau {
	background: #dcdcdc;
}

.fi_call_to_action .text_wrapper ul {
	margin: 20px 0 !important;
	list-style: none;
	position: relative;
}

.fi_call_to_action .text_wrapper ul li {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 5px;
	position: relative;
	padding: 8px 0 8px 35px;
}

.fi_call_to_action .text_wrapper ul li:before {
	content: "\f00c";
	position: absolute;
	font-size: 12px;
	line-height: 22px;
	font-family: "FontAwesome";
	font-weight: 900;
	left: 0;
	top: 9px;
	background: #bf0013;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	text-align: center;
	align-items: center;
	color: #fff;
}

/*****************************************************
    01. General CSS Here 
****************************/
html,
body {
	font-size: 17px;
	color: #252525;
	font-family: "Source Sans Pro", sans-serif !important;
	vertical-align: baseline;
	font-weight: 400;
	overflow-x: hidden;
	line-height: 1.7;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	margin: 0 0 15px;
	font-size: 17px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 h6,
.h6,
.back-btn,
.cat-btn {
	font-family: 'Ropa Sans', serif !important;
	color: #333;
	margin: 0 0 18px;
	line-height: 1.2;
}

h1 {
	font-size: 42px;
	line-height: 52px;
}

h2 {
	font-size: 36px;
	line-height: 46px;
}

h3 {
	font-size: 32px;
	line-height: 42px;
}

h4 {
	font-size: 28px;
	line-height: 38px;
}

h5 {
	font-size: 26px;
	line-height: 36px;
}

h6 {
	font-size: 22px;
	line-height: 32px;
}

a {
	color: #2a5778;
	transition: all 0.5s ease 0s;
	text-decoration: none !important;
	outline: none !important;
}

a:active,
a:hover {
	text-decoration: none;
	outline: 0 none;
	color: #2a5778;
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.pinkColor {
	color: #ee3688;
}

/*****************************************************
    02. Common Class CSS Here 
****************************/
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.back-absolute {
	position: absolute;
}

.primary-color {
	color: #2a5778 !important;
}

.secondary-color {
	color: #11aba0 !important;
}

.white-color {
	color: #ffffff !important;
}

.normal {
	font-weight: 400;
}

.z-index-1 {
	position: relative;
	z-index: 1;
}

.no-padding {
	padding: 0;
}

.back__title__section h6 {
	color: #2a5778;
	font-weight: 500;
	margin: 0 0 15px;
}

.back__title__section h2 {
	font-weight: 800;
	color: #333;
	margin: 0 0 60px;
}

.w-btn {
	cursor: pointer;
	color: #ffffff;
	background: #2a5778;
	border: 2px solid #ebebf1;
	text-align: center;
	padding: 0 30px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-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;
}

.w-btn:hover {
	background-color: #ffffff;
	color: #333;
}

.w-btn-2 {
	padding: 12px 37px;
	border: 2px solid #2a5778;
}

.w-btn-2:hover {
	border: 2px solid rgba(15, 22, 41, 0.078);
	background-color: #ffffff;
	color: #333;
}

.w-btn-3 {
	padding: 7px 28px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	color: #ffffff;
	background: #2a5778;
	border: 2px solid #2a5778;
}

.w-btn-3:hover {
	border: 2px solid rgba(15, 22, 41, 0.078);
	background-color: #ffffff;
	color: #333;
}

.w-btn-4 {
	padding: 8px 41px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background: #ffffff;
	color: #333;
	border: 2px solid rgba(15, 22, 41, 0.078);
}

.w-btn-4:hover {
	border-color: #2a5778;
	color: #ffffff;
	background: #2a5778;
}

.w-btn-5 {
	padding: 8px 31px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	background: #ffffff;
	color: #333;
	border: 2px solid rgba(15, 22, 41, 0.078);
}

.w-btn-5:hover {
	border-color: #2a5778;
	color: #ffffff;
	background: #2a5778;
}

.w-btn-8 {
	color: #333;
	background: #ffffff;
	padding: 3px 31px;
}

.w-btn-8:hover {
	border-color: #2a5778;
	color: #ffffff;
	background: #2a5778;
}

.w-btn-9 {
	padding: 7px 40px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	color: #ffffff;
	background: #2a5778;
	border: 2px solid #2a5778;
}

.w-btn-9:hover {
	border: 2px solid rgba(15, 22, 41, 0.078);
	background-color: #ffffff;
	color: #333;
}

.w-btn-11 {
	height: 40px;
	line-height: 36px;
	padding: 0 17px;
	background: #2a5778;
	color: #ffffff;
	border-radius: 6px;
	border: 2px solid #2a5778;
}

.w-btn-11:hover {
	border: 2px solid #ebebf1;
	background-color: transparent;
	color: #333;
}

.w-btn-12 {
	height: 40px;
	line-height: 36px;
	padding: 0 17px;
	background: #fd4680;
	color: #ffffff;
	border-radius: 0px;
	border: 2px solid #fd4680;
}

.w-btn-12:hover {
	border: 2px solid #4917bf;
	background-color: transparent;
	color: #333;
}

.w-btn-16 {
	padding: 9px 31px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #fd4680;
	color: #ffffff !important;
	border: 2px solid #fd4680;
}

.w-btn-16:hover {
	border: 2px solid #fd4680;
	color: #333 !important;
	background-color: transparent;
}

.w-btn-blue {
	padding: 10px 20px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: #ffffff;
	color: #333;
}

.w-btn-blue-header {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	background: #ffffff;
	color: #333;
	border: rgba(15, 22, 41, 0.078);
}

.w-btn-blue:hover {
	background-color: #2a5778;
}

.w-btn-blue-2 {
	padding: 10px 20px;
	background: #ffffff;
	color: #333;
	border-color: rgba(15, 22, 41, 0.078);
}

.w-btn-blue-2:hover {
	border-color: rgba(15, 22, 41, 0.078);
	color: #ffffff;
}

.back-btn {
	background: #bf0013;
	color: #ffffff;
	border-radius: 30px;
	display: inline-block;
	padding: 10px 38px;
	border: 2px solid #bf0013;
	transition: all 0.5s ease 0s;
	line-height: 26px;
}

.back-btn:hover {
	background: none;
	color: #bf0013;
}

.cat-btn {
	background: transparent;
	border: 2px solid #bf0013;
	font-weight: 600;
	border-radius: 30px;
	display: inline-block;
	padding: 10px 20px;
	transition: all 0.5s ease 0s;
	color: #333;
	line-height: 28px;
}

.cat-btn:hover {
	background: #bf0013;
}

.back-btn-border {
	background: #ffffff;
	border: 2px solid rgba(15, 22, 41, 0.078);
	font-weight: 600;
	border-radius: 30px;
	display: inline-block;
	padding: 20px 60px;
	transition: all 0.5s ease 0s;
	color: #333;
	line-height: 28px;
}

.back-btn-border:hover {
	background: #2a5778;
	color: #ffffff;
	border-color: #2a5778;
}

/*****************************************************
    03. Header Section CSS Here  
****************************/

#top-bar {
	padding: 10px 0;
}

#top-bar a {
	color: #333;
    font-size: 16px;
}


#top-bar a i {
	margin-right: 5px;
	color: #2a5778;
}

.back-header {
	background: #ffffff;
	position: relative;
	z-index: 9999;
}

.back-header .logo {
	padding: 14px 0 14px 0;
}

.back-header .logo img {
	height: 38px;
}


@-webkit-keyframes stickyanimations {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes stickyanimations {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/*****************************************************
    04. Banner Section CSS Here   
****************************/
.home-banner-part {
	position: relative;
}

.home-banner-part .container {
	max-width: 1430px;
}

.home-banner-part .back__shape__1 {
	position: absolute;
	left: 100px;
	top: 80px;
	-webkit-animation: slide-top 5000ms linear infinite alternate;
	animation: slide-top 5000ms linear infinite alternate;
}

.home-banner-part .back__shape__2 {
	position: absolute;
	left: -240px;
	bottom: 80px;
	-webkit-animation: slide-top 5500ms linear infinite alternate-reverse;
	animation: slide-top 5500ms linear infinite alternate-reverse;
}

.home-banner-part .back__shape__3 {
	position: absolute;
	right: -35px;
	top: 80px;
	-webkit-animation: slide-top 5500ms linear infinite alternate-reverse;
	animation: slide-top 5500ms linear infinite alternate-reverse;
}

.home-banner-part .back__shape__4 {
	position: absolute;
	right: 250px;
	bottom: 190px;
	-webkit-animation: rotate-center 6600ms ease-in-out infinite alternate both;
	animation: rotate-center 6600ms ease-in-out infinite alternate both;
}

.home-banner-part .back__shape__5 {
	position: absolute;
	right: 460px;
	top: 160px;
}

.home-banner-part .banner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.home-banner-part .banner-content h1,
.home-banner-part .banner-content h2,
.home-banner-part .banner-content h3,
.home-banner-part .banner-content h4,
.home-banner-part .banner-content h5 {
	font-size: 54px;
	margin-bottom: 15px;
	color: #333;
	line-height: 64px;
	font-weight: 800;
	letter-spacing: -0.9px;
}

.home-banner-part .banner-content .banner-desc p {
	font-size: 22px;
	line-height: 32px;
	color: #3e3e51;
}

.home-banner-part .banner-content .back-btn {
	padding: 12px 38px;
}

.home-banner-part .back__hero__card {
	position: absolute;
	top: 280px;
	right: 172px;
	width: 310px;
	background-color: #ffffff;
	border: 1px solid #ebebf1;
	box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
	border-radius: 10px;
	-webkit-animation: slide-top 5500ms linear infinite alternate;
	animation: slide-top 5500ms linear infinite alternate;
}

.home-banner-part .back__hero__card .back__thumb {
	position: relative;
}

.home-banner-part .back__hero__card .back__thumb img {
	border-radius: 12px 12px 0 0;
}

.home-banner-part .back__hero__card .back__thumb .back__price {
	border-radius: 50%;
	background-color: #2a5778;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 29px;
	bottom: -23px;
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
}

.home-banner-part .back__hero__card .back__thumb .back__user>img {
	border-radius: 50%;
}

.home-banner-part .back__hero__card .hero__card-content {
	padding: 30px;
}

.home-banner-part .back__hero__card .hero__card-content .back-category {
	font-size: 14px;
	line-height: 28px;
	color: #f11e78;
	background-color: rgba(241, 30, 120, 0.059);
	border-radius: 12px;
	padding: 4px 14px;
}

.home-banner-part .back__hero__card .hero__card-content .back-course-title {
	font-size: 24px;
	line-height: 1.5;
	margin: 14px 0 16px;
	font-weight: bold;
}

.back-course-name {
	font-size: 22px;
	font-family: 'Ropa Sans', serif !important;
}

.home-banner-part .back__hero__card .hero__card-content .back-course-title a {
	color: #0f1629;
}

.home-banner-part .back__hero__card .hero__card-content .back-course-title a:hover {
	color: #2a5778;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon {
	justify-content: space-between;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--1 svg {
	border-radius: 50%;
	background-color: #f2f6fe;
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #2a5778;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--1 span {
	font-weight: 500;
	font-size: 15px;
	color: #4b4c57;
	padding-left: 7px;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--2 svg {
	border-radius: 50%;
	background-color: #fff9f1;
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #ff9415;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--2 span {
	font-weight: 500;
	font-size: 15px;
	color: #4b4c57;
	padding-left: 7px;
}

.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .back__user img {
	width: 35px;
	border-radius: 50%;
}

@-webkit-keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes slide-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
}

@keyframes slide-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
	}
}

.hero4__area {
	overflow: hidden;
	position: relative;
	background: url(assets/images/kids/hero/01.png) no-repeat center top;
	background-size: cover;
}

.hero4__area .container.hero4__width {
	max-width: 1200px;
}

.hero4__area .container.hero4__width .row {
	align-items: center;
}

.hero4__area .hero4__content span {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
}

.hero4__area .hero4__content h1 {
	font-size: 70px;
	line-height: 80px;
	font-weight: 800;
	color: #ffffff;
	padding-bottom: 8px;
}

.hero4__area .hero4__content p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #ffffff;
	padding-bottom: 16px;
}

.hero4__area .hero4__content .hero4-btn {
	font-size: 15px;
	background-color: transparent;
	color: #ffffff;
	border: 2px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	padding: 10px 34px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-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;
}

.hero4__area .hero4__content .hero4-btn:hover {
	border: 2px solid rgba(255, 255, 255, 0.2);
	background-color: #fd4680;
	color: #ffffff;
}

.hero4__area .hero4__image {
	padding-top: 210px;
	padding-left: 76px;
}

.hero4__area .hero4__image-1 {
	position: relative;
	z-index: 1;
}

.hero4__area .hero4__image-2 {
	position: absolute;
	top: 21%;
	right: 17.4%;
	-webkit-animation: hero3-image 3s linear infinite alternate;
	-moz-animation: hero3-image 3s linear infinite alternate;
	-o-animation: hero3-image 3s linear infinite alternate;
	animation: hero3-image 3s linear infinite alternate;
}

.hero4__area .hero4__image-course {
	border-radius: 50%;
	position: absolute;
	box-shadow: 0px 30px 40px 0px rgba(122, 0, 39, 0.2);
	background-color: #fd467f;
	top: 69.5%;
	right: 71.5%;
	width: 150px;
	height: 150px;
	-webkit-animation: hero3-image 3s linear infinite alternate;
	-moz-animation: hero3-image 3s linear infinite alternate;
	-o-animation: hero3-image 3s linear infinite alternate;
	animation: hero3-image 3s linear infinite alternate;
}

.hero4__area .hero4__image-course-1 span {
	position: absolute;
	font-size: 40px;
	line-height: 20px;
	font-weight: 800;
	color: #ffffff;
	top: 35%;
	left: 20%;
}

.hero4__area .hero4__image-course-2 span {
	position: absolute;
	font-size: 15px;
	line-height: 20px;
	font-weight: 800;
	color: #ffffff;
	top: 54%;
	left: 29%;
}

.hero4__area .hero4__shape img {
	position: absolute;
	z-index: 1;
}

.hero4__area .hero4__shape-1 {
	bottom: 8%;
	left: 9%;
	-webkit-animation: hero-leaf 3s linear infinite alternate;
	-moz-animation: hero-leaf 3s linear infinite alternate;
	-o-animation: hero-leaf 3s linear infinite alternate;
	animation: hero-leaf 3s linear infinite alternate;
}

.hero4__area .hero4__shape-2 {
	top: 21%;
	left: 0%;
	-webkit-animation: hero-leaf-2 3s linear infinite alternate;
	-moz-animation: hero-leaf-2 3s linear infinite alternate;
	-o-animation: hero-leaf-2 3s linear infinite alternate;
	animation: hero-leaf-2 3s linear infinite alternate;
}

@keyframes hero-leaf {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes hero-leaf-2 {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-30px);
	}
}

@keyframes hero3-image {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes hero-leaf-4 {
	0% {
		transform: translateX(-30px);
	}

	100% {
		transform: translateX(0px);
	}
}

.owl-controls {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 1170px;
}

.owl-controls .owl-dots {
	position: absolute;
	bottom: 0;
	left: 0;
}

.owl-controls .owl-dots .owl-dot {
	display: inline-block;
	margin-right: 10px;
}

.owl-controls .owl-dots .owl-dot span {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 100%;
	transition: all 0.5s ease 0s;
}

.owl-controls .owl-dots .owl-dot.active span {
	background: #ffffff;
}

.owl-controls .owl-dots .owl-dot:last-child {
	border-right: none;
}

.owl-controls .owl-nav {
	display: none;
}

/*****************************************************
    05. Slider Section CSS Here  
****************************/
.home-slider-part {
	position: relative;
}

.home-slider-part .slider-content {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
}

.home-slider-part .slider-content .slider-title {
	font-size: 64px;
	margin-bottom: 15px;
	color: #ffffff;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.9px;
}

.home-slider-part .slider-content .slider-pretitle {
	display: block;
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 22px;
	font-weight: 500;
}

.home-slider-part .slider-content .slider-desc {
	font-size: 18px;
	color: #ffffff;
}

.home-slider-part .slider-content .slider-btn {
	margin-top: 45px;
}

.home-slider-part .slider-content .slider-btn .back-btn-border {
	background: none;
	border: 2px solid rgba(255, 255, 255, 0.141);
	color: #ffffff;
}

.home-slider-part .slider-content .slider-btn .back-btn-border:hover {
	background: #ffffff;
	color: #2a5778;
}

.home-slider-part.home2.owl-carousel .owl-controls {
	position: unset;
	transform: unset;
	width: auto;
}

.home-slider-part.home2.owl-carousel .owl-dots {
	display: none !important;
}

.home-slider-part.home2.owl-carousel .owl-nav {
	position: absolute;
	display: block;
	top: 50%;
	right: unset;
	width: 100%;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"] {
	position: absolute;
	left: 20px;
	display: inline-block;
	font-size: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #ffffff;
	background: transparent;
	border: 2px solid rgba(245, 245, 245, 0.08);
	border-radius: 100%;
	transition: all 0.5s ease 0s;
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"]:before {
	content: "\24";
	font-family: ElegantIcons;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 21px;
	font-weight: 700;
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-next {
	left: auto;
	right: 70px;
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-prev {
	left: 70px;
	right: auto;
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {
	content: '\23';
}

.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"]:hover {
	color: #11aba0;
	background: #ffffff;
	border-color: #ffffff;
}

.back-slider-part {
	position: relative;
}

.back-slider-part .slider__btm__part {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.back-slider-part .hero2__change-1 {
	border-radius: 50%;
	background-color: transparent;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 13.3%;
	top: 33%;
	border: 2px solid rgba(255, 255, 255, 0.141);
}

.back-slider-part .hero2__change-1-item {
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	position: absolute;
	top: 15px;
	left: 14px;
}

.back-slider-part .hero2__change-1:hover {
	background-color: #ffffff;
}

.back-slider-part .hero2__change-1:hover i {
	color: #000000;
}

.back-slider-part .hero2__change-2 {
	border-radius: 50%;
	background-color: transparent;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 13.3%;
	top: 40%;
	border: 2px solid rgba(255, 255, 255, 0.141);
}

.back-slider-part .hero2__change-2-item {
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	position: absolute;
	top: 15px;
	left: 14px;
}

.back-slider-part .hero2__change-2:hover {
	background-color: #ffffff;
}

.back-slider-part .hero2__change-2:hover i {
	color: #000000;
}

.back-slider-part .hero2__nav-content-1 {
	background-color: rgba(228, 49, 112, 0.8);
}

.back-slider-part .hero2__nav-content-2 {
	background-color: rgba(71, 50, 133, 0.8);
}

.back-slider-part .hero2__nav-content-3 {
	background-color: rgba(205, 165, 97, 0.8);
}

.back-slider-part .hero2__nav-content-4 {
	background-color: rgba(42, 109, 245, 0.8);
}

.back-slider-part .hero2__nav-content {
	padding: 42px 0 26px 40px;
}

.back-slider-part .hero2__nav-content h4 {
	font-size: 26px;
	font-weight: 800;
	margin: 0 0 16px;
	color: #ffffff;
}

.back-slider-part .hero2__nav-content p {
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
}

.back-slider-part .hero2__nav-content i {
	color: #ffffff;
	font-size: 20px;
}

/*****************************************************
    06. Breadcrumbs Section CSS 
****************************/
.back-breadcrumbs {
	padding: 10px 0;
	background: #F5F5F5;
}

.back-breadcrumbs ul,
.back-breadcrumbs ul a,
.back-breadcrumbs ul span {
	font-family: "Ropa Sans", sans-serif;
	font-size: 16px;
}


/*****************************************************
    07. Popular Topics CSS Here 
****************************/
.back_popular_topics .container {
	max-width: 1200px;
}

.back_popular_topics .item__inner {
	border: 2px solid rgba(15, 22, 41, 0.078);
	border-radius: 6px;
	padding: 50px 35px 40px 35px;
	position: relative;
	transition: all 0.5s ease 0s;
	margin-bottom: 30px;
}

.back_popular_topics .item__inner:before {
	position: absolute;
	content: "";
	left: 0px;
	right: 0;
	top: -3px;
	border-radius: 6px 6px 0 0;
	height: 8px;
	width: 100%;
	z-index: 1;
	border-top: 3px solid #2a5778;
	transition: all 0.5s ease 0s;
	opacity: 0;
}

.back_popular_topics .item__inner h3 {
	font-size: 20px;
	font-weight: 800;
	line-height: 26px;
	margin: 35px 0 15px;
}

.back_popular_topics .item__inner h3 a {
	color: #333;
}

.back_popular_topics .item__inner h3 a:hover {
	color: #2a5778;
}

.back_popular_topics .item__inner p {
	font-size: 15px;
	color: #4b4c57;
	margin: 0;
}

.back_popular_topics .item__inner:hover {
	box-shadow: 0px 30px 50px 0px rgba(0, 15, 56, 0.1), inset 0px 3px 0px 0px rgba(42, 109, 245, 0.004);
	border-color: #ffffff;
}

.back_popular_topics .item__inner:hover:before {
	opacity: 1;
}

/*****************************************************
    08. About Section CSS Here 
****************************/
.about2__area h6 {
	font-size: 16px;
	font-weight: 600;
	color: #2a5778;
}

.about2__area .about__image {
	position: relative;
}

.about2__area .back__shape__1 {
	position: absolute;
	left: 0;
	top: 60px;
	-webkit-animation: slide-top 5000ms linear infinite alternate;
	animation: slide-top 5000ms linear infinite alternate;
	z-index: -1;
}

.about2__area .back__shape__2 {
	position: absolute;
	right: -31px;
	bottom: 50px;
	-webkit-animation: slide-top 5000ms linear infinite alternate-reverse;
	animation: slide-top 5000ms linear infinite alternate-reverse;
	z-index: -1;
}

.about2__area ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.about2__area ul li {
	float: left;
	width: 36%;
	font-size: 16px;
	color: #3e3e51;
	font-weight: 700;
	padding-bottom: 25px;
}

.about2__area ul li i {
	margin-right: 10px;
	position: relative;
	background: linear-gradient(120deg, #84bcfa 0%, #2b70fa 23%);
	padding: 8px;
	color: #ffffff;
	border-radius: 50%;
	box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
	display: inline-block;
	margin-left: 5px;
}

.about__area-width {
	max-width: 1170px;
}

.about__area .about-shadow {
	border-radius: 10px;
	box-shadow: 0px 40px 70px 0px rgba(0, 15, 56, 0.1);
	align-items: center;
}

.about__area .about__image {
	margin-left: -12px;
}

.about__area .about__image img {
	border-radius: 10px 0 0 10px;
}

.about__area .about__content {
	padding: 40px 0 40px 0px;
}

.about__area .about__content h1,
.about__area .about__content h2,
.about__area .about__content h3,
.about__area .about__content h4,
.about__area .about__content h5,
.about__area .about__content h6 {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
	padding-bottom: 4px;
	color: #333;
}

.about__area .about__content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 1px;
	color: #4b4c57;
}

.about__area .about__content .about__signature {
	padding-bottom: 30px;
}

.about4__area {
	overflow: hidden;
	position: relative;
}

.about4__container {
	display: flex;
}

.about4__content {
	margin-bottom: 30px;
}

.about4__wrapper {
	padding-left: 100px;
	padding-top: 87px;
}

.about4__pre-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
}

.about4__title {
	margin: 5px 0 15px;
	font-size: 40px;
	line-height: 50px;
	font-weight: 800;
	color: #333;
}

.about4__paragraph {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #4b4b57;
}

.about4__icon {
	display: flex;
	margin-bottom: 20px;
}

.about4__icon-1--wrapper {
	display: flex;
}

.about4__icon-1--wrapper-1 {
	margin-bottom: 30px;
	position: relative;
	background-color: #eef4fe;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.about4__icon-1--wrapper-1 img {
	position: absolute;
	height: 17px;
	left: 7px;
	top: 7px;
	color: #2a5778;
}

.about4__icon-1--wrapper-2 h4 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: 800;
	color: #3e3e51;
}

.about4__icon-2--wrapper {
	display: flex;
}

.about4__icon-2--wrapper-1 {
	margin-bottom: 30px;
	position: relative;
	background-color: #eef4fe;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.about4__icon-2--wrapper-1 img {
	position: absolute;
	height: 17px;
	left: 7px;
	top: 7px;
}

.about4__icon-2--wrapper-2 h4 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: 800;
	color: #3e3e51;
}

.about4__btn a {
	font-size: 15px;
	color: #333;
}

.about4__shape img {
	position: absolute;
}

.about4__shape .about4-shape-1 {
	z-index: -1;
	top: 48%;
	left: 9%;
	-webkit-animation: about2-shape-1 3s linear infinite alternate;
	-moz-animation: about2-shape-1 3s linear infinite alternate;
	-o-animation: about2-shape-1 3s linear infinite alternate;
	animation: about2-shape-1 3s linear infinite alternate;
}

.about4__shape .about4-shape-2 {
	z-index: -2;
	top: 8%;
	right: 21%;
	-webkit-animation: about2-shape-1 3s linear infinite alternate;
	-moz-animation: about2-shape-1 3s linear infinite alternate;
	-o-animation: about2-shape-1 3s linear infinite alternate;
	animation: about2-shape-1 3s linear infinite alternate;
}

.about4__shape .about4-shape-3 {
	z-index: -1;
	top: 82%;
	right: 11%;
	-webkit-animation: about2-shape-3 3s linear infinite alternate;
	-moz-animation: about2-shape-3 3s linear infinite alternate;
	-o-animation: about2-shape-3 3s linear infinite alternate;
	animation: about2-shape-3 3s linear infinite alternate;
}

@keyframes about2-shape-1 {
	0% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes about2-shape-3 {
	0% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0px);
	}
}

/*****************************************************
    09. Course Filter CSS Here 
****************************/
.back-course-filter {
	background: #eef1f6;
}

.back-course-filter .container {
	max-width: 1200px;
}

.back-course-filter .back-filter {
	padding-bottom: 65px;
}

.back-course-filter .back-filter button {
	border: none;
	margin: 0 0 0 15px;
	color: #333;
	padding: 4px 30px 6px;
	border-radius: 30px;
	font-weight: 600;
	transition: all 0.5s ease 0s;
	background: #ffffff;
}

.back-course-filter .back-filter button:hover {
	background: #2a5778;
	color: #ffffff;
}

.back-course-filter .back-filter button.active {
	background: #2a5778;
	color: #ffffff;
}

.back-course-filter .single-studies {
	margin-bottom: 25px;
}

.back-course-filter .single-studies .inner-course {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #ffffff;
	border-radius: 10px;
}

.back-course-filter .single-studies .inner-course .case-img {
	flex: 0 0 35%;
}

.back-course-filter .single-studies .inner-course .case-img img {
	border-radius: 10px 0 0 10px;
}

.back-course-filter .single-studies .inner-course .case-content {
	padding-left: 40px;
	padding-top: 11px;
}

.back-course-filter .single-studies .inner-course .case-content .case-title {
	margin: 14px 0 30px;
	font-size: 20px;
	font-weight: 800;
}

.back-course-filter .single-studies .inner-course .case-content .case-title a {
	color: #333;
}

.back-course-filter .single-studies .inner-course .case-content .case-title a:hover {
	color: #2a5778;
}

.back-course-filter .single-studies .inner-course .case-content .back__user {
	font-size: 15px;
	color: #0f1629;
	font-weight: 600;
}

.back-course-filter .single-studies .inner-course .case-content .back__user img {
	margin-right: 12px;
	height: 30px;
}

.back-course-filter .single-studies .inner-course .case-content .back-ratings {
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 14px;
	justify-content: space-between;
}

.back-course-filter .single-studies .inner-course .case-content .back-ratings li:last-child {
	padding-right: 0;
}

.back-course-filter .single-studies .inner-course .case-content ul {
	display: flex;
}

.back-course-filter .single-studies .inner-course .case-content ul li {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #484959;
	font-weight: 500;
	padding-right: 45px;
}

.back-course-filter .single-studies .inner-course .case-content ul li svg {
	border-radius: 50%;
	background-color: rgba(42, 109, 245, 0.06);
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #2a5778;
	margin-right: 14px;
}

.back-course-filter .single-studies .inner-course .case-content ul li.back-book svg {
	border-radius: 50%;
	background-color: rgba(42, 109, 245, 0.06);
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #2a5778;
}

.back-course-filter .single-studies .inner-course .case-content ul.back-ratings li svg {
	border-radius: 50%;
	background-color: rgba(255, 148, 21, 0.06);
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #ff9415;
}

.back-course-filter.back__course__page_list {
	background: #ffffff;
}

.back-course-filter.back__course__page_list .single-studies .inner-course {
	border-radius: 0;
	box-shadow: 0 16px 25px rgba(0, 0, 0, 0.06);
}

.back-course-filter.back__course__page_list .single-studies {
	margin-bottom: 30px;
}

.back-course-filter.back__course__page_list .single-studies .inner-course .case-img img {
	border-radius: 0;
}

.back-course-filter.back__course__page_list .single-studies .inner-course .case-content {
	flex: 0 0 58%;
}

.back-course-filter.back__course__page_list .shorting__course {
	background: #eef1f5;
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px 20px;
	border-radius: 2px;
}

.back-course-filter.back__course__page_list .shorting__course .all__icons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.back-course-filter.back__course__page_list .shorting__course .all__icons svg {
	cursor: pointer;
}

.back-course-filter.back__course__page_list .shorting__course .all__icons svg.feather-grid {
	background: #2a5778;
	color: #fff;
	border-radius: 4px;
	padding: 6px;
	height: 32px;
	width: 32px;
	margin-right: 22px;
}

.back-course-filter.back__course__page_list .shorting__course .all__icons svg.feather-list {
	color: #5c5c68;
	width: 28px;
	height: 28px;
}

.back-course-filter.back__course__page_list .shorting__course .all__icons .result-count {
	padding-left: 40px;
	color: #5c5c68;
	font-size: 15px;
	font-weight: 600;
}

.back-course-filter.back__course__page_list .shorting__course .from-control {
	background: #ffffff;
	border: none;
	padding: 10px 15px;
	border-radius: 6px;
	color: #5c5c68;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	border-right: 15px solid #fff;
}

.back-course-filter.back__course__page_list .course__item .course__thumb img,
.back-course-filter.back__course__page_list .course__item {
	border-radius: 2px;
}

.back-course-filter2 {
	background: #fff;
}

.back-course-filter2 .container {
	max-width: 1200px;
}

.back-course-filter2 .back-filter {
	padding-bottom: 65px;
}

.back-course-filter2 .back-filter button {
	border: 2px solid rgba(2, 3, 52, 0.102);
	margin: 0 0 0 5px;
	color: #333;
	padding: 4px 20px 6px;
	border-radius: 6px;
	font-weight: 600;
	transition: all 0.5s ease 0s;
	background: none;
	font-size: 14px;
}

.back-course-filter2 .back-filter button:hover {
	background: #2a5778;
	color: #ffffff;
}

.back-course-filter2 .back-filter button.active {
	background: #2a5778;
	color: #ffffff;
}

.back-course-filter2 .single-studies {
	margin-bottom: 25px;
}

.back-course-filter2 .single-studies .inner-course {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 0 25px #eee;
}

.back-course-filter2 .single-studies .inner-course .case-img img {
	border-radius: 10px 10px 0 0;
}

.back-course-filter2 .single-studies .inner-course .case-content .inner-content {
	padding: 30px;
}

.back-course-filter2 .single-studies .inner-course .case-content .case-title {
	margin: 20px 0 12px;
	font-size: 20px;
	font-weight: 800;
}

.back-course-filter2 .single-studies .inner-course .case-content .case-title a {
	color: #333;
}

.back-course-filter2 .single-studies .inner-course .case-content .case-title a:hover {
	color: #2a5778;
}

.back-course-filter2 .single-studies .inner-course .case-content .back__user {
	font-size: 15px;
	color: #0f1629;
	font-weight: 600;
}

.back-course-filter2 .single-studies .inner-course .case-content .back__user img {
	margin-right: 12px;
	height: 30px;
}

.back-course-filter2 .single-studies .inner-course .case-content ul {
	display: flex;
	justify-content: space-between;
}

.back-course-filter2 .single-studies .inner-course .case-content ul li {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #e82aea;
	font-weight: 700;
}

.back-course-filter2 .single-studies .inner-course .case-content ul li .back-category {
	color: #e82aea;
	background-color: rgba(232, 42, 234, 0.078);
	font-weight: 600;
	font-size: 14px;
	padding: 0 12px 1px 12px;
	border-radius: 6px;
}

.back-course-filter2 .single-studies .inner-course .case-content ul li svg {
	border-radius: 50%;
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #737383;
}

.back-course-filter2 .single-studies .inner-course .case-content ul li em {
	text-decoration: line-through;
	font-size: 14px;
	color: #505059;
	font-style: normal;
	margin-left: 5px;
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-2 li .back-category {
	color: #1757c2;
	background-color: rgba(23, 87, 194, 0.078);
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-2 li.back-book {
	color: #1757c2;
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-3 li .back-category {
	color: #f2277e;
	background-color: rgba(242, 39, 126, 0.078);
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-3 li.back-book {
	color: #f2277e;
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-4 li .back-category {
	color: #26905b;
	background-color: rgba(38, 144, 91, 0.078);
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-4 li.back-book {
	color: #26905b;
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-5 li .back-category {
	color: #7f00ff;
	background-color: rgba(127, 0, 255, 0.078);
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-5 li.back-book {
	color: #7f00ff;
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-6 li .back-category {
	color: #0fa0dd;
	background-color: rgba(15, 160, 221, 0.078);
}

.back-course-filter2 .single-studies .inner-course .case-content ul.cate-6 li.back-book {
	color: #0fa0dd;
}

.back-course-filter2 .single-studies .inner-course .case-content .back-ratings {
	border-top: 1px solid #eee;
	padding: 14px 36px 14px 23px;
	justify-content: space-between;
}

.back-course-filter2 .single-studies .inner-course .case-content .back-ratings li {
	color: #737383;
	font-size: 14px;
	font-weight: 500;
}

.back-course-filter2 .single-studies .inner-course .case-content .back-ratings li:last-child {
	padding-right: 0;
}

.distant-page .slider-contents {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.distant-page .slider-contents .slider-title {
	font-weight: 700;
	font-size: 60px;
}

.distant-page .count__content--title-1,
.distant-page .count__content--plus,
.distant-page .count__content--paragraph,
.distant-page .count__content--title-2 {
	color: #fff;
}

.home-banner-part-use .slider-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.6);
	padding: 60px;
	text-align: left;
}

.home-banner-part-use .slider-content .slider-title {
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
}

.home-banner-part-use .slider-content .slider-pretitle {
	font-size: 20px;
	font-weight: 500;
}

.home-banner-part-use .slider-content #contact-form input {
	border-radius: 4px;
	border: 2px solid #2a5778;
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 35px;
	outline: none;
}

.home-banner-part-use .slider-content #contact-form .back-btn {
	width: 100%;
	border-radius: 4px;
}

.gym-page-wrapper .slider-content .slider-title {
	font-size: 60px;
}

.course-hub-count .count__content--title-1,
.course-hub-count .count__content--plus,
.course-hub-count .count__content--paragraph,
.course-hub-count .count__content--title-2 {
	color: #fff;
}

.course-archive-wrapper .course-hub-banner .slider-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: auto;
	text-align: left;
	max-width: 900px;
	border-radius: 6px;
}

.course-archive-wrapper .course-hub-banner .slider-content p,
.course-archive-wrapper .course-hub-banner .slider-content ul li {
	font-size: 20px;
	line-height: 30px;
}

.course-archive-wrapper .course-hub-banner .slider-content ul {
	margin-bottom: 20px;
}

.course-archive-wrapper .course-hub-banner .slider-content ul li {
	position: relative;
	padding: 8px 0 8px 35px;
}

.course-archive-wrapper .course-hub-banner .slider-content ul li:before {
	content: "\4e";
	position: absolute;
	font-size: 12px;
	line-height: 22px;
	font-family: "ElegantIcons";
	font-weight: 900;
	left: 0;
	top: 9px;
	background: #bf0013;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	text-align: center;
	align-items: center;
	color: #fff;
}

.course-hub-banner .slider-content {
	position: absolute;
	top: 80%;
	transform: translate(-50%, -80%);
	left: 50%;
	background: rgba(238, 241, 245, 0.75);
	padding: 60px;
	text-align: center;
}

.course-hub-banner .slider-content h1,
.course-hub-banner .slider-content h2,
.course-hub-banner .slider-content h3,
.course-hub-banner .slider-content h4,
.course-hub-banner .slider-content h5 {
	font-weight: 700;
	font-size: 42px;
	margin-top: 15px;
}

.course-hub-banner .slider-content .slider-pretitle {
	font-size: 20px;
	font-weight: 500;
}

.course-hub-banner .slider-content #contact-form input {
	border-radius: 4px;
	border: 2px solid #2a5778;
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 35px;
	outline: none;
}

.course-hub-banner .slider-content #contact-form .back-btn {
	width: 100%;
	border-radius: 4px;
}

/*****************************************************
    10. Event Section CSS Here
****************************/
.event__area {
	background-color: #ffffff;
}

.event__title {
	font-size: 40px;
	font-weight: 800;
	line-height: 44px;
	color: #333;
	padding-bottom: 10px;
}

.event__paragraph {
	font-size: 16px;
	font-weight: 400;
	color: #4b4c57;
	margin-bottom: 38px;
}

.event__card-wrapper {
	border-radius: 10px;
	box-shadow: 0px 30px 50px 0px rgba(0, 15, 56, 0.1);
	background-color: #ffffff;
}

.event__card {
	padding: 20px 0;
}

.event__card--date-area {
	padding: 38px 0 33px 26px;
}

.event__card--date-area-1 {
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 20px;
	color: #333;
	margin-bottom: 8px;
}

.event__card--date-area-2 {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #4b4c57;
}

.event__card--icon-area {
	position: relative;
}

.event__card--icon-area::before {
	position: absolute;
	display: inline-block;
	content: "";
	top: 0;
	left: -35px;
	bottom: 20%;
	border-left: 1px solid rgba(15, 22, 41, 0.078);
	height: 80px;
}

.event__card--icon-area-1 {
	font-size: 14px;
	font-weight: 500;
	color: #4b4c57;
	padding-right: 10px;
	vertical-align: middle;
}

.event__card--icon-area-1 .icon {
	height: 17px;
}

.event__card--icon-area-2 {
	font-size: 14px;
	font-weight: 500;
	color: #4b4c57;
	vertical-align: middle;
}

.event__card--icon-area-2 .icon {
	height: 17px;
}

.event__card--icon-area-3 {
	font-size: 20px;
	font-weight: 800;
	color: #333;
	padding-top: 6px;
	margin: 0;
}

.event__card--btn {
	padding-right: 40px;
}

.event__small-paragraph {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #4b4c57;
	padding: 23px 5px 0 0;
}

.event__small-paragraph--link {
	font-size: 15px;
	font-weight: 600;
	line-height: 26px;
	color: #4b4c57;
}

.event__small-paragraph--link-icon {
	vertical-align: middle;
	padding-left: 10px;
}

.event__small-paragraph--link:hover {
	color: #2a5778;
}

.event__video-btn .image-background {
	position: relative;
	height: 650px;
	width: 370px;
}

.event__video-btn--play {
	position: absolute;
	z-index: 1;
	left: 25%;
	top: 30%;
	transform: translate(-50%, -50%);
}

.event__video-btn--play-btn {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 86px;
	text-align: center;
	font-size: 25px;
	color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
	color: #2a5778;
	border-color: #ffffff;
}

.event__video-btn {
	position: relative;
}

.event__video-btn--play-btn::before {
	content: "";
	height: 120px;
	width: 120px;
	position: absolute;
	left: -15px;
	top: -15px;
	border: 1px solid rgba(255, 255, 255, 0.302);
	border-radius: 50%;
	animation: videoBtnAnim 3s linear infinite;
	display: block;
}

.event__video-btn--play-btn::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.event__video-btn--play-btn i {
	z-index: 2;
	position: relative;
	top: 9px;
	font-size: 35px;
}

.container.event__width {
	max-width: 1200px;
}

@-webkit-keyframes videoBtnAnim {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes videoBtnAnim {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.event2__area .event2__image {
	flex: 0 0 46%;
}

.event2__content-wrapper {
	padding-bottom: 53px;
}

.event2__content-wrapper span {
	font-size: 16px;
	font-weight: 600;
	color: #2a5778;
}

.event2__content-wrapper h3 {
	padding-top: 4px;
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.event2__btn a {
	font-size: 15px;
	background-color: transparent;
	color: #333;
	border: 2px solid rgba(2, 3, 52, 0.078);
	text-align: center;
	padding: 7px 22px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-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;
}

.event2__btn a i {
	margin-left: 6px;
	font-size: 18px;
	font-weight: 800;
	color: #000000;
	vertical-align: middle;
}

.event2__btn a:hover {
	border: 2px solid rgba(2, 3, 52, 0.078);
	background-color: #2a5778;
	color: #ffffff;
}

.event2__btn a:hover i {
	color: #ffffff;
}

.event2__container {
	display: flex;
	box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}

.event2__image img {
	border-radius: 6px 0 0 6px;
}

.back-header.back-header-three .container,
.container.event2__width,
.container.hero3__width,
.container.category3__width,
.container.form__width {
	max-width: 1200px;
}

.event2__wrapper {
	display: flex;
	flex-direction: column;
	padding: 47px 0 47px 50px;
}

.event2__wrapper-1 {
	padding-bottom: 16px;
}

.event2__wrapper-1 .red-color {
	font-size: 14px;
	font-weight: 500;
	color: #fd4680;
	background-color: #fff0f5;
	padding: 4px 8px;
	border-radius: 4px;
}

.event2__wrapper-1 .blue-color {
	font-size: 14px;
	font-weight: 500;
	color: #5940f4;
	background-color: #f2f0fe;
	padding: 4px 8px;
	border-radius: 4px;
}

.event2__wrapper-2 {
	display: flex;
	padding-bottom: 3px;
}

.event2__wrapper-2-item1 {
	padding-right: 30px;
}

.event2__wrapper-2-item1 svg {
	height: 17px;
	color: #737383;
}

.event2__wrapper-2-item1 span {
	font-size: 14px;
	font-weight: 500;
	color: #737383;
}

.event2__wrapper-2-item2 svg {
	height: 17px;
	stroke: #737383;
}

.event2__wrapper-2-item2 span {
	font-size: 14px;
	font-weight: 500;
	color: #737383;
}

.event2__wrapper-3 {
	padding-bottom: 8px;
}

.event2__wrapper-3 h3 {
	font-size: 24px;
	font-weight: 800;
	line-height: 30px;
	color: #333;
}

.event2__wrapper-3 p {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #3e3e51;
}

.event2__wrapper-4 .btn a {
	font-size: 15px;
	background-color: #2a5778;
	color: #ffffff;
	border: 2px solid rgba(2, 3, 52, 0.078);
	text-align: center;
	padding: 4px 21px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-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;
}

.event2__wrapper-4 .btn a:hover {
	border: 2px solid rgba(2, 3, 52, 0.078);
	background-color: transparent;
	color: #333;
}


/*****************************************************
    14. Banner Two Section CSS Here 
****************************/
.hero3__area {
	overflow: hidden;
	min-height: 750px;
}

.hero3__content span {
	font-size: 18px;
	font-weight: 600;
	color: #2a5778;
}

.hero3__content h1,
.hero3__content h2,
.hero3__content h3,
.hero3__content h4,
.hero3__content h5,
.hero3__content h6 {
	font-size: 42px;
	line-height: 52px;
	font-weight: 800;
	margin-top: 10px;
	color: #333;
	padding-bottom: 8px;
}

.hero3__content p {
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
	color: #3e3e51;
	padding-bottom: 16px;
}

.hero3__content .hero3-btn {
	font-size: 15px;
	background-color: transparent;
	color: #333;
	border: 2px solid rgba(2, 3, 52, 0.078);
	text-align: center;
	padding: 10px 34px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-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;
}

.hero3__content .hero3-btn:hover {
	border: 2px solid rgba(2, 3, 52, 0.078);
	background-color: #2a5778;
	color: #ffffff;
}

.hero3__image {
	margin-left: 61px;
	position: absolute;
}

.hero3__image-2 {
	position: absolute;
	top: 34%;
	right: -32%;
	-webkit-animation: hero3-image 3s linear infinite alternate;
	-moz-animation: hero3-image 3s linear infinite alternate;
	-o-animation: hero3-image 3s linear infinite alternate;
	animation: hero3-image 3s linear infinite alternate;
}

.hero3__image-course {
	border-radius: 50%;
	position: absolute;
	box-shadow: 0px 30px 40px 0px rgba(122, 0, 39, 0.2);
	background-color: #fd467f;
	top: 69.5%;
	right: 71.5%;
	width: 150px;
	height: 150px;
	-webkit-animation: hero3-image 3s linear infinite alternate;
	-moz-animation: hero3-image 3s linear infinite alternate;
	-o-animation: hero3-image 3s linear infinite alternate;
	animation: hero3-image 3s linear infinite alternate;
}

.hero3__image-course-1 span {
	position: absolute;
	font-size: 40px;
	line-height: 20px;
	font-weight: 800;
	color: #ffffff;
	top: 35%;
	left: 20%;
}

.hero3__image-course-2 span {
	position: absolute;
	font-size: 15px;
	line-height: 20px;
	font-weight: 800;
	color: #ffffff;
	top: 54%;
	left: 29%;
}

.hero3__shape img {
	position: absolute;
	z-index: 1;
}

.hero3__shape-1 {
	top: 9%;
	left: 9%;
	-webkit-animation: hero-leaf 3s linear infinite alternate;
	-moz-animation: hero-leaf 3s linear infinite alternate;
	-o-animation: hero-leaf 3s linear infinite alternate;
	animation: hero-leaf 3s linear infinite alternate;
}

.hero3__shape-2 {
	top: 52%;
	left: 4.5%;
	-webkit-animation: hero-leaf-2 3s linear infinite alternate;
	-moz-animation: hero-leaf-2 3s linear infinite alternate;
	-o-animation: hero-leaf-2 3s linear infinite alternate;
	animation: hero-leaf-2 3s linear infinite alternate;
}

.hero3__shape-3 {
	top: 24%;
	left: 52%;
	-webkit-animation: hero-leaf-4 3s linear infinite alternate;
	-moz-animation: hero-leaf-4 3s linear infinite alternate;
	-o-animation: hero-leaf-4 3s linear infinite alternate;
	animation: hero-leaf-4 3s linear infinite alternate;
}

.hero3__shape-4 {
	top: 14.5%;
	right: 19%;
	-webkit-animation: hero-leaf-4 3s linear infinite alternate;
	-moz-animation: hero-leaf-4 3s linear infinite alternate;
	-o-animation: hero-leaf-4 3s linear infinite alternate;
	animation: hero-leaf-4 3s linear infinite alternate;
}

.hero3__shape-5 {
	top: 69%;
	right: 9%;
	-webkit-animation: hero-leaf 3s linear infinite alternate;
	-moz-animation: hero-leaf 3s linear infinite alternate;
	-o-animation: hero-leaf 3s linear infinite alternate;
	animation: hero-leaf 3s linear infinite alternate;
}

.hero3__shape-6 {
	top: 30%;
	right: 0%;
	-webkit-animation: hero-leaf-2 3s linear infinite alternate;
	-moz-animation: hero-leaf-2 3s linear infinite alternate;
	-o-animation: hero-leaf-2 3s linear infinite alternate;
	animation: hero-leaf-2 3s linear infinite alternate;
}

@keyframes hero-leaf {
	0% {
		transform: translateY(-50px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes hero-leaf-2 {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-30px);
	}
}

@keyframes hero3-image {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes hero-leaf-4 {
	0% {
		transform: translateX(-30px);
	}

	100% {
		transform: translateX(0px);
	}
}

.back-home3-banner-form .form__wrapper {
	background: #2a5778;
}

.back-home3-banner-form .form__wrapper .from-control {
	width: 100%;
	border: none;
	padding: 13px 18px;
	border-radius: 6px;
	border-right: 8px solid #fff;
	background: #fff;
	cursor: pointer;
}

.back-home3-banner-form .form__wrapper .form__wrapper-1--title {
	color: #ffffff;
	font-weight: 700;
	margin: 0 0 16px;
}

.back-home3-banner-form .form__wrapper .form__wrapper-1--description {
	color: #ffffff;
	font-weight: 400;
}

.back-home3-banner-form .form__wrapper button {
	background: #bf0013;
	color: #fff;
	border: none;
	padding: 11px 50px;
	font-size: 15px;
	font-weight: 500;
	border-radius: 6px;
}

.back-home3-banner-form .form__wrapper button:hover {
	opacity: .8;
}

.back-home3-banner-form .form__area {
	background-color: #eff1f6;
}

.back-home3-banner-form .form__wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 10;
	box-shadow: 0px 40px 50px 0px rgba(0, 15, 56, 0.2);
	padding: 50px 0 60px;
	border-radius: 10px;
}

.back-home3-banner-form .form__wrapper-2 {
	display: flex;
	justify-content: center;
	padding-top: 8px;
}

.back-home3-banner-form .form__wrapper-2 div {
	margin: 0 6px;
	flex: 0 0 22%;
}

.back-home3-banner-form .form__wrapper-2 div.form__wrapper-2--container4 {
	flex: 0 0 18%;
}

/*****************************************************
    15. Top Cate Section CSS Here 
****************************/
.category3__area {
	background-color: #eff1f6;
	overflow: hidden;
	margin-top: -130px;
}

.category3__content span {
	font-size: 16px;
	font-weight: 600;
	color: #2a5778;
}

.category3__content h2 {
	font-size: 40px;
	font-weight: 800;
	color: #333;
	padding-bottom: 8px;
}

.category3__btn a {
	font-size: 15px;
	background-color: transparent;
	color: #333;
	border: 2px solid rgba(2, 3, 52, 0.078);
	text-align: center;
	padding: 10px 32px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-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;
}

.category3__btn i {
	margin-left: 6px;
	font-size: 18px;
	font-weight: 800;
	color: #000000;
	vertical-align: middle;
}

.category3__btn a:hover {
	border: 2px solid rgba(2, 3, 52, 0.078);
	background-color: #2a5778;
	color: #ffffff;
}

.category3__btn a:hover i {
	color: #ffffff;
}

.category3__wrapper {
	border-radius: 6px;
	background-color: #ffffff;
	padding: 24px 20px 25px 40px;
	display: flex;
}

.category3__wrapper-1 {
	width: 56px;
	height: 56px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid rgba(2, 3, 52, 0.078);
	position: relative;
	display: inline-block;
	-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;
}

.category3__wrapper-1 img {
	width: 27px;
	height: 30px;
	position: absolute;
	top: 20%;
	left: 23%;
}

.category3__wrapper-1 img:not(:last-child) {
	margin-right: 10px;
}

.category3__wrapper-2 {
	display: inline-block;
	margin: 2px 0 0 22px;
}

.category3__wrapper-2--one h4 {
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 7px;
}

.category3__wrapper-2--one h4 a {
	color: #333;
}

.category3__wrapper-2--one h4 a:hover {
	color: #2a5778;
}

.category3__wrapper-2--one p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #737383;
	vertical-align: middle;
}

/*****************************************************
    16. Instructor Section CSS Here  
****************************/
.instructor__area {
	background-color: #eef1f6;
}

.instructor__area .instructor__content h4 {
	margin: 0 0 5px;
}

.instructor__area .instructor__content p {
	margin: 0;
}

.instructor__area.instructor__area__instructor_page {
	background: #ffffff;
}

.instructor__area.instructor__area__instructor_page .instructor__content {
	background-color: #f5f7fa;
	margin-bottom: 22px;
	border-radius: 10px;
}

.instructor__area .instructor__pre-title {
	font-size: 16px;
	font-weight: 600;
	color: #2a5778;
}

.instructor__area .instructor__title {
	margin-top: 7px;
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.instructor__area .instructor__content {
	display: flex;
	flex-direction: column;
	padding-top: 34px;
	padding-bottom: 34px;
}

.instructor__area .instructor__content-1 img {
	background-size: cover;
	border: 5px solid #ffffff;
	border-radius: 50%;
	width: 170px;
	height: 170px;
}

.instructor__area .instructor__content-2 {
	margin-top: 15px;
}

.instructor__area .instructor__content-2 h4 a {
	font-size: 20px;
	font-weight: 800;
	color: #333;
}

.instructor__area .instructor__content-2 h4 a:hover {
	color: #2a5778;
	-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;
}

.instructor__area .instructor__content-2 p {
	margin-top: 0;
	font-size: 14px;
	font-weight: 500;
	color: #4c5057;
}

.instructor__area .instructor__content-3 {
	margin-top: 5px;
}

.instructor__area .instructor__content-3 ul li {
	display: inline-block;
	margin: 0 7px;
}

.instructor__area .instructor__content-3 ul li:not(:last-child) {
	margin-right: 7px;
}

.instructor__area .instructor__content-3 ul li a {
	font-size: 14px;
	font-weight: 500;
	color: #58606c;
	display: inline-block;
	text-align: center;
}

.instructor__area .instructor__content-3 ul li a:hover {
	color: #2a5778;
	-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;
}

.instructor__area .instructor__content:hover {
	border-radius: 10px;
	background-color: white;
	box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
	width: 100%;
	-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;
}

.Instructor2__area {
	background: url(assets/images/kids/instructor2/bg.png) no-repeat center top;
	background-size: cover;
}

.Instructor2__area .Instructor2__pre-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #fd4680;
}

.Instructor2__area .Instructor2__title {
	margin-top: 7px;
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.Instructor2__area .container.Instructor2__width {
	max-width: 1200px;
}

.Instructor2__area .Instructor2__content {
	display: flex;
	align-items: center;
	background-color: white;
	-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;
}

.Instructor2__area .Instructor2__content-1 {
	padding: 20px 30px 20px 20px;
}

.Instructor2__area .Instructor2__content-1 img {
	background-size: cover;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.Instructor2__area .Instructor2__content-2 h4 {
	margin: 0 0 5px;
}

.Instructor2__area .Instructor2__content-2 h4 a {
	font-size: 20px;
	font-weight: 800;
	color: #333;
}

.Instructor2__area .Instructor2__content-2 h4 a:hover {
	color: #fd4680;
	-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;
}

.Instructor2__area .Instructor2__content-2 p {
	font-size: 14px;
	font-weight: 500;
	color: #4b4b57;
	margin: 0px;
}

.Instructor2__area .Instructor2__content-3 {
	margin-top: 5px;
}

.Instructor2__area .Instructor2__content-3 ul li {
	display: inline-block;
}

.Instructor2__area .Instructor2__content-3 ul li:not(:last-child) {
	margin-right: 7px;
}

.Instructor2__area .Instructor2__content-3 ul li a {
	font-size: 14px;
	font-weight: 400;
	color: #58606c;
	display: inline-block;
	text-align: center;
	-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;
}

.Instructor2__area .Instructor2__content-3 ul li a:hover {
	color: #fd4680;
}

.Instructor2__area .Instructor2__content:hover {
	margin-top: -10px;
}

/*****************************************************
    17. Clients Section CSS Here  
****************************/
.back-clients .client-slider {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 975px;
	position: relative;
}

.back-clients .client-slider .single-client {
	position: relative;
	background: #ffffff;
	padding: 50px 60px 40px;
	border-radius: 10px;
	transition: all 0.5s ease 0s;
	overflow: hidden;
	border: 2px solid;
	border-color: rgba(2, 3, 52, 0.05);
	text-align: center;
}

.back-clients .client-slider .single-client .client-title {
	color: #333;
	font-size: 20px;
	font-weight: 800;
	margin: 22px 0 30px;
	display: block;
	text-align: center;
}

.back-clients .client-slider .single-client .client-title em {
	color: #4b4c57;
	font-size: 15px;
	font-weight: 500;
	display: block;
	font-style: normal;
}

.back-clients .client-slider .single-client .client-content {
	color: #333;
	line-height: 30px;
	font-size: 18px;
	font-weight: 500;
}

.back-clients .client-slider .single-client .client-bottom {
	position: relative;
	text-align: center;
}

.back-clients .client-slider .single-client .client-bottom .testimonial__ratings {
	position: absolute;
	right: 0;
	top: 35px;
	align-items: center;
	display: flex;
	font-size: 20px;
	color: #4b4c57;
	font-weight: 600;
}

.back-clients .client-slider .single-client .client-bottom .testimonial__ratings svg {
	margin-right: 8px;
	color: #ffba4a;
}

.back-clients .client-slider .single-client .client-bottom .client-author {
	padding: 0px;
	width: 150px;
	display: inline-block;
}

.back-clients .client-slider .single-client .client-bottom .client-author img {
	border-radius: 50%;
}

.back-clients .client-slider.owl-carousel .owl-controls {
	position: unset;
	transform: unset;
	width: auto;
}

.back-clients .client-slider.owl-carousel .owl-nav {
	position: absolute;
	display: block;
	top: 40%;
	right: unset;
	width: 100%;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"] {
	position: absolute;
	left: 20px;
	display: inline-block;
	font-size: 0;
	width: 60px;
	height: 60px;
	line-height: 57px;
	color: #333;
	background: transparent;
	border: 2px solid #eee;
	border-radius: 100%;
	transition: all 0.5s ease 0s;
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"]:before {
	content: "\24";
	font-family: ElegantIcons;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 21px;
	font-weight: 700;
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-next {
	left: auto;
	right: -100px;
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-prev {
	left: -100px;
	right: auto;
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {
	content: '\23';
}

.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"]:hover {
	color: #ffffff;
	background: #2a5778;
	border-color: #2a5778;
}

/*****************************************************
    19. Course Section CSS Here  
****************************/
.back__course__area {
	position: relative;
}

.back__course__area .container.step__width {
	max-width: 1195px;
}

.back__course__area .container {
	max-width: 1200px;
}

.back__course__area .col-md-4 .course__item {
	box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
	margin-left: 5px;
	margin-right: 5px;
}

.back__course__area .course__item {
	border-radius: 10px;
}

.back__course__area .item .course__item .course__inner {
	background-color: #fff;
}

.back__course__area .course__item .course__inner {
	padding: 35px 35px 35px;
}

.bg-hell-blau.back__course__area .course__item .course__inner,
.bg-grau.back__course__area .course__item .course__inner {
	background-color: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.back__course__area .course__item .back-category {
	font-size: 14px;
	line-height: 28px;
	color: #bb1bfe;
	background-color: rgba(187, 27, 254, 0.06);
	border-radius: 12px;
	padding: 3px 14px 4px;
}

.back__course__area .course__item .back-category.cate-2 {
	background-color: rgba(255, 139, 86, 0.06);
	color: #ff8b56;
}

.back__course__area .course__item .back-category.cate-3 {
	background-color: rgba(241, 30, 120, 0.06);
	color: #f11e78;
}

.back__course__area .course__item .back-category.cate-4 {
	background-color: rgba(42, 109, 245, 0.06);
	color: #2a5778;
}

.back__course__area .course__item .back-category.cate-5 {
	background-color: rgba(28, 167, 12, 0.06);
	color: #1ca70c;
}

.back__course__area .course__item .back-category.cate-6 {
	background-color: rgba(8, 157, 179, 0.06);
	color: #089db3;
}

.back__course__area .course__item .back-course-title {
	font-size: 26px;
	line-height: 1.5;
	margin: 14px 0 20px;
	font-weight: bold;
}

.back__course__area .course__item h5 {
	font-size: 18px;
	line-height: 1.5;
	margin: 14px 0 20px;
	font-weight: bold;
}

.back__course__area .course__item .back-course-title a {
	color: #333;
}

.back__course__area .course__item .back-course-title a:hover {
	color: #2a5778;
}

.back__course__area .course__item .course__thumb {
	position: relative;
}

.back__course__area .course__item .course__thumb img {
	border-radius: 10px 10px 0 0;
}

.back__course__area .course__item .course__card-icon {
	justify-content: space-between;
}

.back__course__area .course__item .course__card-icon .course__card-icon--1 svg {
	border-radius: 50%;
	background-color: rgba(42, 109, 245, 0.06);
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #2a5778;
}

.back__course__area .course__item .course__card-icon .course__card-icon--1 span {
	font-weight: 500;
	font-size: 15px;
	color: #4b4c57;
	padding-left: 7px;
}

.back__course__area .course__item .course__card-icon .course__card-icon--2 svg {
	border-radius: 50%;
	background-color: rgba(255, 148, 21, 0.06);
	padding: 7px;
	width: 32px;
	height: 32px;
	color: #ff9415;
}

.back__course__area .course__item .course__card-icon .course__card-icon--2 span {
	font-weight: 500;
	font-size: 15px;
	color: #4b4c57;
	padding-left: 7px;
}

.back__course__area .course__item .course__card-icon .back__user {
	font-size: 18px;
	color: #0f1629;
	font-weight: 800;
}

.back__course__area .course__item .course__card-icon .back__user img {
	width: 34px;
	border-radius: 50%;
	margin-left: 10px;
	position: relative;
	top: -2px;
}

.back__course__area.back__course__page_grid {
	background: #eef1f5;
}

.back__course__area.back__course__page_grid .shorting__course {
	background: #eef1f5;
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px 20px;
	border-radius: 2px;
}

.back__course__area.back__course__page_grid .shorting__course .all__icons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.back__course__area.back__course__page_grid .shorting__course .all__icons svg {
	cursor: pointer;
}

.back__course__area.back__course__page_grid .shorting__course .all__icons svg.feather-grid {
	background: #2a5778;
	color: #fff;
	border-radius: 4px;
	padding: 6px;
	height: 32px;
	width: 32px;
	margin-right: 22px;
}

.back__course__area.back__course__page_grid .shorting__course .all__icons svg.feather-list {
	color: #5c5c68;
	width: 28px;
	height: 28px;
}

.back__course__area.back__course__page_grid .course__item .course__thumb img,
.back__course__area.back__course__page_grid .course__item {
	border-radius: 2px;
}

/*****************************************************
    21. Cta Section CSS Here  
****************************/
.cta__area {
	background: url(assets/images/cta/bg1.jpg) no-repeat center top;
	width: 100%;
	background-size: cover;
}

.cta__pre-subtitle {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	padding-bottom: 12px;
	margin: 0;
}

.cta__title {
	font-size: 40px;
	font-weight: 800;
	color: #ffffff;
	padding-bottom: 2px;
}

.feature__item {
	position: relative;
	top: -42%;
	z-index: 1;
	border-radius: 6px;
	box-shadow: 0px 30px 70px 0px rgba(0, 15, 56, 0.1);
	background: #ffffff;
	padding: 40px;
}

.feature__title-1 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 16px;
}

.feature__title-1 a {
	color: #333;
}

.feature__paragraph {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #4b4c57;
	margin: 0 0 10px;
}

.count__area {
	margin-top: -66px;
}

.count__content--title-1 {
	display: inline-block;
	font-size: 40px;
	font-weight: 800;
	line-height: 28px;
	color: #333;
	margin-bottom: 5px;
}

.count__content--title-2 {
	display: inline-block;
	font-size: 40px;
	font-weight: 800;
	line-height: 28px;
	color: #333;
	margin-bottom: 5px;
}

.feature__width {
	max-width: 1200px;
}

.count__content--plus {
	font-size: 34px;
	font-weight: 400;
	line-height: 28px;
	color: #2a5778;
}

.count__content--paragraph {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	color: #4b4c57;
}

/*****************************************************
    22. Blog Section CSS Here  
****************************/
.back-blog__area .blog__subtitle {
	font-size: 16px;
	font-weight: 500;
	color: #2a5778;
}

.back-blog__area .blog__width {
	max-width: 1200px;
}

.back-blog__area .blog__title {
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.back-blog__area .blog__card {
	border-radius: 6px;
	box-shadow: 0px 30px 60px 0px rgba(0, 15, 56, 0.1);
	margin: 0 3px;
}

.back-blog__area .blog__thumb {
	position: relative;
	overflow: hidden;
}

.back-blog__area .blog__thumb--image img {
	border-radius: 6px 6px 0 0;
	transition: all 0.5s ease 0s;
}

.back-blog__area .blog__thumb--image img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.back-blog__area .blog__thumb--pre-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	padding: 0 12px 0 12px;
	color: #0f1629;
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid #ebebf1;
	position: absolute;
	z-index: 1;
	right: 6%;
	top: 8%;
}

.back-blog__area .blog__thumb--pre-title:hover {
	border: 1px solid #2a5778;
	background-color: #2a5778;
	color: #ffffff;
}

.back-blog__area .blog__card--content {
	padding: 28px 36px 16px 37px;
}

.back-blog__area .blog__card--date {
	font-size: 15px;
	font-weight: 500;
	color: #4b4c57;
}

.back-blog__area .blog__card--title {
	font-size: 20px;
	font-weight: 800;
	line-height: 28px;
	padding: 5px 0 0 0;
}

.back-blog__area .blog__card--title a {
	color: #333;
}

.back-blog__area .blog__card--title:hover a {
	color: #2a5778;
}

.back-blog__area .blog__card--link {
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
	color: #333;
}

.back-blog__area .blog__card--link:hover {
	color: #2a5778;
}

.back-blog__area .blog__card--link-icon {
	vertical-align: middle;
	padding-left: 5px;
}

.back-blog__area .blog__card--icon {
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.back-blog__area .blog__card--icon::before {
	position: absolute;
	display: inline-block;
	content: "";
	left: -36px;
	bottom: 42px;
	border-top: 1px solid rgba(15, 22, 41, 0.078);
	width: 370px;
}

.back-blog__area .blog__card--icon-1 svg {
	height: 17px;
	line-height: 10px;
	vertical-align: sub;
}

.back-blog__area .blog__card--icon-1 span {
	font-size: 15px;
	font-weight: 500;
	color: #737383;
	padding-left: 2px;
	line-height: 10px;
	vertical-align: middle;
}

.back-blog__area .blog__card--icon-2 {
	display: flex;
}

.back-blog__area .blog__card--icon-2-first {
	margin-right: 17px;
}

.back-blog__area .blog__card--icon-2-first svg {
	height: 17px;
}

.back-blog__area .blog__card--icon-2-first span {
	vertical-align: middle;
}

.back-blog__area .blog__card--icon-2-second svg {
	height: 17px;
}

.back-blog__area .blog__card--icon-2-second span {
	vertical-align: middle;
}

.blog2__area .blog2__pre-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
}

.blog2__area .blog2__title {
	margin-top: 8px;
	font-size: 24px;
	font-weight: 800;
	color: #333;
}

.blog2__area .blog2__wrapper {
	display: flex;
	border: 1px solid #eaecf2;
}

.blog2__area .blog2__wrapper-1 img {
	width: 170px;
	height: 180px;
}

.blog2__area .blog2__wrapper-2 {
	padding: 30px 50px 24px 28px;
}

.blog2__area .blog2__wrapper-2 span {
	font-size: 14px;
	font-weight: 500;
	color: #2a5778;
}

.blog2__area .blog2__wrapper-2 h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 800;
	margin: 4px 0 15px;
}

.blog2__area .blog2__wrapper-2 h3 a {
	color: #333;
}

.blog2__area .blog2__wrapper-2 h3 a:hover {
	color: #fd4680;
}

.blog2__area .blog2__wrapper-2 p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #4b4b57;
	margin: 0;
}

.blog2__area .blog2__wrapper:hover {
	border: 1px solid #ffffff;
}

.blog2__area .blog2__btn a {
	cursor: pointer;
	font-size: 15px;
	background-color: transparent;
	color: #333;
	border: 2px solid #eaecf2;
	text-align: center;
	padding: 10px 34px;
	display: inline-block;
	font-weight: 600;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-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;
}

.blog2__area .blog2__btn a:hover {
	border: 2px solid #fd4680;
	background-color: #fd4680;
	color: #ffffff;
}

/*****************************************************
    23. Services Section CSS Here  
****************************/
.services4__area {
	overflow: hidden;
	background-color: #ffffff;
	position: relative;
}

.services4__area .container.services4__width {
	max-width: 1200px;
}

.services4__title-wrapper {
	margin-bottom: 45px;
}

.services4__subtitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
	margin-bottom: 0px;
}

.services4__title-1 {
	font-size: 40px;
	font-weight: 800;
	color: #333;
	padding-bottom: 8px;
}

.services4__item {
	position: relative;
	z-index: 1;
	border-radius: 6px;
	border: 2px solid #f1f3f8;
	transition: all 0.5s ease 0s;
}

.services4__item:before {
	position: absolute;
	content: "";
	left: 0px;
	right: 0;
	top: -3px;
	border-radius: 6px 6px 0 0;
	height: 8px;
	width: 100%;
	z-index: 1;
	border-top: 3px solid #fd4680;
	transition: all 0.5s ease 0s;
	opacity: 0;
}

.services4__item.active,
.services4__item:hover {
	box-shadow: 0px -2px 0px 0px rgba(253, 70, 128, 0.004), 0px 0px 60px 0px rgba(0, 16, 35, 0.1);
	border: 2px solid #ffffff;
	margin-top: -10px;
}

.services4__item.active:before,
.services4__item:hover:before {
	opacity: 1;
}

.services4__icon {
	margin: 44px auto 65px;
	width: 130px;
	height: 130px;
	background-color: #f5fcfc;
	border-radius: 50%;
	position: relative;
}

.services4__icon img {
	height: 64px;
	width: 55px;
	position: absolute;
	top: 25%;
	left: 29%;
}

.services4__content {
	margin-bottom: 42px;
}

.services4__title {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 7px;
}

.services4__title a {
	color: #333;
}

.services4__title a:hover {
	color: #fd4680;
}

.services4__paragraph {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #4b4b57;
	padding: 10px 12px;
}

.services4__inner {
	position: relative;
	z-index: 1;
}

.services4__shape img {
	position: absolute;
}

.services4__shape-1 {
	top: 22%;
	right: 8%;
	-webkit-animation: hero-leaf 3s linear infinite alternate;
	-moz-animation: hero-leaf 3s linear infinite alternate;
	-o-animation: hero-leaf 3s linear infinite alternate;
	animation: hero-leaf 3s linear infinite alternate;
}

.services4__shape-2 {
	top: 22%;
	left: 3%;
	-webkit-animation: hero-leaf 3s linear infinite alternate;
	-moz-animation: hero-leaf 3s linear infinite alternate;
	-o-animation: hero-leaf 3s linear infinite alternate;
	animation: hero-leaf 3s linear infinite alternate;
}

/*****************************************************
    24. Class Section CSS Here  
****************************/
.class__area {
	overflow: hidden;
	position: relative;
	background: url(assets/images/kids/class/bg.png) no-repeat center top;
	background-size: cover;
}

.class__container {
	display: flex;
	background-color: #ffffff;
	width: 970px;
	height: 280px;
	position: relative;
	z-index: 1;
}

.class__subtitle {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
	margin-bottom: 0;
}

.class__title-1 {
	padding: 0px 0 30px;
	font-size: 40px;
	line-height: 50px;
	font-weight: 800;
	color: #333;
}

.class__image {
	padding: 20px;
}

.class__wrapper {
	padding: 30px 0px 39px 40px;
}

.class__content {
	border-bottom: 1px solid #eaecf2;
	padding-bottom: 5px;
}

.class__title {
	font-size: 22px;
	line-height: 30px;
	font-weight: 800;
	color: #333;
	margin: 0 0 15px;
}

.class__paragraph {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #4b4b57;
}

.class__schedule {
	display: flex;
}

.class__schedule-1:not(:last-child) {
	border-right: 1px solid #eaecf2;
	padding-right: 40px;
}

.class__schedule-1:not(:first-child) {
	padding-left: 40px;
}

.class__schedule-1--item1 {
	padding-top: 18px;
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: #4b4b57;
}

.class__schedule-1--item2 {
	display: block;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: #2a5778;
}

.class__shape img {
	position: absolute;
}

.class__shape .class-shape-1 {
	bottom: 5%;
	left: 9%;
	-webkit-animation: about2-shape-1 3s linear infinite alternate;
	-moz-animation: about2-shape-1 3s linear infinite alternate;
	-o-animation: about2-shape-1 3s linear infinite alternate;
	animation: about2-shape-1 3s linear infinite alternate;
}

.class__shape .class-shape-2 {
	top: 21%;
	left: 10.5%;
	-webkit-animation: about2-shape-1 3s linear infinite alternate;
	-moz-animation: about2-shape-1 3s linear infinite alternate;
	-o-animation: about2-shape-1 3s linear infinite alternate;
	animation: about2-shape-1 3s linear infinite alternate;
}

.class__shape .class-shape-3 {
	bottom: 10%;
	right: 11%;
	-webkit-animation: about2-shape-3 3s linear infinite alternate;
	-moz-animation: about2-shape-3 3s linear infinite alternate;
	-o-animation: about2-shape-3 3s linear infinite alternate;
	animation: about2-shape-3 3s linear infinite alternate;
}

/*****************************************************
    26. FAQ Section CSS Here  
****************************/
.accordion__area {
	position: relative;
}

.accordion__area .containeraccordion__area-width {
	max-width: 1200px;
}

.accordion__area .accordion__wrapper {
	background: url(assets/images/kids/accordion/bg.png) no-repeat center top;
	background-size: cover;
	padding: 255px 60px 60px;
}

.accordion__area .accordion__wrapper-1 h4 {
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 10px;
}

.accordion__area .accordion__wrapper-1 p {
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
}

.accordion__area .accordion__wrapper-2 .form {
	margin-bottom: 20px;
}

.accordion__area .accordion__wrapper-2 .form input {
	width: 100%;
	padding: 15px 30px;
	border: none;
	outline: none;
	background: #ffffff;
}

.accordion__area .accordion__wrapper-2 .form input::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: #888894;
}

.accordion__area .accordion__wrapper-2 .form input:focus {
	-webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
	-moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
	box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
	z-index: 1;
}

.accordion__area .accordion__wrapper-2 .btn {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	background-color: #333;
	border: 2px solid #333;
	text-align: center;
	padding: 14px 0;
	width: 100%;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-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;
}

.accordion__area .accordion__wrapper-2 .btn:hover {
	border: 2px solid #fd4680;
	background-color: #fd4680;
	color: #ffffff;
}

.accordion__area .accordion__top {
	margin-bottom: 44px;
}

.accordion__area .accordion__top span {
	font-family: "Dancing Script", "cursive";
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
}

.accordion__area .accordion__top h2 {
	margin-top: 13px;
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.accordion__area .accordion-item {
	border: none;
	margin-bottom: 10px;
}

.accordion__area .accordion-button {
	background-color: #f3f5f9;
	padding: 20px 30px;
}

.accordion__area .accordion .accordion-header .accordion-button {
	font-size: 20px !important;
	font-weight: 600;
	color: #333;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.accordion__area .accordion .accordion-header .accordion-button::after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 28px;
	top: 25%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: ElegantIcons;
	font-size: 28px;
	color: #333;
	background-image: none;
	font-weight: bold;
	content: "\4d";
}

.accordion__area .accordion .accordion-header .accordion-button:focus {
	box-shadow: none;
}

.accordion__area .accordion .accordion-header .accordion-button.collapsed::after {
	content: "\4c";
}

.accordion__area .accordion__shape img {
	position: absolute;
}

.accordion__area .accordion__shape-1 {
	left: 16%;
	bottom: 28%;
	z-index: -1;
}

.accordion__area.accordion__area .accordion-button:not(.collapsed) {
	color: #ffffff;
}

.accordion__area.accordion__area .accordion-button:not(.collapsed):after {
	color: #ffffff;
}

.accordion__area.accordion__area .accordion-button:hover {
	background: #2a5778;
	color: #ffffff;
}

.accordion__area.accordion__area .accordion-button:hover:after {
	color: #ffffff;
}

.accordion__area .accordion .accordion-body p {
	font-size: 16px;
	font-weight: 400;
	color: #4b4b57;
	margin: 0;
	padding: 13px 20px;
}

.accordion-item .accordion-body {
	background-color: #F5F5F5;
}

/*****************************************************
    27. Testimonial Section CSS Here  
****************************/
.testimonial2__area {
	overflow: hidden;
	position: relative;
}

.testimonial2__area .swiper-wrapper {
	display: flex;
}

.testimonial2__area .testimonial2__pre-title {
	font-family: "Dancing Script", "cursive";
	font-size: 24px;
	font-weight: 700;
	color: #fd4680;
}

.testimonial2__area .testimonial2__title {
	margin-top: 8px;
	font-size: 40px;
	font-weight: 800;
	color: #333;
}

.testimonial2__area .container.testimonial2__width {
	max-width: 1232px;
}

.testimonial2__area .testimonial2__wrapper {
	padding: 50px;
	background-color: white;
	box-shadow: 0px 40px 70px 0px rgba(0, 21, 81, 0.1);
	margin: 0 16px;
}

.testimonial2__area .testimonial2__wrapper-1 img {
	width: 12px;
	height: 12px;
}

.testimonial2__area .testimonial2__wrapper-2 {
	padding-top: 18px;
}

.testimonial2__area .testimonial2__wrapper-2 h4 {
	font-size: 20px;
	font-weight: 800;
	color: #333;
	margin: 0 0 15px;
}

.testimonial2__area .testimonial2__wrapper-2 p {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #4b4b57;
	margin: 0 0 14px;
}

.testimonial2__area .testimonial2__wrapper-3 {
	display: flex;
	padding-top: 12px;
}

.testimonial2__area .testimonial2__wrapper-3--discription {
	padding-left: 20px;
	padding-top: 6px;
}

.testimonial2__area .testimonial2__wrapper-3--discription h6 {
	font-size: 16px;
	font-weight: 800;
	color: #121a2b;
	margin-bottom: 0%;
}

.testimonial2__area .testimonial2__wrapper-3--discription p {
	font-size: 14px;
	font-weight: 500;
	color: #4b4b57;
}

.testimonial2__area .testimonial2__shape img {
	position: absolute;
}

.testimonial2__area .testimonial2__shape-1 {
	z-index: -1;
	top: 28%;
	left: 22%;
}

.testimonial2__area .testimonial2__shape-2 {
	z-index: -2;
	top: 13%;
	left: 31%;
}

.testimonial2__area .testimonial2__shape-3 {
	z-index: -1;
	top: 27.9%;
	left: 55.5%;
}

/*****************************************************
    28. Sidebar Section CSS Here  
****************************/
.back-sidebar .widget {
	margin-bottom: 50px;
	background: #f5f7fa;
	padding: 45px 45px 50px 45px;
	border-radius: 2px;
}

.back-sidebar .widget.widget-tags {
	padding-bottom: 40px;
}

.back-sidebar .widget.back-search {
	padding: 0;
	border: none;
	margin-bottom: 52px;
}

.back-sidebar .widget.back-blog-search form input {
	border-radius: 6px;
	padding: 15px 28px;
	padding-right: 80px;
	background: #ffffff;
}

.back-sidebar .widget.back-blog-search form button {
	padding: 7px 28px;
}

.back-sidebar .widget.back-category {
	padding: 45px 45px 39px 45px;
	margin: 0 0 5px;
}

.back-sidebar .widget.back-post {
	margin: 50px 0 0;
}

.back-sidebar .widget.related__courses {
	background: #ffffff;
	box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
	margin-top: 22px;
}

.back-sidebar .widget.widget-tags {
	margin-top: 50px;
}

.back-sidebar .widget.widget-tags .tags {
	padding: 0;
	margin: 0;
}

.back-sidebar .widget.widget-tags .tags li {
	display: inline-block;
	margin: 0 5px 13px 0;
}

.back-sidebar .widget.widget-tags .tags li a {
	padding: 8px 17px 8px;
	background: #fff;
	font-size: 13px;
	color: #5c5c68;
	font-weight: 600;
	border-radius: 5px;
}

.back-sidebar .widget.widget-tags .tags li a:hover {
	background: #2a5778;
	color: #ffffff;
}

.back-sidebar .widget.get-back-course {
	box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
	background: #ffffff;
	margin-bottom: 0;
}

.back-sidebar .widget.get-back-course select.from-control {
	border: none;
	padding: 14px 22px;
	background: #f7f7f8;
	border-right: 16px solid #f7f7f8;
	border-radius: 6px;
	cursor: pointer;
	width: 100%;
}

.back-sidebar .widget.get-back-course .price {
	display: flex;
	align-items: center;
	padding: 25px 0 25px;
}

.back-sidebar .widget.get-back-course .price li {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	line-height: 1;
}

.back-sidebar .widget.get-back-course .price li:nth-child(2) {
	font-size: 15px;
	font-weight: 500;
	text-decoration: line-through;
	margin-left: 9px;
}

.back-sidebar .widget.get-back-course .price li:nth-child(3) {
	font-size: 14px;
	color: #079561;
	background: rgba(7, 149, 97, 0.078);
	margin-left: 10px;
	padding: 5px 6px;
}

.back-sidebar .widget.get-back-course .cart__btn {
	border-radius: 6px;
	width: 100%;
	text-align: center;
}

.back-sidebar .widget.get-back-course .price__course {
	padding-top: 16px;
	border-top: 1px solid rgba(2, 3, 52, 0.078);
	margin-top: 30px;
}

.back-sidebar .widget.get-back-course .price__course li {
	padding: 10px 0;
}

.back-sidebar .widget.get-back-course .price__course li i {
	position: relative;
	background: #2a5778;
	padding: 8px;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}

.back-sidebar .widget.get-back-course .price__course li b {
	font-size: 16px;
	font-weight: 500;
}

.back-sidebar ul.recent-category {
	margin: 0;
	padding: 0;
	list-style: none;
}

.back-sidebar ul.recent-category li {
	margin: 10px 0;
}

.back-sidebar ul.recent-category input[type=checkbox]+label {
	cursor: pointer;
}

.back-sidebar ul.recent-category input[type=checkbox] {
	display: none;
}

.back-sidebar ul.recent-category label {
	color: #5c5c68;
	font-size: 14px;
	font-weight: 500;
}

.back-sidebar ul.recent-category input[type=checkbox]+label:before {
	content: "\2714";
	border: 0.1em solid #d9d8d8;
	border-radius: 4px;
	display: inline-block;
	width: 23px;
	height: 23px;
	line-height: 11px;
	margin-right: 16px;
	vertical-align: middle;
	color: transparent;
	transition: .2s;
	background: #ffffff;
	padding: 5px 6px;
	font-size: 13px;
	position: relative;
	top: -2px;
}

.back-sidebar ul.recent-category input[type=checkbox]+label:active:before {
	transform: scale(0);
}

.back-sidebar ul.recent-category input[type=checkbox]:checked+label:before {
	background-color: #2a5778;
	border-color: #2a5778;
	color: #fff;
}

.back-sidebar ul.recent-category input[type=checkbox]:disabled+label:before {
	transform: scale(1);
	border-color: #eee;
}

.back-sidebar ul.related-courses {
	margin: 0;
	padding: 0;
	list-style: none;
}

.back-sidebar ul.related-courses li {
	display: flex;
	align-items: center;
	padding-bottom: 1.2em;
}

.back-sidebar ul.related-courses li .back-ratings i {
	font-size: 10px;
	color: #ff9415;
}

.back-sidebar ul.related-courses li .post-images {
	width: 87px;
	display: block;
}

.back-sidebar ul.related-courses li .post-images img {
	display: block;
	width: 127px;
	border-radius: 6px;
}

.back-sidebar ul.related-courses li .titles {
	display: block;
	padding-left: 20px;
}

.back-sidebar ul.related-courses li .titles h4 {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
}

.back-sidebar ul.related-courses li .titles h4 a {
	color: #333;
}

.back-sidebar ul.related-courses li .titles h4:hover a {
	color: #2a5778;
}

.back-sidebar ul.related-courses li .titles span {
	font-weight: 700;
	color: #54565c;
	color: #2a5778;
}

.back-sidebar ul.related-courses li:last-child {
	padding-bottom: 0;
}

.back-sidebar ul.recent-posts {
	margin: 0;
	padding: 0;
	list-style: none;
}

.back-sidebar ul.recent-posts li {
	display: flex;
	align-items: center;
	padding-bottom: 1.2em;
}

.back-sidebar ul.recent-posts li .back-ratings i {
	font-size: 10px;
	color: #ff9415;
}

.back-sidebar ul.recent-posts li .post-images {
	width: 87px;
	display: block;
}

.back-sidebar ul.recent-posts li .post-images img {
	display: block;
	width: 127px;
	border-radius: 6px;
}

.back-sidebar ul.recent-posts li .titles {
	display: block;
	padding-left: 20px;
}

.back-sidebar ul.recent-posts li .titles h4 {
	margin: 0 0 6px;
	font-weight: 800;
	font-size: 16px;
	line-height: 20px;
}

.back-sidebar ul.recent-posts li .titles h4 a {
	color: #333;
}

.back-sidebar ul.recent-posts li .titles h4:hover a {
	color: #2a5778;
}

.back-sidebar ul.recent-posts li .titles span {
	font-weight: 600;
	color: #737383;
}

.back-sidebar ul.recent-posts li:last-child {
	padding-bottom: 0;
}

.back-sidebar ul.recent-comments {
	margin: 0;
	padding: 0;
	list-style: none;
}

.back-sidebar ul.recent-comments li {
	display: flex;
	padding-top: 25px;
	border-top: 1px solid #e7e9ef;
	margin-top: 25px;
}

.back-sidebar ul.recent-comments li .back-ratings i {
	font-size: 10px;
	color: #ff9415;
}

.back-sidebar ul.recent-comments li .post-images {
	width: 100px;
	display: block;
}

.back-sidebar ul.recent-comments li .post-images img {
	display: block;
	border-radius: 50%;
}

.back-sidebar ul.recent-comments li .titles {
	display: block;
	padding-left: 20px;
	line-height: 1.3;
}

.back-sidebar ul.recent-comments li .titles h4 {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.back-sidebar ul.recent-comments li .titles h4 a {
	color: #333;
}

.back-sidebar ul.recent-comments li .titles h4:hover a {
	color: #2a5778;
}

.back-sidebar ul.recent-comments li .titles span {
	font-weight: 600;
	color: #737383;
	font-size: 13px;
}

.back-sidebar ul.recent-comments li .titles p {
	margin: 15px 0 0;
	font-size: 16px;
	color: #484959;
}

.back-sidebar ul.recent-comments li:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}

.back-sidebar ul.recent-category {
	margin: 0;
	padding: 0;
	list-style: none;
}

.back-sidebar ul.recent-category li a {
	color: #333;
	border-top: 1px solid #e7e9ef;
	display: block;
	line-height: 1;
	padding: 14px 0 13px;
	font-size: 15px;
	position: relative;
	transition: all 0.5s ease 0s;
	font-weight: 500;
}

.back-sidebar ul.recent-category li a:before {
	content: "";
	margin: 0 11px 0 0;
	background: #acadba;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: inline-block;
}

.back-sidebar ul.recent-category li a:hover {
	color: #2a5778;
}

.back-sidebar ul.recent-category li a:hover:before {
	background: #2a5778;
}

.back-sidebar ul.recent-category li a span {
	float: right;
	clear: right;
}

.back-sidebar ul.recent-category li:first-child a {
	padding-top: 0;
	border-top: 0;
}

.back-sidebar ul.recent-category li:last-child a {
	padding-bottom: 0;
}

.back-sidebar h3.widget-title {
	margin: 0;
	font-size: 20px;
	padding-bottom: 1.5em;
	color: #333;
	font-weight: 700;
	line-height: 1.2;
}

.back-sidebar form {
	position: relative;
}

.back-sidebar form input {
	width: 100%;
	padding: 21px 28px;
	background: #eef1f5;
	outline: none;
	border-radius: 2px;
	border: none;
	padding-right: 80px;
}

.back-sidebar form button {
	background: transparent;
	color: #ffffff;
	display: inline-block;
	padding: 14px 28px;
	border-radius: 0 3px 3px 0;
	font-size: 16px;
	border: none;
	outline: none;
	cursor: pointer;
	margin-top: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .5s ease;
}

.back-sidebar form button svg {
	color: #333;
	position: relative;
	top: 6px;
}

.back-sidebar form button svg:hover {
	color: #2a5778;
}

.back-sidebar form button:hover {
	opacity: .9;
}

.back-pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.back-pagination li:not(.back-next) a {
	width: 35px;
	height: 35px;
	border: 2px solid rgba(2, 3, 52, 0.078);
	display: inline-block;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	color: #333;
}

.back-pagination li:not(.back-next) a:hover {
	border: 2px solid #2a5778;
	background: #2a5778;
	color: #ffffff;
}

.back-pagination li {
	margin-right: 7px;
}

.back-pagination li.back-next {
	line-height: 45px;
	padding-left: 15px;
}

.back-pagination li.back-next a {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	border: 2px solid rgba(2, 3, 52, 0.078);
	padding: 6px 18px;
	border-radius: 6px;
}

.back-pagination li.back-next a i {
	font-size: 20px;
	position: relative;
	top: 3px;
}

.back-pagination li.back-next a:hover {
	background: #2a5778;
	color: #ffffff;
}

.back-pagination svg {
	width: 18px;
	color: #333;
	position: relative;
	top: 7px;
	left: 3px;
	transition: all 0.5s ease 0s;
}

.back-pagination.back-shop-pagination {
	justify-content: center;
	padding-top: 50px;
}

/*****************************************************
    29. Profile Section CSS Here  
****************************/

.profile-top .teacher__course {
	padding-top: 50px;
	border-top: 1px solid #e8eaf0;
	margin-top: 57px;
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 40px;
}

.profile-top .follow {
	border: 2px solid #e8eaf0;
	padding: 7px 24px 7px 24px;
	color: #333;
	font-size: 15px;
	font-weight: 600;
	border-radius: 5px;
}

.profile-top .follow:hover {
	background: #2a5778;
	border-color: #2a5778;
	color: #ffffff;
}

.profile-top .user-section {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8eaf0;
	margin-bottom: 30px;
}

.profile-top .user-section li {
	padding-right: 60px;
	line-height: 1.5;
	font-size: 14px;
	color: #6d6e75;
	font-weight: 500;
}

.profile-top .user-section li .name {
	color: #333;
	font-size: 26px;
	font-weight: 800;
}

.profile-top img {
	border-radius: 6px;
}

.profile-top .user-section li em {
	display: block;
	font-style: normal;
}

.profile-top .user-section li .back-ratings i {
	font-size: 14px;
	color: #ff9415;
}

.profile-top .user-section li.social a {
	color: #898a93;
	margin: 0 6px 0 0;
	font-size: 13px;
}

.profile-top .user-section li.social a:hover {
	color: #2a5778;
}

.profile-top h3 {
	font-size: 20px;
	font-weight: 600;
}

/*****************************************************
    30. Courses Section CSS Here  
****************************/
.back-courses__single-page .user-section {
	display: flex;
	align-items: center;
	padding-bottom: 50px;
}

.back-courses__single-page .user-section li {
	padding-right: 60px;
	line-height: 1.3;
	font-size: 14px;
	color: #6d6e75;
	font-weight: 500;
}

.back-courses__single-page .user-section li em {
	display: block;
	font-style: normal;
	font-size: 15px;
	color: #333;
	font-weight: 700;
	padding-top: 4px;
}

.back-courses__single-page .user-section li.user {
	display: flex;
}

.back-courses__single-page .user-section li.user span {
	padding-right: 12px;
}

.back-courses__single-page .user-section li.user span img {
	width: 42px;
	border-radius: 50%;
}

.back-courses__single-page .user-section li .back-ratings i {
	font-size: 14px;
	color: #ff9415;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs {
	border: 1px solid rgba(2, 3, 52, 0.078);
	padding: 0 0 1px 0;
	margin-top: 40px;
	border-radius: 6px;
	margin-bottom: 50px;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li {
	width: 33.33%;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li a {
	border: none;
	color: #484959;
	font-size: 15px;
	font-weight: 600;
	border-radius: 0;
	border-right: 1px solid rgba(2, 3, 52, 0.078);
	padding: 14px 0px;
	text-align: center;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li a svg {
	width: 18px;
	height: 18px;
	margin-right: 3px;
	position: relative;
	top: -1px;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li a svg.feather-book {
	width: 16px;
	height: 17px;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li a.active,
.back-courses__single-page .course-single-tab .nav.nav-tabs li a:hover {
	background: #2a5778;
	color: #ffffff;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li a.active svg,
.back-courses__single-page .course-single-tab .nav.nav-tabs li a:hover svg {
	color: #ffffff;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li:last-child a {
	border-right: 0;
	border-radius: 0px 6px 6px 0px;
}

.back-courses__single-page .course-single-tab .nav.nav-tabs li:first-child a {
	border-radius: 6px 0px 0px 6px;
}

.back-courses__single-page .course-single-tab #back-tab-content h1,
.back-courses__single-page .course-single-tab #back-tab-content h2,
.back-courses__single-page .course-single-tab #back-tab-content h3,
.back-courses__single-page .course-single-tab #back-tab-content h4 {
	color: #333;
	margin: 0 0 20px;
}

.back__course__area h1,
.back__course__area h2,
.back__course__area h3,
.back__course__area h4 {
	color: #333;
	margin: 0 0 20px;
}

.back-courses__single-page .course-single-tab #back-tab-content p {
	font-size: 16px;
	color: #4b4b57;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-tag a {
	font-size: 16px;
	color: #737383;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-tag a:hover {
	color: #2a5778;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-tag svg {
	width: 18px;
	height: 18px;
	margin-right: 4px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-objectives {
	background: #f7f7f8;
	overflow: hidden;
	padding: 40px;
	border-radius: 2px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-objectives h3 {
	font-size: 20px;
	color: #333;
	margin: 0 0 20px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li {
	float: left;
	width: 50%;
	font-size: 15px;
	color: #333;
	position: relative;
	padding-left: 42px;
	margin: 10px 0 17px;
	line-height: 1.3;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li:first-child {
	float: none;
	width: 100%;
	padding: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li i {
	background: #2a5778;
	padding: 6px;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors {
	margin: 50px 0 50px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors h3 {
	font-size: 20px;
	color: #333;
	margin: 0 0 28px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li {
	display: inline-flex;
	font-size: 15px;
	color: #333;
	margin-right: 60px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li:first-child {
	display: block;
	margin-right: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li span {
	display: block;
	line-height: 1.3;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li span img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
}

.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li em {
	display: block;
	font-style: normal;
	font-size: 15px;
	color: #6d6e75;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week {
	background: #f7f7f8;
	padding: 40px 40px 30px 40px;
	border-radius: 6px;
	margin-bottom: 20px;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .week__top {
	display: flex;
	border-bottom: 1px solid rgba(2, 3, 52, 0.078);
	justify-content: space-between;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 28px;
	color: #333;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .week__top li:last-child {
	color: #828287;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li {
	border-bottom: 1px solid rgba(2, 3, 52, 0.078);
	color: #4b4c57;
	padding: 12px 0 12px;
	overflow: hidden;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li svg {
	width: 20px;
	height: 20px;
	margin-right: 7px;
	position: relative;
	top: -2px;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em {
	font-style: normal;
	float: right;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em svg {
	width: 17px;
	height: 17px;
	margin-right: 3px;
	position: relative;
	top: -2px;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em.questions {
	background-color: rgba(248, 69, 45, 0.102);
	color: #f8452d;
	padding: 6px 10px;
	line-height: 1;
	border-radius: 6px;
	margin-left: 20px;
	font-weight: 500;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li b {
	font-weight: 700;
	color: #333;
}

.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li:last-child {
	border: none;
}

.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar {
	position: relative;
	display: block;
	background: #e0e0e0;
	height: 10px;
	width: 100%;
	clear: both;
	margin: 0 0 40px;
	border-radius: 30px;
}

.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-bar {
	height: 10px;
	width: 0;
	background: rgba(42, 109, 245, 0.8);
	display: block;
	margin: 0;
	position: relative;
	border-radius: 30px;
}

.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skill-bar-percent,
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-title {
	position: absolute;
	top: -26px;
	font-weight: 500;
	color: #333;
}

.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-title {
	font-size: 14px;
	left: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skill-bar-percent {
	font-size: 13px;
	right: 0;
	z-index: 1;
}

.back-courses__single-page .course-single-tab #back-tab-content .five__number {
	background: #f0f2f6;
	text-align: center;
	padding: 50px;
}

.back-courses__single-page .course-single-tab #back-tab-content .five__number em {
	font-size: 100px;
	color: #333;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 8px;
}

.back-courses__single-page .course-single-tab #back-tab-content .five__number i {
	color: #ff9415;
	font-size: 14px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author {
	display: flex;
	align-items: center;
	padding: 25px 40px 30px;
	overflow: hidden;
	margin-bottom: 20px;
	background: #f0f1f5;
	border-radius: 10px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author .avatar {
	margin-right: 20px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author .avatar img {
	border-radius: 50%;
	width: 80px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .back-ratings i {
	color: #ff9415;
	font-size: 14px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .name {
	margin: 15px 0 0;
	color: #333;
	transition: all 0.5s ease 0s;
	font-size: 16px;
	font-weight: 700;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .designation {
	font-size: 13px;
	color: #54565c;
	margin: 0;
	font-weight: 500;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author p {
	font-size: 16px;
	color: #4b4b57;
	margin: 0;
	line-height: 24px;
}

.back-courses__single-page .course-single-tab #back-tab-content .post-author:hover .info .name {
	color: #2a5778;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec {
	border: 2px solid #f0f2f6;
	border-radius: 10px;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec h3 {
	background: #f0f2f6;
	font-size: 18px;
	font-weight: 800;
	color: #333;
	padding: 20px 35px;
	margin: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec ul {
	padding: 26px 30px 26px 35px;
	border-top: 1px solid rgba(2, 3, 52, 0.078);
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li {
	padding-right: 0px;
	flex: 0 0 30%;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li.user {
	align-items: center;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li span img {
	width: 60px;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:last-child {
	padding-right: 0;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:nth-child(2) {
	padding-left: 70px;
}

.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:nth-child(3) {
	padding-left: 40px;
}

.back-courses__single-page .course-single-tab #back-tab-content .social-links h4 {
	font-size: 16px;
	font-weight: 800;
	margin: 0 0 26px;
}

.back-courses__single-page .course-single-tab #back-tab-content .social-links li a {
	border-radius: 6px;
}

.back-courses__single-page .course-single-tab #back-tab-content .social-links li:first-child {
	float: none;
	width: 100%;
	padding: 0;
	display: block;
}

/*****************************************************
    31. Blog Page CSS Here  
****************************/
.back-blog-page .single-blog {
	transition: all 0.5s ease 0s;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.back-blog-page .single-blog.blog__last {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.back-blog-page .single-blog .blog-content {
	padding: 40px 40px 0;
}

.back-blog-page .single-blog .blog-content .top-part {
	display: flex;
	align-items: center;
	padding-bottom: 12px;
}

.back-blog-page .single-blog .blog-content .top-part li {
	font-size: 15px;
	color: #737383;
	padding-right: 25px;
	font-weight: 500;
}

.back-blog-page .single-blog .blog-content .top-part li svg {
	width: 18px;
	height: 18px;
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.back-blog-page .single-blog .blog-content .blog-title {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 25px;
	font-family: 'Inter', sans-serif;
}

.back-blog-page .single-blog .blog-content .blog-title a {
	color: #333;
}

.back-blog-page .single-blog .blog-content .blog-title a:hover {
	color: #2a5778;
}

.back-blog-page .single-blog .blog-content .blog-desc {
	color: #55575c;
	margin-bottom: 30px;
}

.back-blog-page .single-blog .blog-content .back-btn-border {
	border-radius: 4px;
	padding: 7px 38px;
}

.back-blog-page .single-blog .blog-content .back-btn-border i {
	font-size: 19px;
	position: relative;
	top: 4px;
	left: 2px;
}




/*=====================================================
    28. BLOG SINGEL PAGE css 
======================================================*/

.blog-details .cont {
	padding: 40px 50px;
	background-color: #fff;
}

.blog-details img {
	max-width: 100%;
}

.blog-details .cont h1 {
	font-size: 36px;
	color: #000;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.blog-details h2 {
	font-size: 32px;
	margin: 10px 0;
}

.blog-details h3 {
	font-size: 28px;
	margin: 10px 0;
}

.blog-details h4 {
	font-size: 24px;
	margin: 10px 0;
}

.blog-details h5 {
	font-size: 22px;
	margin: 10px 0;
}

.blog-details .cont ul {
	padding: 20px 0;
}

.blog-details .cont ul li {
	display: inline-block;
	margin-right: 30px;
}

.blog-details .cont ul li a {
	font-size: 15px;
}

.blog-details .cont ul li a i {
	color: #bf0013;
	margin-right: 5px;
}

/*****************************************************
    35. 404 Seite
****************************/

.back-error-page h1 {
	font-size: 70px;
	font-weight: 800;
	margin: 0;
}

.back-error-page p {
	font-size: 20px;
	color: #4b4b57;
	margin: 16px 0 60px;
}

.back-error-page .back-btn {
	border-radius: 6px;
}

/*****************************************************
    36. Footer CSS Here 
****************************/
.back-footer {
	position: relative;
	color: #4b4c57;
}

.back-footer .footer-top {
	padding: 100px 0 93px;
}

.back-footer .footer-top .footer-menu li {
	margin-bottom: 9px;
}

.back-footer .footer-top .footer-menu li a {
	color: #4b4c57;
	position: relative;
	display: inline-block;
	transition: all 0.5s ease 0s;
	font-size: 16px;
	font-weight: 500;
}

.back-footer .footer-top .footer-menu li a:after {
	content: "";
	display: block;
	position: relative;
	z-index: 1;
	top: auto;
	bottom: 0px;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 0;
	height: 1px;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	background-color: #2a5778;
}

.back-footer .footer-top .footer-menu li a:hover {
	color: #2a5778;
	margin-left: 5px;
}

.back-footer .footer-top .footer-menu li a:hover:after {
	width: 100%;
}

.back-footer .footer-top .footer-menu li:last-child {
	margin-bottom: 0;
}

.back-footer .footer-top .footer-desc p {
	margin-bottom: 0;
}

.back-footer .footer-top .back-instagram {
	margin: 0 0 0 -5px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.back-footer .footer-top .back-instagram li {
	flex: 0 0 33.333%;
	max-width: 33.333%;
	padding: 20px;
}

.back-footer .footer-top .back-instagram li a img {
	border-radius: 6px;
	transition: all 0.5s ease 0s;
}

.back-footer .footer-top .back-instagram li a:hover img {
	opacity: .8;
}

.back-footer .footer-top .footer-widget.footer-widget-2 {
	padding-left: 70px;
}

.back-footer .footer-top .footer-widget .footer-subtitle {
	color: #4b4c57;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
	margin-top: 25px;
	line-height: 1.5;
}

.back-footer .footer-top .footer-widget .back-follow-us {
	color: #333;
	font-size: 16px;
	font-weight: 800;
	margin: 0 0 20px;
}

.back-footer .footer-top .footer-widget .footer-title {
	margin-bottom: 30px;
	position: relative;
	color: #333;
	font-size: 20px;
	font-weight: 800;
}

.back-footer .footer-top .footer-widget .footer-address {
	margin-bottom: 30px;
}

.back-footer .footer-top .footer-widget .footer-address li {
	width: 100%;
	font-size: 15px;
	margin-bottom: 24px;
	display: inline-flex;
	color: #abb0ba;
	font-weight: 500;
}


.back-footer .copyright {
	border-top: 1px solid rgba(15, 22, 41, 0.102);
	padding: 24px 0 24px;
}


.back-footer .copyright .back-copy-left {
	font-size: 16px;
	margin-bottom: 0;
	color: #74747d;
}

.back-footer .copyright .back-copy-left a {
	color: #2a5778;
	transition: all .7s ease;
}

.back-footer .copyright .back-copy-left a:hover {
	color: #74747d;
}

.back-footer .copyright .back-copy-right ul {
	margin: 0;
	padding: 0;
	float: right;
	display: flex;
}

.back-footer .copyright .back-copy-right ul li {
	padding-left: 30px;
}

.back-footer .copyright .back-copy-right ul li:first-child {
	padding-left: 0px;
}

.back-footer .copyright .back-copy-right ul li a {
	color: #74747d;
	font-size: 15px;
	font-weight: 500;
}

.back-footer .copyright .back-copy-right ul li a:hover {
	color: #2a5778;
}

.gem_gruppe .gem_logo_wrapper {
	padding: 0 40px;
	text-align: center;

}

.gem_gruppe .gem_logo_wrapper img {
	width: 150px;
}

.social-links {
	margin: 40px 0;
}

.social-links li {
	display: inline-block;
	margin-right: 6px;
}

.social-links li a.sm_link {
	color: #fff;
	background: transparent;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	padding: 10px 40px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.social-links li a.sm_link:hover {
	color: #ffffff;
	background: #2a5778;
	border-color: #2a5778;
}

.social-links li a.sm_social_instagram {
	background: #f10075 !important;
}

.social-links li a.sm_social_youtube {
	background: red !important;
}

.social-links li a.sm_social_facebook {
	background: #3c5a99 !important;
}

.social-links li a.sm_social_linkedin {
	background: #2867b2 !important;
}


.social-links li:last-child {
	margin-right: 0;
}

.footer-adress i {
	font-size: 20px !important;
	margin-right: 15px;
}

.footer-logo img {
	width: 220px;
}

/*****************************************************
    37. Preloader CSS Here 
****************************/
#back__preloader {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit- flex;
	display: -ms- flex;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	background: #ffffff;
	position: fixed;
	z-index: 999999;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.back__loader_logo {
	position: absolute;
}

.back__loader_logo img {
	width: 40px;
}

#back__circle_loader {
	width: 100px;
	height: 100px;
	border-style: solid;
	border-width: 5px;
	border-top-color: #465fe9;
	border-right-color: #465fe9;
	border-bottom-color: #d5eaff;
	border-left-color: #d5eaff;
	border-radius: 50%;
	-webkit-animation: spinLoader 2s linear infinite;
	animation: spinLoader 2s linear infinite;
}

@-webkit-keyframes spinLoader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinLoader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*****************************************************
    39. Mega Menu
****************************/

.back-header {
	padding: 15px 0;
	background: #ffffff;
}


#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu>li .wpmm-strees-row-container>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a {
	font-size: 20px !important;
	margin-bottom: 10px !important;
}


.wp-megamenu-sub-menu img.image {
	max-width: 100%;
	margin-bottom: 20px;
	border-radius: 8px;
}

.wp-megamenu-sub-menu {
	padding: 10px 0 !important;
}


#wp-megamenu-primary>.wpmm-nav-wrap .wp-megamenu>li .wpmm-strees-row-container>ul.wp-megamenu-sub-menu li.wpmm-type-widget>a,
#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
	font-family: 'Ropa Sans', serif !important;
}


.wp-megamenu-sub-menu img.image {
	max-width: 100%;
	margin-bottom: 20px;
}

.wp-megamenu-sub-menu {
	padding: 10px 0 !important;
}


.wp-megamenu-sub-menu .menue-logo-100 {
	height: 130px !important;
	width: auto;
}

/*****************************************************
    40. Inhaltselemente
****************************/

/* 40.1 Bild + Text */

.fi_bild_text img {
	border-radius: 6px;
}

.fi_bild_text .text_wrapper {
	position: relative;
}

.fi_bild_text .bild_wrapper,
.fi_bild_text .text_wrapper {
	padding: 0 20px;
}

.fi_bild_text ul,
.fi_text ul,
.fi_video_text ul,
.fi_faqs .accordion-body ul,
.content ul {
	list-style: disc;
	margin: 25px 0 25px 20px;
}

.fi_bild_text ul li,
.fi_text ul li,
.fi_faqs .accordion-body ul li,
.fi_video_text .accordion-body ul li,
.content ul li {
	margin-bottom: 15px;
	margin-left: 10px;
}

/* 40.2 FAQs */

.fi_faqs .accordion-button:not(.collapsed) {
	background-color: #2a5778;
	color: #fff;
}

/* 40.3 Video + Text */

.fi_video_text .video_wrapper,
.fi_video_text .text_wrapper {
	padding: 0 20px;
}

/* 40.4 Partnerschulen */

.fi_partnerschulen i {
	margin-right: 20px;
	font-size: 20px;
	font-weight: bold;
}

.fi_partnerschulen a {
	color: #333;
	font-size: 18px;
	line-height: 38px;
}

.fi_partnerschulen a:hover {
	color: #bf0013;
	text-decoration: underline;
}


/* 4.10 Referenzen */

.referenz_teaser {
	position: relative;
	justify-content: center;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 35px rgb(0 0 0 / 16%);
	padding: 40px;
	margin-bottom: 40px;
	border-radius: 4px;
}

.referenz_teaser .name_position {
	font-weight: bold;
	margin-top: 20px;
}

.referenz_teaser img {
	max-width: 200px;
}


/* 40.6 Text */

.fi_text h1,
.einleitungstext h1,
.fi_bild_text h1 {
	margin-bottom: 25px;
}

.fi_text h1:first-child,
.fi_text h2:first-child,
.fi_text h3:first-child,
.fi_text h4:first-child {
	margin-bottom: 20px;
}



.fi_text p:last-child {
	margin-bottom: 0px;
}

.einleitungstext a {
	font-weight: bold;
	text-decoration: underline !important;
}

.einleitungstext a:hover {
	text-decoration: none !important;
}

.fi_schritte ul,
.fi_text ul,
.sidebar .sidebar-last-posts ul {
	list-style: none;
	margin: 20px 0px !important;
}

.fi_schritte ul li,
.fi_text ul li,
.sidebar .sidebar-last-posts ul li {
	line-height: 26px;
	margin-bottom: 5px;
	position: relative;
	padding: 8px 0px 8px 45px;
}

.fi_schritte ul li:before,
.fi_text ul li:before,
.sidebar .sidebar-last-posts ul li:before {
	content: "\f00c";
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	font-family: "FontAwesome";
	font-weight: 900;
	left: 0px;
	top: 10px;
	height: 30px;
	width: 30px;
	text-align: center;
	align-items: center;
	color: #bf0013;
	border-radius: 50%;
}

/* 40.7 Bild */

.fi_bild img {
	width: 100%;
	border-radius: 4px;
}

/* 40.8 Call to Action Footer */

.fi_call_to_action_footer .button_wrapper {
	text-align: right;
}

.fi_call_to_action_footer .button_wrapper .back-btn {
	text-align: center;
}

.fi_call_to_action_footer .button_wrapper {
	padding: 20px 40px;
}

.fi_call_to_action h1,
.fi_call_to_action h2,
.fi_call_to_action h3,
.fi_call_to_action h4,
.fi_call_to_action h5 {
	text-align: center;
}

/* 40.9 Timeline */

.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
	margin: 50px 0;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #dcdcdc;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #bf0013;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}

.timeline-body ul {
	margin: 20px 0;
}

.timeline-subline {
	font-size: 20px;
}

.timeline-badge i {
	font-size: 22px !important;
}

/* 40.10 Slideshow */

.slideshow {
	position: relative;
}

.slideshow .owl-next,
.slideshow .owl-prev {
	position: absolute;
	top: 30%;
}

.slideshow .owl-next span,
.slideshow .owl-prev span {
	font-size: 70px;
}

.slideshow .owl-next {
	right: 20px;

}

.slideshow .owl-prev {
	left: 20px;
}

.slideshow img {
	width: 100%;
	object-fit: cover;
	object-position: 50% 0;
}

.slideshow .header-slider-text {
	text-align: center;
}

.slideshow-slide-text {
	font-size: 20px;
}

.owl-dots {
	text-align: center;
	bottom: 20px;
	width: 100%;
	position: absolute;
}

.owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc;
	margin: 0 3px;
}

.owl-dots button.owl-dot.active {
	background-color: #000;
}

.owl-dots button.owl-dot:focus {
	outline: none;
}

.slideshow .back-btn {
	margin-top: 20px;
}

/* 40.11 Call to Action */

.fi_call_to_action h1,
.fi_call_to_action h2,
.fi_call_to_action h3,
.fi_call_to_action h4,
.fi_call_to_action h5 {
	margin-bottom: 50px;
}


.fi_call_to_action p {
	line-height: 30px;
	margin-bottom: 8px;
}


.fi_call_to_action .button_wrapper {
	margin-top: 40px;
}

/* 40.12 Keyfacts */

.category__area .container.category__width .row {
	justify-content: center;
}

.category__area .category__top-wrapper {
	padding-bottom: 38px;
}

.category__area .category__top-wrapper-1 {
	font-size: 16px;
	font-weight: 600;
	color: #3563cc;
}

.category__area .category__top-wrapper-2 {
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
	color: #020334;
}

.category__area .category__wrapper {
	max-width: 100%;
	padding: 8px 22px 8px 22px;
	border-radius: 6px;
	background-color: #335266;
	text-align: center;
}

.category__area .category__wrapper h4 {
	display: inline-block;
	font-size: 15.5px;
	vertical-align: sub;
	margin: 0;
	color: #fff;
}
 
.category__area .category__wrapper h4 a {
	color: #020334;
}

.category__area .category__wrapper:hover a {
	color: #335266;
}

.category__area .category__inner {
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
	cursor: pointer;
	border-left: 3px solid #ffffff;
	border-radius: 6px;
}

.category__area .category__inner:hover {
	transform: translateY(-2px);
	border-color: #335266;
}

/* 4.13 Schritte */

.back-step__area {
	position: relative;
}

.back-step__area .step__title-content {
	padding-bottom: 30px;
}


.back-step__area .step__content--icon {
	position: relative;
	background-image: -moz-linear-gradient(120deg, #335266 0%, #335266 100%);
	background-image: -webkit-linear-gradient(120deg, #335266 0%, #335266 100%);
	background-image: -ms-linear-gradient(120deg, #335266 0%, #335266 100%);
	border-radius: 50%;
	width: 66px;
	height: 66px;
	line-height: 25px;
	float: left;
}

.back-step__area .step_content-icon span {
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	height: 17px;
	left: 23px;
	top: 20px;
}

.back-step__area .step__content--content {
	margin: 20px 0 50px 120px;
}

.back-step__area .step__content--content h4 {
	font-size: 20px;
	font-weight: 800;
	line-height: 25px;
	margin: 0 0 15px;
	color: #333;
}

.back-step__area .step__content--content p {
	font-weight: 500;
	line-height: 22px;
	color: #4b4c57;
}

.back-step__area .step__shape img {
	position: absolute;
	-index: -1;
}

.back-step__area .step__shape .step__shape-2 {
	top: 29%;
	left: 51%;
}

/* 4.14 Icon Boxen */

.fi_icon_boxen .icon_box_teaser {
	text-align: center;
}

.fi_icon_boxen .icon_box_teaser img {
	width: 160px;
}

.academic__title {
	font-size: 40px;
	font-weight: 800;
	color: #333;
	padding-bottom: 2px;
}

.academic__container {}

.academic__wrapper {
	position: relative;
	display: inline-block;
}

.academic__wrapper::before {
	position: absolute;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	-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;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	width: 100%;
	border-radius: 50%;
	content: "";
	height: 100%;
	border: 2px solid #2a5778;
}

.academic__wrapper:hover::before {
	opacity: 1;
	visibility: visible;
}

.academic__wrapper--image svg {
	position: relative;
	width: 160px;
	height: 160px;
	object-fit: cover;
}


.academic__round-area-title {}

.academic__round-area-title-1 {
	padding-top: 37px;
	font-size: 20px;
	font-weight: 800;
	color: #333;
	margin: 0 0 15px;
}

.academic__round-area-title-2 {
	font-weight: 400;
	line-height: 24px;
	color: #4b4c57;
	min-height: 80px;
}

.academic__round-area-title-3 {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	line-height: 28px;
	color: #333;
}

.academic__round-area-title-3--icon {
	vertical-align: middle;
	padding-left: 5px;
}

.academic__round-area-title-3:hover {
	color: #2a5778;
}

/* 4.15 Galerie */

.fi_galerie .galerie_img_wrapper {
	margin-bottom: 20px;
}

.fi_galerie .galerie_img_wrapper img {
	border-radius: 6px;
}

/* 4.16 Partner Bewertungen */

.partner-bewertung-teaser {
	text-align: center;
	margin-bottom: 40px;
}

.partner-bewertung-teaser p.h3 {
	margin: 40px 0 0 0;
	font-size: 28px;
}

.partner-bewertung-teaser p.h4 {
	margin: 20px 0;
	font-size: 20px;
	min-height: 50px;
}


/* 4.17 Kontakt Personen */

.ie_kontakt_box ul {
	list-style: none;
}

.ie_kontakt_box ul li {
	margin-bottom: 10px;
	font-size: 18px;
}

.ie_kontakt_box ul li i {
	margin-right: 10px;
	font-size: 18px!important;
}

.ie_kontakt_box ul li a {
	color: #1d1d1f;
}

.ie_kontakt_box .ap-name {
	font-weight: bold;
	margin: 0 0 5px 10px;
	font-size: 24px;
}

.ie_kontakt_box .ap-position {
	margin: 5px 0 0 10px;
}

.ie_kontakt_box img {
	border-radius: 50%;
    height: 180px;
}

.ie_kontakt_box .kp-name {
	font-weight: bold;
	font-size: 22px;
}

.ie_kontakt_box .row_kontaktperson {
	margin-bottom: 40px;
}

/* 4.18 Video */

.fi_video .video-container-wrapper {
	width: 1200px;
}

/* 4.19 Pressemitteilungen */

.pressemitteilung-teaser {
	padding: 0 25px;
	margin-bottom: 35px;
}


/* 4.20 Banner */

.fi_banner {
	min-height: 800px;
	padding: 200px 0;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.fi_banner .banner-text {
	text-align: center;
	background: #F5F5F5;
	padding: 50px 75px;
}

/* 4.21 Call to Action Video */

.fi_call_to_action_video {

}

.fi_call_to_action_video .text_wrapper {  
	text-align: center;
	padding: 0px 150px;
}

.fi_call_to_action_video .fi_call_to_action_video_text {
	font-weight: bold;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 100px;
}

.fi_call_to_action_video .video-container-wrapper {
	width: 100%;
}

/*****************************************************
    41. Bildungseinrichtung
****************************/


.bildungseinrichtung-galerie img {
	border-radius: 8px;
	margin-bottom: 15px;
}

/*****************************************************
    42. Erfolgsgeschichte Modal 
****************************/

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	/* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	/* Could be more or less, depending on screen size */
}

.modal .btn,
.modal .close {
	background-color: #bf0013;
}


/*=====================================================
    43. BLOG PAGE css 
======================================================*/

.single-blog {
	overflow: hidden;
	border-radius: 5px;
}

.single-blog .blog-thum img {
	width: 100%;
}

.single-blog .blog-cont {
	padding: 20px;
	background-color: #fff;
}

.single-blog .blog-cont a.more {
	background: #bf0013;
    color: #fff;
    margin: 5px 0;
    border-radius: 30px;
    display: inline-block;
    padding: 10px 38px;
}

.single-blog .blog-cont .postdate {
	color: #2a5778;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.single-blog .blog-cont h3 {
	font-size: 22px;
	color: #000;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	min-height: 88px;
}

.single-blog .blog-cont a:hover h3 {
	color: #bf0013;
}

.single-blog .blog-cont ul {
	padding: 5px 0 20px 0;
}

.single-blog .blog-cont ul li {
	display: inline-block;
	margin-right: 30px;
}

.single-blog .blog-cont ul li:last-child {
	margin-right: 0;
}

.single-blog .blog-cont ul li a {
	font-size: 15px;
	color: #252525;
}

.single-blog .blog-cont ul li a i {
	color: #bf0013;
	margin-right: 5px;
}


.sidebar ul li a {
	color: #333;
}

.sidebar .sidebar-search {
	padding: 35px;
	background-color: #fff;
	border-radius: 5px;
}

.sidebar .sidebar-search form {
	position: relative;
}

.sidebar .sidebar-search form input {
	width: 100%;
	height: 45px;
	padding: 0 25px;
	background-color: #f6f6f6;
	color: #8a8a8a;
	border-radius: 5px;
	font-size: 15px;
	border: 0;
}

.sidebar .sidebar-search form button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	font-size: 16px;
	color: #252525;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.sidebar .sidebar-cart {
	background-color: #fff;
	padding: 30px 35px 25px;
	border-radius: 5px;
}

.sidebar .sidebar-cart h4,
.sidebar .sidebar-post h4 {
	font-size: 24px;
	color: #07294d;
}


.sidebar .sidebar-post {
	padding: 30px 35px 35px;
	background-color: #fff;
	border-radius: 5px;
}

.sidebar .sidebar-post ul {
	padding-top: 10px;
}

.sidebar .sidebar-post ul li a {
	display: block;
	margin-top: 30px;
}

.sidebar .sidebar-post ul li a .single-post {
	overflow: hidden;
}

.sidebar .sidebar-post ul li a .single-post .thum {
	float: left;
	padding-right: 20px;
}

.sidebar .sidebar-post ul li a .single-post .thum img {
	border-radius: 5px;
}

.sidebar .sidebar-post ul li a .single-post .cont {}

.sidebar .sidebar-post ul li a .single-post .cont h6 {
	font-weight: 600;
	font-size: 18px;
	color: #000;
	padding-bottom: 10px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.sidebar .sidebar-post ul li a .single-post .cont h6:hover {
	color: #bf0013;
}

.sidebar .sidebar-post ul li a .single-post .cont span {
	font-size: 14px;
}

/*-----------------
	44. Offcanvas Menü
-----------------------*/

#offcanvas_menue.site-menu {
	display: none;
}

#offcanvas_menue .submenue_title {}

#offcanvas_menue .submenue_item {}

.mobile-menu2 {
	position: absolute;
	right: 20px;
	top: 20px;
	visibility: hidden;
}


/*-----------------
	45. Animationen
-----------------------*/


.animated {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
	}

	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
	}
}

@keyframes tada {
	0% {
		transform: scale(1);
	}

	10%,
	20% {
		transform: scale(0.9) rotate(-3deg);
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg);
	}

	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg);
	}

	100% {
		transform: scale(1) rotate(0);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.glow {
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #F5F5F5, 0 0 20px #F5F5F5, 0 0 30px #F5F5F5, 0 0 40px #F5F5F5, 0 0 50px #F5F5F5, 0 0 60px #F5F5F5, 0 0 70px #F5F5F5;
	}

	to {
		text-shadow: 0 0 20px #f4981a, 0 0 30px #f4981a, 0 0 40px #f4981a, 0 0 50px #f4981a, 0 0 60px #f4981a, 0 0 70px #f4981a, 0 0 80px #f4981a;
	}
}

ul.header-sprachen ul {
	list-style: none;
}

.wpml-ls-legacy-list-horizontal,
ul.header-sprachen ul,
.wpml-ls-legacy-list-horizontal {
	margin: 0;
	padding: 0!important;
}

#top-bar p {
	margin-top: 5px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-wrapper {
	max-width: 100%;
	width: 600px;
	left: 0;
	right:0;
	margin:auto;
}