@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;800;900&family=Quicksand:wght@300;400;600;700&family=Raleway:wght@100;300;400;600;800;900&display=swap');

/**
font-family: 'Montserrat', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Raleway', sans-serif;

 */


html, body { /* height: 100%; */}

body {background: #fff; font-family: 'Quicksand', sans-serif;  font-size: 14px; position: relative; font-weight: 400; overflow-x: hidden; margin-bottom: 20px;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin-left : 0;
}

content {
	position : relative;
}

:focus {
	outline : none;
}

/* -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; */
/* @yvzyrlmz 2022 */



/* -------------------------------------------------------------------------------------*/
/*      HEADER                                                                          */
/* -------------------------------------------------------------------------------------*/

header {}

.header {height: 145px; padding-top: 55px; }

.logo {height: 50px;}
.logo a {display: block; height: 100%; }
.logo img {max-width: 100%; max-height: 100%; }

.header-buttons {height: 50px; font-family: 'Montserrat', sans-serif;}
.header-buttons ul {float: right;}
.header-buttons ul li {float: left; position: relative; }
.header-buttons ul li + li {margin-left: 7px; }
.header-buttons ul li a {display: block; color: #000; text-decoration: none; }
.header-buttons ul li i {display: block; width: 50px; height: 50px; line-height: 50px; background: #56aa46; color: #fff; border-radius: 50%; text-align: center;
	transition: all 200ms ease-in;}
.header-buttons ul li i:before {font-size: 25px; }
.header-buttons ul li i:hover {background: #337926;}
.header-buttons ul li p {height: 50px; font-size: 13px; line-height: 18px; padding-top: 7px; }
.header-buttons ul li p b {display: block; font-size: 17px;}
.header-buttons > ul > li > a > b {
	position: absolute;
	top: -5px;
	right: 5px;
	background: #56aa47;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	min-width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-weight: 300;
	padding: 0 5px;
}

.header-buttons .header-lang-button {width: 50px; height: 50px; line-height: 50px; background: #56aa46; color: #fff; border-radius: 50%; text-align: center;
	transition: all 200ms ease-in; font-size: 14px; font-weight: 500;  }
.header-buttons .header-lang-button a {display: block; color: #fff;}
.header-buttons .header-lang-button.active {display: none;}
.header-buttons .header-lang-button:hover {background: #337926;}

.mobile-menu-button {display: none;}
.mobile-menu-button a {display: block; width: 50px; height: 50px; overflow: hidden; }
.mobile-menu-button a i {background: none; }
.mobile-menu-button a i:first-child {}
.mobile-menu-button a i:last-child {}
.mobile-menu-button.active a i:first-child {margin-top: -50px;}



.header-menu-area {height: 62px; position: relative; background: #56aa46; border-radius: 10px 10px 0 0; padding: 0 }

.header-menu {height: 62px;padding-left: 0;position: relative;}
.header-menu > span {position: absolute; left: 0; top: 0; height: 62px; }
.header-menu > span > a {display: block;height: 100%;color: #fff;text-decoration: none;padding: 0 12px;}
.header-menu > span > a > i {display: block; height: 62px;; line-height: 62px; }
.header-menu > span > a > i:before {font-size: 20px; }
.header-menu > span > a:hover {background: #337926;}
.header-menu > ul {}
.header-menu > ul > li {
	float: left;
	height: 62px;
	line-height: 62px;
	position: relative;
	transition: all 200ms ease-in;
	font-size: 15px;
	font-weight: 600;
}
.header-menu > ul > li:first-child {border-radius: 10px 0 0 0;}
.header-menu > ul > li:hover {background: #337926;}
.header-menu > ul > li > a {display: block;height: 100%;color: #fff;text-decoration: none;padding: 0 20px;}
.header-menu > ul > li > a > i {display: block; height: 62px;; line-height: 62px; float: right; }
.header-menu > ul > li > a > i:before {font-size: 20px; }
.header-menu > ul > li > ul {position: absolute; width: 270px; background: #337926; left: 0; top: 62px; z-index: 999; padding: 10px 0; display: none;
	border-radius: 0 0 10px 10px; overflow: hidden;}
.header-menu > ul > li > ul > li {height: 40px; line-height: 40px;
	transition: all 50ms ease-in;}
.header-menu > ul > li > ul > li > a {display: block;color: #fff;text-decoration: none;padding: 0 15px;}
.header-menu > ul > li > ul > li:hover {background: #1e4a16;}
.header-menu > ul > li:hover > ul {display: block;}

.header-search-button {position: absolute; right: 0; top: 0; transition: all 200ms ease-in; border-radius: 0 10px 0 0;}
.header-search-button i {display: block; height: 62px; width: 62px; text-align: center; line-height: 62px; color: #fff; }
.header-search-button i:before {font-size: 20px; }
.header-search-button:hover {background: #337926;}
.header-search-button.active {background: #337926;}

.header-search {position: absolute; right: 0; top: 62px; z-index: 999; background: #337926; height: 50px; border-radius: 0 0 10px 10px; width: 300px;
	overflow: hidden; display: none;}
.header-search form {width: 100%; height: 100%; }
.header-search input {width: 100%; height: 100%; background: none; border: none; box-shadow: none; border-radius: 0; color: #fff; padding: 0 62px 0 20px; }
.header-search button {position: absolute; right: 0; top: 0; width: 62px; height: 100%; background: none; border: none; border-radius: 0; box-shadow: none;
	color: rgba(255,255,255,0.5);}
.header-search button:hover {color: #fff; }
.header-search ::placeholder  {color: rgba(255,255,255,0.5); }
.header-search.active {display: block;}


.mobile-menu {
	position: absolute;
	left: 0;
	top: 109px;
	width: 100%;
	background: #f9f6f3;
	height: auto;
	padding: 30px;
	z-index: 9999;
	display: none;
	box-shadow: 0 10px 36px 0 rgba(0,0,0,.1);
	border-radius: 10px;
}
.mobile-menu.active {display: block; }
.mobile-menu > i {position: absolute;right: 10px;top: 8px;color: #000;display: none;}
.mobile-menu > i:before {font-size: 25px;}
.mobile-menu > ul {}
.mobile-menu > ul > li {font-size: 18px;text-align: right;}
.mobile-menu > ul > li > a {display: block; color: #000; text-decoration: none; padding: 5px 0;}
.mobile-menu > ul > li > ul {display: none; padding-bottom: 15px;}
.mobile-menu > ul > li > a > i {/* display: none; */ position: absolute; right: 0; top: 5px;
	transition: all 150ms ease-in;}
.mobile-menu > ul > li i:before {font-size: 24px;}
.mobile-menu > ul > li > ul > li {font-size: 16px;text-align: right;}
.mobile-menu > ul > li > ul > li a {display: block; color: #000; text-decoration: none; padding: 5px 0;}
.mobile-menu > ul > li.has-dropdown {position: relative;}
.mobile-menu > ul > li.has-dropdown.active > ul {display: block; }
.mobile-menu > ul > li.has-dropdown > a {padding-right: 25px; }
.mobile-menu > ul > li.has-dropdown.active > a > i {transform: rotate(180deg);}


/* -------------------------------------------------------------------------------------*/
/*      SECTION                                                                         */
/* -------------------------------------------------------------------------------------*/
section {}

.banner-section {}

.main-banner {height: 605px;overflow: hidden;border-radius: 10px;margin: 0 -75px;position: relative;/* background: #000; */}
.main-banner ul {}
.main-banner ul li {height: 605px;position: relative;background: #000;}
.main-banner ul li img {width: 100%;height: 100%;object-fit: cover;opacity: 1;}

.main-banner img.desktop-banner {display: block;}
.main-banner img.mobile-banner {display: none;}

.main-banner .bx-wrapper .bx-controls-direction a {display: block;}
.main-banner:hover .bx-wrapper .bx-controls-direction a {display: block;}

.main-banner .bx-wrapper .bx-controls-direction a {
	width: 45px;
	height: 45px;
	border-radius: 0;
	border: 2px solid #fff;
	transition: all 200ms ease-in;
	border-radius: 50%;
	margin-top: 0;
	top: auto;
	bottom: 40px;
	z-index: 99;
}
.main-banner .bx-wrapper .bx-prev {left: auto; right: 14%; background: url(../img/icons/icon-min-prev-white.png) no-repeat center center;}
.main-banner .bx-wrapper .bx-next {right: 10%; background: url(../img/icons/icon-min-next-white.png) no-repeat center center;}

.main-banner .bx-wrapper .bx-prev:hover {background: rgba(0,0,0,0.6) url(../img/icons/icon-min-prev-white.png) no-repeat center center;}
.main-banner .bx-wrapper .bx-next:hover {background: rgba(0,0,0,0.6) url(../img/icons/icon-min-next-white.png) no-repeat center center;}


.banner-description-area {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}

.banner-description {position: absolute; bottom: 0; left: 0; padding: 0 0 150px 100px; width: 38%; }
.banner-description h4 {font-size: 40px; color: #fff; font-weight: 800; margin-bottom: 20px;  }
.banner-description p {color: #fff; margin-bottom: 20px; font-size: 15px; font-family: 'Montserrat', sans-serif;}
.banner-description a {display: inline-block; height: 46px; border: 2px solid #fff; border-radius: 50px; padding: 0 30px; line-height: 42px; color: #fff;
	text-decoration: none; font-weight: 400; font-family: 'Montserrat', sans-serif;
	transition: all 200ms ease-in;}
.banner-description a:hover {background: #fff; color: #56aa46;}


.main-services-area {height: 290px;background: #56aa46;border-radius: 0 0 10px 10px;}

.main-services-title {height: 290px;padding: 60px 0 50px 50px;font-family: 'Montserrat', sans-serif;color: #fff;}
.main-services-title:before {position: absolute;right: -40px;top: 15%;height: 70%;overflow: hidden;width: 4px;text-align: center;content:'....................................';word-break: break-word;line-height: 7px;color: rgba(255,255,255,0.6);}
.main-services-title h1 {font-size: 20px; margin-bottom: 10px;  }
.main-services-title p {margin-bottom: 10px; font-size: 15px;}
.main-services-title a {display: inline-block; height: 46px; border: 2px solid #fff; border-radius: 50px; padding: 0 20px; line-height: 42px; color: #fff;
	text-decoration: none; font-weight: 400; font-family: 'Montserrat', sans-serif;
	transition: all 200ms ease-in;}
.main-services-title a:hover {background: #fff; color: #56aa46;}

.main-services-list {height: 290px; padding: 0 50px; }
.main-services-list ul {}
.main-services-list ul li {width: 25%; float: left; }

.main-service-box {text-align: center; height: 290px; transition: all 100ms ease-in;}
.main-service-box a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #fff;
	padding: 50px 20px;
	transition: all 100ms ease-in;
}
.main-service-box i {display: inline-block; width: 125px; height: 125px; background: #fff; border-radius: 50%; line-height: 125px; text-align: center;
	color: #000; margin-bottom: 20px; }
.main-service-box i:before {font-size: 50px; }
.main-service-box h4 {font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; line-height: 18px;}
.main-service-box:hover {background: #fff;}
.main-service-box:hover a {color: #000;}


.promotion-features-area {padding: 110px 0;}

.promotion-video {height: 630px; position: relative; margin-right: -50px}
.promotion-video a {display: block; height: 100%; color: #000; text-decoration: none; }
.promotion-video a i {position: absolute; left: 50%; top: 50%; z-index: 9999; color: #56aa46; margin: -40px 0 0 -78px; display: none;}
.promotion-video a i:before {font-size: 70px; }
.promotion-video a:hover i {color: #2a6c1d;}
.promotion-video-photos {}
.promotion-video-photos i:before {}
.promotion-video-photos span {display: block; height: 365px; position: relative;}
.promotion-video-photos span > img {width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.promotion-video-photos span b {position: absolute; }
.promotion-video-photos span b img {}

.promotion-video-photos span:first-child {padding-right: 140px; }
.promotion-video-photos span:first-child > img {}
.promotion-video-photos span:first-child b {right: 15px; bottom: 130px; }
.promotion-video-photos span:first-child b img {}

.promotion-video-photos span:last-child {padding-left: 140px; margin-top: -110px;}
.promotion-video-photos span:last-child > img { border: 3px solid #fff;}
.promotion-video-photos span:last-child b {left: 50px; bottom: 80px;}
.promotion-video-photos span:last-child b img {}


.promotion-features {padding: 30px 0 0 100px; color: #000; }
.promotion-features h2 {font-size: 16px; margin-bottom: 10px; }
.promotion-features h3 {font-size: 40px; line-height: 40px; margin-bottom: 25px; }
.promotion-features h3 b {color: #56aa46; }
.promotion-features p {padding: 30px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-size: 15px;
	padding-right: 60px; margin-bottom: 30px;}
.promotion-features-list {position: relative; padding-right: 250px; }
.promotion-features-list ul {}
.promotion-features-list ul li {font-size: 16px; line-height: 20px; }
.promotion-features-list ul li + li {margin-top: 15px; }
.promotion-features-list ul li i {display: block; height: 20px; line-height: 20px; float: left; color: #56aa46; margin-right: 10px; }
.promotion-features-list ul li i:before {font-size: 20px; }

.promotion-features-list span {position: absolute;right: 0;top: 0;width: 217px;height: 217px;}
.promotion-features-list span img {
	max-width: 100%;
	max-height: 100%;
}


.process-achievements-section {height: 650px; background: #f9f6f3 url('../img/photos/banner-2.png') no-repeat right center;}

.process-achievements-area {height: 650px; padding: 70px 55% 0 0;}

.process-achievements-title {padding-right: 100px; }
.process-achievements-title h4 {font-size: 16px; margin-bottom: 10px; color: #56aa46; }
.process-achievements-title h5 {font-size: 40px; line-height: 40px; margin-bottom: 25px;}


.process-achievements {}
.process-achievements ul {}
.process-achievements ul li {min-height: 110px; position: relative; padding: 20px 0 20px 130px;}
.process-achievements ul li + li {margin-top: 20px; }
.process-achievements ul li i {position: absolute; width: 110px; height: 110px; background: #fff; left: 0; top: 0; border-radius: 50%;
	text-align: center; line-height: 106px; border: 2px solid #fff; transition: all 100ms ease-in;}
.process-achievements ul li i:before {font-size: 50px; }
.process-achievements ul li h6 {font-size: 16px; margin-bottom: 5px; }
.process-achievements ul li p {font-size: 15px; line-height: 20px; }
.process-achievements ul li:hover i {border-color: #000;}


.main-calculation-section {height: 240px; background: #ffc44a; }

.main-calculation-area {}

.main-calculation-title {height: 240px; position: relative; padding: 90px 100px 0 0; }
.main-calculation-title h4 {font-size: 30px; line-height: 35px; margin-bottom: 25px; color: #fff; }
.main-calculation-title:before {content:''; position: absolute; left: 0; top: 65px; width: 30%; height: 5px; background: #fff; border-radius: 10px; }

.main-calculation-form {height: 240px; padding: 80px 0 0 65px; }
.main-calculation-form ul {}
.main-calculation-form ul li {width: 30%; float: left; height: 75px; }
.main-calculation-form ul li + li {margin-left: 5%; }
.main-calculation-form ul li input {width: 100%; height: 100%; border: none; border-radius: 10px; box-shadow: none; padding: 0 30px; color: #000; font-size: 16px; }
.main-calculation-form ul li button {width: 100%; height: 100%; background: #383838; border: 1px solid #383838; box-shadow: none; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 600; }
.main-calculation-form ul li button:hover {background: #fff; color: #000;}
.main-calculation-form ::placeholder  {color: #000; }


.success-stories-section {padding: 90px 0; background: #fff; }

.success-stories-area {}

.success-stories-title {position: relative; padding-right: 20%;  }
.success-stories-title h5 {font-size: 16px; margin-bottom: 10px; color: #56aa46;}
.success-stories-title h4 {font-size: 40px; line-height: 40px; margin-bottom: 25px; }
.success-stories-title p {font-size: 15px; margin-bottom: 30px;}
.success-stories-title ul {}
.success-stories-title ul li {font-size: 16px; line-height: 20px; }
.success-stories-title ul li + li {margin-top: 15px; }
.success-stories-title ul li i {display: block; height: 20px; line-height: 20px; float: left; color: #56aa46; margin-right: 10px; }
.success-stories-title ul li i:before {font-size: 20px; }

.success-stories-photos-slider {padding-top: 25px; position: relative;  }
.success-stories-photos-slider ul {}
.success-stories-photos-slider ul li {}

.success-stories-photo {height: 400px; position: relative; overflow: hidden; border-radius: 10px; }
.success-stories-photo a {display: block; height: 100%; color: #fff; text-decoration: none; background: #000;}
.success-stories-photo h4 {position: absolute; left: 30px; top: 30px; font-size: 20px; }
.success-stories-photo h4 b {display: block; font-weight: 400; font-size: 15px; margin-top: 10px;  }
.success-stories-photo a:hover img {opacity: 0.9;}
.success-stories-photo img {width: 100%; height: 100%; object-fit: cover; display: none; transition: all 100ms ease-in;}
.success-stories-photo span {position: absolute; bottom: 20px; height: 45px; line-height: 45px; background: #fff; width: 22%; text-align: center; color: #000; font-weight: 400;
	font-family: 'Montserrat', sans-serif;}
.success-stories-photo span:hover {background: #e8e8e8;}
.success-stories-photo span.success-photo-first-button {left: 27%; }
.success-stories-photo span.success-photo-last-button {right: 27%;}

.success-stories-photo span.success-photo-first-button.active {font-weight: 800;}
.success-stories-photo span.success-photo-last-button.active {font-weight: 800;}

.success-stories-photo img.success-photo-first.active {display: block;}
.success-stories-photo img.success-photo-last.active {display: block;}

.success-stories-photo a img:first-child {display: block;}
.success-stories-photo a img:last-child {}

.success-stories-photo.before-active a img:nth-child(1) {display: block;}
.success-stories-photo.before-active a img:nth-child(2) {display: none;}

.success-stories-photo.after-active a img:nth-child(1) {display: none;}
.success-stories-photo.after-active a img:nth-child(2) {display: block;}

.success-stories-photo.before-active img:nth-child(1) {display: block;}
.success-stories-photo.before-active img:nth-child(2) {display: none;}

.success-stories-photo.after-active img:nth-child(1) {display: none;}
.success-stories-photo.after-active img:nth-child(2) {display: block;}

.detail-change-photo {}
.detail-change-photo a {}
.detail-change-photo img {width: 100%; border-radius: 10px;}


.faq-section {padding: 75px 0; background: #f9f6f3; }

.main-faq-area {}

.main-faq-title {margin-bottom: 50px; }
.main-faq-title h5 {    font-size: 16px;    margin-bottom: 10px;    text-align: center; color: #636261; }
.main-faq-title h4 {font-size: 40px;    line-height: 40px;    margin-bottom: 25px; text-align: center;}

.main-faq-list {margin-bottom: 60px; }
.main-faq-list ul {}
.main-faq-list ul li {width: 48.5%;display: inline-flex; margin: 0 0 20px 0; }
.main-faq-list ul li:nth-child(even) {margin-left: 2%; }

.faq-object {
	display: block;
	width: 100%;
	background: #fff;
	border-radius: 10px;
}
.faq-object h4 {font-size: 18px;font-weight: 400;padding: 25px;position: relative; line-height: 28px; padding-right: 30px;  }
.faq-object h4 i {position: absolute; right: 25px; top: 25px; height: 24px; line-height: 28px;
	transition: all 200ms ease-in;}
.faq-object h4 i:before {font-size: 22px; }
.faq-object .answer-body {padding: 25px;display: none; font-size: 18px;}
.faq-object .answer-body p {}
.main-faq-list ul li.active .faq-object .answer-body {display: block;}
.main-faq-list ul li.active .faq-object h4 i {transform: rotate(180deg);}
.faq-object:hover {background: #fbfbfb;}

.main-faq-all {overflow: hidden; text-align: center; }
.main-faq-all a {display: inline-block; height: 52px; line-height: 50px; border: 1px solid #d8cdc5; padding: 0 40px; border-radius: 15px; color: #000;
	text-decoration: none; font-size: 16px; transition: all 100ms ease-in;}
.main-faq-all a:hover {background: #d8cdc5; }


/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			                */
/* -------------------------------------------------------------------------------------*/
footer {}

.fast-link-section {background: #6cc645; padding: 80px 0; }
.fast-link-area {text-align: center; padding: 0 25%;}
.fast-link-area h4 {font-size: 36px; line-height: 40px; margin-bottom: 25px; text-align: center; color: #fff; font-weight: 500}
.fast-link-area h4 b {display: block; }
.fast-link-area a {display: inline-block; height: 46px; border: 2px solid #fff; border-radius: 50px; padding: 0 20px; line-height: 42px; color: #fff;
	text-decoration: none; font-weight: 400; font-family: 'Montserrat', sans-serif;
	transition: all 200ms ease-in;}
.fast-link-area a:hover {background: #fff; color: #56aa46;}

.footer-section {padding-top: 70px; }

.footer {padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }

.footer-leftside {padding-right: 50px}
.footer-logo {margin-bottom: 30px; }
.footer-logo a {}
.footer-logo img {
	max-height: 50px;
}

.footer-address {margin-bottom: 20px; color: #000;  }
.footer-address p {}

.footer-social {height: 40px; display: inline-block; width: 100%;}
.footer-social ul {}
.footer-social ul li {float: left; width: 40px; height: 40px; text-align: center; transition: all 50ms ease-in; border-radius: 5px;}
.footer-social ul li a {display: block; height: 100%; text-decoration: none; color: #6cc645; transition: all 50ms ease-in;}
.footer-social ul li i {display: block; height: 40px; line-height: 40px; }
.footer-social ul li i:before {font-size: 20px; }
.footer-social ul li:hover {background: #6cc645;}
.footer-social ul li:hover a {color: #fff;}

.footer-menu {padding: 0; }
.footer-menu > ul {}
.footer-menu > ul > li {float: left; }
.footer-menu > ul > li + li {margin-left: 60px; }
.footer-menu > ul > li > a {display: block; color: #000000; font-weight: 800; font-size: 16px; margin-bottom: 10px; }
.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {}
.footer-menu > ul > li > ul > li > a {color: #000; text-decoration: none; }
.footer-menu > ul > li > ul > li > a:hover {color: #6cc645;}

.copyright-area {}
.copyright {display: inline-block; width: 100%; }
.copyright ul {}
.copyright ul li {font-size: 12px; float: left; }
.copyright ul li a {display: block; color: #000; text-decoration: none; }
.copyright ul li + li {margin-left: 10px; padding-left: 10px; border-left: 1px solid #dbdbdb; }
.copyright ul li a:hover {color: #6cc645;}

.signature {font-size: 12px; text-align: right; }
.signature a {display: block; color: #000; }
.signature a:hover {}




/**************************************/
/****** Inner Page ******/
.inner-banner {/* height: 270px; */overflow: hidden;position: relative;/* width: 1350px; *//* margin: 0 auto; *//* border-radius: 10px; */}
.inner-banner > img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.06; z-index: 0;}

.inner-header-area {/* position: absolute; *//* width: 100%; *//* height: 100%; *//* left: 0; *//* top: 0; */}

.inner-header {height: 300px;margin: 0 -50px;background: #000;border-radius: 10px;padding: 0 50px;position: relative;overflow: hidden;}
.inner-header > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.8;}
.inner-title {position: absolute;left: 50px;top: 40px;color: #fff;z-index: 10;}
.inner-title h1 {font-size: 34px; font-weight: 400;}
.inner-title h1 b{display: block; }
.inner-title h2 {font-size: 34px; font-weight: 400;}
.inner-title h2 b{display: block; }
.inner-title p {font-size: 22px;}

.inner-header-photo {height: 270px; line-height: 270px; text-align: right;}
.inner-header-photo img {max-width: 100%; max-height: 200px; }

.inner-breadcrumb {position: absolute;left: 50px;bottom: 140px;}
.inner-breadcrumb ul {}
.inner-breadcrumb ul li {float: left; font-weight: 400;}
.inner-breadcrumb ul li a {color: #fff; text-decoration: none; padding: 0 15px; }
.inner-breadcrumb ul li + li {}
.inner-breadcrumb ul li:before {content:'>'; color: #fff; }
.inner-breadcrumb ul li:first-child:before {display: none; }
.inner-breadcrumb ul li:first-child a {padding-left: 0;}


.content-section {background: #ecf0f4; padding-bottom: 50px;}
.detail-section {background: #fff;/* padding-top: 30px; */position: relative;}
.content-section.detail-section {padding-top: 0;}

.filter-area {height: 100%; background: #fff; padding: 20px 10px; font-family: 'Source Sans Pro', sans-serif; }
.filter-area ul {display: inline-block; width: 100%; }
.filter-area ul li {float: left; width: 22%; height: 60px; padding: 8px 20px 0 20px; }
.filter-area ul li + li {border-left: 1px solid #dbdbdb;}
.filter-area ul li b {display: block;font-size: 16px;font-weight: 500;padding: 0 10px;}
.filter-area ul li span {display: block; }
.filter-area ul li span select {height: 25px; width: 100%; border: none; background: none; font-weight: 600; margin-left: -3px; font-size: 16px; color: #000; }
.filter-area ul li button {display: block; height: 60px; line-height: 60px; width: 100%; border: none; background: none; }
.filter-area ul li button i {}
.filter-area ul li button i:before {font-size: 35px; }
.filter-area ul li:last-child {width: 12%; padding-top: 0; }
.filter-area ul li button:hover i {color: #1a5939;}

.filter-area .custom-select {}
.filter-area .select-selected {
	height: 40px !important;
	line-height: 35px !important;
	padding: 0 10px!important;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background: none !important;
	border: none !important;
}
.filter-area .select-selected.select-arrow-active {
	border: 1px solid #dbdbdb !important;
}
.filter-area .select-selected:after {
	background: url(../img/icons/down-arrow.png);
	top: 11px;
}
.filter-area .select-items div {
	padding: 0 10px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
}
.filter-area .select-items {}

.filter-search-area {}
.filter-search {
	height: 100px;
	background: #fff;
	padding: 20px 35px;
	position: relative;
}
.filter-search input {
	width: 100%;
	height: 100%;
	border: none;
	border-bottom: 1px solid #dbdbdb;
	font-size: 18px;
	float: right;
	padding-right: 70px;
}
.filter-search button {
	position: absolute;
	right: 35px;
	height: 60px;
	top: 20px;
	width: 60px;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: #56aa47;
	background: none;
}
.filter-search button i {
	display: block;
	height: 60px;
	line-height: 60px;
}
.filter-search button i:before {
	font-size: 30px;
}
.filter-search button:hover {background: #56aa47; color: #fff;}


.list-sub-title {height: 30px; margin-top: 30px; }
.list-sub-title h2 {height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: 600;  }
.list-sub-title h2 i {display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px; }
.list-sub-title h2 i:before {font-size: 26px;}

.teacher {height: 450px; background: #fff; padding: 25px; margin-bottom: 20px;
	box-shadow: 0px 0px 4px 0px rgba(99,99,99,0.28);}
.teacher h4 {text-align: center; font-size: 20px; }
.teacher h4 a {display: block; text-decoration: none; color: #000;  padding: 10px 0; }
.teacher h4 a:hover {color: #6faf8f;}
.teacher-photo {height: 180px; text-align: center; }
.teacher-photo a {display: block; height: 100%; text-decoration: none;}
.teacher-photo span {display: inline-block; height: 180px; width: 180px; background: #fff; padding: 10px; border: 1px solid #dbdbdb; border-radius: 50%; overflow: hidden;
	margin-bottom: 10px; transition: all 50ms ease-in; }
.teacher-photo span img {width: 100%; height: 100%; overflow: hidden; border-radius: 50%;}
.teacher-photo a:hover span {background: #6faf8f;}
.teacher-info {}
.teacher-info ul {}
.teacher-info ul li {overflow: hidden; height: 51px; border-bottom: 1px solid #dbdbdb; font-size: 15px; }
.teacher-info ul li:last-child {border: none;}
.teacher-info ul li > i {display: block; float: left; height: 51px; line-height: 50px; margin-right: 10px; }
.teacher-info ul li > i:before {font-size: 20px; }
.teacher-info ul li p {height: 50px;line-height: 50px;overflow: hidden;}
.teacher-info ul li p b {}
.teacher-info ul li p a {display: inline-block; float: right; color: #70b090; padding-top: 10px;   }
.teacher-info ul li p a i {display: block; float: left; line-height: 30px; width: 30px; height: 30px; border-radius: 50%;  text-align: center; }
.teacher-info ul li p a i:before {font-size: 14px; }
.teacher-info ul li p a:hover i {background: #ebebeb;}

.campaign-box {height: 360px; background: #fff; margin-bottom: 20px;
	box-shadow: 0px 0px 4px 0px rgba(99,99,99,0.28);}
.campaign-box a {display: block; height: 100%; text-decoration: none; color: #000; padding: 25px; }
.campaign-box-title {height: 260px; border-bottom: 1px solid #dbdbdb; }
.campaign-box-title h5 {font-size: 13px; font-weight: 400; color: #77c09b; margin-bottom: 20px; }
.campaign-box-title h4 {font-size: 20px; margin-bottom: 20px; }
.campaign-box-title p {font-size: 15px; line-height: 20px;}
.campaign-box-button {height: 50px; line-height: 50px; overflow: hidden; }
.campaign-box-button b {}
.campaign-box-button i {float: right; display: inline-block; width: 30px; height: 30px; border-radius: 50%;  line-height: 30px; text-align: center;
	margin-top: 10px; color: #70b090;}
.campaign-box-button i:before {font-size: 12px; }
.campaign-box:hover i {background: #ebebeb;}


.blog-box {
	height: 440px;
	background: #000;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 4px 0px rgba(99,99,99,0.28);
}
.blog-box img {width: 100%; height: 100%; object-fit: cover;
	transition: all 50ms ease-in; opacity: 0.7}
.blog-box-title {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.blog-box-title a {display: block; height: 100%; text-decoration: none; color: #fff; padding: 25px;
	transition: all 50ms ease-in;}
.blog-box-title h5 {font-size: 13px; font-weight: 400; color: #fff; margin-bottom: 20px;
	transition: all 50ms ease-in;}
.blog-box-title h4 {font-size: 20px; margin-bottom: 20px; }
.blog-box-title p {font-size: 15px; line-height: 20px; margin-bottom: 10px;}
.blog-box-title i {position: absolute; left: 25px; bottom: 25px; }
.blog-box-title i:before {font-size: 50px; }

.blog-box:hover {background: #fff;}
.blog-box:hover img {opacity: 0; }
.blog-box:hover a {color: #000; }
.blog-box:hover h5 {color: #77c09b; }

.content-detail-area {margin-top: -170px;}

.heading-area {padding-bottom: 20px;border-bottom: 1px solid #dbdbdb;/* margin-bottom: 40px; */}

.heading-cover-photo {display: block; height: 220px; width: 220px; padding: 10px;  border-radius: 50% 50% 20px 50%; overflow: hidden;
	margin-bottom: 10px; transition: all 100ms ease-in; background: #77c09b;}
.heading-cover-photo img {width: 100%; height: 100%; overflow: hidden; border-radius: 50% 50% 20px 50%; object-fit: cover;}

.heading {padding: 90px 0 0 20px; }

.heading-title {margin-bottom: 35px; }
.heading-title h1 {font-size: 28px; color: #fff; margin-bottom: 10px; }
.heading-title h2 {font-size: 16px; line-height: 22px; color: #fff; font-weight: 500; }
.heading-title i {display: block; float: left; height: 22px; line-height: 22px; margin-right: 10px;  }
.heading-title i img {max-height: 100%; }
.heading-title i:before {}

.heading-menu {}
.heading-menu ul {display: inline-block; width: 100%;}
.heading-menu ul li {height: 30px; line-height: 30px; float: left; font-size: 15px; font-weight: 500; }
.heading-menu ul li a {color: #000; text-decoration: none; }
.heading-menu ul li a:hover {color: #ed6f26;}
.heading-menu ul li + li {margin-left: 30px; }
.heading-menu ul li.inactive {opacity: 0.2;}
.heading-menu ul li.inactive a {}
.heading-menu ul li.inactive a:hover {color: #000;cursor: not-allowed;}

.detail-about {padding: 40px 0;border-bottom: 1px solid #dbdbdb;/* margin-bottom: 40px; */}
.detail-about h3 {font-size: 16px; margin-bottom: 20px; }
.detail-about-body {/* height: 100px; overflow: hidden; */}
.detail-about-body p {font-size: 14px; font-weight: 500; margin-bottom: 10px; line-height: 20px;  }
.detail-about-body.active {height: auto; }
.about-show-more {margin-top: 20px; display: inline-block; color: #77c09b;}
.about-show-more:hover {cursor: pointer; }
.about-show-more.inactive {display: none;}

.detail-about-body + .about-show-more {display: none;}

.detail-about-body.long-text {height: 90px; overflow: hidden;}
.detail-about-body.long-text + .about-show-more {display: block;}
.detail-about-body.long-text.active {height: auto; }
.detail-about-body + .about-show-more.inactive {display: none;}
.detail-about-body.long-text.active + .about-show-more {display: none;}


.education-information-area {padding-bottom: 40px; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px; }
.education-information-heading {height: 40px; overflow: hidden; margin-bottom: 20px; }
.education-information-heading h3 {font-size: 16px; margin-bottom: 20px; line-height: 40px; height: 40px; width: 18%; float: left; }
.education-information-menu {height: 40px; width: 82%; float: left;}
.education-information-menu ul {display: inline-block; width: 100%; }
.education-information-menu ul li {float: left; height: 40px; line-height: 40px; position: relative; font-size: 15px; border-bottom: 2px solid #fff;}
.education-information-menu ul li a {display: block; height: 100%; padding: 0 15px; color: #000; text-decoration: none; }
.education-information-menu ul li.active {border-color: #77c09b;}
.education-information-menu ul li a:hover {color: #77c09b;}

.education-information-content {}
.education-information {display: none;}
.education-information.active {display: block}
.education-information ul {}
.education-information ul li {height: auto; width: 100%; overflow: hidden; }
.education-information ul li + li {margin-top: 20px; }
.education-information ul li b {display: block; line-height: 20px; height: 50px; width: 18%; float: left; font-weight: 400; }
.education-information ul li h5 { width: 82%; float: left; height: 45px; font-weight: 400; line-height: 20px; }
.education-information ul li h5 span {display: block; height: 20px; line-height: 20px; font-size: 14px;  margin-top: 5px; color: #77c09b; }
.education-information ul li h5 span i {display: block; float: left; height: 20px; line-height: 20px; margin-right: 5px; }
.education-information ul li h5 span i:before {font-size: 18px; }

.detail-lesson-area {padding: 40px 0;margin-bottom: 40px;}
.detail-lesson-area h3 {font-size: 16px; margin-bottom: 30px;}

.detail-lesson-list {position: relative; }
.detail-lesson-box {height: 400px; background: #fff; border: 4px solid #d8dfe1; padding: 35px 25px 25px 25px;
	margin-bottom: 20px;}
.detail-lesson-box h4 {font-size: 20px; line-height: 25px; height: 75px;  }
.detail-lesson-box h4 a {display: block; height: 100%; color: #ed6f26; text-decoration: none; }
.detail-lesson-box h4 a:hover {color: #70b090;}
.detail-lesson-box:hover {}
.detail-lesson-info {}
.detail-lesson-info ul {}
.detail-lesson-info ul li {overflow: hidden; height: 51px; border-bottom: 1px solid #d8dfe1; font-size: 14px; font-weight: 500; }
.detail-lesson-info ul li:last-child {border: none;}
.detail-lesson-info ul li > i {display: block; float: left; height: 50px; line-height: 50px; margin-right: 10px; }
.detail-lesson-info ul li > i img {maxt-heigt: 20px;}
.detail-lesson-info ul li > i:before {font-size: 20px;}
.detail-lesson-info ul li p {height: 50px;line-height: 50px;overflow: hidden;}

.detail-lesson-info ul li p.detail-price-area {font-size: 15px; font-weight: 400; }
.detail-lesson-info ul li p.detail-price-area span {text-decoration: line-through;}
.detail-lesson-info ul li p.detail-price-area b {
	font-size: 18px;
}
.detail-lesson-info ul li p.detail-price-area span + b {margin-left: 10px; color: #b62e27;}

.detail-lesson-info ul li p span {}
.detail-lesson-info ul li p a {display: inline-block; float: right; color: #70b090; padding-top: 10px; }
.detail-lesson-info ul li p a i {display: block; float: left; line-height: 30px; width: 30px; height: 30px; border-radius: 50%;  text-align: center;}
.detail-lesson-info ul li p a i:before {font-size: 14px; }
.detail-lesson-info ul li p a:hover i {background: #ebebeb;}
.detail-lesson-info ul li p span {display: inline-block; height: 20px; line-height: 20px; border-left: 1px solid #d8dfe1; padding-left: 8px; margin-left: 8px; }
.detail-lesson-info ul li > a {display: inline-block; height: 34px; line-height: 34px; border-radius: 50px; background: #70b090; color: #fff; padding: 0 25px; font-size: 14px; margin-top: 10px;
	text-decoration: none; }
.detail-lesson-info ul li > a:hover {background: #32684d;}
.detail-lesson-info ul li.inactive > a {background: #d8dfe1; }
.detail-lesson-info ul li.inactive > a:hover {background: #d8dfe1; cursor: not-allowed;}


.detail-lesson-list .bx-wrapper .bx-controls-direction a {width: 40px; height: 36px;  top: -40px; border-radius: 10px; opacity: 0.6;}
.detail-lesson-list .bx-wrapper .bx-prev { left: auto; right: 45px; background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.detail-lesson-list .bx-wrapper .bx-next {right: 0; background: #000 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

.detail-lesson-list .bx-wrapper .bx-prev:hover {background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center; opacity: 1;}
.detail-lesson-list .bx-wrapper .bx-next:hover {background: #000 url(../img/icons/icon-min-next-black.png) no-repeat center center; opacity: 1;}



.rightside {}
.rightside.lesson-rightside {margin-top: -170px;}

.brief-information {padding: 15px; background: #fff;
	box-shadow: 0px 0px 4px 0px rgba(99,99,99,0.28);}
.brief-video {height: 150px; margin-bottom: 40px; }
.brief-video iframe {width: 100%; height: 100%; overflow: hidden; }

.brief-list {}
.brief-list ul {}
.brief-list ul li {}
.brief-list ul li {overflow: hidden;min-height: 51px;border-bottom: 1px solid #d8dfe1;font-size: 14px;font-weight: 500;height: auto;}
.brief-list ul li:last-child {border: none;}
.brief-list ul li > i {display: block; float: left; height: 50px; line-height: 50px; margin-right: 10px; }
.brief-list ul li > i img {maxt-heigt: 20px;}
.brief-list ul li > i:before {font-size: 20px;}
.brief-list ul li p {min-height: 50px;line-height: 20px;overflow: hidden;padding: 14px 0;}

.brief-list ul li p.detail-price-area {font-size: 15px; font-weight: 400; }
.brief-list ul li p.detail-price-area span {text-decoration: line-through;}
.brief-list ul li p.detail-price-area b {
	font-size: 18px;
}
.brief-list ul li p.detail-price-area span + b {margin-left: 10px; color: #b62e27;}

.brief-list ul li.instructor-link {}
.brief-list ul li.instructor-link a {
	padding: 0;
	margin: 0;
	height: 50px;
	line-height: 41px;
	background: none;
	color: #000;
}
.brief-list ul li.instructor-link a:hover {background: none; color: #32684d;}
.brief-list ul li.instructor-link img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}
.brief-list ul li.instructor-link i {
	display: block; float: right; line-height: 30px; width: 30px; height: 30px; border-radius: 50%;  text-align: center;  margin: 5px 0 0 15px;
}
.brief-list ul li.instructor-link i:before {font-size: 14px;}
.brief-list ul li.instructor-link a:hover i {background: #ebebeb;}

.brief-list ul li p span {}
.brief-list ul li p a {display: inline-block; float: right; color: #70b090; padding-top: 10px; }
.brief-list ul li p a i {display: block; float: left; line-height: 30px; width: 30px; height: 30px; border-radius: 50%;  text-align: center;}
.brief-list ul li p a i:before {font-size: 14px; }
.brief-list ul li p a:hover i {background: #ebebeb;}
.brief-list ul li p span {display: inline-block; height: 20px; line-height: 20px; border-left: 1px solid #d8dfe1; padding-left: 8px; margin-left: 8px; }
.brief-list ul li > a {display: inline-block; height: 34px; line-height: 34px; border-radius: 50px; background: #70b090; color: #fff; padding: 0 25px; font-size: 14px; margin-top: 10px;
	text-decoration: none; }
.brief-list ul li > a:hover {background: #32684d;}
.brief-list ul li > span {display: block; float: left; line-height: 50px;  }
.brief-list ul li > span + span {margin-left: 15px; }
.brief-list ul li > span i {display: block; height: 50px; line-height: 50px; float: left; margin-right: 5px; }
.brief-list ul li > span i:before {font-size: 20px; }
.brief-list ul li > span:first-child i {color: #fbba30; }
.brief-list ul li > span:last-child {opacity: 0.4}
.brief-list ul li > span:last-child:hover {opacity: 11;}
.brief-list ul li > span:last-child i {}

.brief-list ul li.view-cart-button {height: auto;}
.brief-list ul li.view-cart-button a {display: block; height: 60px; border-radius: 10px; line-height: 60px; font-size: 20px; text-align: center;}

.content-detail {background: #f9f6f3;border-radius: 20px;margin-top: -100px;z-index: 9999;padding: 60px;}

.detail-page {padding: 30px 0 0 0;/* border-bottom: 1px solid #dbdbdb; *//* margin-bottom: 30px; */}
.detail-page h1 {font-size: 22px; margin-bottom: 20px; }
.detail-page h2 {font-size: 16px; margin-bottom: 20px; }
.detail-page h3 {font-size: 16px; margin-bottom: 20px; }
.detail-page-title {padding: 20px 0 0 0;}
.detail-page-title h1 {font-size: 22px;  }
.detail-page-title h2 {font-size: 22px; }
.detail-page-title h3 {font-size: 22px;  }
.detail-page-title h6 {display: block; font-size: 14px; font-weight: 400; margin-top: 10px;}
.detail-page-title h5 {display: block; font-size: 14px; font-weight: 400; margin-top: 10px;}
.detail-page-title h4 {display: block; font-size: 14px; font-weight: 400; margin-top: 10px;}
.detail-body {}
.detail-body p {font-size: 18px;font-weight: 500;margin-bottom: 18px;line-height: 24px;}
.detail-body ul, .detail-body ol {margin-left: 20px; list-style: inherit; font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px; font-family: 'Quicksand', sans-serif !important;}


.detail-page-title + .content-photos-area {margin-top: 20px;}
.detail-page-title + .detail-video {margin-top: 20px;}

.detail-slider {height: 400px; position: relative; margin: 25px 0 0 0;  }
.detail-slider ul {}
.detail-slider ul li {height: 400px;}
.detail-slider ul li img {display: inline-block;width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}

.detail-slider .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; display: none;}
.detail-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}
.single-slide:hover .bx-wrapper .bx-controls-direction a {display: none !important;}
.detail-slider .bx-wrapper .bx-prev { left: 10px; background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.detail-slider .bx-wrapper .bx-next {right: 10px; background: #000 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

.detail-slider .bx-wrapper .bx-prev:hover {background: #333333 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.detail-slider .bx-wrapper .bx-next:hover {background: #333333 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

.pagination { }
.pagination ul {overflow: hidden; width: 100%; }
.pagination ul li {width: 50px; height: 50px; margin: 0 5px; float: left; border: 1px solid #c3c3c3; text-align: center; line-height: 48px;
	transition: all 100ms ease-in; }
.pagination ul li a {display: block; height: 100%; text-decoration: none; color: #000; }
.pagination ul li.active, .pagination ul li.active:hover {border-color: #7d7d7d; border-radius: 50%; }
.pagination ul li.active a {}
.pagination ul li:hover {background: #f2f2f2;}
.pagination ul li i {display: block; height: 48px; line-height: 48px; }
.pagination ul li i:before {font-size: 14px;}

.faq-area { font-family: 'Quicksand', sans-serif; }
.faq-area + .faq-area  {margin-top: 50px;}
.faq-area > h4 { font-size: 20px; margin-bottom: 10px;}
.faq-area > ul {}
.faq-area > ul > li {border: 1px solid #eaeaea;/* border-bottom: 1px solid #eaeaea; */background: #fff;height: auto;overflow: hidden;border-radius: 5px;}
.faq-area > ul > li + li {margin-top: 15px; }
.faq-area > ul > li > h4 {padding: 20px;font-size: 18px;	font-weight: 500; position: relative;}
.faq-area > ul > li > h4 i {position: absolute;right: 20px;top: 22px;color: #5d5d5d;}
.faq-area > ul > li > h4 i:before {font-size: 20px; }
.faq-area > ul > li .answer-body {display: none; padding: 20px; font-size: 18px;	}
.faq-area ul li.active .answer-body {display: block;}
.faq-area ul li.active {}
.faq-area > ul > li > h4:hover {cursor: pointer;}
.faq-area ul li.active h4 i {transform: rotate(180deg);}
.faq-area ul li.active h4 {font-weight: 600;color: #56aa46;}


/* -------------------------------------------------------------------------------------*/
/*      POPUP AREA                                                                      */
/* -------------------------------------------------------------------------------------*/
.popup-area {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background: rgba(0,0,0,0.8);display:none;text-align: center;}
.popup-area.active {display: block;}
.popup {width: auto;margin: 100px auto 0 auto;display: inline-block; max-width: 80%;}
.popup.video-popup {width: 800px;}
.popup.video-popup .popup-head {height: 450px}
.popup-head {background: #fff;text-align: center;/* border-bottom: 1px solid #dbdbdb; */height: 500px;position: relative;}
.popup-head img {width: auto;height: 100%;object-fit: cover;max-width: 100%;}
.popup-head iframe {width: 100% !Important; }
.popup-bottom {height: auto;/* background: #fff; */position: relative;padding-right: 0;}
.popup-bottom h5 {padding: 10px 0;font-size: 20px;font-family: 'Rajdhani', sans-serif;font-weight: 400;color: #fff;}
.close-popup {position: absolute; right: 0; top: -40px; width: 40px; height: 40px;  background: #fff;}
.close-popup i {display: block; height: 40px; line-height: 40px; text-align: center;}
.close-popup i:before {font-size: 20px;}
.close-popup:hover {background: #dbdbdb; color: #444444; cursor: pointer;}


.detail-content blockquote {display: block;padding: 5px 20px;position: relative;margin-bottom: 22px;border-left: 5px solid #4c7569;font-weight: 600;}
.detail-content blockquote p {margin: 0;}
.detail-content blockquote i {display: none;}
.detail-content blockquote i:before {font-size: 24px;}
.detail-content blockquote:before {}
.detail-content blockquote:after {}

.detail-video {margin-bottom: 20px;}
.detail-video iframe {width: 100% !important;}
#detail-video {}
#detail-video iframe {width: 100% !important; height: 600px;}

.detail-others {}
.detail-others > h4 {font-family: 'Quicksand', sans-serif; height: 30px; line-height: 30px; margin-bottom: 20px; }
.detail-others > h4 a {display: inline-block; padding-left: 15px; margin-left: 15px; border-left: 1px solid #dbdbdb; color: #000; font-weight: 500; font-size: 14px;}
.detail-others > ul {overflow: hidden; margin: -5px;}
.detail-others > ul > li {width: 33.33%; padding: 5px; float: left;}


.content-photos-area {margin-bottom: 20px;}
.content-photos-slider {margin-bottom: 20px;height: 740px;position: relative;}
.content-photos-slider li {height: 740px;overflow: hidden;position: relative;}
.content-photos-slider img {width: 100%;height: 100%;object-fit: contain;}
.content-photos-slider li i {position: absolute; width: 80px; height: 80px; background: #ce2f2b; left: 50%; top: 50%; margin: -40px 0 0 -40px;
	border-radius: 50%; text-align: center; line-height: 80px; color: #fff;
	-webkit-box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);
	box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);}
.content-photos-slider li i:before {font-size: 30px; transition: all 100ms ease-in;}
.content-photos-slider li:hover i:before {font-size: 45px;}

.content-photos-slider .bx-wrapper .bx-controls-direction a {display: none;}
.content-photos-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}

.content-photos-slider .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px;  border-radius: 0; border: 1px solid #fff;
	transition: all 300ms ease-in; }
.content-photos-slider .bx-wrapper .bx-prev {left: 20px; background: #333333 url(../img/icons/white-prev.png) no-repeat center center;}
.content-photos-slider .bx-wrapper .bx-next {right: 20px; background: #333333 url(../img/icons/white-next.png) no-repeat center center;}

.content-photos-slider .bx-wrapper .bx-prev:hover {background: #000 url(../img/icons/white-prev.png) no-repeat center center;}
.content-photos-slider .bx-wrapper .bx-next:hover {background: #000 url(../img/icons/white-next.png) no-repeat center center;}

.content-photos-slider.single-slide:hover .bx-wrapper .bx-controls-direction a {display: none;}
.content-photos-slider-pager.single-slide {display: none;}


.content-photos-slider-pager {width: 100%;overflow: hidden;/* padding: 0 50px; */}
.content-photos-slider-pager .bx-wrapper {margin: 0 !important; }
.content-photos-slider-pager ul {}
.content-photos-slider-pager ul li {}
.content-photos-slider-pager ul li a {display: block;height: 170px;opacity: 0.6;}
.content-photos-slider-pager ul li i {position: absolute; width: 40px; height: 40px; background: #ce2f2b; left: 50%; top: 50%; margin: -20px 0 0 -20px;
	border-radius: 50%; text-align: center; line-height: 40px; color: #fff;
}
.content-photos-slider-pager ul li i:before {font-size: 30px; transition: all 100ms ease-in;}
.content-photos-slider-pager ul li a:hover {opacity: 0.8; cursor: pointer;}
.content-photos-slider-pager ul li a.active {opacity: 1;}
.content-photos-slider-pager ul li img {width: 100%;height: 100%;object-fit: cover;}

.content-photos-slider-pager .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; top: 50%; margin-top: -25px;border-radius: 50%; border: 2px solid #fff;
	display: none;}
.content-photos-slider-pager .bx-wrapper .bx-prev {left: 0; background: #000 url('../img/icons/icon-min-prev-white.png') no-repeat center center; }
.content-photos-slider-pager .bx-wrapper .bx-next {right: 0; background: #000 url('../img/icons/icon-min-next-white.png') no-repeat center center;}
.content-photos-slider-pager .bx-wrapper .bx-prev:hover {}
.content-photos-slider-pager .bx-wrapper .bx-next:hover {}
.content-photos-slider-pager:hover .bx-wrapper .bx-controls-direction a {display: block;}

.content-video {height: 100%;}
.content-video iframe {width: 100% !Important;; height: 100% !Important;}

.content-video-pager {height: 100%; width: 100%; background: #ce2f2b;}
.content-video-pager a {display: block; height: 100%;}
.content-video-pager i {background: #fff !Important; color: #ce2f2b !Important;;}
.content-video-pager i:before {}

.object-style-four {height: 470px; margin-bottom: 30px; font-family: 'Quicksand', sans-serif;  }
.object-style-four a {display: block; color: #000; text-decoration: none;}
.object-style-four-photo {height: 370px; overflow: hidden; background: #000; position: relative;}
.object-style-four-photo img {width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: all 100ms ease-in;}
.object-style-four-photo i {position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; color: #fff; background: #000; width: 50px; height: 50px; border-radius: 50%; }
.object-style-four-photo i:before {font-size: 50px; }
.object-style-four-title {height: 130px; padding-top: 12px;}
.object-style-four-title h4 {font-size: 16px; line-height: 22px; margin-bottom: 10px;
	overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.object-style-four-title p {}
.object-style-four-title ul {overflow: hidden; margin: 0 -10px;}
.object-style-four-title ul li {float: left; padding: 0 10px; height: 15px; line-height: 15px; opacity: 0.8;}
.object-style-four-title ul li + li {border-left: 1px solid #aaa;}
.object-style-four:hover .object-style-four-photo img {opacity: 1;  transform: scale(1.05);}

.main-contact-area {height: auto; overflow: hidden; margin-bottom: 30px;  font-family: 'Quicksand', sans-serif; }

.map-box {height: 350px;overflow: hidden;text-align: center;border-radius: 20px;}
.map-box iframe {width: 100% !Important; height: 100% !Important;}
.map-box img {width: 100%;height: 100%;object-fit: cover;}

.main-contact-info {}
.main-contact-info h2 {font-size: 22px; font-weight: 600; margin-bottom: 20px;  }
.main-contact-info > ul {}
.main-contact-info > ul > li {padding: 17px 0; border-top: 1px solid #d3d3d3; font-size: 18px; }
.main-contact-info > ul > li:last-child {border-bottom: 1px solid #d3d3d3;}
.main-contact-info > ul > li > span {}
.main-contact-info > ul > li > b {font-weight: 600; color: #000;}
.main-contact-info > ul > li > b > a {color: #000; text-decoration: none; }
.main-contact-info > ul > li > b > a:hover {color: #56aa47;}

.main-contact-info > ul > li ul {display: inline-block; width: 100%;}
.main-contact-info > ul > li ul li {float: left; }
.main-contact-info > ul > li ul li + li {margin-left: 5px}
.main-contact-info > ul > li ul li a {display: block; color: #56aa47; text-decoration: none;}
.main-contact-info > ul > li ul li i {display: block; height: 40px; line-height: 40px; color: #56aa47;}
.main-contact-info > ul > li ul li i:before {font-size: 36px; }
.main-contact-info > ul > li ul li a:hover i {color: #000;}
.main-contact-info > ul > li ul li a:hover i.flaticon-facebook {color: #3b5999;}
.main-contact-info > ul > li ul li a:hover i.icon-twitter2 {color: #00aced;}
.main-contact-info > ul > li ul li a:hover i.flaticon-instagram {color: #e56969;}
.main-contact-info > ul > li ul li a:hover i.flaticon-youtube {color: #d44332;}
.main-contact-info > ul > li ul li a:hover i.icon-linkedin {color: #0080b2;}
.main-contact-info > ul > li ul li a:hover i.flaticon-tiktok {color: #69C9D0;}

.contact-informations {}
.contact-informations table {}
.contact-informations table th {
	padding: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	background: #f4f4f4;
}
.contact-informations table td {font-family: 'Oswald', serif; font-size: 17px; font-weight: 300;  padding: 12px !important;}


.form-area {}
.form-photo {background: #f0f0f0;/* height: 450px; */margin-bottom: 30px;}
.form-photo a {display: block; height: 100%;}
.form-photo img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}

.form-top-description {display: inline-block; width: 100%; padding-right: 10%;  margin-bottom: 30px; }
.form-top-description i {display: block; float: left; height: 100px; line-height: 90px; margin-right: 30px; color: #56aa47;}
.form-top-description i:before {font-size: 90px; }
.form-top-description h5 {font-size: 18px; margin: 10px 0 10px 0; color: #56aa47;}
.form-top-description p {font-size: 15px; }

.form-video {background: #f0f0f0; height: 450px; margin-bottom: 3px;}
.form-video iframe {width: 100% !Important; height: 100% !Important;}

.description-box {overflow: hidden;background: #ffffff;padding: 20px;margin-bottom: 20px;border-radius: 5px;}
.description-box i {display: block;width: 5%;float: left;height: 50px;color: #bebebe;text-align: center;/* display: none; */}
.description-box i:before {font-size: 40px;}
.description-box p {width:95%;float: none;min-height: auto;height: auto;overflow: hidden;padding-left: 15px}
.description-box p b {}

.form-result-area {background: #f0f0f0; padding: 30px; border-radius: 10px; }

.form-result-desc {display: inline-block; width: 100%; padding-right: 10%;  margin-bottom: 30px; }
.form-result-desc i {display: block; float: left; height: 100px; line-height: 90px; margin-right: 30px; color: #56aa47;}
.form-result-desc i:before {font-size: 90px; }
.form-result-desc h5 {font-size: 18px; margin: 10px 0 10px 0; color: #000;}
.form-result-desc p {font-size: 18px; }
.form-result-desc p a {color: #000; font-weight: 600; }

.form-result {padding-left: 120px; }
.form-result ul {display: inline-block; width: 100%; }
.form-result ul li {float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; background: #56aa47; border-radius: 10px; color: #fff; font-size: 18px; font-weight: 600; }
.form-result ul li + li {margin-left: 20px; }
.form-result ul li.true-result {background: #73b895; }
.form-result ul li.false-result {background: #cc5636;}
.form-result ul li.empty-result {background: #ee8133;}

/*
.form {margin-bottom: 20px;}
.form ul {}
.form ul li {height: auto;display: block;border: 1px solid #f1f1f1;overflow: hidden; position: relative; }
.form ul li:last-child {background: none;padding-top: 15px;border: none;}
.form ul li > b {display: block; width: 30%; float: left; padding: 20px; height: auto; font-weight: 500; font-size: 13px;}
.form ul li > b + b {position: absolute; right: 0; width: 30%; top: 0; padding: 10px;}
.form ul li > span {display: block;width: 70%;float: left;border-left: 1px solid #f1f1f1;padding: 10px 20px; }
*/

.form {font-family: 'Quicksand', sans-serif;}
.form ul {
	display: inline-block;
	width: 100%;
}
.form ul li {width: 100%;float: none;/* overflow: hidden; *//* height: 90px; */padding: 0;margin-bottom: 30px;display: block;}
.form ul li.form-full-object {width: 100%;}
.form ul li b {display: block;font-size: 15px;font-weight: 400;color: #000;margin-bottom: 10px;width: 100%;}
.form ul li span {display: inline-block;width: 100%;}
.birthDate-group .custom-select {width: 15%; float: left; }
.birthDate-group .custom-select + .custom-select {margin-left: 10px;}

.form ul li:last-child {text-align: right;}
.form ul li + li {}
.form ul li input[type=text] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px; }
.form ul li input[type=number] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.form ul li input[type=password] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.form ul li input[type=email] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.form ul li > input:focus {background-color: #fff;}
.form ul li > input:focus:required:invalid {border: 1px solid #80bdff;}
.form ul li > input:required:valid { border: 1px solid #77c09b; }

.form ul li select {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 25px; font-size: 18px; color: #000;}
.form ul li button {width: 30%; height: 48px;
	background-color: #01A54F;
	text-align: center;
	color: #FFF;
	font-size: 1.7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	box-shadow: none;}
.form ul li button:hover {background: #007438; color: #fff;}

.quiz-form-area .form ul li button {background: #56aa47;}
.quiz-form-area .form ul li button:hover {background: #d36b00;}

.form .select-selected {
	height: 48px !important;
	line-height: 48px !important;
	border-radius: 5px;
	background: #fff !important;
	color: #646464;
}
.form .select-selected:after {background: url('../img/icons/down-arrow.png'); top: 18px;}

.form ul li > button, .form ul li > input {
	float: right;
	width: 30%; height: 48px;
	background-color: #01A54F;
	text-align: center;
	color: #FFF;
	font-size: 1.7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	box-shadow: none;
}
.form ul li > button:hover, .form ul li > input:hover {background: #005729; color: #fff;}
.form ul li > span > input {width: 100%; height: 45px; border: none; padding: 0 20px; border: 1px solid #bfbfbf; border-radius: 0;}
.form ul li > span > input:focus, .form ul li > span > input:hover {border-color: #bfbfbf;}
.form ul li > span > select {
	width: 100%;
	height: 45px;
	border: none;
	padding-left: 20px;
	border-radius: 0;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #fff url('../img/icons/down-arrow.png') no-repeat right 15px center;
}
.form ul li > span > select:focus {border: 1px solid #dbdbdb;}
.form ul li > span > select.birthdate-month {width: 20%; float: left;  }
.form ul li > span > select.birthdate-date  {width: 20%; float: left; margin-left: 10px; }
.form ul li > span > textarea {width: 100%;max-width: 100%;min-width: 100%;height: 150px;min-height: 150px;max-height: 150px;border: 1px solid #bfbfbf;padding: 20px;border-radius: 5px;font-size: 18px;}
.form ul li > span > textarea:focus, .form ul li > span > textarea:hover {border: 1px solid #bfbfbf;}

.form ul li > span > label {display: block; width: 33%; float: left; padding: 10px 10px 10px 50px; height: 50px; position: relative;
	font-weight: 400;  border: 1px solid #fff; border-top: none; border-left: none; line-height: 18px; overflow: hidden;}
.form ul li > span > label:nth-child(3n+1) {border-left: 1px solid #fff;}
.form ul li > span > label:nth-child(1), .form ul li > span > label:nth-child(2), .form ul li > span > label:nth-child(3) {border-top: 1px solid #fff;}
.form ul li > span > label > input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;opacity: 1;margin: 0;}
.form ul li > span > label:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #dbdbdb;}
.form ul li > span > label:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; background: #6b6b6b; z-index: 2; display: none;}
.form ul li > span > label.active:after {/* display: block; */background: #1e7d06;}
.form ul li > span > label:hover:after {display: block; }

.form ul li > span > label.form-radio:before {border-radius: 50%;display: none;}
.form ul li > span > label.form-radio:after {border-radius: 50%;display: none;}
.form ul li > span > label.form-radio input {opacity: 1;left: 11px;width: 30px;top: 6px;height: 30px;}

.form ul li > span > label.form-checkbox:before {border-radius: 0;display: none;}
.form ul li > span > label.form-checkbox:after {border-radius: 0;}
.form ul li > span > label.form-checkbox input {opacity: 1;left: 11px;width: 25px;top: 10px;height: 25px;}

.form ul li > span > label.form-checkbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: none;
	transition-duration: 0.3s;
	background-color: #fff;
	cursor: pointer;
}
.form ul li > span > label.form-checkbox > input:checked {
	background-color: #fd8204;
	border-color: #fd8204;
}

.form ul li > span > label.form-checkbox > input:checked::before {
	content: '\2713';
	display: block;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 6px;
	top: 2px;
}

.form ul li > span > label.form-radio input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #aaa;
	border-radius: 50%;
	outline: none;
	transition-duration: 0.3s;
	background-color: #fff;
	cursor: pointer;
}
.form ul li > span > label.form-radio > input:checked {
	background-color: #fd8204;
	border-color: #fd8204;
}

.form ul li > span > label.form-radio > input:checked::before {
	content: '\2713';
	display: block;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 8px;
	top: 5px;
}


.form ul li > span > input[type=file] {padding: 0;border: none;height: 45px;}
.form ul li > span > input[type=file]:hover, .form ul li > span > input[type=file]:focus {border: none; }
.form ul li > span > input[type=file]::-webkit-file-upload-button { background: #ffffff; border: 1px solid #dbdbdb;; color: #000; padding: 12px;}

.form ul h3 {margin: 20px 0; }


.form .select2-container {height: 45px;}
.form .select2-container .select2-selection--single {
	height: 45px;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
}
.form .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 43px;
	line-height: 43px;
	padding: 0 25px;
	font-size: 18px;
}
.form .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 8px 6px 0 6px;
}
.form .select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px;right: 20px;left: auto;}
.select2-results__option img {width: 36px; height: 36px; border-radius: 50%; }




.form-full-style {margin-bottom: 20px;}
.form-full-style ul {}
.form-full-style ul li {margin-bottom: 15px;height: auto;display: block; overflow: hidden;}
.form-full-style ul li:last-child {background: none; padding-top: 15px;}
.form-full-style ul li > b {background: #f0f0f0; display: block; padding: 20px 20px 20px 9%; height: auto; font-weight: 500; font-size: 13px; position: relative;
	border-bottom: 1px solid #fff;}
.form-full-style ul li > b > i {position: absolute; width: 7%; left: 0; top: 0; height: 100%; border-right: 1px solid #fff;
	text-align: center; line-height: 58px; font-style: normal; font-weight: 800; font-size: 18px;}
.form-full-style ul li > span {display: block; background: #f0f0f0;  width: 93%; float: right;  border-left: 1px solid #fff; padding: 10px 20px; }
.form-full-style ul li > button, .form-full-style ul li > input {float: right; height: 50px; padding: 0 50px;background: #c3c3c3; color: #000; font-size: 15px; font-weight: 600;
	border: none; box-shadow: none; border-radius: 0;}
.form-full-style ul li > button:hover, .form-full-style ul li > input:hover {background: #e70606; color: #fff;}
.form-full-style ul li > span > input {width: 100%; height: 35px; border: none; padding: 0 20px; border: 1px solid #fff;}
.form-full-style ul li > span > input:focus, .form-full-style ul li > span > input:hover {border-color: #bfbfbf;}
.form-full-style ul li > span > select {width: 100%; height: 35px; border: none; padding-left: 20px; border-radius: 0; border: 1px solid #fff;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: #fff url('../img/icons/down-arrow.png') no-repeat right 15px center;			 }
.form-full-style ul li > span > select:focus {border: 1px solid #dbdbdb;}
.form-full-style ul li > span > textarea {width: 100%; max-width: 100%; min-width: 100%; height: 150px; min-height: 150px; max-height: 150px; border: none; padding: 20px; }
.form-full-style ul li > span > textarea:focus, .form-full-style ul li > span > textarea:hover {border: 1px solid #bfbfbf;}

.form-full-style ul li > span > label {display: block; width: 33%; float: left; padding: 10px 10px 10px 50px; height: 50px; position: relative;
	font-weight: 400;  border: 1px solid #fff; border-top: none; border-left: none; line-height: 18px; overflow: hidden;}
.form-full-style ul li > span > label:nth-child(3n+1) {border-left: 1px solid #fff;}
.form-full-style ul li > span > label:nth-child(1), .form-full-style ul li > span > label:nth-child(2), .form-full-style ul li > span > label:nth-child(3) {border-top: 1px solid #fff;}
.form-full-style ul li > span > label > input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; margin: 0;}
.form-full-style ul li > span > label:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #dbdbdb;}
.form-full-style ul li > span > label:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; background: #6b6b6b; z-index: 2; display: none;}
.form-full-style ul li > span > label.active:after {display: block; background: #e83731;}
.form-full-style ul li > span > label:hover:after {display: block; }

.form-full-style ul li > span > label.form-radio:before {border-radius: 50%;}
.form-full-style ul li > span > label.form-radio:after {border-radius: 50%;}

.form-full-style ul li > span > label.form-checkbox:before {border-radius: 0;}
.form-full-style ul li > span > label.form-checkbox:after {border-radius: 0;}

.form-full-style ul li > span > input[type=file] {padding: 0; border: none;height: 40px;}
.form-full-style ul li > span > input[type=file]:hover, .form-full-style ul li > span > input[type=file]:focus {border: none; }
.form-full-style ul li > span > input[type=file]::-webkit-file-upload-button { background: #ffffff; border: 1px solid #dbdbdb;; color: #000; padding: 12px;}

.detail-big-title {padding: 20px 0 40px 0;}
.detail-big-title h2 {text-align: center; font-size: 40px; }
.detail-big-title h5 {text-align: center; font-size: 30px; font-weight: 500; margin-top: 10px;}
.detail-big-title p {text-align: center; font-size: 30px; margin-top: 10px;}


.order-section {border: 1px solid #ececec;border-radius: 5px;background: #fff;border-radius: 20px;}

.order-step-area {height: 160px; position: relative; overflow: hidden;}

.order-step-prev {width: 10%; height: 160px; float: left; text-align: center; padding-top: 32px;}
.order-step-prev a {color: #4a4a4a; text-decoration: none; display: inline-block; width: 60px;  }
.order-step-prev i {display: block; width: 60px; height: 60px; border: 1px solid #dbdbdb; border-radius: 50%; text-align: center; line-height: 58px;
	margin-bottom: 5px; transition: all 100ms ease-in; background: #f1f1f1;}
.order-step-prev i:before {font-size: 20px; }
.order-step-prev a:hover i {padding-right: 10px; border-color: #717171;}
.order-step-prev a:hover {color: #000;}

.order-step-next {width: 10%; height: 160px; float: left; text-align: center; padding-top: 32px;}
.order-step-next a {color: #4a4a4a; text-decoration: none; display: inline-block; width: 60px;  }
.order-step-next i {display: block; width: 60px; height: 60px; border: 1px solid #dbdbdb; border-radius: 50%; text-align: center; line-height: 58px;
	margin-bottom: 5px; transition: all 100ms ease-in; background: #f1f1f1;}
.order-step-next i:before {font-size: 20px; }
.order-step-next a:hover i {padding-left: 10px; border-color: #717171;}
.order-step-next a:hover {color: #000;}


.order-step {padding: 30px 50px;width: 80%;height: 160px;float: left;}
.order-step ul {list-style: none;padding: 0;height: 100px; position: relative; }
.order-step ul:before {content: ''; position: absolute; width: 100%; height: 6px; background: #dbdbdb; z-index: -1; top: 47px; left: 0; }
.order-step ul li {float: left; width: 50%; height: 100px; text-align: center; position: relative;}
.order-step ul li:before {content: ''; position: absolute; width: 100%; height: 6px; background: #dbdbdb; z-index: -1; top: 47px; left: 0; }
.order-step ul li h5 {font-weight: 400; font-size: 17px; margin-bottom: 15px;}
.order-step ul li span {display: block; height: 32px; position: relative; margin-bottom: 15px;}
.order-step ul li span:before {content: ''; position: absolute; width: 32px; height: 32px; background: #dbdbdb; border-radius: 50%;
	top: 0; left: 50%; margin-left: -16px; font-family: 'icomoon' !important; color: #fff; line-height: 32px; }
.order-step ul li span:after {}
.order-step ul li b {display: block; font-weight: 400; font-size: 17px;}
.order-step ul li.active span:before {background: #00ae42;     content: "\ead6";}
.order-step ul li.active:before {background: #00ae42;}

.order-step-body {padding: 30px; border-top: 1px solid #ececec; }
.basket-order-list {padding-right: 50px; }
.basket-order {overflow: hidden; padding: 30px 0;}
.basket-order + .basket-order {border-top: 1px solid #ececec;}
.basket-order ul {}
.basket-order ul li {width: 15%; float: left; font-size: 20px; font-weight: 400; text-align: center; line-height: 25px; }
.basket-order ul li h5 {font-size: 22px; font-weight: 500; }
.basket-order ul li h5 a {color: #000;}
.basket-order ul li a {color: #aaa; text-decoration: none; }
.basket-order ul li a:hover {color: #960000;}
.basket-order ul li a i {display: block; line-height: 25px; height: 25px; }
.basket-order ul li a i:before {font-size: 24px; }
.basket-order ul li:nth-child(1) {width: 45%; text-align: left;}
.basket-order ul li:nth-child(2) {}
.basket-order ul li:nth-child(3) {}
.basket-order ul li:nth-child(4) {}
.basket-order ul li:nth-child(5) {width: 10%; text-align: right;}

.order-continuous-donation-check {height: 50px;position: relative; }
.order-continuous-donation-check label {display: block; height: 100%; width: 100%; padding: 13px 0 0 40px; font-weight: 400; color: #000;}
.order-continuous-donation-check label span {position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 5px solid #dbdbdb;
	transition: all 150ms ease-in; }
.order-continuous-donation-check label span:hover {}
.order-continuous-donation-check.active label span {background: #8eba1f; }
.order-continuous-donation-check label {}
.order-continuous-donation-check label input {opacity: 0; position: absolute; left: 0; bottom: 0;}
.order-continuous-donation-check label:hover {cursor: pointer;}

.order-continuous-donation-detail {width: 100%; padding-top: 20px; display: none;}
.order-continuous-donation-detail ul {}
.order-continuous-donation-detail ul li {overflow: hidden;  margin-bottom: 10px; }
.order-continuous-donation-detail ul b {display: block; height: 50px; float: left; width: 30%; font-size: 16px; font-weight: 500; color: #777;}
.order-continuous-donation-detail ul span {display: block; height: 50px; float: left; width: 70%;}
.order-continuous-donation-detail ul span input {width: 100%; height: 100%; border: 1px solid #ececec; padding: 0 30px; border-radius: 0; box-shadow: none;}
.order-continuous-donation-detail ul span select {width: 100%; height: 100%; border: 1px solid #ececec; padding: 0 30px; border-radius: 0; box-shadow: none; }
.order-continuous-donation-detail p {font-size: 16px; color: #999; padding-top: 10px; }
.order-continuous-donation-check.active + .order-continuous-donation-detail {display: block; }

.order-total-area {padding: 30px 30px; text-align: right; border: 1px solid #ececec; border-radius: 5px; position: relative; }
.order-total-area h5 {font-size: 24px; margin-bottom: 10px; font-weight: 400; }
.order-total-area h6 {font-size: 20px; margin-bottom: 10px; font-weight: 400; }
.order-total-area h4 {font-size: 32px; }
.order-total-area h4 span {text-decoration: line-through; font-weight: 400; font-size: 24px; color: #aaa;}
.order-total-area > i {display: block; position: absolute; top: 30px; left: 30px; height: 40px; line-height: 40px; }
.order-total-area > i:before {font-size: 40px;color: #a8a8a8;}

.order-next-button {margin-top: 40px; height: 60px; background: #50af44; line-height: 60px; text-align: center; font-weight: 600; font-size: 20px; border-radius: 50px;}
.order-next-button a {display: block; height: 100%; color: #fff; text-decoration: none; }
.order-next-button:hover {background: #3a7932; }

.cart-coupon-area {height: 92px; position: relative; }
.cart-coupon-area i {position: absolute; left: 13px;; top: 0; height: 50px; line-height: 50px; color: #dbdbdb;}
.cart-coupon-area i:before {font-size: 24px; }
.cart-coupon-area input {width: 100%; height: 50px; border-radius: 0; border: 1px solid #dbdbdb; padding: 0 0 0 50px; }
.cart-coupon-area button {height: 40px; width: 100%; border: none; background: #1c97d2; box-shadow: none; border-radius: 0; color: #fff;
	line-height: 38px; font-size:15px; }
.cart-coupon-area button i {display: none; }
.cart-coupon-area button i:before {font-size: 20px; }
.cart-coupon-area button:hover {cursor: pointer; background: #0c6c9a;}

.membership-form-section {margin: 20px 0 50px 0; border: 1px solid #c5c5c5;}
.membership-form-area {padding: 60px 10%; }
.membership-login-area {padding: 60px 80px;}

.membership-form {font-family: 'Quicksand', sans-serif;}
.membership-form ul {
	display: inline-block;
	width: 100%;
}
.membership-form ul li {width: 50%;float: left;/* overflow: hidden; *//* height: 90px; */padding: 0 10px;margin-bottom: 30px;}
.membership-form ul li.form-full-object {width: 100%;}
.membership-form ul li b {display: block; font-size: 15px; font-weight: 400; color: #000; margin-bottom: 10px; }
.membership-form ul li:last-child {text-align: right;}
.membership-form ul li + li {}
.membership-form ul li input[type=text] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px; }
.membership-form ul li input[type=number] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.membership-form ul li input[type=password] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.membership-form ul li input[type=email] {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 30px; font-size: 18px; color: #000;
	border-radius: 5px;}
.membership-form ul li > input:focus {background-color: #fff;}
.membership-form ul li > input:focus:required:invalid {border: 1px solid #80bdff;}
.membership-form ul li > input:required:valid { border: 1px solid #77c09b; }

.membership-form ul li select {width: 100%; height: 48px; border: 1px solid #cecece; background: #fff;padding: 0 25px; font-size: 18px; color: #000;}
.membership-form ul li button {width: 30%; height: 48px;
	background-color: #01A54F;
	text-align: center;
	color: #FFF;
	font-size: 1.7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	box-shadow: none;}
.membership-form ul li button:hover {background: #007438; color: #fff;}

.membership-form .select-selected {
	height: 48px !important;
	line-height: 48px !important;
	border-radius: 5px;
	background: #fff !important;
	color: #646464;
}
.membership-form .select-selected:after {background: url('../img/icons/down-arrow.png'); top: 18px;}


.custom-select2 {font-family: 'Quicksand', sans-serif; margin-bottom: 20px; text-align: left;}
.custom-select2 .select2-container {
	background: #dbdbdb;
	border-radius: 5px;
	width: 100% !important;;
}
.custom-select2 .select2-container--default .select2-selection--single {
	height: 60px;
	background: #f1f1f1;
	border-radius: 0;
	border: 1px solid #cecece;
	border-radius: 5px;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 58px; font-family: 'Quicksand', sans-serif; font-size: 18px; padding: 0 30px; color: #757575;}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {top: 20px; right: 20px;}
.select2-results__option {padding: 10px !important; font-size: 16px !important;}

.basket-order-form {padding-right: 50px; /*border-right: 1px solid #ececec;*/ position: relative;}
.basket-order-form ul li input[type=text] {border-radius: 5px; }
.basket-order-form ul li input[type=password] {border-radius: 5px; }
.basket-order-form ul li input[type=email] {border-radius: 5px; }
.basket-order-form ul li button { height: 60px; background: #47973d; text-align: center;
	font-weight: 600;   font-size: 20px;    border-radius: 50px; color: #fff; }
.basket-order-form ul li button:hover {background: #306c29;}
.basket-order-form ul li + li {margin-top: 0;}
.basket-order-form ul li {margin-bottom: 20px;}
.basket-order-form ul li .custom-select2 {margin-bottom: 0;}

.membership-login-area .membership-form ul li button {/* width: 60%; */}


.validation-notice { padding: 5px 10px; background: #ea3232; color: #fff; text-align: center; margin-top: 20px; position: relative;}
.validation-notice:before {content: ''; position: absolute; top: -12px; left: 50%; margin-left: -7px;
	border-style: solid;  border-width: 0 7px 12px 7px;  border-color: transparent transparent #ea3232 transparent;}

.admit-option {overflow: hidden;}
.admit-option label {display: block; width: 5%; float: left; height: 60px;}
.admit-option b {display: block;width: 95%;float: left;font-weight: 600;padding: 12px 10px;}
.admit-option b a {color: #77c09b;}

.custom-select {position: relative;/* width: 100%; *//* height: 60px; */}
.custom-select select { display: none; }
.select-selected {background: #f1f1f1 !important;height: 62px !important;line-height: 60px !important;border: 1px solid #cecece !important;font-size: 18px;padding: 0 30px !important;}
.select-selected:after {
	position: absolute;
	content: "";
	top: 25px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(../img/icons/down-arrow-white.png) no-repeat;
}
.select-selected.select-arrow-active:after {transform: rotate(180deg);}
.select-selected.select-arrow-active {background: #fff !important;border-radius: 5px 5px 0 0;}
.select-selected {
	color: #868686;
	padding: 0 15px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	background: #fff;
}
.select-items div {
	color: #868686;
	padding: 0 30px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	line-height: 52px;
	border-bottom: 1px solid #cecece;
	text-align: left;
	background: #fff;
	height: 52px;
	font-size: 18px;
}
.select-items {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	border: 1px solid #cecece;
	border-top: none;
	max-height: 600px;
	overflow: scroll;
	background: #fff;
	min-height: 104px;
	z-index: 9999;
	border-radius: 0 0 5px 5px;
}
.select-items:hover {cursor: pointer;}
.select-hide { display: none;}
.select-items div:hover, .same-as-selected {background: #f2f2f2; cursor: pointer;}


label.admit-checkbox {
	display: block;
	/* padding: 10px; */
	position: relative;
	font-weight: 400;
	line-height: 18px;
	overflow: hidden;
}
label.admit-checkbox > input {position: absolute;left: 10px;top: 12px;width: 25px;height: 25px;z-index: 3;opacity: 1;margin: 0;}
label.admit-checkbox:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #464646;
	display: none;}
label.admit-checkbox:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; background: #6b6b6b; z-index: 2; display: none;}
label.admit-checkbox.active:after {display: none;background: #74c091;}
label.admit-checkbox:hover:after {display: none; }

label.admit-checkbox:before {border-radius: 50%;}
label.admit-checkbox:after {border-radius: 50%;}

.form ul li > span > label.form-radio:before {border-radius: 50%;}
.form ul li > span > label.form-radio:after {border-radius: 50%;}


.membership-fast-buttons {margin-top: 50px; font-family: 'Quicksand', sans-serif; }
.membership-fast-buttons p {font-size: 15px; text-align: center; margin-bottom: 40px; }
.membership-fast-buttons ul {width: 100%; text-align: center; }
.membership-fast-buttons ul li {display: inline-block; width: 40%; background: #f1f1f1; height: 192px; border: 1px solid #cecece;}
.membership-fast-buttons ul li:hover {background: #fff;}
.membership-fast-buttons ul li a {display: block; height: 100%; text-decoration: none; color: #000; }
.membership-fast-buttons ul li i {display: block; height: 110px; line-height: 110px; color: #77c09b;}
.membership-fast-buttons ul li i:before {font-size: 50px; }
.membership-fast-buttons ul li h5 {font-size: 16px; }
.membership-fast-buttons ul li h5 b {display: block; margin-bottom: 5px;  }

.person-box { border: 1px solid #dddddd; font-family: 'Quicksand', sans-serif; margin-bottom: 20px;}
.person-box-photo {height: 375px; }
.person-box-photo a {display: block; height: 100%; text-decoration: none;}
.person-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.person-box-title-area {height: 153px;padding: 0 15px 0 15px;}
.person-box-title {height: 110px;border-bottom: 1px solid #e2e2e2;}
.person-box-title a {display: block; text-decoration: none; color: #000; height: 100%; padding-top: 18px;}
.person-box-title h4 {font-size: 20px; margin-bottom: 5px; }
.person-box-title h5 {font-size: 17px; font-weight: 400; }
.person-box-social {height: 38px;overflow: hidden;}
.person-box-social h6 {width: 40%; float: left;height: 38px; line-height: 38px; font-weight: 500; font-size: 14px;  }
.person-box-social h6 a {color: #9c9b9b; text-decoration: none; }
.person-box-social ul {width: 60%; float: left;height: 38px; }
.person-box-social ul li {float: right; height: 38px; }
.person-box-social ul li a {display: block; padding: 0 5px; color: #c7c7c7; text-decoration: none;}
.person-box-social ul li i { display: block; height: 38px; line-height: 38px; }
.person-box-social ul li i:before {font-size: 20px;}

.person-box-photo:hover + .person-box-title-area {background: #f2f2f2;}
.person-box-title-area.bg-hover {background: #f2f2f2;}
.person-box-social h6 a:hover {color: #000;}
.person-box-social ul li:hover i {color: #000;}
.person-box-social ul li:hover i.icon-linkedin22 {color: #1c5f92;}
.person-box-social ul li:hover i.icon-facebook6 {color: #246ca3;}
.person-box-social ul li:hover i.icon-twitter8 {color: #40a7f6;}
.person-box-social ul li:hover i.icon-instagram3 {color: #986896;}
.person-box-social ul li:hover i.icon-mail6 {color: #000;}

.person-detail {font-family: 'Quicksand', sans-serif;}
.person-detail-photo {height: 375px; }
.person-detail-photo a {display: block; height: 100%; text-decoration: none;}
.person-detail-photo img {width: 100%; height: 100%; object-fit: cover; }
.person-detail-social {height: 38px;overflow: hidden;}
.person-detail-social h6 {width: 40%; float: left;height: 38px; line-height: 38px; font-weight: 500; font-size: 14px;  }
.person-detail-social h6 a {color: #9c9b9b; text-decoration: none; }
.person-detail-social ul {width: 60%; float: left;height: 38px; }
.person-detail-social ul li {float: right; height: 38px; }
.person-detail-social ul li a {display: block; padding: 0 3px; color: #c7c7c7; text-decoration: none;}
.person-detail-social ul li i { display: block; height: 38px; line-height: 38px; }
.person-detail-social ul li i:before {font-size: 18px;}

.person-detail-social h6 a:hover {color: #000;}
.person-detail-social ul li:hover i {color: #000;}
.person-detail-social ul li:hover i.icon-linkedin22 {color: #1c5f92;}
.person-detail-social ul li:hover i.icon-facebook6 {color: #246ca3;}
.person-detail-social ul li:hover i.icon-twitter8 {color: #40a7f6;}
.person-detail-social ul li:hover i.icon-instagram3 {color: #986896;}
.person-detail-social ul li:hover i.icon-mail6 {color: #000;}


.cart-page {margin-top: -50px;}
.cart-page-area {}

.cart-page-left	{
	padding: 3.4rem 5rem;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-webkit-box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-moz-box-shadow: 5px 5px 10px rgba(200,200,200,0.5);
	overflow: hidden;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cart-page .cart-page-left .cart-table {
	margin-top: 2rem;
	min-width: 750px;
	width: 100%;
}
.cart-page .cart-page-left .cart-table thead tr th {
	font-size: 1.1rem;
	color: #A2A2A5;
	font-weight: 600;
	line-height: 4rem;
}
.cart-page .cart-page-left .cart-table tbody tr {
	border: 1px solid #EEEEEE;
	border-left-width: 4px;
}

.cart-page .cart-page-left .cart-table tbody tr td {
	vertical-align: middle;
	padding: 1rem 0.5rem;
}
.cart-page .cart-page-left .cart-table tbody tr td:first-child {
	text-align: center;
}
.cart-page .cart-page-left .cart-table tbody tr td>h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 2px;
}
.cart-page .cart-page-left .cart-table tbody tr td a {
	font-size: 14px;
	text-decoration: underline;
	color: #79797A;
	line-height: 1rem;
}

.cart-page .cart-page-left .cart-table tbody tr td {
	vertical-align: middle;
	padding: 3rem 0.5rem;
	font-size: 18px;
}
.cart-page .cart-page-left .cart-table tbody tr td .cart-table-price {
	text-align: left;
	padding-right: 1rem;
}
.cart-page .cart-page-left .cart-table tbody tr td .cart-table-price h3 {
	font-size: 25px;
	font-weight: 800;
	color: #02A148;
}
.cart-page .cart-page-left .cart-table tbody tr td .cart-table-price h4 {
	font-size: 20px;
	font-weight: 800;
	color: #909090;
}
.cart-page .cart-page-left .cart-button-next a {
	margin-top: 3rem;
	display: inline-block;
	padding: 0 25px;
	border: 1px solid #8C8C8C;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #1D1F1C;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}
.cart-page .cart-page-left .cart-button-next a i {display: block; height: 60px; line-height: 60px; float: left; margin-right: 10px;}
.cart-page .cart-page-left .cart-button-next a:hover {background: #1D1F1C; color: #fff;}




.cart-page-right {}

.cart-page .cart-page-right {
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-webkit-box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-moz-box-shadow: 5px 5px 10px rgba(200,200,200,0.5);
}
.cart-page .cart-page-right>h3 {
	font-size: 18px;
	font-weight: 700;
	padding: 30px 20px;
	border-bottom: 1px solid #EAEAEA;
}
.cart-page .cart-page-right .cart-info {
	padding: 1rem 1.8rem;
}

.cart-page .cart-page-right .cart-info>h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 1.2rem;
}

.cart-page .cart-page-right .cart-info ul li {
	line-height: 1.6rem;
	color: #959595;
	font-size: 15px;
	margin-bottom: 20px;
}
.cart-page .cart-page-right .cart-info ul li>span {
	display: inline-block;
	width: 100px;
}
.cart-page .cart-page-right .discount-code {
	padding: 1.5rem 1.8rem;
	background-color: #F4F4F4;
}
.cart-page .cart-page-right .discount-code label {
	color: #868686;
	margin-bottom: 10px;
	font-weight: 500;
}

.cart-page .cart-page-right .discount-code .discounted-info {display: block;margin-top: 10px;font-size: 14px;font-weight: 600;color: #00a64e;}
.cart-page .cart-page-right .discount-code ul {
	height: 100%;
	overflow: hidden;
}

.cart-page .cart-page-right .discount-code ul li {
	float: left;
}
.cart-page .cart-page-right .discount-code ul li:first-child {width: 70%;}
.cart-page .cart-page-right .discount-code ul li:last-child {width: 30%; }
.cart-page .cart-page-right .discount-code ul li input {
	border: 1px solid #D6D6D6;
	background-color: #F4F4F4;
	padding: 0 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 5px;
	width: 100%;
	height: 40px;
}

.cart-page .cart-page-right .discount-code ul li button {
	background-color: #909090;
	border: 1px solid #9C9C9C;
	padding: 0 20px;
	cursor: pointer;
	border-top-left-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 0;
	height: 40px;
	width: 100%;
}
.cart-page .cart-page-right .discount-code ul li button>i {
	color: #FFF;
}
.cart-page .cart-page-right .discount-code ul li button:hover {background: #363636;}
.cart-page .cart-page-right .discount-code p {margin-top: 10px;color: #eb6a6a;font-weight: 600;}


.cart-page .cart-page-right .cart-price {
	padding: 2rem 1.8rem;
}
.cart-page .cart-page-right .cart-price>h4 {
	font-size: 1.5rem;
	color: #959595;
	font-weight: 500;
	margin-bottom: 10px;
}
.cart-page .cart-page-right .cart-price>h3 {
	color: #01A54F;
	font-size: 30px;
}
.cart-page .cart-page-right .cart-price>h3 span span {font-size: 24px; font-weight: 400; color: #717171; text-decoration: line-through;}
.cart-page .cart-page-right .cart-price a {
	background-color: #01A54F;
	display: block;
	padding: 1.5rem 0;
	text-align: center;
	color: #FFF;
	margin-top: 1.54rem;
	font-size: 1.7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
.cart-page .cart-page-right .cart-price a:hover {background-color: #00411f;}
.cart-page .cart-page-right .cart-price button {
	background-color: #01A54F;
	display: block;
	padding: 1.5rem 0;
	text-align: center;
	color: #FFF;
	margin-top: 1.54rem;
	font-size: 1.7rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border: none;
	box-shadow: none;
	width: 100%;
}
.cart-page .cart-page-right .cart-price button:hover {background-color: #00411f;}

.overlay-page {
	position: relative;
}

.overlay-page .list-area {
	padding: 3.4rem 5rem;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-webkit-box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-moz-box-shadow: 5px 5px 10px rgba(200,200,200,0.5);
	/* overflow: hidden; */
	margin-top: -50px;
	z-index: 999999;
	/* width: 80%; */
	margin: -50px auto 0 auto;
}
.detail-section .list-area {/* margin-top: 30px; */background: #f9f6f3;border-radius: 20px;margin-top: -100px;z-index: 9999;padding: 60px;}

.overlay-page .content-detail {
	padding: 3.4rem 5rem;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-webkit-box-shadow: 5px 5px 10px rgb(200 200 200 / 50%);
	-moz-box-shadow: 5px 5px 10px rgba(200,200,200,0.5);
	/* overflow: hidden; */
	margin-top: -50px;
	z-index: 999999;
	width: 80%;
	margin: -50px auto 0 auto;
}
.overlay-page .detail-slider ul li img {border-radius: 10px}

.categories-tab {overflow: hidden; margin-bottom: 30px; }
.categories-tab ul {display: inline-block;border-radius: 5px;overflow: hidden;}
.categories-tab ul li {height: 48px;line-height: 48px;float: left;background: #ffffff;font-size: 16px;font-weight: 600;}
.categories-tab ul li a {display: block;height: 100%;text-deocration: none;padding: 0 30px;color: #000;text-decoration: none;}
.categories-tab ul li + li {
	border-left: 1px solid #dbdbdb;
}
.categories-tab ul li.active {background: #56aa47;}
.categories-tab ul li.active:hover {background: #56aa47;}
.categories-tab ul li.active a {color: #fff;}
.categories-tab ul li:hover {background: #dbdbdb;}

a.form-register-link {color: #56aa47; font-size: 16px; font-weight: 800; display: inline-block; text-decoration: none;}
a.form-register-link b {display: inline-block !important;}
a.form-register-link:hover {color: #aa5600; }

a.form-password-link {font-size: 16px; font-weight: 500; display: inline-block; text-decoration: none;}
a.form-password-link:hover {}

.no-result-area {
	text-align: center;
	padding: 0 30%;
}
.no-result-photo {}
.no-result-photo img {
	max-width: 100%;
}
.no-result-desc {}
.no-result-desc p {font-size: 24px; }
.no-result-desc p b {}
.no-result-desc p a {color: #fd8209; font-weight: 600; text-decoration: underline; }
.no-result-desc p a:hover {color: #b75a00;}

.col-md-3 + .no-result-area {display: none;}


/*** Cookies Area ****/
.cookies-information-area {
	position: fixed;
	/* max-width: 24rem; */
	width: 400px;
	left: 30px;
	border-radius: 10px;
	bottom: 30px;
	z-index: 99999;
	color: #2d4156;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
	-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}
.close-cookies-area {position: absolute; width: 30px; height: 30px; right: 0; top: 0;  border-radius: 10px; display: none;}
.close-cookies-area i {display: block; height: 30px; line-height: 30px; text-align: center; }
.close-cookies-area i:before {font-size: 16px;}
.close-cookies-area:hover { background:#f1f1f1; cursor: pointer;}
.cookies-information {
	padding: 30px 30px 70px 30px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}
.cookies-information p {margin-bottom: 10px; font-size: 14px; }
.cookies-information b {}
.cookies-information a {color: #000; text-decoration: none; }
.cookies-confirmation {
	position: absolute;
	bottom: 20px;
	left: 50%;
	font-size: 14px;
	background: #77c09c;
	height: 35px;
	line-height: 35px;
	color: #fff;
	border-radius: 50px;
	text-transform: uppercase;
	width: 120px;
	margin-left: -60px;
	text-align: center;
}
.cookies-confirmation:hover {cursor: pointer; background: #3d7b5c;}
.cookies-links {padding: 10px 0;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;margin: 15px 0 5px 0;}

.lessons-list-area {}
.lesson-list {display: none;}
.lesson-list.active {display: block;}

.lesson-box {height: 420px; background: #fff; margin-bottom: 20px;}
.lesson-box a {display: block; height: 100%; text-decoration: none; color: #000; }
.lesson-box-photo {height: 170px; }
.lesson-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.lesson-box-title {height: 150px; padding: 25px 25px 0 25px; }
.lesson-box-title h4 {font-size: 22px;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.lesson-box-title ul {display: inline-block; width: 100%; }
.lesson-box-title ul li {float: left; height: 17px; line-height: 17px; padding-right: 10px;  }
.lesson-box-title ul li + li {/* border-left: 1px solid #000; *//* padding-left: 10px; */}
.lesson-box-title ul li:first-child {font-weight: 600; color: #b62f26;}
.lesson-box-info {height: 100px;padding: 0 25px 25px 25px;background: #f000;position: relative;}
.lesson-box-info h5 {
	line-height: 25px;
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 1px solid #dbdbdb;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.lesson-box-info h5 i {display: block; float: left; height: 25px; line-height: 25px; margin-right: 10px; }
.lesson-box-info h5 i:before {font-size: 25px; }
.lesson-box-info h6 {font-size: 15px; font-weight: 400; }
.lesson-box-info h6 span {text-decoration: line-through;display: block;}
.lesson-box-info h6 b {
	font-size: 18px;
}
.lesson-box-info h6 span + b {margin-left: 0;color: #b62e27;}
.lesson-box-info p {position: absolute; right: 0; bottom: 20px; height: 30px; line-height: 30px; background: #dbdbdb; padding: 0 15px; font-size: 13px;
	color: #fff; }

.lesson-box:hover {background: rgba(255,255,255,0.6);}

.alert-message-area {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 999;left: 0;top: 0;border-radius: 17px; display: none; }
.alert-message {width: 500px;margin: 100px auto;background: #fff;border-radius: 20px;padding: 40px 40px;text-align: center;}
.alert-message i {color: #76a32c;display: block;margin-bottom: 30px;}
.alert-message i:before {font-size: 35px;}
.alert-message p {font-size: 18px;margin-bottom: 30px;}
.alert-message a {font-size: 15px;display: inline-block;padding: 0 20px;background: #56aa47;border-radius: 5px;color: #fff;text-decoration: none;/* display: block; */height: 40px;border-radius: 10px;line-height: 40px;font-size: 17px;text-align: center;}
.alert-message a:hover {background: #c95716;}

.body-mass-page {}
.body-mass-page h4 {display: inline-block; padding: 20px 0; width: 220px; text-align: center;  border-radius: 10px; color: #fff; font-size: 20px; position: relative;}
.body-mass-page h4 b {display: block; font-weight: 400; margin-top: 10px; font-size: 16px; }
.body-mass-page h4 span {
	position: absolute;
	left: 50%;
	top: -20px;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #56aa46 transparent;
	z-index: 9999;
	margin-left: -20px;
	display: none;
}
.body-mass-page h4.active span {display: block;}
.body-mass-page ul {overflow: hidden; margin-bottom: 30px; border: 1px solid #aaa; border-radius: 5px; }
.body-mass-page ul li {font-size: 20px; width: 33.33%; float: left; padding: 10px; }
.body-mass-page ul li + li {border-left: 1px solid #aaa; }
.body-mass-page ul li b {}

.whatsapp-link {display: block;position: fixed;right: 30px;bottom: 30px;width: 65px;height: 65px;overflow: hidden;border-radius: 50%;text-align: center;line-height: 65px; z-index: 99999;
	transition-duration: 0.3s;}
.whatsapp-link a {display: block; }
.whatsapp-link img {width: 90%; height: 90%;}
.whatsapp-link:hover {bottom: 35px;}