/*
Theme Name: LMS Education University Pro
Theme URI: https://www.misbahwp.com/products/education-university-wordpress-theme/
Description: LMS Education is a fabulous, elegant, sophisticated and retina-ready theme. It is based on bootstrap framework therefore is very handy to use. You can add shortcodes to the theme if you know coding to improve the functionality of your website. It is ideal for online learning, education, teaching, tutoring, training center, university, college, primary and secondary schools, book selling, course hub, digital skills development center and for other educational institutions. It is translation-ready theme and supports RTL layout. It is written with clean and secure codes. It has faster page load times as it is optimized for speed. This theme is based on learnpress LMS. You can easily sell and purchase courses using this theme. It is well sanitized as per WordPress standards so your website is always compatible with the latest WordPress version. With social media option you can always link your social media pages to the website. It is SEO-friendly theme which will help your website rank soon on major search engines like Google. Also, the responsive layout makes it mobile-friendly which fits well on any device screen size. This professional and multipurpose theme is indeed the best choice. Try it yourself to know how user-friendly it is to work with and also has so many options for customization.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: lms-education-university-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: underline;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Ubuntu', sans-serif;
}

a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ffb606;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  background: #0d090a;
}
.top-header .button1,
.top-header .button1::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.top-header .button1{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #ffb606;
  font-weight: bold;
}
.top-header .button1::before,
.top-header .button1::after{
  background: #ffff;
  content: '';
  position: absolute;
  z-index: -1;
}
.top-header .button1:hover{
  color: #ffb606;
}
.top-header .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
.top-header .button1:hover:after{
  width: 100%;
}

.top-header .button2,
.top-header .button2::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.top-header .button2{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #222222;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  font-weight: bold;
}
.top-header .button2::before,
.top-header .button2::after{
  background: #ffb606;
  content: '';
  position: absolute;
  z-index: -1;
}
.top-header .button2:hover{
  color: #fff;
}
.top-header .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
.top-header .button2:hover:after{
  width: 100%;
}

.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #d45228;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}
 

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}
.logo a:hover,
.logo a:focus {
  color:#723626;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.logo-image {
  float: left;
  margin: 10px 0;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */
.social-links a {
  color: #ffb606;
}
.social-links a:hover,.top-header p{
	color: #ffb606; 
}

/* ===============================================
   MENU BOX
   ============================================= */
 #site-navigation {
  background: #222222;
}
#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
    padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px;
	text-transform:uppercase;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ffb606;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 70px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #222222;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #ffb606;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #ffb606;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i,a.cart-customlocation i {
  font-size: 18px;
  cursor: pointer;
	color: #efc050;
	margin: 10px 0; 
 }
 .header-search .open-search-form i:hover,
 a.cart-customlocation i:hover{
 	color: #ffb606;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}

.post-box .post-thumbnail figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.post-box .post-thumbnail figure:hover+span{
	opacity: 1;
}
.post-box .post-thumbnail figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.post-box :hover .post-thumbnail figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

.post-content p{
	color: #a5a7b1;
}
.post-meta i{
	color: #ffb606;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  width: 100%;
  float: left;
}
.post-box, .post-single, .page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ffb606;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-respond input#submit:hover{
  background-color: #222222;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #ffb606;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #222222;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }

  .logo {
    text-align: center;
  }
  .top-register, .top-login{
  	padding: 12px 20px;
  }
  .menu-toggle,
  .dropdown-toggle {
    border:none;
    display: block;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background: #ffb606;
    color: #fff;
    border-radius: 5px;
    margin: 10px auto;
  }

  #main-menu {
    display: none;
  }
   
  .header.toggled #main-menu{
    display: block;
  }
  button.close-menu {
    display: inline-block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #ffb606;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  }
  a.close-search-form{
  	display: none;
  }
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.lms-education-university-pro-pagination {
	margin:25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.lms-education-university-pro-pagination a span,
.lms-education-university-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.lms-education-university-pro-pagination span.current,
.lms-education-university-pro-pagination span.current:hover,
.lms-education-university-pro-pagination span.current:focus,
.lms-education-university-pro-pagination a span:hover,
.lms-education-university-pro-pagination a span:focus {
	background:#ffb606;
  color: #ffffff;
}
.commentlist {
	list-style:none;
	margin:0;
	padding:0
}
.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}
.commentlist li {
	margin:0;
}
.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #ffb606;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area .sidebar-widget .title {
  padding: 10px 15px;
  border-bottom: solid 2px #ffb606;
  color: #222222;
  font-size: 30px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #ffb606;
	color: #fff;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #121d21;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #ffb606;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#ffb606;
	text-decoration:none
}


.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area  .post-title{
	font-size: 16px;
}
.sidebar-area .post-thumbnail img{
	width: 100%;
  height: 75px;
  border-radius: 50%;
}
footer {
	background: #222222;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #ffffff;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-top: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #ffb606;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll ,
#button_scroll::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after{
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
  color: #fff;
  border-radius: 3px;
}
#button_scroll:hover{
  color: #fff;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#button_scroll:hover:after{
  width: 100%;
}
a.close-search-form{
	display: none;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #ffb606 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*SRTICKY HEADER*//*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .fix-sticky {
  margin-top: 32px;   
}
.top-header .header-text, .top-header .header-email{
	 color: #ffffff;
}
.top-header span.dashicons{
	font-size: 18px;
	margin: 5px 0;
  color: #ffb606;
}
.header-text span ,.header-email span{
	font-size: 14px;
}

.page-template-frontpage .header-menu {
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.page-template-frontpage .top-header, .page-template-frontpage #site-navigation{
  background: transparent;
}
#site-navigation.fix-sticky{
  background: #222222;
}
/*SLIDER SECTION*/ 

#slider .slider-box{
  background: black;
}
#slider .slider-box img{
  opacity: 0.5;
}
#slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#carousel-caption { 
  position: absolute;
  transform: translateY(-50%);
  top:50%;
  bottom: 0;
  left: 50%;
}
#carousel-caption h2{
	text-transform: uppercase;
  color: #fff;
}
#carousel-caption h1{
  font-size: 46px;
  color: #ffb606;
  text-transform: uppercase;
}
#carousel-caption hr{
	background:#ffb606;
	margin-left: 80%;
	padding: 1px;
}
#carousel-caption p{
  color: #fff;
  font-style: italic;
}
#slider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #ffffff;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#ffb606 ;
}
.wrapper{
  width:100%;
  overflow:hidden;
}
.frame{
  height:100%;
  /*width:100%;*/
}
.frame{
   -webkit-animation: zoomeffect 20s infinite;
   -moz-animation: zoomeffect 20s infinite;
   animation: zoomeffect 20s infinite;
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(2,2);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(1.3,1.3);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}

#slider .button,
#slider .button::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 3px;  
  background: #ffb606;
  letter-spacing: 1px;
}
#slider .button::before,
#slider .button::after{
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 3px;
}
#slider .button:hover{
  color: #fff;
}
#slider .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#slider .button:hover:after{
  width: 100%;
}

/*Services Section*/

#services span.dashicons {
	width: 100px;
	height: 100px;
	font-size: 50px;
	color: #fff;
	position: relative;
	border-radius: 50%;
	padding: 20px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#services span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	transform: scale(0.8);
	position: absolute;
	border: 2px solid;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
	align-self: center;
  text-align: center;
}
#services span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#services span.dashicons:hover {
	background-color: transparent;
	transform: rotate(90deg);
	cursor: pointer;
	box-shadow: none;
}
#services h5{
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}
#services p{
	color: #fff;
}
#services .services_card1, 
#services .services_card5,
#services .services_card9{
	background: #222222; 
	height: 240px;   
}
#services .services_card2,
#services .services_card8{
	background: #ffb606;
	height: 240px;
}
#services .services_card3,
#services .services_card7{
	background: #ff5e5e;
	height: 240px;
}
#services .services_card4, 
#services .services_card6,
#services .services_card10{
	background: #48a7d5;
	height: 240px;
}

/*COURSES SECTION*/

#courses h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #222222;
}
#courses .courses-container{
	background: #edeeee;
}
#courses .section-content{
	color: #777777;
	margin-left: 23%;
	margin-right: 23%;
}
#courses hr{
	background:#ffb606;
	width: 12%;
	padding: 1px;
}
#courses img.size-full{
	margin-top: 0;
}
#courses figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#courses figure:hover+span{
	opacity: 1;
}
#courses figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#courses figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#homepage-product img.avatar.avatar-96.photo {
  height: 30px;
  width: 30px;
}
#homepage-product .learpress-content{
	background: #222222;
  position: absolute;
  bottom: 17%;
  left: 15px;
  right: 15px;
  opacity: 0.8;
  top: 45%;
}
#homepage-product .courses-content {
  position: absolute;
  bottom: 60px;
  left: 15px;
  right: 15px;
}
#homepage-product .courses-content p{
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
}
#homepage-product .courses-content h5 a{
	color: #ffb606;
	font-weight: 600;
	text-transform: uppercase;
}
#homepage-product .courses-content h5 a:hover{
	color: #efc050;
}
#homepage-product .course-featured-review i.fas.fa-star{
	color: #efc050;
	font-size: 12px;
}
#homepage-product .courses-content p{
	color: #fff;
}
#homepage-product .courses-admin{
	background: #fff;
	color: #222;
	position: absolute;
	left: 0;
	right: 0;
	top: 94%;
}
#homepage-product .courses-admin i.far.fa-clock{
	color: #777777;
}
#homepage-product .courses-admin span{
	color: #777777;
	text-transform: lowercase;
}
#homepage-product .courses-admin .price{
	color: #ffb606;
	font-weight: 600;
	margin-left: 0;
	font-size: 18px;
}
#homepage-product .courses-admin p{
	color: #777777;
	font-size: 14px;
}
#homepage-product .owl-carousel .owl-nav.disabled {
  display: block;
  position: relative;
  text-align: center;
  top: 75px;
}
#homepage-product .owl-carousel .owl-nav button.owl-prev{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 25px;
  border: 1px solid #cdc7c7;
  color: #cdc7c7;
  outline: none;
}
#homepage-product .owl-carousel .owl-nav button.owl-next{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 25px;
  color: #cdc7c7;
  border: 1px solid #cdc7c7;
  outline: none;
}

 /*LearnPress Section*/
.lp-archive-courses .learn-press-courses-header h1{
	color: #222222;
}
.lp-archive-courses 
.learn-press-courses[data-layout="list"] 
.course .course-item .course-content 
.course-permalink .course-title:hover{
	color: #ffb606;
}
.lp-archive-courses .course-summary .course-summary-content .course-detail-info{
	background: #222222 ! important;
} 
.learnpress-page .lp-button, .learnpress-page #lp-button{
	color: #fff !important;
	cursor: pointer !important;
	background: #ffb606 !important;
}
.learn-press-breadcrumb li a {
  color: #222222 !important;
}
.learn-press-breadcrumb{
	margin: 25px auto 25px auto !important;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course,
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course:hover{
	background: #ffb606 !important;
}
#learn-press-profile .wrapper-profile-header{
	background: #222222 !important;
}
#learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username{
	font-size: 24px !important;
	color: #ffb606 !important;
}
#learn-press-profile .wrapper-profile-header .lp-profile-left{
	bottom: 20% !important;
	left: 25% !important;
	width: 150px !important;
	padding: 15px !important;
}
#learn-press-profile #profile-nav .lp-profile-nav-tabs li.active, #learn-press-profile #profile-nav .lp-profile-nav-tabs li:hover {
	 background: #ffb606;
}
#popup-course #popup-header{
	background: #222222 !important;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{
	background:  #ffb606 ! important;
}
.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-permalink .course-title:hover{
	color:#ffb606 !important ;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .media-preview {
  margin: 0 !important;
  text-align: center;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{
	color: #ffb606 !important;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-icon:hover,
 #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-name:hover{
 	color:#ffb606 !important ;
}
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{
 	color: #fff;
 	padding: 5px 20px;
 	height: 30px;
  width: auto;
}
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item.current{
 	height: 80px;
}
.lp_profile_course_progress__nav button, html [type="button"], [type="reset"], [type="submit"]{
	padding: 6px 15px;
	color: #fff;
	background: #ffb606;
	border: none;
	cursor: pointer;
	outline: none;
}
.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-permalink .course-title:hover{
	color: #ffb606 !important;
}
#learn-press-profile #profile-sidebar{
	float: none;
	width: 100% !important;
}
#learn-press-profile #profile-content{
	width: 100% !important;
	float: none;
}
.lp-archive-courses .learn-press-courses .course .course-item{
	height: 100% !important;
}
.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-instructor a{
	color:#ffb606 !important ;
	text-decoration: none;
}
.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-wrap-thumbnail{
	width: auto !important;
}
.quiz-status > div{
	background: #222222 !important; 
}
.quiz-status .questions-index{
 color: #fff !important;
}
#popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.current,
 #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers:hover{
 	background: #ffb606;
 	color: #fff !important;
 	margin:0 20px;
 	border: none !important;
 	transition: background-color .3s ease;
}
#popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers{
	border: none !important;
}
 #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.next,
  #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.prev{
  background: #ffb606  !important;
 	color: #fff !important;
 	margin: 0 20px;
 	border: none;
 	padding: 10px 20px !important;
 	transition: background-color .3s ease;
 	outline: none;
}
.lp-archive-courses .learn-press-courses[data-layout="grid"] .course .course-item .course-content .course-permalink{
	height:22px !important;
}
.wp-block-search .wp-block-search__button{
background: #ffb606 ;
color: #fff;
border: none;	
outline: none;
}
input[type="text"], input[type="email"], input[type="number"], input[type="password"]{
	width: 100%;
}
.sidebar-area .course-cover{
	float: left;
}
.sidebar-area .course-cover img{
 width: 70px;
 height: 70px;
 border-radius: 50%;
 margin-right: 10px;
 margin-left: 10px;
}
.sidebar-area .course-detail {
    padding: 0 15px;
}
.sidebar-area .course-title{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0;
}


/*facilities Section*/

#facilities figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#facilities figure:hover+span{
	opacity: 1;
}
#facilities figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#facilities figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

a.open-video {
  position: relative;
}
.cn {
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.large {
  font-size: 80px;
  color: #fff;
  text-decoration: none;
}
.cn:hover .large {
 color: #ffb606; 
}
.video-section .video-blog{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.video-section .video-blog .is-open {
	right:0;
	height:100%;
	visibility: visible;
	top: 30px;
}
.video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.video-section .video-blog a.close-video {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.video-section .video-blog i.videoblog-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.video-section .video-blog .is-open i.videoblog-close-button {
	opacity:1;
	position: relative;
	bottom: 35px;
}
.video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#facilities a.open-video img{
	width: 100%;
}
#facilities .facilities-text{
	background: #222222;
}
#facilities .facilities-text h3{
	text-transform: uppercase;
	color: #ffff;
	font-size: 30px;
	padding-top: 27px;
}
#facilities .section-content{
	color: #b7b7b7;
	font-size: 14px;
}
#facilities .facilities-text h5{
	color: #ffff;
}
#facilities hr{
	background:#ffb606 ;
	width: 20%;
	padding: 1px;
}
#facilities .content-scroll{
	overflow-y: auto;
	height: 365px;
}
#facilities .content-scroll::-webkit-scrollbar{
	overflow-y: auto;
	height: 365px;
	width: 8px;
	background: #F5F5F5;
}
#facilities .content-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ffb606;
	border-radius: 20px;
  margin-left: 15px; 
}
#facilities .text{
	color: #b7b7b7;
	font-size: 13.5px;
} 

#facilities span.dashicons {
	width: 85px;
	height: 85px;
	font-size: 38px;
	position: relative;
	border-radius: 50%;
	padding: 20px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#facilities span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	transform: scale(0.8);
	position: absolute;
	border: 2px solid;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
	align-self: center;
}
#facilities span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#facilities span.dashicons:hover {
	background-color: transparent;
	transform: rotate(90deg);
	cursor: pointer;
	box-shadow: none;
}

#facilities .dashicons1,
#facilities .dashicons4,
#facilities .dashicons7{
	color: #ffb606;
}
#facilities .dashicons2,
#facilities .dashicons5,
#facilities .dashicons8{
	color: #ff5e5e;
}
#facilities .dashicons3,
#facilities .dashicons6,
#facilities .dashicons9{
	color: #48a7d5;
}
.facilities-content{
	border: 1px solid #b7b7b7;
}

/*ABOUT US*/

#about-us h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #222222;
}
#about-us hr{
	background:#ffb606;
	margin-right: 80%;
	padding: 1px;
}
#about-us h5{
	color: #ffb606;
	font-size: 26px;
}
#about-us .clip-path{
	background: #48a7d5;
	clip-path: polygon(0 0, 0 51%, 100% 0);
	position: relative;
	bottom: 25px;
}
#about-us .image1 {
  position: relative;
  right: 86%;
}
#about-us .image2{
	position: absolute;
	top: 55%;
	right: 6%	;
}
#about-us i.fas.fa-chevron-right {
  background: #ffb606;
  padding: 6px 10px;
  border-radius: 30px;
  margin: 0 5px;
  font-size: 14px;
  width: 26px;
  color: #ffff;
}

#about-us .button1,
#about-us .button1::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#about-us .button1{
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;	
  background: #ffb606;
}
#about-us .button1::before,
#about-us .button1::after{
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 3px;
}
#about-us .button1:hover{
  color: #fff;
}
#about-us .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#about-us .button1:hover:after{
  width: 100%;
}

/*Join Us*/

#join-us {
	background: #222222;
}
#join-us h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #ffff;
} 
#join-us .section-content{
	color:#b7b7b7;
	margin-left: 23%;
  margin-right: 23%;
}
#join-us hr{
	background:#ffb606;
	width: 10%;
	padding: 1px;	
}
#join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 35%;
  padding: 10px 20px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #b7b7b7;
  color: #ffff;
}
#join-us .wpcf7-form-control-wrap ::placeholder{
	color: #ffffff;
}
#join-us input.wpcf7-form-control.wpcf7-submit {
  width: 15%;
  padding: 10px 10px;
  background: #ffb606;
  border: none;
  text-transform: uppercase;
  color: #ffff;
  left: 5%;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 15px;
  margin-bottom: 90px;
  border-radius: 3px;
}
#join-us input.wpcf7-form-control.wpcf7-submit:hover {
  background: #48a7d5	;
}

/*COUNTER SECTION*/

#counter {
	background: #ffb606;
  transform: translateY(-60%);
  position: absolute;
  left: 10%;
  right: 10%;
}
#counter h4{
	color: #ffff;
	font-size: 40px;
}
#counter h5{
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
}
#counter .counter-text{
  border-right: 1px solid #fff;
  margin: 50px -3px;
  padding: 25px 0px;
}
 
/*TEAM SECTION*/

#team h3{
	font-size: 34px;
	text-transform: uppercase;
	color: #222222;
}
#team hr{
	background:#ffb606 ;
	width: 8%;
	padding: 1px;
}
#team .section-content{
	color: #777777;
  margin-left: 30%;
  margin-right: 30%;
}
#team .team-border{
	position: absolute;
  right: 1px;
  left: 0px;
  bottom: 0;
  border-left: 2px solid #48a7d5;
  border-right: 2px solid #48a7d5;
  border-bottom: 2px solid #48a7d5;
  padding: 85px;
}
#team .team-text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: #ffff;
  opacity: 0.7;
}
#team .team-text h5{
	text-transform: uppercase;
	font-weight: 600;
}
#team .owl-item:nth-child(odd) p{
	color: #ffb606;
}
#team .owl-item:nth-child(even) p{
	color: #48a7d5;
}
#team .owl-carousel .owl-item img{
	display: inline-block;
	width: auto;
}
#team .owl-carousel .owl-nav{
	display: block;
	position: relative;
  bottom: 100px;
  transform: translateY(-50px);
}
#team .owl-carousel .owl-nav button.owl-prev{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 20px;
  border: 1px solid #cdc7c7;
  float: left;
  left: -4%;
  position: relative;
  color: #cdc7c7;
}
#team .owl-carousel .owl-nav button.owl-next{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 20px;
  border: 1px solid #cdc7c7;
  float: right;
  right: -4%;
  position: relative;
  color: #cdc7c7;
}
#team figure {
	margin: 0;
	padding: 0;
	/*background: #222222;*/
	overflow: hidden;
}
#team figure:hover+span {
	opacity: 1;
}
#team figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#team figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	/*opacity: 0.5;*/
}

/*OFFER SECTION*/

#offer {
	background: #1fc0da;
}
#offer .offer-text{
	background: #fff;
	position: absolute;
  transform: translateY(-50%);
  top: 50%;
	left: 45%;
	right: 5%;
	padding-left: 10px;
  padding-right: 10px;
}
#offer .frontside-title{
	text-transform: uppercase;
	font-size: 30px;
	color: #222222;
}
#offer .frontside-title::first-line{
   color: #ffb606;
}
#offer .frontside-title::second-line{
   color: #222222;
}
#offer .frontside h4{
	font-size: 40px;
	margin-bottom: -6px;
	font-weight: 600;
}
#offer .backside h4{
	font-size: 40px;
	margin-bottom: -6px;
	font-weight: 600;
}
#offer p{
	color: #777777;
}
#offer .discount {
  background: #e8e4da;
  border-radius: 100px;
  width: 75px;
  margin: 0 40px;
  color: #ffb606;
  height: 75px;
  padding-top: 1px;
  padding-left: 2px;
}
#offer .discount i.fas.fa-percent{
	font-size: 12px;
	margin-left: -5px;
}
#offer .offer-text p{
	font-size: 12px;
}
#offer .button,
#offer .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#offer .button{
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;	
  background: #ffb606;
}
#offer .button::before,
#offer .button::after{
  background: #222222;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 3px;
}
#offer .button:hover{
  color: #fff;
}
#offer .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#offer .button:hover:after{
  width: 100%;
}
.image-flip:hover .backside,
.image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}
.image-flip:hover .frontside,
.image-flip.hover .frontside {
  transform: rotateY(180deg);
}
.mainflip {
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}
.frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px;
}
.backside {
  position: absolute;
  top: 0;
  transform: rotateY(-180deg);
}
.frontside,
.backside {
  backface-visibility: hidden;
  transition: 1s;
}
#offer .backside .offer-backside{
	background: transparent;
	position: absolute;
	bottom: 10px;
	left: 0%;
	right: 0%;
	padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
#offer .backside .backside-title{
	color: #ffff;
	text-transform: uppercase;
	font-size: 22px;
}
#offer .backside .discount-backside {
  background: #e8e4da;
  border-radius: 100px;
  width: 80px;
  position: relative;
  left: 40%;
  color: #ffb606;
  height: 80px;
  padding-top: 1px;
  padding-left: 2px;
}
#offer .discount-backside i.fas.fa-percent{
	font-size: 12px;
	margin-left: -5px;
}
#offer .backside p{
	color: #fff;
}

/*TESTIMONIAL SECTION*/

#testimonial .owl-carousel .owl-item img{
	width: auto;
}

#testimonial span i{
	font-size: 60px;
	color: #fff;
}
#testimonial h3{
	text-transform: uppercase;
	color: #222222;
}
#testimonial hr{
	background:#ffb606 ;
	width: 15%;
	padding: 1px;
}
#testimonial .content p{
	color: #222222;
}
.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #fff;
} 
.Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #efc050;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*LATEST NEWS*/

#leatest-news h3{
	font-size: 34px;
	text-transform: uppercase;
	color: #222222;
}
#leatest-news hr{
	background:#ffb606 ;
	width: 8%;
	padding: 1px;
}
#leatest-news .section-content{
	margin-left: 23%;
	margin-right: 23%;
	color: #777777;
}
#leatest-news .post-box {
  background: #ffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0;
  box-shadow: 0 10px 13px -7px  rgb(0 0 0 / 34%);
}
#leatest-news .righttitle a, #leatest-news .lefttitle a{
	color: #222222;
	font-weight: 600;
	font-size: 20px;
}
#leatest-news .righttitle a:hover, 
#leatest-news .lefttitle a:hover{
	color: #ffb606;
}
#leatest-news img{
	width: 100%;
}
#leatest-news .latest-content{
	color: #777777;
	font-size: 14px;
	margin-bottom: 0;
}
#leatest-news .post-date {
  position: absolute;
  bottom: 90%;
  left: 78%;
  background: #ffb606;
  right: 30px;
  top: 1px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
#leatest-news figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#leatest-news figure:hover+span {
	opacity: 1;
}
#leatest-news figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#leatest-news figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*NEWSLETTER*/

#newsletter{
	background: #ffb606;
}
#newsletter .dashicons{
	color: #ffff;
	font-size: 60px;
	margin-top: 5px;
}
#newsletter h3{
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	left: 70px;
  position: relative;
  bottom: 8px
}
#newsletter p{
	color: #ffff;
	font-size: 14px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  padding: 10px 15px;
  border-radius: 20px 0 0 20px;
  font-size: 14px;
  border: none;
  outline: none;
  width: 73%;
}
#newsletter input.wpcf7-form-control.wpcf7-submit {
  padding: 10px 15px;
  border: none;
   border-radius: 0  20px 20px 0;
  font-size: 14px;
  background: #b6aaa0;
  color: #fff;
  cursor: pointer;
}
#newsletter input.wpcf7-form-control.wpcf7-submit:hover{
	color: #222222;
}


/*FOOTER SECTION*/

.footer-area {
  margin-left: 0;
}
.footer-area h4.title {
  color: #ffff;
  font-size: 24px;
  letter-spacing: 1px;
  margin-top: 25px;
  text-transform: uppercase;
}
.footer-area p{
  color: #cecece;
}
.footer-area h3{
	text-transform: uppercase;
	color: #ffff;
}
.footer-area .fas, .footer-area .far {
	color: #efc050;
	margin: 0 10px 0 0;
}
.footer-area ul{
  padding: 0px;
  list-style: none;
  line-height: 2.5;
}
.footer-area #block-23 strong{
	font-size: 24px;
}
.footer-area  .post-title{
	font-size: 16px;
}
.footer-area .post-thumbnail img{
	width: 100%;
  height: 60px;
  border-radius: 50%;
}
.copyright{
  border-top: 1px solid #9f9f9f;
}
.copyright p{
  font-size: 15px;
  color: #9f9f9f;
}
.copyright a{
  color: #ffb606;
}

/*Contact Page*/
 
#contact h3{
	font-size: 50px;
	color: #ffff;
}
#contact p{
	font-size: 20px;
	color: #cecece;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 46%;
  padding:10px 15px;
  margin: 0px 10px 10px 10px;
  background: #eee;
  outline: none;
  border: none;
}
#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
  width: 46%;
  padding:10px 15px;
  margin: 10px 10px;
  background: #eee;
  outline: none;
  border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 96%;
  height: 150px;
  padding: 15px;
  background: #eee;
   outline: none;
   border: none;
   margin: 10px;
}
#contact  input.wpcf7-form-control.wpcf7-submit {
  float: right;
  right: 17px;
  position: relative;
  background: #ffb606;
  border: none;
  cursor: pointer;
  color: #fff;
  padding: 10px 20px;
}
#contact  input.wpcf7-form-control.wpcf7-submit:hover{
	background: #222222;
}
#contact h4{
	color: #fff;
}
#contact-form .section-2 h2{
	font-size: 50px;
	font-weight: 600;
	color: #222222;
}
#contact-form .section-2 h4{
	font-size: 18px;
}
#contact-form .section-2 h4 span{
	font-size: 20px;
  color: #ff3f39;
  margin-right: 15px;
}
.aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
.aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
.aks-accordion-item-icon .fas{
  color: #ff3f39;
  margin:0 20px;
}
.aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(0,0,0,0.12);
  margin-left: 50px;
}
.aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  margin-left: 48px;
  margin-top: 10px;
}
.aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
.aks-accordion-item-icon-close {
  display: none;
}
.aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}
.aks-accordion h6{
  font-size:16px;
  color: #666;
  font-weight:600;
  margin-right: 60%;
}

.contact-info .blog_card1{
	background: #ffb606;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info .blog_card2{
	background: #222222;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);

}
.contact-info .blog_card3{
	background: #ffb606;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info  .dashicons{
	font-size: 35px;
	display: inline-block;
  margin: 5px 0;
}
.contact-info a.button {
  display: inline-block;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;	
}
.contact-info .button:hover {
  color: #ffb606;
}
.enquiry .dashicons{
	font-size: 40px;
	display: inline;
	color:#ffb606 ;
}
.enquiry h6{
	font-size: 22px;
	font-weight: 600;
	color: #222222;
}
.enquiry p{
	color: #666;
	font-size: 18px;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
   
   .page-template-frontpage .header-menu {
     position:unset;
    }
    .page-template-frontpage .top-header{
      background: #0d090a;
    }
    .page-template-frontpage #site-navigation{
      background: #222222;
    }
  .admin-bar .fix-sticky{
    margin-top: 0;
   }
	
	#main-menu ul.children li a, #main-menu ul.sub-menu li a{
		color: #fff;
	} 
  a.cart-customlocation p.cart-item-box{
  	right: 60px;
  }
  #carousel-caption {
    transform: translateY(-25%);
    top: 25%;
    bottom: 0;
    left: 5%;
    right: 10%;
  }
  #carousel-caption h2{
  	display: none;
  }
  #carousel-caption h1{
  	font-size: 20px;
  }
  #carousel-caption p, #carousel-caption hr{
  	display: none;
  }
  #slider .button{
    padding: 5px 10px;
    font-size: 10px;
  }
  #services h5{
  	font-size: 20px;
  }
  #slider .owl-dots{
  	bottom: 5px;
  }
  #services  .owl-dots {
	  text-align: center;
	  bottom:10px; 
	  position: absolute;
	  width: 100%;
	}
	#services  .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#services  .owl-dots button.owl-dot.active {
	  background-color:#ffb606;
	}
  #courses .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  .course-summary .course-summary-sidebar {
    position: unset !important;
  }
  .course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
    position:unset !important;
  }
  #homepage-product .owl-carousel .owl-nav.disabled{
		top: 45px;
	}
  #homepage-product .learpress-content{
  	bottom: 8%;
  	top: 44%;
  }
  #about-us hr{
  	width: 30%;
  	margin-right: 35%;
  }
  .video-section .video-blog .is-open {
    top: 0;
  }
  .video-section .video-blog{
  	padding: 50px 0;
  }
  #facilities a.open-video img{
	width: 100% !important;
  }
  #about-us .clip-path{
  	display: none;
  }
  #about-us .image1 {
	  right: 0;
	  width: 100%;
  }
  #about-us .image2 {
    position: relative;
    top: 15px;
    right: 0;
    width: 100%;
  }
  #join-us hr, #facilities hr, #team hr, #courses hr, #leatest-news hr{
  	width: 30%;
  }
  #join-us .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  #join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 70%;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit{
  	width: 40%;
  	left: 15%;
  	margin-bottom: 0;
  }
  #counter {
    transform: translateY(-0%);
    position: relative;
    left: 0;
    right: 0;
  }
  #counter .counter-text {
    margin: 20px 0;
    padding: 20px 0;
    border-right: none;
  }
  #counter .owl-dots {
	  text-align: center;
	  bottom:20px; 
	  position: relative;
	  width: 100%;
	}
	#counter .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#counter .owl-dots button.owl-dot.active {
	  background-color:#222222 ;
	}
  #team .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  #team .owl-carousel .owl-item img{
  	width: auto;
  }
  #team .owl-carousel .owl-nav{
    display: none;
  }
  #team .owl-dots {
    text-align: center;
    top: 15px;
    position: relative;
    width: 100%;
  }
  #team .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #222222;
    margin: 0 5px;
  }
  #team .owl-dots button.owl-dot.active {
    background-color:#ffb606 ;
  }
  #offer .offer-text {
    right: 2%;
  }
  #offer .frontside-title{
  	font-size: 26px;
  }
  #offer .offer-text p{
  	display: none;
  }
  #offer .frontside a.button{
  	margin-top: 30px;
  }
  #offer .button{
    font-size: 14px;
  }
  #offer .discount{
  	margin: 0 40px;
  	width: 60px;
  	height: 60px;
  }
  #offer .frontside h4{
  	font-size: 24px;
  }
  #offer .backside h4{
  	font-size: 24px;
  }
  #offer .backside .discount-backside{
  	width: 60px;
  	height: 60px;
  }
  #offer .owl-carousel .owl-item img{
  	width: 100%;
  }
  #offer .owl-dots {
	  text-align: center;
	  top: 15px;
	  position: relative;
	  width: 100%;
	}
	#offer .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#offer .owl-dots button.owl-dot.active {
	  background-color:#ffb606 ;
	}
	#offer .backside .backside-title{
		font-size: 18px;
	}
	#offer .backside .offer-backside{
		top: 5px;
	}
	#testimonial .owl-dots {
	  text-align: center;
	  top: 15px;
	  position: relative;
	  width: 100%;
	}
	#testimonial .owl-carousel .owl-item img{
		width: 100%;
	}
	#testimonial .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#testimonial .owl-dots button .owl-dot .active {
	  background-color: #ffb606;
	}
	#leatest-news .post-date {
    bottom: 84%;
    left: 64%;
    top: 1px;
    right: 25px;
  }
  #leatest-news .section-content{
  	margin-left: 0;
  	margin-right: 0;
  }
  #leatest-news img{
  	height: auto;
  }
  #newsletter .dashicons {
    display: inline;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  	width: 70%;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 70%;
    padding: 8px 15px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
    width: 70%;
    height: 100px;
  }
  #contact input.wpcf7-form-control.wpcf7-submit {
    right: 90px;
    padding: 6px 20px;
  }
  #contact-form .section-2 h2{
  	font-size: 26px;
  }
  .aks-accordion h6{
  	margin-right: 50%;
  }
  .aks-accordion-item-content{
  	margin-left: 0;
  }
  .aks-accordion-item-title{
  	margin-left: 15px;
  }
  #newsletter h3{
  	left: 0;
  }
  .contact-info .dashicons {
    display: initial;
  }
  .footer-area .wp-block-image{
  	margin: 30px 0 1em;
  }
  .sidebar-area .post-thumbnail img{
  	height: 54px;
  }
}
 
/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.top-header .button1, .top-header .button2 {
    padding: 10px 5px;
    font-size: 12px;
  }
  .page-template-frontpage .header-menu {
     position:unset;
    }
    .page-template-frontpage .top-header{
      background: #0d090a;
    }
    .page-template-frontpage #site-navigation{
      background: #222222;
    }
	.logo-image {
    float: none;
  }
	.header-text span, .header-email span {
    font-size: 12px;
  } 
	a.cart-customlocation p.cart-item-box{
		right: 10px;
	}
	#main-menu ul li a{
		padding: 10px 12px;
	}
	#carousel-caption{
  	position: absolute;
    transform: translateY(-25%);
    top: 25%;
    bottom: 0;
    left: 35%;
    right: 5%;
  }
	#carousel-caption h1{
		font-size: 30px;
	}
	#carousel-caption h2{
		font-size: 20px;
	}
	#carousel-caption p{
		display: none;
	}
	.course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
    position:unset !important;
  }
  #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons form,
   #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button{
   	width: 50% !important;
   	position: relative;
    left: 25%;
   }
	#homepage-product .owl-carousel .owl-nav.disabled{
		top: 45px;
	}
	.course-summary .course-summary-sidebar {
    position: unset !important;
  }
	#facilities a.open-video img{
	width: 100% !important;
  }
	#homepage-product .courses-admin .price{
		margin-left: 25%;
	}
	#homepage-product .learpress-content{
		bottom: 13%;
		top: 54%;
	}
	#about-us .image1{
		right: 50%;
	}
	#about-us .image2 {
    position: absolute;
    top: 44%;
    right: 29%
  }
  #counter {
    transform: translateY(-60%);
  }
  #join-us .section-content {
    margin-left: 8%;
    margin-right: 8%;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit{
  	margin-bottom: 50px;
  }
  #counter .counter-text{
  	margin: 10px -5px;
  	padding: 15px 0px;
  }
  #offer h3{
  	font-size: 28px;
  }
  #offer .frontside h4{
  	font-size: 24px;
  }
  #offer .discount{
  	width: 60px;
  	height: 60px;
  }
  #team .owl-carousel .owl-item img{
  	width: auto;
  }
  #team .section-content {
    color: #777777;
    margin-left: 15%;
    margin-right: 15%;
  }
  #team .team-border{
  	right: 35px;
  	left: 35px;
  }
  #team .owl-carousel .owl-nav{
  	bottom: 70px;
  }
  #team .owl-carousel .owl-nav button.owl-next{
  	right: -3%;
  }
  #team .owl-carousel .owl-nav button.owl-prev{
  	left: -3%;
  }
  #testimonial .owl-carousel .owl-item img{
		width: 100%;
	}
	#leatest-news img{
  	height: auto;
  }
  #leatest-news .section-content,#courses .section-content{
  	margin-left: 8%;
  	margin-right: 8%;
  }
  #leatest-news .post-date {
    left: 66%;
    right: 30px;
    top: 1px;
  }
  #newsletter .dashicons{
  	margin-top: 0;
  }
  .contact-info .dashicons {
    display: initial;
  }
  #contact-form .section-2 h2{
  	font-size: 34px;
  }
  #contact-form .section-2 h4 span{
  	font-size: 20px;
  }
  .aks-accordion-item-title{
  	margin-left: 0;
  }
  .aks-accordion h6{
  	margin-right: 35%;
  }
  .aks-accordion-item-content{
  	margin-left: 0;
  }
  #newsletter h3 {
    bottom: 20px;
    font-size: 34px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-submit{
  	padding: 10px 10px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 92%;
  }
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 44%;
  }
  .sidebar-area .course-title{
  	font-size: 17px;
  }
  .sidebar-area .course-description {
    font-size: 14px;
  }
  .sidebar-area .sidebar-widget .title{
  	font-size: 22px;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header .button1, .top-header .button2 {
   	padding: 10px 15px;
    font-size: 12px;
  }
  .logo-image img{
    width: 100%;
  }
  a.cart-customlocation p.cart-item-box{
  	right: 20px;
  }
  #main-menu ul li a{
  	padding: 10px 10px;
  }
  #carousel-caption {
    left: 50%;
    right: 5%;
  }
  #carousel-caption h2{
  	font-size: 18px;
  }
  #carousel-caption h1{
  	font-size: 30px;
  }
  #counter .counter-text{
  	margin: 30px -5px;
  }
  #homepage-product .courses-admin .price{
  	margin-left: 3%;
  	font-size: 16px;
  }
  #homepage-product .courses-admin p{
  	font-size: 12px;
  }
  #homepage-product .courses-admin{
    top: 90%;
  }
  #homepage-product .owl-carousel .owl-nav.disabled{
    top: 95px;
  }
  #about-us .image2 {
    position: absolute;
    top: 60%;
    right: -10%;
  }
  #counter h5{
  	font-size: 13px;
  }
  #team .section-content{
  	margin-left: 25%;
  	margin-right: 25%;
  }
  #team .owl-carousel .owl-nav button.owl-prev{
  	left: -5%;
  }
  #team .owl-carousel .owl-nav button.owl-next{
  right: -5%;
  }
  #offer .frontside-title{
  	font-size: 24px;
  }
  #offer .frontside h4{
  	font-size: 18px;
  }
  #offer .backside h4{
  	font-size: 22px;
  }
  #offer .discount{
  	width: 45px;
  	height: 45px;
  	margin: 0 40px;
  }
  .discount span{
  	font-size: 13px;
  }
  #offer a.button{
  	font-size: 12px;
  }
  #offer .backside .offer-backside{
  	top: 0;
  }
  #offer .backside .discount-backside{
  	width: 60px;
  	height: 60px;
  }
  #leatest-news .post-date {
    left: 74%;
    top: 2px;
  }
  #newsletter h3{
  	position: relative;
  	bottom: 15px;
  }
  #leatest-news img{
  	height: auto;
  }
  .aks-accordion h6{
  	margin-right: 45%;
  }
  .aks-accordion-item-content{
  	margin-left: 40px;
  }
  #contact-form .section-2 h4{
  	font-size: 16px;
  }
}