/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-size: 17px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	padding-bottom: 0;
	color: #1A1A1A;
	overflow: hidden;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.1em;
	font-size: 5.5em;
	font-weight: 600;
	-webkit-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	-moz-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	margin-top: 180px;
	color: #FFF;
}

h1 span {
	font-weight: 400;
}

h1 small {
	display: block;
	font-size: .6em;
	line-height: 1.1em;
}

h2 {
	font-size: 2.2em;
	font-weight: 700;
	margin: 10px 0 35px 0;
	color: #75D1A3;
}

h3 {
	font-size: 2.3em;
	font-weight: 700;
}


.heading-max-width {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}



#page-wrapper {
}



#hero {
    position: relative;
    height: 860px;
    min-height: 0;
    max-height: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
	border-bottom: 20px solid #00B67B;
}


#promo {
    position: relative;
    margin-left: -40px;
    padding: 15px 450px 15px 30px;
    background: #4A2443;
    color: #FFF;
    font-weight: 600;
    font-size: 1.2em;
    text-align: center;
}

#promo::before {
    position: absolute;
    left: 30px;
    top: 0;
    content: '';
    margin: 0px 15px 0 -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #FFF;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}


header {
	position: relative;
	z-index: 99;
}

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

.container-wide {
	max-width: 1355px;
	margin: auto;
}






.navbar-brand {
    position: relative;
    padding: 0px 0;
    width: 220px;
    text-align: center;
}

.navbar-brand img {
    max-height: 90px;
}











.navbar {
	padding-top: 0;
	position: absolute;
	background-color: rgba(74, 36, 67,1);
}

#stats {
	font-size: 1.6em;
	text-align: center;
}

#stats .row {
	margin: 0 -40px;

}

#stats .row > div {
	padding: 0 40px;
}

#stats .stat {
	border: 1px solid #444;
	padding: 20px;
	font-weight: 500;
	line-height: 1.3em;
}

#stats .row > div:nth-child(1) .stat {
	border-color: #00B67B;
	color: #00B67B;
}

#stats .row > div:nth-child(2) .stat {
	border-color: #24292D;
	color: #24292D;
}

#stats .row > div:nth-child(3) .stat {
	border-color: #4A2443;
	color: #4A2443;
}

#stats span {
	font-size: 1.2em;
	font-weight: 600
}



#trustpilot-strip {
    padding: 15px;
    font-size: .8em;
    font-weight: 600;
    text-align: center;
}

#trustpilot-strip .trustpilot-widget {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 450px;
    vertical-align: middle;
}

#hero .trustpilot-strip {
    background: #FFF;
    position: absolute !important;
    bottom: -30px;
    left: 0;
    padding: 10px 15px;
    width: 100%;
    max-width: 450px;
}


#hero .trustpilot-strip .trustpilot-widget {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 450px;
}

section {
	position: relative;
	background: #FFF;	
	padding: 4em 12px;
}

section.grey {
	background: #F8F8F8;
}







.tick-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.tick-list li {
	padding: 0 30px;
	margin: 0;
	list-style: none;
	margin-bottom: 15px;
}

.tick-list li::before {
	content: '\f135';
	font-family: 'Material Design Icons';
	float: left;
	color: #009EFB;
	font-size: 1.6em;
	clear: left;
	margin-right: 8px;
	margin-left: -30px;
	margin-top: -8px;
}

blockquote {
	font-size: 1.1em;
	font-family:Montserrat;
	font-style:italic;
	color: #555555;
	padding:1.2em 30px 1.2em 55px;
	border-left:8px solid #009EFB ;
	line-height:1.6;
	position: relative;
	background:#EDEDED;
	height: 100%; 
}

blockquote div {
	position: relative;
}

blockquote div::before{
	font-family:Arial;
	content: "\201C";
	color: #009EFB;
	font-size:4em;
	position: absolute;
	left: -46px;
	top:-28px;
}

blockquote::after{
	content: '';
}

blockquote span {
	display: block;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	margin-top: 1em;
}

footer {
	display: block;
	padding: 60px 0;
	background: #4A2443;
	color: #FFF;
}

footer a {
	color: #FFF;
	padding: 0 10px;
}

footer p {
	margin: 0;
}

.form-control {
	border-radius: 0;
	border: 0;
	padding: 25px;
	font-weight: 300;
}

select.form-control {
	padding: 10px 25px;
	font-family: "Montserrat", sans-serif;
	font-size: 1em;
	font-weight: 300;

}

.btn {
	border-radius: 0;
}

.btn-primary {
	background-color: #009EFB;
	border: 0;
	padding: 15px 25px;
}

#backToTop {
	opacity: 0;
	line-height: 1em;
	position: fixed;
	bottom: 10px;
	right: 30px;
	z-index: 99;
	outline: none;
	cursor: pointer;
	font-size: 60px;
	color: rgba(0,0,0,.8);
	-webkit-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}

#backToTop.solid {
	opacity: 1;
}

#backToTop:hover i {
	color: rgba(0,0,0,.8);
}

.btn-submit {
	background: #FFF;
	color: #009EFB;
	border: 0;
	display: inline-block;
	margin: auto;
	border-radius: 0;
	padding: 20px 40px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 5px solid #0075ba;
}


.btn-enrol {
	background: #FBBA00;
	color: #333333;
	border: 0;
	display: inline-block;
	margin: auto;
	border-radius: 0;
	padding: 20px 60px;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 5px solid #F5690E;	
}

.btn-enrol:hover {
	background: #3A015B;
	border-color: #3A015B;
	color: #FFF;
}

.btn-start-learning {
    background: #00B67B;
    color: #fff;
    border: 0;
    display: inline-block;
    margin: auto;
    border-radius: 20px;
    padding: 20px 60px;
    font-weight: 400;
}

.btn-start-learning:hover {
	background: #3A015B;
	color: #FFF;
}







p.lead {
	font-weight: 500;
}

.media {
	margin-bottom: 20px;
}

.media img {
    max-width: 300px;
    margin-right: 20px;
}

.media > span.fa {
    margin-right: 10px;
    font-size: 3em;
    color: #FF841D;
    width: 65px;
    text-align: center;
}

.media > span.fa::before {
	width: 0;
}


.media-body {
    font-size: .8em;
    padding: 0 30px 10px 10px;
}

.media h4 {
    font-size: 2.2em;
    font-weight: 300;
}






.card {
	border-radius: 10px;
	border: 0;
}

.card.card-blue {
	background-color: #75D1A3;
}

.card.card-blue { background-color: #75D1A3; }
.card.card-pink { background-color: #DE3863; }
.card.card-lilac { background-color: #D5CFE6; }
.card.card-light-blue { background-color: #D1ECFA; }
.card.card-green { background-color: #BFE4D5; }
.card.card-purple { background-color: #594099; }



.card.card-course {
	border-radius: 0;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	color: #1A1A1A;
	margin-bottom: 45px;
}

.card.card-course .card-body {
	padding: 15px;
}

.card.card-course .image {
	height: 200px;
	background-size: cover;
	background-position: center center;
	margin-bottom: 15px;
}

.card.card-course h5 {
	display: flex;
	align-items: center;
	font-size: 1em;
	min-height: 40px;
	justify-content: center;
	padding: 0 20px;
	font-weight: 600;
}




#popular_courses .row {
	margin: 0 -20px;
}

#popular_courses .row > div {
	padding: 0 20px;
}





section.benefits .container > div {
	background-image: url('/images/benefits-bg.jpg');
	background-size: 600px;
	background-repeat: no-repeat;
	background-position: bottom right;
}



#course-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	border: 0;
	display: block;
	background: transparent;
}

#course-accordion .card-header h2 {
	margin: 0;
	display: block;
	font-size: 1em;
}

#course-accordion .card-header h2 button {
	color: #1A1A1A;
	font-weight: 600;
	background: #FFF;
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	font-size: 1.3em;
	text-decoration: none;
	margin-top: 0;
	border-radius: 20px 20px 0 0;
}

#course-accordion .card-header h2 button span::before {
	font-family: 'IonIcons';
	content: '\f123';
	position: absolute;
	right: 0;
	color: #BFBFBF;
}


#course-accordion .card-header h2 button.collapsed span::before {
    content: '\f126';
    color: #333;
}

#course-accordion .card-header h2 img {
	float: right;
	margin-right:  30px;
	margin-top: -10px;
}

#course-accordion .card-header h2 button span {
    position: relative;
    border-bottom: 1px solid #1A1A1A;
    padding: 15px 0 5px 0;
    display: block;
}

#course-accordion .card-header h2 button.collapsed span {
	border-bottom: 1px solid #D9D9D9;
}

#course-accordion .card-header h2 button.collapsed {
	margin: 0;
}

#course-accordion .card {
	border: 0;
	margin: 0 !important;
	background: transparent;
	border-radius: 0;
}

#course-accordion .card > div {
	background: #FFF;

}

#course-accordion .card .show {
	margin-bottom: 5px;
}



#course-accordion .card > div:first-of-type {
	border-radius: 15px 15px 0 0;
}

#course-accordion .card > div:last-of-type {
	border-radius: 0 0 15px 15px;
}

#course-accordion .card > div > .card-body {
    padding: 30px 0;
}


#course-accordion .card-body ul {
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
}

#course-accordion .card-body ul li {
	padding: 0 30px;
	margin: 0;
	list-style: none;
	margin-bottom: 15px;
	line-height: 1.4em;
}

#course-accordion .card-body ul li::before {
	content: '\f00c';
	font-family: 'FontAwesome';
	float: left;
	font-size: 1.2em;
	clear: left;
	margin-right: 10px;
	margin-left: -30px;
	margin-top: 0;
	color: #00B67B;
}




#module_list .card-header h3 {
	margin: 0;
	display: block;
	font-size: 1em;
}

#module_list .card-header h3 a {
	color: #404040;
	font-weight: 400;
	background: #FFF;
	display: block;
	width: 100%;
	text-align: left;
	font-size: .8em;
	padding: 10px 0;
	font-size: 1em;
	margin-top: 5px;
	text-decoration: none;
}


#module_list .card {
	max-width: 600px;
	border-radius: 0;
}

#module_list .card > div > .card-body {
	padding: 15px 60px;
}


#module_list .card-header h3 a::before {
	font-family: 'IonIcons';
	content: '\f123';
	position: absolute;
	right: 0;
	color: #BFBFBF;
}


#module_list .card-header h3 a.collapsed::before {
	content: '\f126';
	color: #2B2070;
}


#module_list h3 {
    font-size: 1em;
    margin-bottom: 30px;
}






#faq-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	border: 0;
	display: block;
	background: transparent;
}

#faq-accordion .card-header h2 {
    margin: 0;
    display: block;
    font-size: .8em;
}

#faq-accordion .card-header h2 button {
	color: #1A1A1A;
	font-weight: 500;
	background: #FFF;
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	font-size: 1.3em;
	margin-top: 5px;
	text-decoration: none;
	white-space: break-spaces;
}

#faq-accordion .card-header h2 button span {
	font-weight: 600;
	padding-right: 20px
}

#faq-accordion .card-header h2 button span::before {
	font-family: 'IonIcons';
	content: '\f123';
	position: absolute;
	right: 0;
	color: #BFBFBF;
}


#faq-accordion .card-header h2 button.collapsed span::before {
	content: '\f126';
	color: #333;
}

#faq-accordion .card-header h2 img {
	float: right;
	margin-right:  30px;
	margin-top: -10px;
}

#faq-accordion .card-header h2 button span {
	position: relative;
	border-bottom: 0;
	padding: 15px 0;
	display: block;
}

#faq-accordion .card-header h2 button.collapsed span {
    border-bottom: 1px solid #1A1A1A;
}

#faq-accordion .card-header h2 button.collapsed {
	margin: 0;
}

#faq-accordion .card {
	border: 0;
	margin: 0 !important;
	background: transparent;
	border-radius: 0;
}

#faq-accordion .card > div {
	background: #FFF;

}

#faq-accordion .card .show {
	margin-bottom: 5px;
}


#faq-accordion .card > div > .card-body {
	padding: 15px 30px;
}













/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 5rem;
	z-index: 10;
}

.carousel-caption .btn-lg {
	font-size: .65em;
}

/* Declare heights because of positioning of img element */
.carousel-item {
	height: 39rem;
}

.top-stats {
	margin-top: -60px;
	background: #F2F2F2;
	padding: 30px;
}


.nav-pills {
	font-size: 1.6em;
	background: #F6F8F9;
	width: 100%
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #EF7C00;
}

.nav-pills .nav-link {
	color: #999;
	border-radius: 0;
	padding: 10px 20px 15px;
	width: 300px;
	line-height: 1em;
	height: 100%;
	justify-content: center;
}

.nav-pills {
	border: 2px solid #EF7C00;
	border-radius: 20px;
	overflow: hidden;
}

.nav-pills small {
	font-size: .5em
}


/*
.modal .modal-content {
	position: relative;
	border-radius: 0;
	border: 10px solid rgba(0, 158, 251, .8);
}


.modal .modal-header {
	position: absolute;
	border: 0;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}


.modal .modal-header .close {
	font-size: 50px;
	padding: 10px 20px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	opacity: 1;
	color: #999;
}

.modal .modal-header .back {
	cursor: pointer;
	display: none;
	float: left;
	font-weight: 700;
	line-height: 1;
	color: #000;
	font-size: 40px;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	margin: -1rem auto -1rem -1rem;
	padding: 15px 15px;
	border: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: transparent;
}*/

#categories .title {
	font-family: 'Montserrat', sans-serif;
	color: #009EFB;
	margin-bottom: 10px;
	font-weight: 600;
}

#categories a {
	position: relative;
	display: block;
}

#categories a::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(239, 124, 0,0.5) 0%, rgba(239, 124, 0,0.9) 62%, rgba(239, 124, 0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 62%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(239, 124, 0,0.5) 0%,rgba(239, 124, 0,0.9) 62%,rgba(239, 124, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: .4;
}

#categories .clicktoview {
	position: absolute;
	color: #FFF;
	bottom: 0;
	right: 0;
	z-index: 1;
	text-align: center;
	line-height: .6em;
	font-size: 1.4em;
	transform: rotate(-10deg);
	margin: 30px 20px;
	text-shadow: 2px 2px 4px rgba(0,0,0,.7);
}

#pills-payment {
}

#pills-payment .btn-lg {
	font-size: 1em;
}

#pills-payment .form-control {
	background: #FFF;
	height: 60px;

}

#pills-payment .top-stats {
	margin-top: -130px
}

#pills-payment .top-stats > .row > .col {
	border-left: 1px solid #DDD;
}

#pills-payment .top-stats > .row > .col:first-child {
	border-left: 0;
}

#pills-payment h4 {
	font-size: 1.6em;
	color: #75D1A3;
}

#pills-payment h4.text-black {
	color: #000;
}

.payment-block-off * {
	color: #999 !important
}


.btn-payment-method {
	text-align: left;
	padding: 15px;
	line-height: 1em;
	font-weight: 600;
}

.btn-payment-method::before {
	font-size: 1.8em;
	vertical-align: middle;
	margin-right: 10px;
	content: '\f405';
	font-family: 'IonIcons';
}

.btn-payment-method.btn-success::before {
	content: '\f3ff';
	font-family: 'IonIcons';
}

#address-search-btn {
	height: 100%;
	background: #75D1A3;
	border: 0;
}


#address_results, #address_results select {
	height: 100%;
}


#search {
	position: relative;
	background: url('/images/public/search.jpg') no-repeat center center;
	background-size: cover;
}

#search h2 {
	color: #FFF;
	font-size: 2em;
	font-weight: 600;
}

#search .overlay {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 167, 238,0.5) 0%, rgba(0, 167, 238,0.9) 62%, rgba(0, 167, 238,0.9) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.9) 62%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0, 167, 238,0.5) 0%,rgba(0, 167, 238,0.9) 62%,rgba(0, 167, 238.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0;
}


.start-learning {
	border: 2px solid rgba(255,255,255,.3);
	border-right: 2px solid rgba(0,0,0,.3);
	border-bottom: 2px solid rgba(0,0,0,.3);
	border-radius: 5px;
	line-height: 1.2em;
}


.vertical-align-middle {
	vertical-align: middle;
}








#syllabus {
	padding-top: 0;
}


#syllabus .container-wide {
	background: rgba(255,255,255,.8);
	padding: 30px 0;
}


#facts {
	padding: 30px 0;
	background: #D9F3FD
}


#facts-carousel .owl-item {
	padding: 0 30px;
	text-align: center;
}

#facts-carousel .owl-item img {
	height: 60px;
	width: auto;
	margin: auto;
}

#facts-carousel .owl-item i {
	color: #00ADEE;
	font-size: 50px;
	height: 60px;
}

#facts-carousel small {
	display: block;
	font-size: 12px
}

#facts-carousel h3 {
	font-weight: 600;
}

#facts-carousel .owl-item:nth-child(even) h3 {
	color: #75D1A3
}

/* Parallax base styles
  --------------------------------------------- */

.parallax {
	height: 500px; /* fallback for older browsers */
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-perspective-origin-x: 100%;
	perspective-origin-x: 100%;


}

.parallax__group {
	position: relative;
	height: 500px; /* fallback for older browsers */
	min-height: 100vh;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}




.parallax__layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform-origin-x: 100%;
	transform-origin-x: 100%;

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.parallax__layer--fore {
	-webkit-transform: translateZ(90px) scale(.71);
	transform: translateZ(90px) scale(.71);
	z-index: 1;
}

.parallax__layer--fore2 {
	-webkit-transform: translateZ(160px) scale(.5);
	transform: translateZ(160px) scale(.5);
	z-index: 1;
}

.parallax__layer--base {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 4;
}

.parallax__layer--back {
	-webkit-transform: translateZ(-300px) scale(2.01);
	transform: translateZ(-300px) scale(2.01);
	z-index: 3;
}

.parallax__layer--deep {
	-webkit-transform: translateZ(-600px) scale(3);
	transform: translateZ(-600px) scale(3);
	z-index: 2;
}


.parallax__overflow {
	height: auto;
}

.parallax__overflow .parallax__layer--base {
	position: relative;
	margin-bottom: 30px;
}

.hasDatePicker {
	max-width: 100%;
}


.form-control.datepicker {
	padding: 25px !important;
}


.hasDatePicker .input-group-addon {
	position: absolute;
	right: 0;
	margin: 10px 20px;
	font-size: 1.4em;
	color: #2C70B7;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #CCC !important;
}



.hs-button {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	position: relative;
	font-weight: 700;
	border-radius: 0;
	border: 1px solid #FFF;
	padding: 10px 25px;
	overflow: hidden;
	margin-top: 15px;
	background: #FFAF1D;
	cursor: pointer;
}

.hs-button::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .1s ease-in-out;
	background-color: rgba(255,255,255,.2);
}



.hs-button::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .1s ease-in-out;
	background-color: rgba(255,255,255,.2);
}


.hs-button:hover::before {
	top: 0;
}

.hs-button:hover::after {
	bottom: 0;
}


.hs-button:hover {
	color: #1A1A1A; 
}

.hs-form-field {
	margin-bottom: 15px;
}

.hs-form-field label {
	font-weight: 600;
}

.hs-error-msgs {
	display: none !important;
}

.hs_error_rollup .hs-error-msgs {
	position: relative;
	display: block !important;
}

.hs_error_rollup .hs-error-msgs li {
	background: #F7EDED;
	color: #CA372D;
	padding: 0 20px;
	font-size: .8em;
	border: 1px solid #CA372D;
	font-weight: 600;
}

.hs_error_rollup .hs-error-msgs li::before {
	content: '\f405';
	font-family: 'IonIcons';
	background: #CA372D;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	color: #FFF;
	height: 100%;
	text-align: center;
	font-size: 1.6em;
	line-height: 2em;
}

.hs-form-required {
	color: #CA372D;
}





.hs-input {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}




.form-control, .hs-input {
	background: #E8E8E8;
	border-radius: 0;
	border: 0;
	font-weight: 300;
}






.hs-button {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	position: relative;
	font-weight: 700;
	border-radius: 10px;
	border: 1px solid #FFF;
	padding: 10px 25px;
	overflow: hidden;
	margin-top: 15px;
	background: #00B67B;
	cursor: pointer;
	color: #FFF;
}

.hs-button::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .1s ease-in-out;
	background-color: rgba(255,255,255,.2);
}



.hs-button::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .1s ease-in-out;
	background-color: rgba(255,255,255,.2);
}


.hs-button:hover::before {
	top: 0;
}

.hs-button:hover::after {
	bottom: 0;
}


.hs-button:hover {
	color: #1A1A1A; 
}

.hs-form-field {
	margin-bottom: 15px;
}

.hs-form-field label {
	font-weight: 600;
}

.hs-error-msgs {
	display: none !important;
}

.hs_error_rollup .hs-error-msgs {
	position: relative;
	display: block !important;
}

.hs_error_rollup .hs-error-msgs li {
	background: #F7EDED;
	color: #CA372D;
	padding: 0 20px;
	font-size: .8em;
	border: 1px solid #CA372D;
	font-weight: 600;
}

.hs_error_rollup .hs-error-msgs li::before {
	content: '\f405';
	font-family: 'IonIcons';
	background: #CA372D;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	color: #FFF;
	height: 100%;
	text-align: center;
	font-size: 1.6em;
	line-height: 2em;
}

.hs-form-required {
	color: #CA372D;
}





.text-red.promo-text-color {
	color: #FFF !important;
}



#form-enrol-full .btn {
	background: #00B67B;
	width: 100%;
	max-width: 300px;
}


.payment .card .ellipse.gradient-h.sticker {
	border-radius: 15px;
	background: #FFF;
	border: 2px solid #4A9DDC;
	margin-left: 5px;
	color: #DF7325;
	padding: 3px 0;
	height: auto;
	margin-top: -5px;
}













#payment-options {
	color: #fff;
	border-radius: 0 0 15px 15px;
	background: #24292D;
	font-weight: 600;
	margin: 0 0 20px 0;
}

#payment-options.is_stuck {
	max-width: 445px;
	width: 100%;
	z-index: 10;
}

#payment-options s {
	color: #fff;
}


#payment-options h5 {
    font-weight: 600;
    margin-top: 20px;
    color: #FFF;
    margin-bottom: 20px;
}

#payment-options h6 {
	font-weight: 600;
	font-size: 1.3em;
	margin-bottom: 20px;
}

#payment-options .nav-fill .nav-item {
	margin: 0 10px;
	border-radius: 35px;
	text-align: left;
	padding: 10px;
	background: #333;
	text-align: left;
	color: #fff;
	font-weight: 600;
	border: 0;
	opacity: 1;
	transition: all 0.5s ease;
	font-size: .9em;
}

#payment-options .nav-fill .nav-item:hover {
	opacity: .6;
}

#payment-options .nav-fill .nav-item::before {
	content: '';
	font-family: 'IonIcons';
	width: 30px;
	height: 30px;
	display: inline-flex;
	background: #E8E8E8;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
}

#payment-options .nav-fill .nav-item.active::before {
	background: #00B67B;
	content: '\f122';
	color: #FFF;
}

#payment-options .nav-fill #nav-payment-monthly-tab.nav-item.active::before {
	background: #00B67B;
}

#payment-options #payment-tabs {
	border: 0;
	margin-bottom: 35px;
}

#payment-options .now {
	font-size: 1.4em;
}

#payment-options .card-body > h3 {
	font-size: 1.7em;
	margin-bottom: 20px;
}


#payment-options table {
	margin-bottom: 25px;
	font-size: .9em;
}

#payment-options table td {
	padding: 8px 5px;
}


#payment-options big {
	font-size: 1.6em;
}

#payment-options hr {
	background: #333;
}




#payment-options.instalments {
	background: #FFBF4A;
	color: #333;
}


#payment-options.instalments .ellipse.gradient-h.sticker {
	background: #333;
	border: 2px solid #fff;
	color: #fff;
}

#payment-options .btn-enrol {
    background-color: #00B67B !important;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
    padding: 5px 20px;
}


#payment-options .table td, .table th {
	border: 0;
}



#payment-options .saving {
    background: #24292D;
    font-size: 1.8em;
    text-align: center;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    margin-top: -110px;
    color: #1A1A1A;
    font-weight: 700;
}

#payment-options .saving > div {
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    height: 75px;
    margin: 15px 15px 20px 15px;
}

#payment-options .saving > div span {
	color: #00B67B;
	display: inline-block;
	margin-right: 10px;
}


#form-enrol-instalments .btn {
	background: #1577AD !important;
	width: 100%;
	max-width: 300px;
}


/* .sale-tag {
    position: absolute;
    background: #C9444A;
    border: 1px solid #FFF;
    border-radius: 15px;
    width: 60px;
    padding: 2px 0;
    font-size: .8em;
} */


.sale-tag {
    background-color: #C3413B;
    position: absolute;
    top: -15px;
    color: #FFF;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #FFF;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    line-height: 1.1em;
    flex-direction: column;
}

.sale-tag span {
    font-weight: 900;
    display: block;
}



div.promo--offer-ends {
	color: #1A1A1A;
    background: #FFF;
    border-radius: 15px;
    padding: 15px 0;
    font-size: .9em;
    margin: 15px;
	font-weight: 700;
	line-height: 1.2em;
}

div.promo--offer-ends .promo--offer-ends__inner {
    border: 0;
    padding: 15px;
}

div.promo--offer-ends .promo--offer-ends__inner strong {
	font-size: 1.5em;
	line-height: 1em;
	display: block;
	margin-bottom: -5px;
}




.flipper-group label {
    color: #1A1A1A !important;
    font-size: 35%;
    padding-top: 0;
}

.flipper-digit:after {
    background: transparent;
}






.payment-footer {
	display: none;
	background-color: #DF7325;
	bottom: 0;
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 2;
	padding: 15px;
}

.payment-footer button {
	display: block;
	width: 100%;
}

#course_info {
	padding-top: 0;
}





/* FLASH SALE */
#payment-options .flash-sale {
    background-color: #C3413B !important;
    font-weight: 600 !important;
    padding: 30px 20px;
    font-weight: 700 !important;
    font-size: 1em !important;
    text-align: center;
    border-radius: 15px 15px 0 0;
    color: #FFF;
    margin-bottom: -20px !important;
}
/* FLASH SALE ENDS */





.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
 
.text-x1 { font-size: 1.1em; }
.text-x2 { font-size: 1.2em; }
.text-x3 { font-size: 1.3em; }
.text-x4 { font-size: 1.4em; }
.text-x5 { font-size: 1.5em; }
.text-x6 { font-size: 1.6em; }
.text-x7 { font-size: 1.7em; }
.text-x8 { font-size: 1.8em; }
.text-x9 { font-size: 1.9em; }
.text-x10 { font-size: 2em; }

.highlight { color: #00B67B; }





.ui-slider-range-min {
    background: #DF7325 !important;
}