 .hero{
	position:relative;
}
.hero-shape{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	bottom: -1px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
}
.hero-shape svg {
	width: calc(260% + 1.3px);
	height: 120px;
	transform: translateX(-50%) rotateY(180deg);
	display: block;
	position: relative;
	left: 50%;
}
.hero-shape svg path{
	fill: #fff;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.bg-principal-green{
	background: #10767b;
}
.bg-principal-red{
	background: #e5094b;
}
.btn-red{
	border-color: #e5094b;
}
.navbar.extended .navbar-brand{
	padding-top:0.5rem;
	padding-bottom:0rem;
}
.navbar.extended:not(.fixed) .navbar-collapse .nav-link{
	padding-top: 0.5rem;
	padding-bottom:1rem;
}
.btn-basket{
	font-size: 25px;
}
.heart-svg {
	position: absolute;
	width: 0;
	height: 0;
}
.heart-clipped {
	width: 350px;
	height: 350px;
	-webkit-clip-path: url(#my-clip-path);
	clip-path: url(#my-clip-path);
	display:inline-block;
}
.heart-clipped img{
	width: 100%;
	height:100%;
}
.background-overlay {
	background-image: url(/assets/overlay.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .05;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.footer-shape{
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	top:-1px;
}
.footer-shape svg{
	width: calc(100% + 1.3px);
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(230% + 1.3px);
	height: 100px;
	transform: translateX(-50%) rotateY(180deg);
	display: block;
}
.footer-shape path{
	fill: #fff;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.banner--clone{
	display:none;
}
.navbar-brand img{
	max-width: 22em;
}
.nav-btn-container{
	display:flex;
	align-items: center;
}
.nav-btn-container>*{
	display: inline-flex;
}
.nav-btn-container>*:not(:first-child){
	margin-left: 0.8rem;
}
@media(max-width: 900px){
	.topbar{
		flex-wrap: wrap;
	}
	.navbar-nav{
		margin-bottom: 1em;
	}
	.navbar-nav .nav-item{
		flex: 1;
		text-align: center;
	}
	.navbar-other{
		width: 100%;
		flex-basis: 100%;
	}
	.nav-btn-container{
		position: absolute;
		right: 0;
		top: 2em;
	}
}
@media(max-width: 575px){
	.nav-btn-container{
		right: 1em;
	}
	.heart-clipped {
		width: 250px;
		height: 250px;
	}
}
@media(max-width: 450px){
	.navbar-brand img{
		max-width:70%;
	}
}
@media(max-width: 380px){
	.nav-btn-container{
		top: 8vw;
	}
	.nav-btn-container>*:not(:first-child){
		margin-left: 0.4rem;
	}
	.nav-btn-container .btn-basket{
		width:2rem;
		height:2rem;
	}
	.nav-item:not(.nav-btn-container) .btn{
		padding: 4px 10px;
		font-size: 0.8rem;
	}
}
.course-links .card-body a:before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.blockquote-details .info{
	padding-left:0;
}
@media(max-width: 991px){
	.homepage-images .item:last-child{
		display:none;
	}
	.homepage-images .shape{
		display:none;
	}
	.homepage-images .overlap-grid-2 .item:nth-child(1){
		margin-left:10%;
		width:80%;
	}
}
.footer-shape svg{
	left:30%;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	border: 0;
}
.course-page-details ul:not(.products){
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 {
	width: 100%;
}
.course-details-container table td{
    padding:0.25em;
}
@media(min-width:1000px) {
	.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1 {
		width: 90%;
	}
	#customer_details {
		display: flex;
		flex-flow: column nowrap;
		float: left;
		width: 50%;
	}
	#customer_details .col-2 {
		width: 90%;
		margin-top: 20px;
	}
	#order_review,#order_review_heading {
		width: 50%;
		float: left;
		clear: none;
	}
}
#payment{
	margin-bottom:3rem;
}
.course-details-container table{
	width: auto;
}
.woocommerce ul.products li.product .button{
	text-align:center;
}
/*Old*/
/* Adjust Images to be rounded */
.woocommerce ul.products li.product a img{
	border-radius: 0.4rem;
}
/* SHOP PAGE */
.woocommerce-ordering select {
	/* make arrow and background */
	background:linear-gradient(45deg, transparent 50%, black 50%),linear-gradient(135deg, black 50%, transparent 50%),linear-gradient(to right, #EBE9EB, #EBE9EB);
	background-position:calc(100% - 21px) calc(1em + 2px),calc(100% - 16px) calc(1em + 2px),100% 0;
	background-size:5px 5px,5px 5px,2.5em 2.5em;
	background-repeat: no-repeat;
	/* styling and reset */
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	/* reset */
	border-radius: 0.4rem;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.single-product select {
	/* make arrow and background */
	background:linear-gradient(45deg, transparent 50%, black 50%),linear-gradient(135deg, black 50%, transparent 50%),linear-gradient(to right, #EBE9EB, #EBE9EB);
	background-position:calc(100% - 21px) calc(1em + 2px),calc(100% - 16px) calc(1em + 2px),100% 0;
	background-size:5px 5px,5px 5px,2.5em 2.5em;
	background-repeat: no-repeat;
	/* styling and reset */
	line-height: 1.2em;
	padding: 0.5em 3.5em 0.5em 1em;
	/* reset */
	border-radius: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.woocommerce a.added_to_cart{
	margin: 0.75rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	font-size: 1.15rem;
}
.woocommerce ul.products li.product .price{
	color: green;
	font-weight: bold;
}
/* Adjust WooCommerce Buttons on single product page */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	margin-left: 1rem;
	background-color: #e5094b;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	padding: 1rem 2rem 1rem 2rem;
	border-radius: 50rem!important;
	border-width: 1px;
	border-style: solid;
	border-color: #e5094b;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: white;
	color: #e5094b;
	border-style: solid;
	border-width: 1px;
	border-color: #e5094b;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
	background-color: black;
	background-color: #494949;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	padding: 1rem 2rem 1rem 2rem;
	border-radius: 50rem!important;
}
.single-product select {
	border-radius: 0.4rem;
}
.single-product input{
	/* styling and reset */
	height: 2.9rem;
	border-radius: 0.4rem;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: green;
	font-weight: bold;
}
.woocommerce a.button{
	-webkit-font-smoothing: antialiased;
	padding: 1rem 2rem 1rem 2rem;
	border-radius: 50rem!important;
}
/* CART PAGE */
.woocommerce-cart .woocommerce-cart-form {
	flex: 1 0 70%;
	margin-right: 30px;
}
.woocommerce .quantity .qty {
	height: 60px;
	width: 80px;
	line-height: 60px;
	padding: 0.5rem;
	border-radius: 50rem!important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	height: 2.9rem;
	border-radius: 0.4rem;
	width: 300px;
	padding: 1em;
}
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce .cart .button.button {
	background-color: #e5094b;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
	height: 2.9rem;
	padding: 1rem 2rem 1rem 2rem;
	transition: all .2s ease-in-out;
	border:1px solid #e5094b;
	outline: revert;
}
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce .cart .button.button:hover {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #e5094b;
	color: #e5094b;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
	height: 2.9rem;
	padding: 1rem 2rem 1rem 2rem;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	background-color: black;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
	height: 2.9rem;
	padding: 1rem 2rem 1rem 2rem;
	opacity: .5;
	border: solid black 1px!important;
}
.woocommerce-checkout .select2-container .select2-selection--single {
	height: 40px;
}
/* To make the options vertically centered */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}
/* To make the dropdown icon vertically centered */
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
}
/* CHECKOUT PAGE */
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
	display: block;
	width: 100%;
	padding: 0.6rem 1rem;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.7;
	color: #60697b;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(8,60,130,.06);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.4rem;
	box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	color: #ffffff;
	background-color: #10767b;
	border-radius: 0.4rem;
	padding: 2rem;
}
#add_payment_method #payment a, .woocommerce-cart #payment a, .woocommerce-checkout #payment a{
	color: #fff;
	text-decoration:underline;
}
.woocommerce form .form-row label {
	font-weight: bold;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	border-radius: 0.4rem;
	background-color: #f7f7f7;
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field{
	display: block;
	width: 100%;
	padding: 0.6rem 1rem;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.7;
	color: #60697b;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(8,60,130,.06);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.4rem;
	box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.woocommerce .col2-set, .woocommerce-checkout .col2-set{
	margin-bottom: 2rem;
}
.woocommerce form .form-row .input-checkbox{
	display: inline-block;
	width: 20px;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	-webkit-appearance: checkbox!important;
}
.woocommerce form .form-row .input-checkbox:checked{
	display: inline-block;
	width: 20px;
	background-color: green;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	-webkit-appearance: auto!important;
}
/* Custom black button */
a.button-custom, button.button-custom {
	background-color: black;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
	height: 2.9rem;
	padding: 1rem 2rem 1rem 2rem;
}
a.button-custom:hover, button.button-custom:hover {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	color: black;
	-webkit-font-smoothing: antialiased;
	border-radius: 50rem!important;
	height: 2.9rem;
	padding: 1rem 2rem 1rem 2rem;
}
/* ORDER CONFIRM PAGE */
.woocommerce .woocommerce-customer-details address{
	padding: 1.5rem;
}
.woocommerce ul#shipping_method li input{
	width: 1.15em;
	height: 1.15em;
	-webkit-appearance: radio!important;
}

