@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");
.news-letter .section-wrapper,
.widget.letest-product .widget-wrapper ul li,
.widget.widget-tags ul.widget-wrapper,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent,
.comment-respond .add-comment .comment-form,
.comments .comment-list .comment,
.navigations-part,
.csdc-lists ul li,
.course-side-detail .csd-content .sidebar-social .ss-content ul,
.course-side-detail .csd-title,
.authors,
.contact-form,
.about-section .about-right .section-wrapper ul li,
.banner-section .section-wrapper .banner-content form,
.menu>ul,
.header-wrapper .menu-area,
.header-wrapper,
.header-top-area .left,
.header-top-area,
.header-section.style-2 .logo-search-acte,
.contact-item,
.skill-item .skill-inner,
.achieve-item .achieve-inner,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider,
.post-item .post-inner .post-footer,
.post-item .post-inner .post-content .meta-post ul,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left,
.stu-feed-item .stu-feed-inner .stu-feed-top,
.course-item.style-2 .course-inner,
.course-item .course-inner .course-content .course-footer,
.course-item .course-inner .course-content .course-details,
.course-item .course-inner .course-content .course-category,
.social-icons,
.account-form .form-group .checkgroup,
.default-pagination {
	display: flex;
	flex-wrap: wrap
}

.comment-respond .add-comment .comment-form p.comment-form-cookies-consent {
	flex-wrap: nowrap
}

.news-letter .section-wrapper .news-form form .nf-list,
.news-letter .section-wrapper,
.news-footer-wrap,
.footer-top .footer-item .footer-inner .footer-content .title h4,
.widget.widget-search .search-wrapper,
.blog-single .section-wrapper .post-item .post-inner .post-content .video-thumb,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote,
.skill-section .container,
.skill-section,
.student-feedbak-section .section-wrapper .sf-left .sfl-thumb,
.student-feedbak-section,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb img,
.instructor-single-section .instructor-wrapper .instructor-single-top,
.about-section.style-3 .about-left,
.about-section .about-right,
.about-section .about-left,
.about-section,
.pageheader-section.style-2 .pageheader-content .course-category .course-cate,
.pageheader-section.style-2 .pageheader-thumb,
.banner-section.style-2 .section-wrapper .thumb-part,
.banner-section.style-2,
.banner-section .section-wrapper .banner-thumb,
.banner-section .section-wrapper .banner-content form,
.banner-section .cbs-content-list ul li.ccl-shape a,
.banner-section,
.menu-item-has-children>a,
.header-bar,
.achieve-item .achieve-inner,
.post-item.qute-post .post-inner .post-thumb,
.post-item.video-post .post-thumb,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider,
.post-item .post-inner .post-footer .pf-right,
.course-item.style-2 .course-inner .course-thumb,
.course-item .course-inner .course-content .course-category .course-cate a,
.course-item .course-inner .course-content,
.or span,
.or,
.shape-img,
.video-button,
.select-item {
	position: relative
}

.news-letter .section-wrapper .news-form form .nf-list::after,
.news-footer-wrap .fs-shape img,
.footer-top .footer-item .footer-inner .footer-content .title h4::after,
.widget.widget-search .search-wrapper button,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote::before,
.skill-section::before,
.student-feedbak-section .section-wrapper .sf-left .sfl-thumb .video-button,
.student-feedbak-section::before,
.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles .circle strong,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::after,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::before,
.instructor-single-section .instructor-wrapper .instructor-single-top::before,
.about-section.style-3 .about-left .about-left-content::after,
.about-section.style-3 .about-left .about-left-content,
.about-section.style-3 .about-left .abs-thumb,
.about-section::before,
.pageheader-section.style-2 .pageheader-content .course-category .course-cate::before,
.pageheader-section.style-2 .pageheader-thumb .video-button,
.banner-section.style-2 .section-wrapper .thumb-part .abs-thumb,
.banner-section.style-2::before,
.banner-section .section-wrapper .banner-content form .banner-icon,
.banner-section .cbs-content-list ul li.ccl-shape a::after,
.banner-section .cbs-content-list ul li.ccl-shape,
.banner-section .all-shapes::after,
.banner-section .all-shapes::before,
.banner-section .all-shapes,
.menu-item-has-children>a::before,
.menu-item-has-children>a::after,
.header-bar span,
.header-section,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev,
.post-item .post-inner .post-footer .pf-right .comment-count,
.course-item .course-inner .course-price,
.course-item .course-inner .course-content .course-category .course-cate a::before,
.or::before,
.or::after,
.shape-img::after,
.video-button::before,
.video-button::after,
.select-item .select-icon {
	position: absolute;
	content: ""
}

.student-feedbak-section .section-wrapper .sf-left .sfl-thumb .video-button,
.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles .circle strong,
.pageheader-section.style-2 .pageheader-thumb .video-button,
.banner-section .all-shapes::after,
.banner-section .all-shapes::before,
.shape-img::after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.widget.letest-product .widget-wrapper ul li .product-thumb,
.widget.recipe-categori,
.widget .widget-header,
.comments .comment-list .comment .comment-list .comment,
.comments .comment-list .comment .com-content,
.comments .comment-list .comment .com-thumb,
.sponsor-section .section-wrapper,
.banner-section,
.achieve-item .achieve-inner,
.post-item.style-2 .post-inner .post-thumb,
.course-item .course-inner .course-thumb,
.preloader,
.post-item.style-2 .post-inner .post-content a>h2,
.post-item.style-2 .post-inner .post-content h3,
.post-item .post-inner .post-content h4,
.course-item .course-inner .course-content h4 {
	overflow: hidden
}

.news-letter .section-wrapper .news-form form .nf-list input[type=submit],
.widget.widget-search .search-wrapper button,
.comment-respond .add-comment .comment-form .lab-btn,
.course-video .course-video-content .accordion-item .accordion-header button,
.header-bar,
.header-wrapper .menu-area .ellepsis-bar i {
	cursor: pointer
}

.news-letter .section-wrapper .news-form form .nf-list,
.news-letter .section-wrapper .news-title,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu,
.widget.shop-widget .widget-wrapper .shop-menu li a,
.widget.widget-post ul.widget-wrapper li .post-thumb a img,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags,
.blog-single .section-wrapper .post-item .post-inner .post-content img,
.blog-single .section-wrapper .post-item .post-inner .post-content iframe,
.blog-single .section-wrapper .post-item .post-inner .post-thumb img,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent,
.comment-respond .add-comment .comment-form input[type=text],
.navigations-part .left .next,
.navigations-part .left .prev,
.navigations-part .right .next,
.navigations-part .right .prev,
.authors .author-thumb img,
.map-area .maps iframe,
.map-area .maps,
.skill-section::before,
.student-feedbak-section .section-wrapper .sf-left .sfl-thumb img,
.instructor-single-section .instructor-wrapper .instructor-single-bottom .subtitle,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb img,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb,
.course-video .course-video-content .accordion-item .accordion-header button,
.header-bar span,
.header-section.header-fixed,
.header-section,
.post-item.qute-post .post-inner .post-thumb .qute-content,
.post-item .post-inner .post-thumb a img,
.course-item.style-2 .course-inner .course-thumb,
.course-item .course-inner .course-thumb img,
.or::before,
.or::after,
.account-form .form-group button,
.account-form .form-group input,
.select-item select,
input,
textarea,
select {
	width: 100%
}

.comment-respond .add-comment .comment-form p.comment-form-cookies-consent input {
	width: auto
}

.widget.widget-post ul.widget-wrapper li .post-thumb a,
.map-area .maps iframe,
.skill-section::before,
.or::before,
.or::after {
	height: 100%
}

.post-item .post-inner .post-footer .pf-right .comment-count {
	font-weight: 700
}

.blog-single .section-wrapper .post-item .post-inner .post-content .video-thumb .video-button,
.post-item.qute-post .post-inner .post-thumb .qute-content,
.post-item.video-post .post-thumb .video-button {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.news-letter .section-wrapper,
.widget.widget-tags ul.widget-wrapper,
.default-pagination {
	justify-content: center
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section,
.comment-respond .add-comment .comment-form,
.comments .comment-list .comment,
.navigations-part,
.csdc-lists ul li,
.course-side-detail .csd-title,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item,
.header-wrapper,
.header-top-area,
.achieve-item .achieve-inner,
.post-item .post-inner .post-footer,
.stu-feed-item .stu-feed-inner .stu-feed-top,
.course-item .course-inner .course-content .course-footer,
.course-item .course-inner .course-content .course-details {
	justify-content: space-between
}

.navigations-part .right {
	justify-content: flex-end
}

.news-letter .section-wrapper,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section,
.about-section .about-right .section-wrapper ul li,
.header-wrapper .menu-area,
.header-wrapper,
.header-top-area,
.header-section.style-2 .logo-search-acte,
.contact-item,
.skill-item .skill-inner,
.post-item .post-inner .post-footer,
.post-item .post-inner .post-content .meta-post ul,
.course-item.style-2 .course-inner,
.course-item .course-inner .course-content .course-footer,
.account-form .form-group .checkgroup {
	align-items: center
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item {
	align-items: flex-start
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item {
	align-items: flex-end
}

.blog-single .section-wrapper .post-item .post-inner .post-content iframe,
.comment-respond .add-comment .comment-form .lab-btn,
.comment-respond .add-comment .comment-form input,
.comment-respond .add-comment .comment-form textarea {
	border: 0
}

.comment-respond .add-comment .comment-form .lab-btn,
.comment-respond .add-comment .comment-form input,
.comment-respond .add-comment .comment-form textarea {
	outline: 0
}

.widget.shop-widget .widget-wrapper .shop-menu li a,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote cite,
.navigations-part .left .next,
.navigations-part .left .prev,
.navigations-part .right .next,
.navigations-part .right .prev,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .ratting,
.course-video .course-video-content .accordion-item .accordion-header button,
.header-wrapper .logo a,
.post-item .post-inner .post-thumb a,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-content span,
.category-item .category-inner .category-content span,
.or,
.video-button {
	display: block
}

.student-feedbak-section::before,
.instructor-single-section .instructor-wrapper .instructor-single-top::before,
.about-section::before,
.banner-section.style-2::before {
	display: none
}

.comments .comment-list .comment .com-content .com-title .com-title-meta span,
.authors .author-content span,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span,
.course-video .course-video-content .accordion-item .accordion-header span,
.pageheader-section.style-2 .pageheader-content .phs-thumb .course-reiew,
.pageheader-section.style-2 .pageheader-content .phs-thumb span,
.header-bar span,
.header-top-area .social-icons li a,
.post-item .post-inner .post-footer .pf-right .comment-count,
.scrollToTop i,
.lab-btn,
.section-header .subtitle,
a {
	display: inline-block
}

.post-item.style-2 .post-inner .post-content h3,
.post-item .post-inner .post-content h4,
.course-item .course-inner .course-content h4 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.post-item.style-2 .post-inner .post-content a>h2 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.news-letter .section-wrapper .news-form form .nf-list input[type=submit],
.news-letter .section-wrapper .news-title h3,
.footer-top .footer-item.our-address .footer-inner .footer-content .content ul li span,
.footer-top .footer-item.our-address .footer-inner .footer-content .content ul li i,
.footer-top .footer-item.our-address .footer-inner .footer-content .content p,
.footer-top .footer-item .footer-inner .footer-content .content ul li a,
.footer-top .footer-item .footer-inner .footer-content .title h4,
.widget.widget-tags ul.widget-wrapper li a.active,
.widget.widget-tags ul.widget-wrapper li a:hover,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a:hover,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a .active,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote cite a,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote p,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote::before,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote,
.course-side-cetagory .csc-title h5,
.course-side-detail .csd-content .sidebar-social .ss-content ul li a,
.course-side-detail .csd-title h4,
.course-side-detail .csd-title p,
.group-select-section .group-select-left span,
.group-select-section .group-select-left i,
.skill-section .section-header .title,
.achieve-part .col:last-child .achieve-item .achieve-inner .achieve-content .lab-btn span,
.about-section.style-3 .about-left .about-left-content p,
.about-section.style-3 .about-left .about-left-content h3,
.course-video .course-video-content .accordion-item .accordion-header button,
.pageheader-section.style-2 .pageheader-content .course-category .course-offer,
.pageheader-section.style-2 .pageheader-content .course-category .course-cate,
.banner-section .cbs-content-list ul li.ccl-shape a,
.header-section.header-fixed .header-wrapper .menu-area .login,
.post-item.qute-post .post-inner .post-thumb .qute-content h4,
.post-item .post-inner .post-footer .pf-right .comment-count,
.course-item .course-inner .course-price,
.course-item .course-inner .course-content .course-category .course-cate a,
.social-icons li a,
.or {
	color: #fff
}

.news-letter .section-wrapper .news-form form .nf-list input[type=email],
.widget.widget-search,
.widget,
.blog-single .section-wrapper .post-item .post-inner .post-content,
.comment-respond,
.comments,
.course-side-cetagory,
.course-side-detail .csd-content,
.authors,
.skill-section .section-header .lab-btn,
.instructor-single-section .instructor-wrapper .instructor-single-bottom,
.instructor-single-section .instructor-wrapper .instructor-single-top,
.course-video .course-video-content .accordion-item .accordion-collapse .video-item-list li:nth-child(even),
.header-wrapper .menu-area .login,
.header-section.style-2 .logo-search-acte .header-search form,
.contact-item,
.skill-item .skill-inner,
.achieve-item .achieve-inner,
.post-item .post-inner,
.stu-feed-item .stu-feed-inner,
.instructor-item,
.course-item .course-inner,
.category-item .category-inner,
.account-wrapper,
.video-button::before,
.video-button::after,
.video-button {
	background-color: #fff
}

.widget.letest-product .widget-wrapper ul li .product-content h6 a,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a,
.widget.shop-widget .widget-wrapper .shop-menu li a,
.widget.widget-archive .widget-wrapper li a,
.widget.widget-category .widget-wrapper li a,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a,
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link,
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a,
.navigations-part .left .next,
.navigations-part .left .prev,
.navigations-part .right .next,
.navigations-part .right .prev,
.title-border,
.achieve-part .col .achieve-item .achieve-inner .achieve-content .lab-btn span,
.video-button:hover i,
a:hover,
a:focus,
a:active,
a:visited,
a {
	color: #101115
}

.skill-section {
	background: #101115
}

.widget.letest-product .widget-wrapper ul li:hover .product-content h6 a,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a.active,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a:hover,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li.open>a,
.widget.shop-widget .widget-wrapper .shop-menu li.open>a,
.widget.widget-post ul.widget-wrapper li .post-content a h6:hover,
.widget.widget-archive .widget-wrapper li a.active,
.widget.widget-archive .widget-wrapper li a:hover,
.widget.widget-category .widget-wrapper li a.active,
.widget.widget-category .widget-wrapper li a:hover,
.comments .comment-list .comment .com-content .com-title .ratting,
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link:hover,
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a:hover,
.navigations-part .left .next:hover,
.navigations-part .left .next .active,
.navigations-part .left .prev:hover,
.navigations-part .left .prev .active,
.navigations-part .right .next:hover,
.navigations-part .right .next .active,
.navigations-part .right .prev:hover,
.navigations-part .right .prev .active,
.navigations-part .left .title:hover,
.navigations-part .left .title .active,
.navigations-part .right .title:hover,
.navigations-part .right .title .active,
.course-side-cetagory .csc-content .csdc-lists ul li:hover .csdc-left a,
.course-side-cetagory .csc-content .csdc-lists ul li:hover .csdc-right,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .ratting i,
.instructor-section .section-wrapper .footer-btn p a,
.course-single-section .course-item .course-inner .course-content ul li i,
.pageheader-section.style-2 .pageheader-content .phs-thumb .course-reiew .ratting,
.header-wrapper .menu-area .ellepsis-bar i,
.post-item.style-2 .post-inner .post-content h2.opps,
.post-item.style-2 .post-inner:hover .post-content a>h2,
.post-item.style-2 .post-inner:hover .post-content h3,
.post-item .post-inner .post-content .meta-post ul li a i,
.post-item .post-inner .post-content .meta-post ul li a:hover,
.post-item .post-inner:hover .post-content h4,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-right .ratting i,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-content h6:hover,
.instructor-item .instructor-inner .instructor-content .ratting i,
.instructor-item:hover .instructor-inner .instructor-content h4,
.course-item .course-inner .course-content .course-footer .course-author .ca-name:hover,
.course-item .course-inner .course-content .course-details .couse-count i,
.course-item .course-inner .course-content .course-details .couse-topic i,
.course-item .course-inner .course-content .course-category .course-reiew .ratting i,
.course-item .course-inner:hover .course-content h4,
.category-item .category-inner .category-content h4:hover,
.category-item .category-inner .category-content h6:hover,
.category-item .category-inner:hover .category-content h6,
.account-form .form-group a:hover,
.video-button i,
.course-showing-part .course-showing-part-right .select-item .select-icon,
.course-showing-part .course-showing-part-right .select-item select,
.form-message.error {
	color: #f16126
}

.news-letter .section-wrapper .news-form form .nf-list::after,
.skill-section .section-header .lab-btn span,
.form-message.success {
	color: #26c976
}

.widget.widget-tags ul.widget-wrapper li a.active,
.widget.widget-tags ul.widget-wrapper li a:hover,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a:hover,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a .active,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote,
.course-side-cetagory .csc-title,
.course-side-detail .csd-title,
.group-select-section,
.about-section.style-3 .about-left .about-left-content,
.pageheader-section.style-2 .pageheader-content .course-category .course-offer,
.banner-section .cbs-content-list ul li.ccl-shape a::after,
.banner-section .cbs-content-list ul li.ccl-shape a,
.header-bar span,
.header-wrapper .menu-area .signup,
.post-item .post-inner .post-footer .pf-right .comment-count,
.course-item .course-inner .course-price,
.course-item .course-inner .course-content .course-category .course-cate a,
.scrollToTop i,
.social-icons li a,
.or {
	background: #7fc45f
}

.news-letter .section-wrapper .news-form form .nf-list input[type=submit],
.footer-top .footer-item .footer-inner .footer-content .title h4::after,
.course-side-detail .csd-content .course-enroll .lab-btn,
.skill-section::before,
.achieve-part .col:last-child .achieve-item .achieve-inner .achieve-content .lab-btn,
.course-video .course-video-content .accordion-item .accordion-header button,
.pageheader-section.style-2 .pageheader-content .course-category .course-cate,
.banner-section .cbs-content-list ul li.shape-1 a::after,
.header-section.header-fixed .header-wrapper .menu-area .login,
.post-item.qute-post .post-inner .post-thumb {
	background: #7fc45f
}

.widget.widget-search .search-wrapper button,
.widget.widget-search .search-wrapper input,
.comment-respond .add-comment .comment-form input,
.comment-respond .add-comment .comment-form textarea {
	background: #ecf0f3
}

.widget.widget-tags ul.widget-wrapper li a,
.comment-respond .add-comment .comment-form input[type=text],
.comments .comment-list .comment .com-content .com-title .com-title-meta span,
.navigations-part .left .title,
.navigations-part .right .title,
.account-form .form-group a,
.account-form .form-group .checkgroup label,
p {
	color: #555
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::after,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::before {
	background: #555
}

.news-letter .section-wrapper .news-form form .nf-list::after,
.news-letter .section-wrapper,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media,
.course-side-detail .csd-content .sidebar-social .ss-content ul li a,
.about-section.style-3 .about-left .about-left-content,
.header-top-area .social-icons li a,
.contact-item .contact-thumb,
.count-item .count-inner,
.post-item.qute-post .post-inner .post-thumb .qute-content,
.post-item .post-inner .post-footer .pf-right .comment-count,
.instructor-item .instructor-inner,
.course-item .course-inner .course-price,
.scrollToTop i,
.social-icons li a,
.account-wrapper,
.video-button,
.form-message {
	text-align: center
}

.navigations-part .left {
	text-align: left
}

.blog-single .section-wrapper .post-item .post-inner .post-content blockquote cite,
.navigations-part .right {
	text-align: right
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a,
.widget .widget-header .title,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .title,
.account-wrapper .title {
	text-transform: capitalize
}

.comment-respond .add-comment .comment-form .lab-btn,
.four-zero-section .four-zero-content .title,
.or {
	text-transform: uppercase
}

.comments .comment-list .comment .comment-list .comment {
	list-style: none
}

.news-letter .section-wrapper .news-title h3,
.widget.letest-product .widget-wrapper ul li .product-content h6,
.widget.letest-product .widget-wrapper ul,
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu,
.widget.shop-widget .widget-wrapper .shop-menu,
.widget.widget-post ul.widget-wrapper li .post-content p,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags,
.comments .comment-list .comment .com-content .com-title .com-title-meta h6,
.comments .comment-list,
.navigations-part .right,
.navigations-part .left,
.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item p,
.header-top-area .social-icons,
.course-item .course-inner .course-content .course-footer .course-author,
.account-form .form-group .checkgroup label,
.form-message {
	margin: 0
}

.news-letter .section-wrapper .news-form form .nf-list input,
.footer-top .footer-item.our-address .footer-inner .footer-content .content p,
.footer-top .footer-item .footer-inner .footer-content .title,
.widget.letest-product .widget-wrapper ul li .product-content p,
.widget .widget-wrapper,
.widget:last-child,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote p,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent label,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent input,
.comments .comment-list .comment .com-content p,
.authors .author-content .scocial-media,
.authors .author-content h5,
.contact-section .contact-form .form-group:last-child,
.instructor-section .section-wrapper .footer-btn p,
.about-section.style-3 .about-left .about-left-content p,
.about-section.style-3 .about-left .about-left-content h3,
.header-top-area .social-icons li p,
.contact-item .contact-content p,
.skill-item .skill-inner .skill-content p,
.count-item .count-inner .count-content p,
.post-item.qute-post .post-inner .post-thumb .qute-content h4,
.stu-feed-item .stu-feed-inner .stu-feed-bottom p,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-content h6,
.stu-feed-item:last-child .stu-feed-inner,
.course-showing-part .course-showing-part-left p {
	margin-bottom: 0
}

.blog-single .section-wrapper .post-item .post-inner .post-content h2,
.navigations-part .left .next,
.navigations-part .left .prev,
.navigations-part .right .next,
.navigations-part .right .prev,
.authors .author-content p,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .ratting,
.course-single-section .course-item .course-inner .course-content ul,
.pageheader-section.style-2 .pageheader-content .course-category,
.contact-item {
	margin-bottom: 10px
}

.post-item.style-2 .post-inner .post-content p {
	margin-bottom: 25px
}

.pageheader-section.style-2 .pageheader-content .phs-thumb {
	margin-top: 10px
}

.instructor-section .section-wrapper .footer-btn p a {
	margin-left: 5px
}

.course-item .course-inner .course-content .course-category .course-reiew .ratting-count {
	margin-left: 10px
}

.widget.shop-widget .widget-wrapper .shop-menu li.menu-item-has-children,
.comments .comment-list .comment .comment-list,
.post-item .post-inner .post-content .meta-post ul li:last-child {
	margin-right: 0
}

.widget.widget-archive .widget-wrapper li a i,
.widget.widget-category .widget-wrapper li a i,
.csdc-lists ul li .csdc-left i,
.course-side-detail .csd-title .csdt-right p i,
.group-select-section .group-select-left i,
.course-single-section .course-item .course-inner .course-content ul li i,
.pageheader-section.style-2 .pageheader-content .phs-thumb .course-reiew .ratting,
.header-top-area .left li i,
.post-item .post-inner .post-content .meta-post ul li a i,
.instructor-item .instructor-footer ul li i,
.course-item .course-inner .course-content .course-footer .course-author img,
.course-item .course-inner .course-content .course-details .couse-count i,
.course-item .course-inner .course-content .course-details .couse-topic i {
	margin-right: 5px
}

.footer-top .footer-item.our-address .footer-inner .footer-content .content ul li i,
.footer-top .footer-item .footer-inner .footer-content .content ul li a i,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent input,
.pageheader-section.style-2 .pageheader-content .phs-thumb img,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-thumb {
	margin-right: 10px
}

.widget .widget-header .title,
.comments .comment-list .comment .com-thumb,
.four-zero-section .four-zero-content .title,
.four-zero-section .four-zero-content img,
.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb,
.course-video .course-video-title,
.post-item .post-inner .post-content .meta-post,
.instructor-item .instructor-inner .instructor-thumb,
.course-item .course-inner .course-content .course-category,
.category-item .category-inner .category-thumb,
.account-form .form-group,
p {
	margin-bottom: 15px
}

.post-item.qute-post .post-inner .post-thumb .qute-content h4 {
	margin-top: 15px
}

.pageheader-section.style-2 .pageheader-content .phs-thumb span,
.skill-item .skill-inner .skill-thumb,
.post-item .post-inner .post-content .meta-post ul li,
.account-form .form-group .checkgroup input[type=checkbox] {
	margin-right: 15px
}

.blog-single .section-wrapper .post-item .post-inner .post-content p,
.blog-single .section-wrapper .post-item .post-inner .post-content img,
.blog-single .section-wrapper .post-item .post-inner .post-content iframe,
.comment-respond .add-comment .comment-form input,
.comment-respond .add-comment .comment-form textarea,
.achieve-item .achieve-inner .achieve-thumb,
.account-wrapper .title,
.course-showing-part {
	margin-bottom: 20px
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media {
	margin-top: 20px
}

.header-wrapper .menu-area .ellepsis-bar {
	margin-left: 20px
}

.news-letter .section-wrapper .news-form form .nf-list input,
.footer-top .footer-item.our-address .footer-inner .footer-content .content p,
.footer-top .footer-item .footer-inner .footer-content .title,
.widget.letest-product .widget-wrapper ul li .product-content p,
.widget .widget-wrapper,
.widget:last-child,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media,
.blog-single .section-wrapper .post-item .post-inner .post-content blockquote p,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent label,
.comment-respond .add-comment .comment-form p.comment-form-cookies-consent input,
.comments .comment-list .comment .com-content p,
.authors .author-content .scocial-media,
.authors .author-content h5,
.contact-section .contact-form .form-group:last-child,
.instructor-section .section-wrapper .footer-btn p,
.about-section.style-3 .about-left .about-left-content p,
.about-section.style-3 .about-left .about-left-content h3,
.header-top-area .social-icons li p,
.contact-item .contact-content p,
.skill-item .skill-inner .skill-content p,
.count-item .count-inner .count-content p,
.post-item.qute-post .post-inner .post-thumb .qute-content h4,
.stu-feed-item .stu-feed-inner .stu-feed-bottom p,
.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-content h6,
.stu-feed-item:last-child .stu-feed-inner,
.course-showing-part .course-showing-part-left p {
	margin-bottom: 0
}

.comments .comment-list .comment .com-content .com-title .com-title-meta span,
.authors .author-content span,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content p.ins-dege,
.course-video .course-video-content .accordion-item .accordion-header button,
.contact-item .contact-content .title,
.skill-item .skill-inner .skill-content h5,
.post-item .post-inner .post-content p,
.instructor-item .instructor-inner .instructor-content p,
.instructor-item .instructor-inner .instructor-content h4 {
	margin-bottom: 5px
}

.widget,
.course-side-detail,
.map-area,
.four-zero-section .four-zero-content p,
.skill-section .section-header .title,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb,
.account-form .form-group button {
	margin-bottom: 30px
}

.comments,
.instructor-section .section-wrapper .footer-btn,
.account-form .form-group button,
.form-message.error,
.form-message.success {
	margin-top: 30px
}

.header-bar {
	margin-left: 30px
}

.widget.letest-product,
.widget.shop-widget,
.widget.recipe-categori,
.widget.widget-tags ul.widget-wrapper li,
.widget.widget-tags,
.widget.widget-instagram ul.widget-wrapper li,
.widget.widget-instagram,
.widget.widget-post ul.widget-wrapper,
.widget.widget-post,
.widget.widget-archive .widget-wrapper li,
.widget.widget-category .widget-wrapper li,
.widget.widget-search .search-wrapper button,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li,
.course-single-section .course-item .course-inner .course-content,
.course-single-section .course-item .course-inner,
.pageheader-section.style-2,
.header-top-area .social-icons li,
.post-item.style-2 .post-inner,
.video-button {
	padding: 0
}

.blog-single .section-wrapper .post-item .post-inner .post-content blockquote {
	padding: 25px
}

.course-side-detail .csd-content,
input,
textarea,
select {
	padding: 10px
}

.comment-respond .add-comment .comment-form textarea,
.course-side-cetagory .csc-content,
.about-section.style-3 .about-left .about-left-content,
.course-video .course-video-content .accordion-item .accordion-collapse .video-item-list li,
.course-video .course-video-content .accordion-item .accordion-header button,
.skill-item .skill-inner,
.post-item .post-inner .post-content,
.post-item .post-inner,
.instructor-item .instructor-footer,
.course-item.style-2 .course-inner .course-content {
	padding: 15px
}

.comments .comment-list {
	padding: 20px
}

.post-item.style-2 .post-inner .post-content {
	padding: 30px
}

.comments .comment-list .comment .comment-list .comment:last-child {
	padding-bottom: 0
}

.header-top-area .social-icons li:first-child {
	padding-right: 10px
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu {
	padding-bottom: 15px
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu,
.course-item .course-inner .course-content .course-footer {
	padding-top: 15px
}

.widget.letest-product .widget-wrapper ul li .product-content,
.contact-item .contact-content {
	padding-left: 15px
}

.comments .comment-list .comment .com-content {
	padding-bottom: 20px
}

.widget.widget-archive .widget-wrapper li a.active,
.widget.widget-archive .widget-wrapper li a:hover,
.widget.widget-category .widget-wrapper li a.active,
.widget.widget-category .widget-wrapper li a:hover {
	padding-left: 30px
}

.social-icons li a.facebook {
	background: #3b5998
}

.course-side-detail .csd-content .sidebar-social .ss-content ul li a.twitter,
.social-icons li a.twitter {
	background: #55acee
}

.social-icons li a.linkedin {
	background: #007bb5
}

.social-icons li a.google {
	background: #dd4b39
}

.social-icons li a.instagram {
	background: #e4405f
}

.social-icons li a.behance {
	background: #1769ff
}

.social-icons li a.dribbble {
	background: #ea4c89
}

.course-side-detail .csd-content .sidebar-social .ss-content ul li a.rss {
	background: #dec32b
}

.social-icons li a.pinterest {
	background: #bd081c
}

.course-side-detail .csd-content .sidebar-social .ss-content ul li a.vimeo,
.social-icons li a.vimeo {
	background: #3b5998
}

@keyframes angle-move {
	0%,
	100% {
		transform: translateY(0) rotate(-6deg)
	}
	50% {
		transform: translateY(-20px) rotate(8deg)
	}
}

@keyframes up-down {
	0%,
	100% {
		transform: translateY(-20px) translateX(15px)
	}
	50% {
		transform: translateY(0)
	}
}

@keyframes up_down_2 {
	0%,
	100% {
		transform: translateY(15px) translateX(15px)
	}
	50% {
		transform: translateY(0)
	}
}

@keyframes up_down_3 {
	0%,
	100% {
		transform: translateY(-10px) translateX(1px)
	}
	50% {
		transform: translateY(0)
	}
}

@keyframes zoom {
	0%,
	100% {
		transform: scale(0.9) rotate(0deg)
	}
	50% {
		transform: scale(1.1) rotate(30deg)
	}
	80% {
		transform: rotate(-30deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotateZ(360deg)
	}
}

@keyframes rotate-rev {
	100% {
		transform: rotateZ(-360deg) translate(-50%, -50%)
	}
}

@keyframes bounce-1 {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(-25px)
	}
	100% {
		transform: translateY(0)
	}
}

@keyframes ripple {
	100% {
		width: 200%;
		height: 200%;
		opacity: 0
	}
}

@keyframes rotate-2 {
	100% {
		transform: rotate(150deg)
	}
}

@keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: .5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-filter: alpha(opacity=50)
	}
	80% {
		transform: scale(1.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5)
	}
	100% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5)
	}
}

@-webkit-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: .5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}
	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5)
	}
	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5)
	}
}

@-moz-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: .5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}
	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5)
	}
	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1
	}
	90% {
		opacity: .5;
		-webkit-transform: translate(-50%, -50%) scale(1.8);
		-ms-transform: translate(-50%, -50%) scale(1.8);
		transform: translate(-50%, -50%) scale(1.8)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		-ms-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2)
	}
}


/*! @@@@@@@@@@@@@@@@@@@@@@



@@@@@@@@@@@@@@@@@@@@@@ */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
	box-shadow: none
}

html {
	scroll-behavior: auto!important
}

body {
	background: #fff;
	color: #555;
	font-family: "Barlow", sans-serif;
	font-size: 1rem;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #101115;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 1.3
}

a>h1,
a>h2,
a>h3,
a>h4,
a>h5,
a>h6 {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

h1 {
	font-size: 3.75rem
}

h2 {
	font-size: 1.5rem
}

h3 {
	font-size: 1.25rem
}

h4 {
	font-size: 1.25rem
}

h5 {
	font-size: 1.25rem;
	margin-top: -5px
}

h6 {
	font-size: 1.125rem
}

p {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 24px
}

a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration: none
}

a:hover,
a:focus,
a:active,
a:visited {
	text-decoration: none;
	outline: 0
}

img {
	height: auto;
	max-width: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media(min-width:576px) {
	h1 {
		font-size: 3.75rem
	}
	h2 {
		font-size: 2.5rem
	}
	h3 {
		font-size: 1.875rem
	}
	h4 {
		font-size: 1.5rem
	}
	h5 {
		font-size: 1.25rem
	}
	h6 {
		font-size: 1.125rem
	}
}

ul.lab-ul {
	margin: 0;
	padding: 0
}

ul.lab-ul li {
	list-style: none
}

input,
textarea,
select {
	outline: 0;
	border: 1px solid #ecf0f3
}

button {
	border: 0;
	outline: 0;
	padding: 13px 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.padding-tb {
	padding: 70px 0
}

@media(min-width:992px) {
	.padding-tb {
		padding: 110px 0
	}
}

.section-bg {
	background: #fff9f1
}

.section-header {
	margin-bottom: 50px
}

.section-header .subtitle {
	font-size: 1.125rem;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #24b34b;
	font-weight: 600;
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px)
}

.section-header .subtitle2 {
	font-size: 34px;
	letter-spacing: 1px;
	color: #24b34b;
	font-weight: 200;
	line-height: 0.8
}

.section-header .subtitle3 {
	font-size: 28px;
	letter-spacing: 1px;
	color: #24b34b;
	font-weight: 200;
	line-height: 1.2
}

.section-header .subtitle4 {
	font-size: 32px;
	letter-spacing: 1px;
	color: #333333;
	font-weight: 500;
	line-height: 1.2
}

.section-header .subtitle5 {
	font-size: 32px;
	letter-spacing: 1px;
	color: #24b34b;
	font-weight: 500;
	line-height: 1.2
}

.lab-btn {
	padding: 10px 30px;
	background: #7fc45e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 700
}

.lab-btn span {
	color: #fff
}

.lab-btn:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 5px 10px rgba(127, 196, 94, 0.5)
}

.lab-btn-text {
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: capitalize
}

.lab-btn-text i {
	color: #7fc45e;
	margin-left: 5px
}

.lab-btn-text:hover {
	color: #7fc45e
}

.header-shadow {
	box-shadow: 0 1px 5px rgba(85, 85, 85, 0.1)
}

.form-message {
	font-size: 1rem
}

.default-pagination {
	margin: -7px!important;
	margin-top: 31px!important
}

@media(min-width:768px) {
	.default-pagination {
		margin-top: 41px!important
	}
}

.default-pagination li {
	padding: 7px
}

.default-pagination li a {
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	background: #fff;
	color: #101115
}

.default-pagination li a:hover,
.default-pagination li a.active {
	background: #7fc45e;
	box-shadow: none;
	color: #fff
}

.select-item select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none
}

.select-item .select-icon {
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.course-showing-part .course-showing-part-left p {
	font-size: 1.125rem
}

.course-showing-part .course-showing-part-right span {
	font-size: 1.125rem
}

.course-showing-part .course-showing-part-right .select-item select {
	background: transparent;
	border: 0
}

.course-showing-part .course-showing-part-right .select-item .select-icon {
	right: 0
}

.video-button {
	z-index: 1;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 1.5rem;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media(min-width:576px) {
	.video-button {
		width: 92px;
		height: 92px;
		line-height: 88px;
		font-size: 30px;
		border: 2px solid #cfd0fe
	}
}

.video-button::before,
.video-button::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .15;
	z-index: -10
}

.video-button::before {
	z-index: -10;
	-webkit-animation: inner-ripple 2000ms linear infinite;
	-moz-animation: inner-ripple 2000ms linear infinite;
	animation: inner-ripple 2000ms linear infinite
}

.video-button::after {
	z-index: -10;
	-webkit-animation: outer-ripple 2000ms linear infinite;
	-moz-animation: outer-ripple 2000ms linear infinite;
	animation: outer-ripple 2000ms linear infinite
}

.shape-img::after {
	width: 100%;
	height: 100%;
	background: url(../../assets/images/shape-img/01.png);
	z-index: -1;
	background-position: center;
	background-repeat: no-repeat
}

.account-wrapper {
	box-shadow: 0 0 10px 0 rgba(136, 136, 136, 0.1);
	padding: 60px 80px;
	max-width: 545px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

@media(max-width:767px) {
	.account-wrapper {
		padding: 50px 40px
	}
}

@media screen and (max-width:499px) {
	.account-wrapper {
		padding: 40px 15px
	}
}

.account-wrapper .cate {
	font-style: normal
}

.account-bottom .subtitle {
	margin-bottom: 23px
}

@media(min-width:576px) {
	.account-bottom .subtitle {
		font-size: 20px
	}
}

.account-form .form-group input {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.account-form .form-group .checkgroup {
	flex-wrap: nowrap
}

.account-form .form-group .checkgroup input[type=checkbox] {
	width: 18px;
	height: 18px
}

@media(max-width:575px) {
	.account-form .form-group .checkgroup input[type=checkbox] {
		width: 14px;
		height: 14px;
		margin-right: 8px
	}
}

@media(max-width:575px) {
	.account-form .form-group .checkgroup label {
		font-size: 14px
	}
}

.account-form .form-group a {
	text-decoration: underline
}

@media(max-width:575px) {
	.account-form .form-group a {
		font-size: 14px
	}
}

@media(max-width:575px) {
	.account-form .form-group button {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.or {
	margin: 24px auto 30px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: 500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.or span {
	z-index: 1
}

.or::before,
.or::after {
	top: 50%;
	left: 50%;
	background: #7fc45e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(127, 196, 94, 0.3);
	animation: pulse 2s linear infinite;
	-webkit-animation: pulse 2s linear infinite;
	-moz-animation: pulse 2s linear infinite;
	opacity: 0
}

.or::before {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s
}

.social-icons {
	margin: -5px
}

.social-icons li {
	padding: 5px
}

.social-icons li a {
	height: 36px;
	width: 36px;
	line-height: 36px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.social-icons li a:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px)
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #7fc45e
}

.preloader .preloader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.preloader .preloader-inner .preloader-icon {
	width: 72px;
	height: 72px;
	display: inline-block;
	padding: 0
}

.preloader .preloader-inner .preloader-icon span {
	position: absolute;
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 100%;
	background: #fff;
	-webkit-animation: preloader-fx 1.6s linear infinite;
	animation: preloader-fx 1.6s linear infinite
}

.preloader .preloader-inner .preloader-icon span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s
}

@keyframes preloader-fx {
	0% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0
	}
}

@-webkit-keyframes preloader-fx {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0
	}
}

@keyframes price-ani {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: .1
	}
}

.scrollToTop {
	position: fixed;
	bottom: -30%;
	right: 5%;
	z-index: 9
}

.scrollToTop i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.scrollToTop i:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px 0 rgba(127, 196, 94, 0.5)
}

.category-item .category-inner {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 40px 30px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media(min-width:1440px) {
	.category-item .category-inner {
		padding: 40px
	}
}

.category-item .category-inner:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px)
}

.category-item .category-inner .category-thumb img {
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%
}

.category-item .category-inner .category-content h6 {
	font-weight: 500
}

.category-item .category-inner .category-content span {
	font-weight: 500;
	font-size: 1.125rem
}

.course-item .course-inner {
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

.course-item .course-inner:hover .course-thumb img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.course-item .course-inner .course-content {
	padding: 30px 15px 0
}

.course-item .course-inner .course-content .course-category .course-cate {
	margin-right: 10px
}

@media(max-width:991px) {
	.course-item .course-inner .course-content .course-category .course-cate {
		margin-bottom: 10px
	}
}

.course-item .course-inner .course-content .course-category .course-cate a {
	padding: 3px 15px;
	padding-left: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: 500
}

.course-item .course-inner .course-content .course-category .course-cate a::before {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.5);
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.course-item .course-inner .course-content .course-category .course-reiew .ratting i {
	font-size: 1rem
}

.course-item .course-inner .course-content .course-details {
	margin: 0 0 15px
}

.course-item .course-inner .course-content .course-details .couse-count,
.course-item .course-inner .course-content .course-details .couse-topic {
	font-size: 1.125rem
}

.course-item .course-inner .course-content .course-footer {
	border-top: 1px solid #ecf0f3
}

.course-item .course-inner .course-content .course-footer .course-author .ca-name {
	font-size: 1.125rem;
	font-weight: 500
}

.course-item .course-inner .course-price {
	width: 60px;
	height: 60px;
	line-height: 60px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-weight: 700;
	font-size: 1.25rem;
	right: 20px;
	top: -30px
}

@media(min-width:576px) {
	.course-item.style-2 .course-inner .course-thumb {
		width: 40%
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.course-item.style-2 .course-inner .course-thumb {
		width: 100%
	}
}

.course-item.style-2 .course-inner .course-thumb .course-price {
	top: 10px;
	right: auto;
	left: 10px
}

@media(min-width:576px) {
	.course-item.style-2 .course-inner .course-content {
		width: 60%
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.course-item.style-2 .course-inner .course-content {
		width: 100%
	}
}

.instructor-item {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.instructor-item:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px)
}

.instructor-item .instructor-inner {
	padding: 30px 15px 20px
}

.instructor-item .instructor-inner .instructor-thumb img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.instructor-item .instructor-inner .instructor-content .ratting i {
	font-size: 1rem
}

.instructor-item .instructor-footer {
	border-top: 1px solid #ecf0f3
}

.stu-feed-item .stu-feed-inner {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 5px 10px rgba(136, 136, 136, 0.1);
	padding: 20px 30px;
	margin-bottom: 20px
}

@media(min-width:576px) {
	.stu-feed-item .stu-feed-inner {
		padding: 10px 30px
	}
}

.stu-feed-item .stu-feed-inner .stu-feed-top {
	padding: 15px 0;
	border-bottom: 1px solid #ecf0f3
}

.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-thumb img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.stu-feed-item .stu-feed-inner .stu-feed-top .sft-left .sftl-content span {
	font-size: 1.125rem
}

.stu-feed-item .stu-feed-inner .stu-feed-top .sft-right .ratting i {
	font-size: 1rem
}

.stu-feed-item .stu-feed-inner .stu-feed-bottom {
	padding: 20px 0 10px
}

.stu-feed-item .stu-feed-inner .stu-feed-bottom p {
	font-size: 1.125rem
}

.post-item .post-inner {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.post-item .post-inner:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px)
}

.post-item .post-inner .post-content {
	padding-top: 20px
}

.post-item .post-inner .post-content .meta-post ul li a {
	font-weight: 500
}

.post-item .post-inner .post-content p {
	font-size: 1.125rem
}

.post-item .post-inner .post-footer {
	margin: 0 15px;
	padding-top: 15px;
	border-top: 1px solid #ecf0f3
}

.post-item .post-inner .post-footer .pf-right i {
	font-size: 1.5rem
}

.post-item .post-inner .post-footer .pf-right .comment-count {
	width: 16px;
	height: 16px;
	line-height: 16px;
	top: -5px;
	left: 5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size: 12px;
	box-shadow: 0 3px 10px rgba(16, 17, 21, 0.1)
}

.post-item.style-2 .post-inner:hover {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}

.post-item.style-2 .post-inner:hover .post-thumb a img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.post-item.style-2 .post-inner .post-content h2.not-ruselt {
	font-weight: 400
}

.post-item.style-2 .post-inner .post-content h2.opps {
	margin: 10px 0 0
}

@media(min-width:992px) {
	.post-item.style-2 .post-inner .post-content h2.opps {
		font-size: 60px
	}
}

.post-item.slider-post .post-inner:hover .post-thumb.post-thumb-slider .post-thumb-slider-next {
	left: 10px
}

.post-item.slider-post .post-inner:hover .post-thumb.post-thumb-slider .post-thumb-slider-prev {
	right: 10px
}

.post-item.slider-post .post-inner .post-thumb.post-thumb-slider img {
	width: 100%
}

.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #101115;
	z-index: 1;
	text-align: center;
	top: 50%;
	outline: 0;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next:hover,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next .active,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev:hover,
.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev .active {
	background: #7fc45e;
	color: #fff
}

.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-next {
	left: -10%
}

.post-item.slider-post .post-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev {
	right: -10%
}

.post-item.qute-post .post-inner .post-thumb {
	height: 190px
}

@media(min-width:576px) {
	.post-item.qute-post .post-inner .post-thumb {
		height: 320px
	}
}

.post-item.qute-post .post-inner .post-thumb .qute-content {
	padding: 20px
}

.post-item.qute-post .post-inner .post-thumb .qute-content h4 {
	line-height: 1.5
}

@media(max-width:767px) {
	.post-item.qute-post .post-inner .post-thumb .qute-content h4 {
		display: none
	}
}

.count-item .count-inner {
	padding: 30px
}

.achieve-item .achieve-inner {
	padding: 30px;
	box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1)
}

@media(min-width:576px) {
	.achieve-item .achieve-inner .achieve-thumb {
		width: 65%;
		position: absolute;
		bottom: 0;
		right: -60px;
		margin-bottom: 0
	}
}

@media(min-width:576px) {
	.achieve-item .achieve-inner .achieve-content {
		width: 60%
	}
}

.achieve-item .achieve-inner .achieve-content p {
	margin-bottom: 25px
}

.skill-item .skill-inner {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

@media(min-width:992px) and (max-width:1199px) {
	.skill-item .skill-inner {
		text-align: center
	}
}

.skill-item .skill-inner:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 5px 10px rgba(255, 255, 255, 0.5)
}

@media(min-width:992px) and (max-width:1199px) {
	.skill-item .skill-inner .skill-thumb {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.skill-item .skill-inner .skill-content {
		width: 100%
	}
}

.contact-item {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px 30px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

.contact-item .contact-thumb {
	max-width: 50px
}

.contact-item .contact-content {
	width: calc(100% - 50px)
}

.header-section {
	background: transparent;
	z-index: 999
}

.header-section.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	animation: fadeInDown .5s;
	-webkit-animation: fadeInDown .5s;
	-moz-animation: fadeInDown .5s;
	box-shadow: 0 0 10px rgba(16, 17, 21, 0.1);
	z-index: 999
}

@media(min-width:992px) {
	.header-section.header-fixed {
		top: -48px
	}
}

@media(min-width:1200px) {
	.header-section.header-fixed {
		top: -55px
	}
}

.header-section.header-fixed .header-bottom {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px)
}

.header-section.style-2 .header-wrapper {
	padding: 20px;
	box-shadow: 0 6px 10px rgba(85, 85, 85, 0.1)
}

.header-section.style-2 .logo-search-acte .header-cate {
	margin: 0 40px
}

.header-section.style-2 .logo-search-acte .header-cate select {
	border: 0;
	background: transparent
}

.header-section.style-2 .logo-search-acte .header-search form {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.header-section.style-2 .logo-search-acte .header-search form input {
	border: 0;
	width: auto
}

.header-section.style-2 .logo-search-acte .header-search form button {
	background: transparent
}

@media(min-width:992px) {
	.header-section.style-2.header-fixed {
		top: 0
	}
}

@media(min-width:1200px) {
	.header-section.style-2.header-fixed {
		top: 0
	}
}

.header-top {
	border-bottom: 1px solid rgba(16, 17, 21, 0.1)
}

@media(max-width:991px) {
	.header-top {
		display: none;
		background-color: rgba(127, 196, 94, 0.95)
	}
}

.header-top-area .social-icons li {
	border-left: 1px solid rgba(16, 17, 21, 0.1)
}

.header-top-area .social-icons li a {
	height: 50px;
	line-height: 50px;
	width: 50px;
	color: #24b34b;
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.header-top-area .social-icons li:first-child {
	border-left: none
}

.header-top-area .social-icons li:nth-child(2) {
	border-left: none
}

.header-top-area .left {
	margin: 0 -25px
}

.header-top-area .left li {
	padding: 15px 25px;
	border-right: 1px solid rgba(16, 17, 21, 0.1)
}

.header-top-area .left li:last-child {
	border-right: 0
}

@media(max-width:1199px) {
	.header-top-area .left li {
		font-size: 14px;
		padding: 9px 15px
	}
	.header-top-area .social-icons li a {
		height: 46px;
		line-height: 46px;
		width: 46px
	}
}

@media(max-width:991px) {
	.header-top-area .left {
		width: 100%;
		text-align: center;
		justify-content: center;
		margin: 0;
		border: 1px solid rgba(255, 255, 255, 0.1)
	}
	.header-top-area .left li {
		flex-grow: 1;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-right: 0;
		color: #fff
	}
	.header-top-area .left li:first-child {
		border-top: 0
	}
	.header-top-area .social-icons {
		width: 100%;
		text-align: center;
		justify-content: center;
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)
	}
	.header-top-area .social-icons li {
		flex-grow: 1;
		border-color: rgba(255, 255, 255, 0.1)
	}
	.header-top-area .social-icons li p,
	.header-top-area .social-icons li a {
		color: #fff
	}
}

.header-wrapper {
	padding: 19px 0
}

@media(min-width:576px) {
	.header-wrapper {
		position: relative
	}
}

.header-wrapper .logo a img {
	max-width: 100%
}

@media(max-width:575px) {
	.header-wrapper .logo {
		width: 160px
	}
}

@media(max-width:1199px) and (min-width:992px) {
	.header-wrapper .logo {
		width: 200px
	}
}

.header-wrapper .menu-area .login,
.header-wrapper .menu-area .signup {
	display: none
}

@media(min-width:768px) {
	.header-wrapper .menu-area .login,
	.header-wrapper .menu-area .signup {
		padding: 10px;
		display: inline-block
	}
}

@media(min-width:1200px) {
	.header-wrapper .menu-area .login,
	.header-wrapper .menu-area .signup {
		padding: 15px
	}
}

.header-wrapper .menu-area .login {
	color: #24b34b;
	border-radius: 2px 0 0 2px
}

.header-wrapper .menu-area .signup {
	color: #fff;
	border-radius: 0 2px 2px 0
}

.header-wrapper .menu-area .ellepsis-bar {
	font-size: 20px
}

@media(max-width:575px) {
	.header-wrapper .menu-area {
		padding: 15px 0
	}
	.header-wrapper .menu-area .ellepsis-bar {
		margin-left: 20px
	}
}

@media(min-width:992px) {
	.menu>ul {
		margin-right: 30px
	}
}

.menu>ul>li>a {
	color: #101115;
	font-size: 1rem;
	font-weight: 700;
	padding: 15px 22px;
	text-transform: capitalize
}

.menu>ul>li>a i {
	margin-right: 5px
}

.menu>ul>li ul {
	margin-right: 0
}

.menu>ul>li ul li {
	width: 100%
}

@media(min-width:992px) {
	.menu>ul li {
		position: relative
	}
	.menu>ul li ul {
		position: absolute;
		top: calc(100%);
		left: 0;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		transition: all ease .3s;
		z-index: 9;
		background: #fff;
		width: 220px;
		padding: 0;
		-webkit-transform: translateY(35px);
		-ms-transform: translateY(35px);
		transform: translateY(35px);
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 0 10px rgba(16, 17, 21, 0.1)
	}
	.menu>ul li ul li {
		padding: 0
	}
	.menu>ul li ul li a {
		padding: 10px 20px;
		text-transform: capitalize;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 14px;
		color: #000;
		font-weight: 500;
		border-bottom: 1px solid #ecf0f3
	}
	.menu>ul li ul li a:hover,
	.menu>ul li ul li a.active {
		background: #7fc45e;
		padding-left: 22px;
		color: #fff
	}
	.menu>ul li ul li:last-child a {
		border-bottom: 0
	}
	.menu>ul li ul li ul {
		left: 100%;
		top: 0
	}
	.menu>ul li:hover>ul {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
		visibility: visible
	}
}

@media(max-width:991px) {
	.menu>ul {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		overflow: auto;
		max-height: 400px;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		transition: all ease .3s;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		transform-origin: top;
		background: #7fc45e;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px)
	}
	.menu>ul li {
		width: 100%;
		padding: 0
	}
	.menu>ul li a {
		display: block;
		padding: 10px 25px;
		font-size: 15px;
		font-weight: 700;
		text-transform: capitalize;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		color: #fff
	}
	.menu>ul li a:hover {
		background: rgba(127, 196, 94, 0.6)
	}
	.menu>ul li ul {
		padding-left: 20px;
		display: none
	}
	.menu>ul li ul li {
		width: 100%
	}
	.menu>ul li ul li a {
		font-size: 14px;
		display: flex;
		justify-content: space-between
	}
	.menu>ul.active {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.header-bar {
	width: 25px;
	height: 20px
}

.header-bar span {
	height: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	left: 0
}

.header-bar span:first-child {
	top: 0
}

.header-bar span:nth-child(2) {
	top: 52%;
	transform: translateY(-65%)
}

.header-bar span:last-child {
	bottom: 0
}

.header-bar.active span:first-child {
	-webkit-transform: rotate(45deg) translate(3px, 9px);
	-ms-transform: rotate(45deg) translate(3px, 9px);
	transform: rotate(45deg) translate(3px, 9px)
}

.header-bar.active span:nth-child(2) {
	opacity: 0
}

.header-bar.active span:last-child {
	-webkit-transform: rotate(-45deg) translate(3px, -9px);
	-ms-transform: rotate(-45deg) translate(3px, -9px);
	transform: rotate(-45deg) translate(3px, -9px)
}

@media(max-width:575px) {
	.header-bar {
		width: 15px;
		height: 16px
	}
	.header-bar span {
		height: 2px;
		width: 20px
	}
	.header-bar.active span:first-child {
		-webkit-transform: rotate(45deg) translate(4px, 6px);
		-ms-transform: rotate(45deg) translate(4px, 6px);
		transform: rotate(45deg) translate(4px, 6px)
	}
	.header-bar.active span:nth-child(2) {
		opacity: 0
	}
	.header-bar.active span:last-child {
		-webkit-transform: rotate(-45deg) translate(4px, -6px);
		-ms-transform: rotate(-45deg) translate(4px, -6px);
		transform: rotate(-45deg) translate(4px, -6px)
	}
}

.menu-item-has-children>a::after {
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	width: 10px;
	height: 2px;
	background-color: #fff
}

.menu-item-has-children>a::before {
	top: 50%;
	transform: translateY(-50%);
	right: 29px;
	width: 2px;
	height: 10px;
	background-color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media(min-width:992px) {
	.menu-item-has-children>a::after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: 10px;
		height: 2px;
		background-color: #101115
	}
	.menu-item-has-children>a::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 4px;
		width: 2px;
		height: 10px;
		background-color: #101115;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease
	}
}

@media(min-width:992px) {
	.menu-item-has-children .menu-item-has-children a::after {
		right: 11px
	}
	.menu-item-has-children .menu-item-has-children a::before {
		right: 15px
	}
}

@media(min-width:992px) {
	.menu-item-has-children .menu-item-has-children a:hover::after,
	.menu-item-has-children .menu-item-has-children a:hover::before {
		background: #fff
	}
}

@media(min-width:992px) {
	.menu-item-has-children:hover>a:before {
		transform: translateY(-50%) rotate(90deg);
		opacity: 0
	}
}

.menu-item-has-children.open>a:before {
	transform: translateY(-50%) rotate(90deg);
	opacity: 0
}

.banner-section {
	background-image: url(../images/bg-img/01.jpg);
	background-size: cover;
	padding-top: 170px
}

@media(min-width:576px) {
	.banner-section {
		padding-top: 215px
	}
}

.banner-section .all-shapes {
	display: none;
	width: 700px;
	height: 700px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px dashed #ff70d2;
	border-width: 1.75px;
	top: 25%;
	right: 0;
	animation: rotate 110s infinite linear
}

@media(min-width:1600px) {
	.banner-section .all-shapes {
		right: 15%
	}
}

.banner-section .all-shapes::after,
.banner-section .all-shapes::before {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.banner-section .all-shapes::before {
	width: calc(100% - 15%);
	height: calc(100% - 15%);
	border: 1px dashed #8b74ff;
	border-width: 1.8px!important;
	animation: rotate-rev 110s infinite linear
}

.banner-section .all-shapes::after {
	width: calc(100% - 30%);
	height: calc(100% - 30%);
	border: 1px dashed #7fc45e;
	border-width: 1.8px!important
}

@media(min-width:1200px) {
	.banner-section .all-shapes {
		display: block
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list {
		display: block!important
	}
}

.banner-section .cbs-content-list ul li.ccl-shape {
	z-index: 2
}

.banner-section .cbs-content-list ul li.ccl-shape a {
	padding: 10px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.banner-section .cbs-content-list ul li.ccl-shape a::after {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	top: 50%;
	left: -35px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner-section .cbs-content-list ul li.shape-1 {
	animation: up-down 6s infinite linear;
	top: 38%;
	right: 5%
}

.banner-section .cbs-content-list ul li.shape-1 a {
	background-image: linear-gradient(to left, #00c0a6, #00b1c9, #009df4, #0080ff, #1d4dfa)
}

.banner-section .cbs-content-list ul li.shape-1 a::after {
	left: auto;
	right: -40px
}

@media(min-width:1200px) {
	.banner-section .cbs-content-list ul li.shape-1 {
		top: 28%;
		right: 5%
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list ul li.shape-1 {
		top: 45%;
		right: 46%
	}
}

.banner-section .cbs-content-list ul li.shape-2 {
	animation: up_down_2 6s infinite linear;
	top: 40%;
	right: 19%
}

.banner-section .cbs-content-list ul li.shape-2 a {
	background-image: linear-gradient(to right, #ff5dcc, #ff4ca2, #ff4878, #ff514f, #f16126)
}

.banner-section .cbs-content-list ul li.shape-2 a::after {
	left: -40px;
	background: #ff5dcc
}

@media(min-width:1200px) {
	.banner-section .cbs-content-list ul li.shape-2 {
		top: 31%;
		right: 17%
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list ul li.shape-2 {
		top: 30%;
		right: 10%
	}
}

.banner-section .cbs-content-list ul li.shape-3 {
	animation: up_down_2 8s infinite linear;
	top: 59%;
	right: 38%
}

.banner-section .cbs-content-list ul li.shape-3 a {
	background-image: linear-gradient(to right, #52f781, #a5e150, #d3c83a, #f0ae43, #fe955c)
}

.banner-section .cbs-content-list ul li.shape-3 a::after {
	left: -50px;
	background: #7fc45e
}

@media(min-width:1200px) {
	.banner-section .cbs-content-list ul li.shape-3 {
		top: 52%;
		right: 36%
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list ul li.shape-3 {
		top: 42%;
		right: 9%
	}
}

.banner-section .cbs-content-list ul li.shape-4 {
	animation: up_down_3 6s infinite linear;
	top: 26%;
	right: 26%
}

.banner-section .cbs-content-list ul li.shape-4 a {
	background-image: linear-gradient(to right, #fe955c, #ff816d, #ff6d86, #ff5fa7, #ff5dcc)
}

.banner-section .cbs-content-list ul li.shape-4 a::after {
	left: -38px;
	background: #ff5dcc
}

@media(min-width:1200px) {
	.banner-section .cbs-content-list ul li.shape-4 {
		top: 21%;
		right: 34%
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list ul li.shape-4 {
		top: 53%;
		right: 5%
	}
}

.banner-section .cbs-content-list ul li.shape-5 {
	animation: up_down_3 6s infinite linear;
	top: 50%;
	right: 45%
}

.banner-section .cbs-content-list ul li.shape-5 a {
	background-image: linear-gradient(to right, #785eff, #009fff, #00c8ff, #00e4ce, #52f781)
}

.banner-section .cbs-content-list ul li.shape-5 a::after {
	background: #785eff
}

@media(min-width:1200px) {
	.banner-section .cbs-content-list ul li.shape-5 {
		top: 46%;
		right: 46%
	}
}

@media(min-width:1600px) {
	.banner-section .cbs-content-list ul li.shape-5 {
		top: 65%;
		right: 8%
	}
}

.banner-section .section-wrapper .banner-content .subtitle {
	color: #24b34b;
	letter-spacing: 5px;
	font-size: 20px
}

.banner-section .section-wrapper .banner-content .title {
	margin-bottom: 15px
}

@media(min-width:992px) {
	.banner-section .section-wrapper .banner-content .title {
		font-size: 66px;
		line-height: 1.1
	}
}

.banner-section .section-wrapper .banner-content .desc {
	margin-bottom: 25px
}

@media(min-width:576px) {
	.banner-section .section-wrapper .banner-content .desc {
		font-size: 20px;
		line-height: 1.5
	}
}

.banner-section .section-wrapper .banner-content form {
	background: #fff;
	justify-content: space-between;
	box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1)
}

.banner-section .section-wrapper .banner-content form .banner-icon {
	left: 15px;
	top: 50%;
	font-weight: 700;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.banner-section .section-wrapper .banner-content form input {
	width: calc(100% - 132px);
	border: 0;
	padding: 18px 10px;
	padding-left: 45px
}

.banner-section .section-wrapper .banner-content form button {
	color: #fff;
	background: #7fc45f
}

.banner-section .section-wrapper .banner-content .banner-catagory {
	margin-top: 25px
}

@media(max-width:991px) {
	.banner-section .section-wrapper .banner-content .banner-catagory ul li:first-child a {
		padding-left: 0
	}
}

.banner-section .section-wrapper .banner-content .banner-catagory ul li a {
	padding: 0 5px;
	font-weight: 500;
	text-decoration: underline
}

@media(min-width:576px) {
	.banner-section .section-wrapper .banner-content .banner-catagory ul li a {
		padding: 0 10px
	}
}

.banner-section .section-wrapper .banner-content .banner-catagory ul li a:hover {
	color: #24b34b
}

.banner-section .section-wrapper .banner-thumb {
	z-index: 2;
	margin-top: 30px
}

@media(min-width:992px) {
	.banner-section .section-wrapper .banner-thumb {
		margin-top: 0
	}
}

.banner-section.style-2 {
	background-image: url(../images/bg-img/02.jpg);
	padding-top: 175px
}

.banner-section.style-2::before {
	width: 50%;
	height: 100%;
	top: 0;
	border-bottom: 875px solid #7fc45e;
	border-right: 960px solid transparent;
	z-index: 1
}

@media(min-width:1440px) {
	.banner-section.style-2::before {
		display: block
	}
}

.banner-section.style-2 .section-wrapper .thumb-part .abs-thumb {
	bottom: 0;
	left: -10%
}

.banner-section.style-2 .section-wrapper .thumb-part .abs-thumb img {
	max-width: none
}

.banner-section.style-2 .section-wrapper .banner-thumb {
	animation: bounce-1 5s infinite linear
}

.pageheader-section {
	padding: 250px 0 100px;
	background-image: url(../images/pageheader/bg/01.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.pageheader-section .pageheader-content h2 {
	margin-bottom: 10px
}

.pageheader-section.style-2 {
	padding-top: 250px;
	background-image: url(../images/pageheader/bg/02.jpg)
}

@media(max-width:1199px) {
	.pageheader-section.style-2 {
		padding-bottom: 60px;
		padding-top: 150px
	}
}

.pageheader-section.style-2 .pageheader-thumb {
	margin-bottom: 30px
}

@media(min-width:992px) {
	.pageheader-section.style-2 .pageheader-thumb {
		margin-bottom: -60px;
		z-index: 1;
	}
}

.pageheader-section.style-2 .pageheader-content .course-category .course-cate {
	padding: 3px 15px;
	padding-left: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: 500;
	margin-right: 10px
}

.pageheader-section.style-2 .pageheader-content .course-category .course-cate::before {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.5);
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.pageheader-section.style-2 .pageheader-content .course-category .course-offer {
	padding: 3px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.pageheader-section.style-2 .pageheader-content .phs-thumb img {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.pageheader-section.style-2 .pageheader-content .phs-thumb span {
	font-size: 1.125rem;
	font-weight: 500
}

.sponsor-section {
	padding: 50px 0
}

.category-section .section-wrapper .col .category-item .category-inner .category-content span {
	color: #00a556
}

.category-section .section-wrapper .col:nth-of-type(6n+2) .category-item .category-inner .category-content span {
	color: #0093c9
}

.category-section .section-wrapper .col:nth-of-type(6n+3) .category-item .category-inner .category-content span {
	color: #d00000
}

.category-section .section-wrapper .col:nth-of-type(6n+4) .category-item .category-inner .category-content span {
	color: #cd4388
}

.category-section .section-wrapper .col:nth-of-type(6n+5) .category-item .category-inner .category-content span {
	color: #fe6225
}

.category-section .section-wrapper .col:nth-of-type(6n+6) .category-item .category-inner .category-content span {
	color: #f79a3d
}

.category-section.style-2 .section-wrapper .col .category-item .category-inner {
	background: url(../../assets/images/category/bg/01.jpg) no-repeat;
	background-size: cover!important
}

.category-section.style-2 .section-wrapper .col .category-item .category-inner .category-thumb {
	margin-top: 60px;
	margin-bottom: 20px
}

.category-section.style-2 .section-wrapper .col .category-item .category-inner .category-content h6,
.category-section.style-2 .section-wrapper .col .category-item .category-inner .category-content span {
	color: #fff!important
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+2) .category-item .category-inner {
	background: url(../../assets/images/category/bg/02.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+3) .category-item .category-inner {
	background: url(../../assets/images/category/bg/03.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+4) .category-item .category-inner {
	background: url(../../assets/images/category/bg/04.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+5) .category-item .category-inner {
	background: url(../../assets/images/category/bg/05.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+6) .category-item .category-inner {
	background: url(../../assets/images/category/bg/06.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+7) .category-item .category-inner {
	background: url(../../assets/images/category/bg/07.jpg) no-repeat
}

.category-section.style-2 .section-wrapper .col:nth-of-type(8n+8) .category-item .category-inner {
	background: url(../../assets/images/category/bg/08.jpg) no-repeat
}

@media(min-width:992px) {
	.category-section.style-3 .section-header {
		max-width: 50%;
		margin-left: auto;
		margin-right: auto
	}
}

@media(min-width:992px) {
	.category-section.style-3 .section-header .title {
		line-height: 1.1
	}
}

.course-section .section-wrapper .col:nth-of-type(6n+2) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #00a556
}

.course-section .section-wrapper .col:nth-of-type(6n+2) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #00a556
}

.course-section .section-wrapper .col:nth-of-type(6n+3) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #eec93d
}

.course-section .section-wrapper .col:nth-of-type(6n+4) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #cf9fb7
}

.course-section .section-wrapper .col:nth-of-type(6n+5) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #31aabd
}

.course-section .section-wrapper .col:nth-of-type(6n+6) .course-item .course-inner .course-content .course-category .course-cate a {
	background: #f79a3d
}

.course-single-section .course-item .course-inner {
	box-shadow: none;
	background: transparent
}

.course-single-section .course-item .course-inner:hover h4 {
	color: #101115!important
}

.course-single-section .course-item .course-inner .course-content ul li {
	padding: 3px 0
}

.course-video {
	margin: 30px 0
}

.course-video .course-video-content .accordion-item {
	background: transparent;
	border: 0
}

.course-video .course-video-content .accordion-item .accordion-header span {
	font-size: 1.125rem;
	font-weight: 700;
	cursor: auto
}

.course-video .course-video-content .accordion-item .accordion-header span:last-child {
	font-weight: 500
}

.course-author {
	margin: 30px 0
}

.about-section::before {
	width: 50%;
	height: 100%;
	border-bottom: 753px solid #26c976;
	border-right: 960px solid transparent
}

@media(min-width:1440px) {
	.about-section::before {
		display: block
	}
}

.about-section .about-left {
	z-index: 1
}

.about-section .about-right {
	z-index: 1
}

.about-section .about-right .section-header {
	margin-bottom: 30px
}

.about-section .about-right .section-header p {
	font-size: 1.125rem;
	margin-bottom: 0
}

.about-section .about-right .section-wrapper ul li {
	padding: 15px 0
}

.about-section .about-right .section-wrapper ul li:last-child {
	padding-bottom: 0
}

.about-section .about-right .section-wrapper ul li .sr-left {
	width: 70px;
	margin-right: 15px
}

.about-section .about-right .section-wrapper ul li .sr-left img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.about-section .about-right .section-wrapper ul li .sr-right {
	width: calc(100% - 85px)
}

.about-section .about-right .section-wrapper ul li .sr-right h5 {
	font-weight: 600
}

.about-section .about-right .section-wrapper ul li .sr-right p {
	font-size: 1.125rem;
	margin-bottom: 0;
	max-width: 80%
}

.about-section.style-2 {
	padding: 50px 0
}

.about-section.style-2::before {
	display: none
}

.about-section.style-2 .about-right .section-wrapper ul li {
	padding-bottom: 15px!important
}

.about-section.style-3::before {
	display: none
}

.about-section.style-3 .about-left {
	margin-bottom: 60px
}

.about-section.style-3 .about-left .about-thumb img {
	box-shadow: 0 0 10px rgba(16, 17, 21, 0.1)
}

.about-section.style-3 .about-left .abs-thumb {
	right: 15px;
	bottom: -60px;
	box-shadow: 0 0 10px rgba(16, 17, 21, 0.1)
}

.about-section.style-3 .about-left .about-left-content {
	width: 150px;
	left: -60px;
	top: 40px;
	border: 10px solid #fff;
	box-shadow: 0 0 10px rgba(16, 17, 21, 0.1)
}

.about-section.style-3 .about-left .about-left-content::after {
	left: -10px;
	top: calc(100%+10px);
}

@media(min-width:576px) {
	.about-section.style-3 .about-left .about-left-content h3 {
		font-size: 48px
	}
}

.instructor-section .section-wrapper .footer-btn p a {
	font-weight: 500
}

.instructor-single-section .instructor-wrapper .instructor-single-top {
	padding: 30px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

@media(min-width:576px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top {
		padding: 60px 50px
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-top::before {
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	border-bottom: 690px solid #26c976;
	border-right: 648px solid transparent
}

@media(min-width:1200px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top::before {
		display: block
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb {
	box-shadow: 0 2px 4px 3px rgba(83, 61, 82, 0.06)
}

@media(min-width:576px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb {
		margin-bottom: 40px
	}
}

@media(min-width:768px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb {
		margin-bottom: 50px
	}
}

@media(min-width:1200px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb {
		width: calc(20% - 25px);
		margin-bottom: 0
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb img {
	z-index: 1
}

@media(min-width:1200px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content {
		width: calc(50% - 15px)
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .title {
	margin-bottom: 3px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .subtitle {
	line-height: 38px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content .ratting i {
	font-size: 1rem
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content p {
	margin-bottom: 7px;
	line-height: 1.5
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content p.ins-desc {
	margin-bottom: 25px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li {
	line-height: 38px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span.list-name {
	width: calc(100px)
}

@media(min-width:576px) {
	.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span.list-name {
		width: calc(115px)
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr {
	width: calc(100% - 115px)
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::after,
.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::before {
	width: 2px;
	height: 2px;
	left: -10px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::after {
	top: 20px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr::before {
	top: 15px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li {
	margin-right: 20px
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li:last-child {
	margin: 0
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li a.behance {
	color: #1769ff
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li a.vimeo {
	color: #3b5998
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li a.twitter {
	color: #55acee
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li a.basketball {
	color: #e94c89
}

.instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr li a.instagram {
	color: #e4405f
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom {
	padding: 30px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

@media(min-width:576px) {
	.instructor-single-section .instructor-wrapper .instructor-single-bottom {
		padding: 60px 50px
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom .subtitle {
	margin-bottom: 25px
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item {
	margin-bottom: 30px;
	margin-right: 15px
}

@media(min-width:992px) {
	.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item {
		margin-right: 40px;
		margin-bottom: 0
	}
}

@media(min-width:576px) {
	.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item:last-child {
		margin-right: 0
	}
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles {
	position: relative
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles .circle canvas {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.instructor-single-section .instructor-wrapper .instructor-single-bottom .skill-item .skill-thumb .circles .circle strong {
	text-align: center
}

.student-feedbak-section::before {
	width: 50%;
	height: 100%;
	top: 0;
	border-bottom: 786px solid #26c976;
	border-right: 960px solid transparent
}

@media(min-width:1440px) {
	.student-feedbak-section::before {
		display: block
	}
}

.student-feedbak-section .section-wrapper .sf-left {
	margin-bottom: 20px
}

@media(min-width:992px) {
	.student-feedbak-section .section-wrapper .sf-left {
		margin-bottom: 0
	}
}

.student-feedbak-section .section-wrapper .sf-left .sfl-thumb {
	border: 10px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1)
}

.achievement-section {
	background: url(../../assets/images/shape-img/02.png) no-repeat;
	background-position: center
}

.achievement-section .section-header {
	margin-bottom: 30px
}

.achieve-part .col:last-child .achieve-item .achieve-inner .achieve-content .lab-btn:hover {
	box-shadow: 0 5px 10px rgba(127, 196, 94, 0.5)
}

.achieve-part .col .achieve-item .achieve-inner .achieve-content .lab-btn {
	background: #f9e8b0
}

.achieve-part .col .achieve-item .achieve-inner .achieve-content .lab-btn:hover {
	box-shadow: 0 5px 10px rgba(249, 232, 176, 0.5)
}

.skill-section::before {
	top: 0
}

@media(min-width:992px) {
	.skill-section::before {
		width: 50%
	}
}

.skill-section .container {
	z-index: 1
}

@media(min-width:992px) {
	.skill-section .section-header {
		margin-bottom: 0
	}
}

.skill-section .section-header .lab-btn:hover {
	box-shadow: 0 5px 10px rgba(255, 255, 255, 0.5)
}

.group-select-section {
	padding: 26px 0
}

.group-select-section .group-select-left i {
	font-size: 1.25rem
}

.group-select-section .group-select-left span {
	font-size: 1.125rem;
	font-weight: 500
}

@media(max-width:991px) {
	.four-zero-section .four-zero-content {
		margin-bottom: 30px
	}
}

.four-zero-section .four-zero-content .title {
	font-size: 42px
}

@media(min-width:1200px) {
	.four-zero-section .four-zero-content .title {
		font-size: 100px;
		line-height: 1
	}
}

@media(min-width:576px) {
	.four-zero-section .four-zero-content p {
		font-size: 1.5rem;
		line-height: 1.5
	}
}

@media(min-width:992px) {
	.map-address-section .section-header {
		max-width: 60%;
		margin: 0 auto 40px
	}
}

@media(min-width:992px) {
	.map-area {
		margin-bottom: 0
	}
}

.map-area .maps {
	height: 398px;
	border: 10px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

@media(min-width:1200px) {
	.contact-section .section-header,
	.contact-section .contact-form {
		max-width: 60%;
		margin: 0 auto
	}
}

@media(min-width:1200px) {
	.contact-section .section-header {
		margin: 0 auto 40px
	}
}

.contact-form {
	justify-content: space-between;
	margin-bottom: -30px
}

.contact-form .form-group {
	margin-bottom: 30px;
	width: 100%
}

@media(min-width:576px) {
	.contact-form .form-group {
		width: calc(50% - 15px)
	}
}

.contact-form .form-group input {
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	background-color: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	height: 57px;
	padding: 0 25px
}

.contact-form .form-group textarea {
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	background-color: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	padding: 25px;
	color: #391965;
	display: flex
}

.contact-form .form-group button {
	height: 55px
}

@media(max-width:575px) {
	.contact-form {
		margin-bottom: -20px
	}
	.contact-form .form-group {
		margin-bottom: 20px
	}
}

.authors {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
	justify-content: space-between;
	align-items: center;
	padding: 30px 25px;
	margin: 30px 0
}

@media(max-width:575px) {
	.authors {
		justify-content: center
	}
}

.authors .author-thumb {
	width: 150px;
	height: 150px
}

.authors .author-thumb img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.authors .author-content {
	width: 100%;
	margin-top: 30px;
	text-align: center
}

@media(min-width:576px) {
	.authors .author-content {
		width: calc(100% - 180px);
		margin-top: 0;
		text-align: left
	}
}

.authors .author-content span {
	font-size: 1.125rem
}

.authors .author-content .scocial-media a {
	font-size: 1rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: transparent
}

.authors .author-content .scocial-media a.facebook {
	color: #3b5998
}

.authors .author-content .scocial-media a.twitter {
	color: #55acee
}

.authors .author-content .scocial-media a.linkedin {
	color: #007bb5
}

.authors .author-content .scocial-media a.vimeo {
	color: #3b5998
}

.course-side-detail .csd-title {
	padding: 15px
}

.course-side-detail .csd-title .csdt-left sup {
	top: -5px
}

.course-side-detail .csd-content .sidebar-payment {
	padding: 15px 20px 5px
}

.course-side-detail .csd-content .sidebar-social {
	padding: 15px 20px 5px
}

.course-side-detail .csd-content .sidebar-social .ss-content ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 3px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.course-side-detail .csd-content .course-enroll {
	padding: 15px 20px
}

.course-side-detail .csd-content .course-enroll .lab-btn:hover {
	box-shadow: 0 5px 10px rgba(38, 201, 118, 0.3)
}

.csdc-lists ul li {
	font-size: 1.125rem;
	padding: 15px 20px
}

.csdc-lists ul li:nth-child(even) {
	background: #f9f9f9
}

.course-side-cetagory .csc-title {
	padding: 19px 30px
}

.course-side-cetagory .csc-title h5 {
	font-weight: 600
}

.course-side-cetagory .csc-content .csdc-lists ul li .csdc-left a,
.course-side-cetagory .csc-content .csdc-lists ul li .csdc-right {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.title-border {
	font-size: 1.25rem;
	margin: 0 0 28px 0;
	padding: 20px 30px;
	border-bottom: 1px solid #ecf0f3
}

@media(min-width:992px) {
	.title-border {
		padding: 20px 30px
	}
}

.navigations-part {
	padding: 25px;
	margin: 30px 0
}

.navigations-part .left {
	margin: 0
}

@media(min-width:768px) {
	.navigations-part .left {
		width: calc(100% / 2)
	}
}

@media(max-width:575px) {
	.navigations-part .right {
		margin-top: 20px
	}
}

@media(min-width:768px) {
	.navigations-part .right {
		width: calc(100% / 2)
	}
}

@media(min-width:768px) {
	.navigations-part .left .title,
	.navigations-part .right .title {
		max-width: 90%
	}
}

.navigations-part .left .next,
.navigations-part .left .prev,
.navigations-part .right .next,
.navigations-part .right .prev {
	font-weight: 700
}

.comments {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

@media(min-width:992px) {
	.comments .comment-list {
		padding: 20px 30px
	}
}

@media(max-width:575px) {
	.comments .comment-list {
		margin: 0
	}
}

.comments .comment-list .comment .com-thumb {
	height: 50px;
	width: 50px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

@media(min-width:576px) {
	.comments .comment-list .comment .com-thumb {
		margin-bottom: 0
	}
}

@media(min-width:768px) {
	.comments .comment-list .comment .com-thumb {
		height: 80px;
		width: 80px
	}
}

.comments .comment-list .comment .com-content {
	border-bottom: 1px solid #ecf0f3;
	width: calc(100% - 100px)
}

@media(max-width:575px) {
	.comments .comment-list .comment .com-content {
		width: 100%
	}
}

.comments .comment-list .comment .com-content:last-child {
	border-bottom: 0
}

@media(min-width:576px) {
	.comments .comment-list .comment .com-content .com-title {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center
	}
}

.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

@media(max-width:575px) {
	.comments .comment-list .comment .com-content .com-title .reply {
		margin-bottom: 10px;
		display: inline-block
	}
}

.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link {
	font-weight: 600;
	font-size: 14px
}

.comments .comment-list .comment .com-content .com-title .ratting {
	font-size: 1rem
}

@media(min-width:576px) {
	.comments .comment-list .comment .comment-list {
		padding-left: 30px
	}
}

@media(max-width:575px) {
	.comments .comment-list .comment .comment-list {
		padding: 0
	}
}

.comments .comment-list .comment .comment-list .comment {
	border-bottom: 1px solid #ecf0f3;
	padding: 20px 0
}

.comments .comment-list .comment .comment-list .comment:last-child {
	border: 0
}

.comment-respond {
	margin: 30px 0;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

.comment-respond .add-comment {
	padding: 10px 30px 40px
}

.comment-respond .add-comment .comment-form input[type=text] {
	padding: 10px 15px
}

@media(min-width:576px) {
	.comment-respond .add-comment .comment-form input[type=text] {
		width: calc(100% / 2 - 15px)
	}
}

@media(min-width:768px) {
	.comment-respond .add-comment .comment-form input[type=text]:nth-child(3) {
		width: 100%!important
	}
}

.comment-respond .add-comment .comment-form p.comment-form-cookies-consent input {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px)
}

.blog-single .section-wrapper .post-item .post-inner .post-content {
	padding: 50px 30px
}

.blog-single .section-wrapper .post-item .post-inner .post-content iframe {
	height: 370px
}

.blog-single .section-wrapper .post-item .post-inner .post-content blockquote {
	margin: 0 0 20px
}

.blog-single .section-wrapper .post-item .post-inner .post-content blockquote::before {
	width: 40px;
	height: 40px;
	content: "";
	font-size: 1.875rem;
	font-family: IcoFont!important
}

@media(max-width:767px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content blockquote::before {
		display: none
	}
}

@media(min-width:768px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content blockquote p {
		padding-left: 60px;
		font-size: 18px;
		line-height: 30px
	}
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section {
	margin: 40px -30px -25px;
	padding: 23px 30px 0;
	border-top: 1px solid #ecf0f3
}

@media(max-width:575px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags {
		justify-content: center
	}
}

@media(min-width:768px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags {
		width: calc(100% / 2)
	}
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li {
	margin: 5px
}

@media(min-width:992px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li:first-child {
		margin-left: 0
	}
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a {
	padding: 5px 18px;
	border: 1px solid #ecf0f3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a:hover,
.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .tags li a .active {
	border-color: #24b34b
}

.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media {
	width: calc(100% / 1)
}

@media(min-width:576px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media {
		text-align: right;
		margin-top: 0
	}
}

@media(min-width:768px) {
	.blog-single .section-wrapper .post-item .post-inner .post-content .tags-section .scocial-media {
		width: calc(100% / 2)
	}
}

.widget {
	padding: 25px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

.widget .widget-header {
	padding: 25px 25px 0;
	border-bottom: 1px solid #ecf0f3
}

.widget .widget-header .title {
	font-size: 1.25rem
}

.widget .widget-wrapper {
	padding: 15px 0
}

.widget .widget-wrapper li {
	list-style: none;
	border-bottom: 1px solid #ecf0f3;
	padding: 25px
}

.widget .widget-wrapper li:last-child {
	border-bottom: 0
}

@media(max-width:991px) {
	.widget.widget-search {
		margin-top: 30px
	}
}

.widget.widget-search .search-wrapper input {
	height: 50px;
	padding-left: 10px;
	line-height: 50px;
	margin-bottom: 0;
	border: 0;
	width: 100%;
	outline: 0
}

.widget.widget-search .search-wrapper button {
	top: 0;
	right: 0;
	line-height: 50px;
	width: 50px;
	height: 50px;
	outline: 0;
	border: 0;
	font-size: 1.25rem
}

.widget.widget-archive,
.widget.widget-category {
	padding: 0
}

.widget.widget-archive .widget-wrapper li a,
.widget.widget-category .widget-wrapper li a {
	padding: 15px 25px
}

.widget.widget-post ul.widget-wrapper li .post-thumb {
	width: 90px;
	height: 80px
}

.widget.widget-post ul.widget-wrapper li .post-thumb a {
	display: inline-flex
}

.widget.widget-post ul.widget-wrapper li .post-content {
	width: calc(100% - 110px)
}

.widget.widget-post ul.widget-wrapper li .post-content a h6 {
	line-height: 24px;
	font-weight: 500;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.widget.widget-instagram ul.widget-wrapper {
	padding: 25px 20px
}

.widget.widget-instagram ul.widget-wrapper li {
	width: calc(100% / 3);
	border: 0
}

.widget.widget-instagram ul.widget-wrapper li a {
	margin: 5px
}

.widget.widget-tags ul.widget-wrapper {
	padding: 20px
}

.widget.widget-tags ul.widget-wrapper li {
	border: 0
}

.widget.widget-tags ul.widget-wrapper li a {
	padding: 5px 10px;
	border: 1px solid #ecf0f3;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	margin: 5px;
	font-size: 14px
}

.widget.widget-tags ul.widget-wrapper li a.active,
.widget.widget-tags ul.widget-wrapper li a:hover {
	border-color: #fff
}

.widget.recipe-categori .widget-wrapper {
	padding: 25px 15px
}

.widget.recipe-categori .widget-wrapper .recipe-item {
	border: 1px dotted #ecf0f3;
	border-width: 1px;
	border-top: 0;
	border-right: 0;
	margin: 5px
}

.widget.shop-widget {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
	margin-top: 35px
}

.widget.shop-widget .widget-wrapper .shop-menu li {
	list-style: none;
	border-bottom: 1px solid #ecf0f3;
	padding: 12px 15px
}

.widget.shop-widget .widget-wrapper .shop-menu li:last-child {
	border-bottom: 0
}

.widget.shop-widget .widget-wrapper .shop-menu li a {
	font-weight: 500
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu {
	margin: 0;
	display: none
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li {
	padding: 2px 0;
	border-bottom: 0
}

.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a {
	font-size: 14px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.widget.letest-product {
	margin-top: 35px;
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.1)
}

.widget.letest-product .widget-wrapper ul li {
	padding: 15px;
	list-style: none;
	border-bottom: 1px solid #ecf0f3
}

.widget.letest-product .widget-wrapper ul li:last-child {
	border-bottom: 0
}

.widget.letest-product .widget-wrapper ul li:hover .product-thumb img {
	transform: scale(1.1)
}

.widget.letest-product .widget-wrapper ul li .product-thumb {
	width: 70px;
	height: 70px
}

@media(min-width:992px) and (max-width:1199px) {
	.widget.letest-product .widget-wrapper ul li .product-thumb {
		width: 100%;
		height: 100%;
		margin-bottom: 15px
	}
}

.widget.letest-product .widget-wrapper ul li .product-thumb img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.widget.letest-product .widget-wrapper ul li .product-content {
	width: calc(100% - 70px)
}

@media(min-width:992px) and (max-width:1199px) {
	.widget.letest-product .widget-wrapper ul li .product-content {
		width: 100%;
		margin-bottom: 15px
	}
}

.widget.letest-product .widget-wrapper ul li .product-content h6 a {
	font-weight: 500;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.widget.letest-product .widget-wrapper ul li .product-content p i {
	font-size: 12px;
	color: #e9ba17
}

.widget.letest-product .widget-wrapper ul li .product-content p span {
	font-size: 14px
}

.footer-top .footer-item {
	margin: 15px 0
}

@media(min-width:992px) {
	.footer-top .footer-item {
		margin: 0
	}
}

.footer-top .footer-item .footer-inner .footer-content .title {
	margin-top: -8px
}

@media(min-width:576px) {
	.footer-top .footer-item .footer-inner .footer-content .title {
		margin-bottom: 30px
	}
}

.footer-top .footer-item .footer-inner .footer-content .title h4::after {
	width: 50px;
	height: 2px;
	bottom: -15px;
	left: 0
}

.footer-top .footer-item .footer-inner .footer-content .content ul li {
	padding: 8px 0
}

.footer-top .footer-item.our-address .footer-inner .footer-content .content ul li i {
	margin-top: 10px
}

.footer-bottom {
	padding: 35px 0;
	background: #fff
}

.footer-bottom .section-wrapper p {
	text-align: center;
	margin-bottom: 0
}

.footer-bottom .section-wrapper p a {
	padding: 5px;
	font-weight: 600
}

.footer-bottom .section-wrapper p a:hover {
	color: #f16126
}

.news-footer-wrap {
	background: #1f1f33
}

@media(max-width:1439px) {
	.news-footer-wrap .fs-shape {
		display: none
	}
}

.news-footer-wrap .fs-shape img.fst-1 {
	top: 0;
	left: -60px
}

.news-footer-wrap .fs-shape img.fst-2 {
	bottom: 104px;
	right: 0
}

.news-letter {
	padding: 60px 0
}

.news-letter .section-wrapper {
	border-bottom: 1px solid #363648;
	padding-bottom: 40px;
	z-index: 1
}

@media(min-width:992px) {
	.news-letter .section-wrapper {
		margin-bottom: 40px;
		padding-bottom: 60px
	}
}

@media(min-width:1200px) {
	.news-letter .section-wrapper {
		justify-content: space-between;
		text-align: left
	}
}

.news-letter .section-wrapper .news-title {
	margin-bottom: 30px
}

@media(min-width:1200px) {
	.news-letter .section-wrapper .news-title {
		width: 40%;
		margin-bottom: 0
	}
}

.news-letter .section-wrapper .news-form {
	width: 100%
}

@media(min-width:1200px) {
	.news-letter .section-wrapper .news-form {
		width: calc(100% - 50%)
	}
}

@media(min-width:576px) {
	.news-letter .section-wrapper .news-form form .nf-list {
		background: #fff
	}
}

.news-letter .section-wrapper .news-form form .nf-list::after {
	content: "";
	width: 30px;
	height: 30px;
	top: 18px;
	left: 10px;
	font-size: 1.5rem;
	font-family: IcoFont!important
}

@media(min-width:576px) {
	.news-letter .section-wrapper .news-form form .nf-list::after {
		top: 50%;
		transform: translateY(-50%)
	}
}

.news-letter .section-wrapper .news-form form .nf-list input {
	box-shadow: none;
	border: 0;
	outline: 0
}

.news-letter .section-wrapper .news-form form .nf-list input[type=email] {
	padding: 20px;
	padding-left: 50px;
	width: 100%
}

@media(min-width:576px) {
	.news-letter .section-wrapper .news-form form .nf-list input[type=email] {
		padding-right: 170px
	}
}

@media(min-width:1200px) {
	.news-letter .section-wrapper .news-form form .nf-list input[type=email] {
		width: auto
	}
}

.news-letter .section-wrapper .news-form form .nf-list input[type=submit] {
	width: 200px;
	font-size: 1rem;
	font-weight: 700;
	width: 162px;
	height: 54px;
	border: 0;
	outline: 0;
	margin-top: 20px
}

@media(min-width:576px) {
	.news-letter .section-wrapper .news-form form .nf-list input[type=submit] {
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
		margin-top: 0
	}
}

.com-color{
	color: #24b34b;
}