/*---------------------------------------------------------------------------*\
	LAYOUT
\*---------------------------------------------------------------------------*/	
	html{
		box-sizing: border-box;
	}
	
	*,
	*::before,
	*::after{
	  box-sizing: inherit;
	}
	
	html.noscroll{
		position: fixed; 
		overflow-y: scroll;
		width: 100%;
	}	
	
	body{
		margin:0;
		width:100%;
	}
	
	@media screen and (max-width: 600px)
	{
		html.noscroll #wpadminbar{
			top: -46px;
		}
	}
	
	.body-overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		z-index: 9999;
		display:none;
	}
	
	main.content-wrp{
		max-width:3000px;
		width:100%;
		margin:auto;
	}

	section{
		width:100%;
		margin-bottom: 60px;
		position: relative;
	}
	
	.container, 
	.container-fluid{
		width:100%;
		margin: auto;
	}
	
	.container.no-padding,
	.container-fluid.no-padding{
		padding: 0;
		overflow-x: hidden;
	}
	
	.site-wrapper > div > section{
		margin-bottom:0;
	}
	
	/*Page Container*/
	.page-container.container,
	.page-container.container-fluid{
		padding:0;
		overflow-x: hidden;
	}
		
	/*FIX - Just to stop containers inside containers effecting each other */
	.container .container, 
	.container-fluid .container, 
	.container-fluid .container-fluid,
	.container .container-fluid{
		width: 100%;
	}
	
	.align-center{
		text-align:center !important;
	}
	
	.align-left{
		text-align:left !important;
	}
	
	.align-right{
		text-align:right !important;
	}
	
	section.bg-image{
		background-size: cover; 
		background-position: center center;
	}
	
	.remove-padding{ 
		padding:0 !important;
	}
	
	.remove-padding-right{
		padding-right: 0 !important;
	}
	
	.remove-padding-left{
		padding-left: 0 !important;
	}
	
	.remove-padding-top{
		padding-top: 0 !important;
	}
	
	.remove-padding-bottom{
		padding-bottom: 0 !important;
	}
	
	.remove-margin{ 
		margin:0 !important;
	}
	
	.remove-margin-right{
		margin-right: 0 !important;
	}
	
	.remove-margin-left{
		margin-left: 0 !important;
	}
	
	.remove-margin-top{
		margin-top: 0 !important;
	}
	
	.remove-margin-bottom{
		margin-bottom: 0 !important;
	}
	
	@media(max-width: 480px)
	{
		
		.image-wrapper{
			margin-bottom:0;
		}
		
		.image-row-wrapper{
			display:none;
		}
		
	}
	
	section.page-section{
		margin-bottom:0;
	}
	
	/*Parallax(Only works with desktop behaves weirdly on IOS)*/
	@media(min-width: 1170px)
	{
		.parallax{
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			transform: translate3d(0,0,0);
			-webkit-transform: translate3d(0,0,0); 
		}
	}
	
	/*Overlay*/
	.overlay{
		height:100%;
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	
	/*---------------------------------------------------------------------------*\
		Section Padding - change these values to modify spacing
	\*---------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------*\
			Section Padding/Margin - Desktop - Default
		\*---------------------------------------------------------------------------*/
			section{
				margin-bottom: 100px;
			}
			
			section.bg-colour{
				padding-top: 100px; 
				padding-bottom:100px;
			}
				
			section.bg-image{
				padding-top: 100px; 
				padding-bottom:100px;
			}
			
	
		/*---------------------------------------------------------------------------*\
			Section Padding/Margin - Mobile - Default
		\*---------------------------------------------------------------------------*/
			@media(max-width: 762px)
			{	
				section{
					margin-bottom: 40px;
				}
					
				section.bg-colour{
					padding-top: 40px; 
					padding-bottom:40px;
				}
					
				section.bg-image{
					padding-top: 40px; 
					padding-bottom:40px;
				}
					
			}
				
				
		/*---------------------------------------------------------------------------*\
			Section Padding - Desktop - small
		\*---------------------------------------------------------------------------*/
			.margin-top-small{ 
				margin-top: 50px !important;
			}
				
			.margin-bottom-small{ 
				margin-bottom: 50px !important;
			}
				
			.padding-top-small{
				padding-top: 50px !important;
			}
				
			.padding-bottom-small{
				padding-bottom: 50px !important;
			}
				
			section.bg-colour.margin-bottom-small,
			section.bg-image.margin-bottom-small
			{
				padding-top: 50px !important; 
				padding-bottom: 50px !important;
			}
				
	
		/*---------------------------------------------------------------------------*\
			Section Padding - Mobile - Small
		\*---------------------------------------------------------------------------*/
			@media(max-width: 762px)
			{
					
				.margin-top-small{ 
					margin-top: 20px !important;
				}
					
				.margin-bottom-small{ 
					margin-bottom: 20px !important;
				}
					
				.padding-top-small{
					padding-top: 20px !important;
				}
					
				.padding-bottom-small{
					padding-bottom: 20px !important;
				}
					
				section.bg-colour.margin-bottom-small,
				section.bg-image.margin-bottom-small
				{
					padding-top: 20px !important; 
					padding-bottom: 20px !important;
				}
					
			}
			
			
		/*---------------------------------------------------------------------------*\
			Section Padding - Desktop - Medium
		\*---------------------------------------------------------------------------*/
			.margin-top-medium{ 
				margin-top: 100px !important;
			}
				
			.margin-bottom-medium{ 
				margin-bottom: 100px !important;
			}
				
			.padding-top-medium{
				padding-top: 100px !important;
			}
				
			.padding-bottom-medium{
				padding-bottom: 100px !important;
			}
				
			section.bg-colour.margin-bottom-medium,
			section.bg-image.margin-bottom-medium
			{
				padding-top: 100px !important; 
				padding-bottom: 100px !important;
			}
				
	
		/*---------------------------------------------------------------------------*\
			Section Padding - Mobile - Medium
		\*---------------------------------------------------------------------------*/
			@media(max-width: 762px)
			{
			
				.margin-top-medium{ 
					margin-top: 40px !important;
				}
					
				.margin-bottom-medium{ 
					margin-bottom: 40px !important;
				}
					
				.padding-top-medium{
					padding-top: 40px !important;
				}
					
				.padding-bottom-medium{
					padding-bottom: 40px !important;
				}
					
				section.bg-colour.margin-bottom-medium,
				section.bg-image.margin-bottom-medium
				{
					padding-top: 40px !important; 
					padding-bottom: 40px !important;
				}
				
			}
			
		
		/*---------------------------------------------------------------------------*\
			Section Padding - Desktop - Large
		\*---------------------------------------------------------------------------*/
			.margin-top-large{ 
				margin-top: 150px !important;
			}
				
			.margin-bottom-large{ 
				margin-bottom: 150px !important;
			}
				
			.padding-top-large{
				padding-top: 150px !important;
			}
				
			.padding-bottom-large{
				padding-bottom: 150px !important;
			}
				
			section.bg-colour.margin-bottom-large,
			section.bg-image.margin-bottom-large
			{
				padding-top: 150px !important; 
				padding-bottom: 150px !important;
			}
				
	
		/*---------------------------------------------------------------------------*\
			Section Padding - Mobile - Large
		\*---------------------------------------------------------------------------*/
			@media(max-width: 762px)
			{
					
				.margin-top-large{ 
					margin-top: 60px !important;
				}
					
				.margin-bottom-large{ 
					margin-bottom: 60px !important;
				}
					
				.padding-top-large{
					padding-top: 60px !important;
				}
					
				.padding-bottom-large{
					padding-bottom: 60px !important;
				}
					
				section.bg-colour.margin-bottom-large,
				section.bg-image.margin-bottom-large
				{
					padding-top: 60px !important; 
					padding-bottom: 60px !important;
				}
					
			}
				
				
/*---------------------------------------------------------------------------*\
		Bootstrap Col Layout
\*---------------------------------------------------------------------------*/
	.container, .container-fluid{
		box-sizing: border-box;
		width:100%;
		margin: auto;
		padding: 0 15px;
	}
	
	.container{
		max-width: 1170px;
	}
	
	.container.compact{
		max-width: 870px;
	}
	
	.container.wide{
		max-width: 1470px;
	}
	
	.flex-row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
		
		/*Added*/
		flex-direction:row;
	}
		
	.flex-col {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
		
		/*Added*/
		display:flex;
		flex-direction:column;
	}
	
	.no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.no-gutters > .flex-col,
	.no-gutters > .col{
		padding-right: 0;
		padding-left: 0;
	}
	
	.flex-col.auto{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	
	.d-flex{
		display:flex;
	}
	
	.order-first {
		-ms-flex-order: -1;
		order: -1;
	}
		
	.order-last {
		-ms-flex-order: 13;
		order: 13;
	}
	
	.order-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	
	.order-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	
	.order-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	
	.order-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	
	.order-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	
	.order-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	
	.order-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	
	.order-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	
	.order-8 {
		-ms-flex-order: 8;
		order: 8;
	}

	.order-9 {
		-ms-flex-order: 9;
		order: 9;
	}

	.order-10 {
		-ms-flex-order: 10;
		order: 10;
	}

	.order-11 {
		-ms-flex-order: 11;
		order: 11;
	}

	.order-12 {
		-ms-flex-order: 12;
		order: 12;
	}
	
	.flex-col.xs-auto{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	
	.flex-col.xs-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.flex-col.xs-11{
		-ms-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}
	
	.flex-col.xs-10{
		-ms-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}
	
	.flex-col.xs-9{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	
	.flex-col.xs-8{
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}
	
	.flex-col.xs-7{
		-ms-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}
	
	.flex-col.xs-6{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.flex-col.xs-5{
		-ms-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	
	.flex-col.xs-4{
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	
	.flex-col.xs-3{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	
	.flex-col.xs-2{
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
	
	.flex-col.xs-1{
		-ms-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}
	
	.flex-col.xs-8-split{
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
	
	.flex-col.xs-7-split{
		-ms-flex: 0 0 14.285%;
		flex: 0 0 14.285%;
		max-width: 14.285%;
	}
	
	.flex-col.xs-5-split{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.w-100{
		width:100%;
	}
	
	.d-block{
		display:block;
	}
	
	@media (min-width: 576px)
	{
		
		.flex-col.sm-auto{
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			width: auto;
			max-width: 100%;
		}
		
		.flex-col.sm-12{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		
		.flex-col.sm-11{
			-ms-flex: 0 0 91.66666667%;
			flex: 0 0 91.66666667%;
			max-width: 91.66666667%;
		}
		
		.flex-col.sm-10{
			-ms-flex: 0 0 83.33333333%;
			flex: 0 0 83.33333333%;
			max-width: 83.33333333%;
		}
		
		.flex-col.sm-9{
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}
		
		.flex-col.sm-8{
			-ms-flex: 0 0 66.66666667%;
			flex: 0 0 66.66666667%;
			max-width: 66.66666667%;
		}
		
		.flex-col.sm-7{
			-ms-flex: 0 0 58.33333333%;
			flex: 0 0 58.33333333%;
			max-width: 58.33333333%;
		}
		
		.flex-col.sm-6{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		
		.flex-col.sm-5{
			-ms-flex: 0 0 41.66666667%;
			flex: 0 0 41.66666667%;
			max-width: 41.66666667%;
		}
		
		.flex-col.sm-4{
			-ms-flex: 0 0 33.33333333%;
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}
		
		.flex-col.sm-3{
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}
		
		.flex-col.sm-2{
			-ms-flex: 0 0 16.66666667%;
			flex: 0 0 16.66666667%;
			max-width: 16.66666667%;
		}
		
		.flex-col.sm-1{
			-ms-flex: 0 0 8.33333333%;
			flex: 0 0 8.33333333%;
			max-width: 8.33333333%;
		}
		
		.flex-col.sm-8-split{
			-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
			max-width: 12.5%;
		}
		
		.flex-col.sm-7-split{
			-ms-flex: 0 0 14.285%;
			flex: 0 0 14.285%;
			max-width: 14.285%;
		}
		
		.flex-col.sm-5-split{
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}
		
		.order-sm-first {
			-ms-flex-order: -1;
			order: -1;
		}
		
		.order-sm-last {
			-ms-flex-order: 13;
			order: 13;
		}
		  
		.order-sm-0 {
			-ms-flex-order: 0;
			order: 0;
		}
		
		.order-sm-1 {
			-ms-flex-order: 1;
			order: 1;
		}
		  
		.order-sm-2 {
			-ms-flex-order: 2;
			order: 2;
		}
		  
		.order-sm-3 {
			-ms-flex-order: 3;
			order: 3;
		}
		  
		.order-sm-4 {
			-ms-flex-order: 4;
			order: 4;
		}
		  
		.order-sm-5 {
			-ms-flex-order: 5;
			order: 5;
		}
		  
		.order-sm-6 {
			-ms-flex-order: 6;
			order: 6;
		}
		  
		.order-sm-7 {
			-ms-flex-order: 7;
			order: 7;
		}
		
		.order-sm-8 {
			-ms-flex-order: 8;
			order: 8;
		}
		  
		.order-sm-9 {
			-ms-flex-order: 9;
			order: 9;
		}
		  
		.order-sm-10 {
			-ms-flex-order: 10;
			order: 10;
		}
		  
		.order-sm-11 {
			-ms-flex-order: 11;
			order: 11;
		}
		  
		.order-sm-12 {
			-ms-flex-order: 12;
			order: 12;
		}
		
	}
	
	@media (min-width: 768px) 
	{
		
		.flex-col.md-auto{
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			width: auto;
			max-width: 100%;
		}
		
		.flex-col.md-12{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		
		.flex-col.md-11{
			-ms-flex: 0 0 91.66666667%;
			flex: 0 0 91.66666667%;
			max-width: 91.66666667%;
		}
		
		.flex-col.md-10{
			-ms-flex: 0 0 83.33333333%;
			flex: 0 0 83.33333333%;
			max-width: 83.33333333%;
		}
		
		.flex-col.md-9{
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}
		
		.flex-col.md-8{
			-ms-flex: 0 0 66.66666667%;
			flex: 0 0 66.66666667%;
			max-width: 66.66666667%;
		}
		
		.flex-col.md-7{
			-ms-flex: 0 0 58.33333333%;
			flex: 0 0 58.33333333%;
			max-width: 58.33333333%;
		}
		
		.flex-col.md-6{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		
		.flex-col.md-5{
			-ms-flex: 0 0 41.66666667%;
			flex: 0 0 41.66666667%;
			max-width: 41.66666667%;
		}
		
		.flex-col.md-4{
			-ms-flex: 0 0 33.33333333%;
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}
		
		.flex-col.md-3{
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}
		
		.flex-col.md-2{
			-ms-flex: 0 0 16.66666667%;
			flex: 0 0 16.66666667%;
			max-width: 16.66666667%;
		}
		
		.flex-col.md-1{
			-ms-flex: 0 0 8.33333333%;
			flex: 0 0 8.33333333%;
			max-width: 8.33333333%;
		}
		
		.flex-col.md-8-split{
			-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
			max-width: 12.5%;
		}
		
		.flex-col.md-7-split{
			-ms-flex: 0 0 14.285%;
			flex: 0 0 14.285%;
			max-width: 14.285%;
		}
		
		.flex-col.md-5-split{
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}
		
		.order-md-first {
			-ms-flex-order: -1;
			order: -1;
		}
		  
		.order-md-last {
			-ms-flex-order: 13;
			order: 13;
		}
		  
		.order-md-0 {
			-ms-flex-order: 0;
			order: 0;
		}
		  
		.order-md-1 {
			-ms-flex-order: 1;
			order: 1;
		}
		  
		.order-md-2 {
			-ms-flex-order: 2;
			order: 2;
		}
		  
		.order-md-3 {
			-ms-flex-order: 3;
			order: 3;
		}
		  
		.order-md-4 {
			-ms-flex-order: 4;
			order: 4;
		}
		  
		.order-md-5 {
			-ms-flex-order: 5;
			order: 5;
		}
		  
		.order-md-6 {
			-ms-flex-order: 6;
			order: 6;
		}
		  
		.order-md-7 {
			-ms-flex-order: 7;
			order: 7;
		}
		  
		.order-md-8 {
			-ms-flex-order: 8;
			order: 8;
		}
		  
		.order-md-9 {
			-ms-flex-order: 9;
			order: 9;
		}
		  
		.order-md-10 {
			-ms-flex-order: 10;
			order: 10;
		}
		  
		.order-md-11 {
			-ms-flex-order: 11;
			order: 11;
		}
		  
		.order-md-12 {
			-ms-flex-order: 12;
			order: 12;
		}
			
	}
	
	@media (min-width: 992px) 
	{
		
		.flex-col.lg-auto{
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			width: auto;
			max-width: 100%;
		}
		
		.flex-col.lg-12{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		
		.flex-col.lg-11{
			-ms-flex: 0 0 91.66666667%;
			flex: 0 0 91.66666667%;
			max-width: 91.66666667%;
		}
		
		.flex-col.lg-10{
			-ms-flex: 0 0 83.33333333%;
			flex: 0 0 83.33333333%;
			max-width: 83.33333333%;
		}
		
		.flex-col.lg-9{
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}
		
		.flex-col.lg-8{
			-ms-flex: 0 0 66.66666667%;
			flex: 0 0 66.66666667%;
			max-width: 66.66666667%;
		}
		
		.flex-col.lg-7{
			-ms-flex: 0 0 58.33333333%;
			flex: 0 0 58.33333333%;
			max-width: 58.33333333%;
		}
		
		.flex-col.lg-6{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		
		.flex-col.lg-5{
			-ms-flex: 0 0 41.66666667%;
			flex: 0 0 41.66666667%;
			max-width: 41.66666667%;
		}
		
		.flex-col.lg-4{
			-ms-flex: 0 0 33.33333333%;
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}
		
		.flex-col.lg-3{
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}
		
		.flex-col.lg-2{
			-ms-flex: 0 0 16.66666667%;
			flex: 0 0 16.66666667%;
			max-width: 16.66666667%;
		}
		
		.flex-col.lg-1{
			-ms-flex: 0 0 8.33333333%;
			flex: 0 0 8.33333333%;
			max-width: 8.33333333%;
		}
		
		.flex-col.lg-8-split{
			-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
			max-width: 12.5%;
		}
		
		.flex-col.lg-7-split{
			-ms-flex: 0 0 14.285%;
			flex: 0 0 14.285%;
			max-width: 14.285%;
		}
		
		.flex-col.lg-5-split{
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}
		
		.order-lg-first {
			-ms-flex-order: -1;
			order: -1;
		}
		  
		.order-lg-last {
			-ms-flex-order: 13;
			order: 13;
		}
		  
		.order-lg-0 {
			-ms-flex-order: 0;
			order: 0;
		}
		
		.order-lg-1 {
			-ms-flex-order: 1;
			order: 1;
		}
		  
		.order-lg-2 {
			-ms-flex-order: 2;
			order: 2;
		}
		  
		.order-lg-3 {
			-ms-flex-order: 3;
			order: 3;
		}
		 
		.order-lg-4 {
			-ms-flex-order: 4;
			order: 4;
		}
		  
		.order-lg-5 {
			-ms-flex-order: 5;
			order: 5;
		}
		  
		.order-lg-6 {
			-ms-flex-order: 6;
			order: 6;
		}
		  
		.order-lg-7 {
			-ms-flex-order: 7;
			order: 7;
		}
		  
		.order-lg-8 {
			-ms-flex-order: 8;
			order: 8;
		}
		  
		.order-lg-9 {
			-ms-flex-order: 9;
			order: 9;
		}
		  
		.order-lg-10 {
			-ms-flex-order: 10;
			order: 10;
		}
		  
		.order-lg-11 {
			-ms-flex-order: 11;
			order: 11;
		}
		 
		.order-lg-12 {
			-ms-flex-order: 12;
			order: 12;
		}
  	
	}
	
	@media (min-width: 1200px) 
	{
		
		.flex-col.xl-auto{
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			width: auto;
			max-width: 100%;
		}
		
		.flex-col.xl-12{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		
		.flex-col.xl-11{
			-ms-flex: 0 0 91.66666667%;
			flex: 0 0 91.66666667%;
			max-width: 91.66666667%;
		}
		
		.flex-col.xl-10{
			-ms-flex: 0 0 83.33333333%;
			flex: 0 0 83.33333333%;
			max-width: 83.33333333%;
		}
		
		.flex-col.xl-9{
			-ms-flex: 0 0 75%;
			flex: 0 0 75%;
			max-width: 75%;
		}
		
		.flex-col.xl-8{
			-ms-flex: 0 0 66.66666667%;
			flex: 0 0 66.66666667%;
			max-width: 66.66666667%;
		}
		
		.flex-col.xl-7{
			-ms-flex: 0 0 58.33333333%;
			flex: 0 0 58.33333333%;
			max-width: 58.33333333%;
		}
		
		.flex-col.xl-6{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		
		.flex-col.xl-5{
			-ms-flex: 0 0 41.66666667%;
			flex: 0 0 41.66666667%;
			max-width: 41.66666667%;
		}
		
		.flex-col.xl-4{
			-ms-flex: 0 0 33.33333333%;
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}
		
		.flex-col.xl-3{
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
		}
		
		.flex-col.xl-2{
			-ms-flex: 0 0 16.66666667%;
			flex: 0 0 16.66666667%;
			max-width: 16.66666667%;
		}
		
		.flex-col.xl-1{
			-ms-flex: 0 0 8.33333333%;
			flex: 0 0 8.33333333%;
			max-width: 8.33333333%;
		}
		
		.flex-col.xl-8-split{
			-ms-flex: 0 0 12.5%;
			flex: 0 0 12.5%;
			max-width: 12.5%;
		}
		
		.flex-col.xl-7-split{
			-ms-flex: 0 0 14.285%;
			flex: 0 0 14.285%;
			max-width: 14.285%;
		}
		
		.flex-col.xl-5-split{
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
		}
		
		.order-xl-0 {
			-ms-flex-order: 0;
			order: 0;
		}
		
		.order-xl-1 {
			-ms-flex-order: 1;
			order: 1;
		}
		  
		.order-xl-2 {
			-ms-flex-order: 2;
			order: 2;
		}
		  
		.order-xl-3 {
			-ms-flex-order: 3;
			order: 3;
		}
		 
		.order-xl-4 {
			-ms-flex-order: 4;
			order: 4;
		}
		  
		.order-xl-5 {
			-ms-flex-order: 5;
			order: 5;
		}
		  
		.order-xl-6 {
			-ms-flex-order: 6;
			order: 6;
		}
		  
		.order-xl-7 {
			-ms-flex-order: 7;
			order: 7;
		}
		  
		.order-xl-8 {
			-ms-flex-order: 8;
			order: 8;
		}
		  
		.order-xl-9 {
			-ms-flex-order: 9;
			order: 9;
		}
		  
		.order-xl-10 {
			-ms-flex-order: 10;
			order: 10;
		}
		  
		.order-xl-11 {
			-ms-flex-order: 11;
			order: 11;
		}
		 
		.order-xl-12 {
			-ms-flex-order: 12;
			order: 12;
		}
			
	}
	
	/* Flex - Extras */
	.flex-row-reverse {
	  -ms-flex-direction: row-reverse !important;
	  flex-direction: row-reverse !important;
	}

	.flex-column-reverse {
	  -ms-flex-direction: column-reverse !important;
	  flex-direction: column-reverse !important;
	}

	.flex-wrap {
	  -ms-flex-wrap: wrap !important;
	  flex-wrap: wrap !important;
	}

	.flex-nowrap {
	  -ms-flex-wrap: nowrap !important;
	  flex-wrap: nowrap !important;
	}

	.flex-wrap-reverse {
	  -ms-flex-wrap: wrap-reverse !important;
	  flex-wrap: wrap-reverse !important;
	}

	.flex-fill {
	  -ms-flex: 1 1 auto !important;
	  flex: 1 1 auto !important;
	}

	.flex-grow-0 {
	  -ms-flex-positive: 0 !important;
	  flex-grow: 0 !important;
	}

	.flex-grow-1 {
	  -ms-flex-positive: 1 !important;
	  flex-grow: 1 !important;
	}

	.flex-shrink-0 {
	  -ms-flex-negative: 0 !important;
	  flex-shrink: 0 !important;
	}

	.flex-shrink-1 {
	  -ms-flex-negative: 1 !important;
	  flex-shrink: 1 !important;
	}

	.justify-content-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
	
	@media (min-width: 576px) 
	{
		
		.flex-sm-row {
			-ms-flex-direction: row !important;
			flex-direction: row !important;
		}
		
		.flex-sm-column {
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		
		.flex-sm-row-reverse {
			-ms-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		
		.flex-sm-column-reverse {
			-ms-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}
		
		.flex-sm-wrap {
			-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		
		.flex-sm-nowrap {
			-ms-flex-wrap: nowrap !important;
			flex-wrap: nowrap !important;
		}
		
		.flex-sm-wrap-reverse {
			-ms-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}
		
		.flex-sm-fill {
			-ms-flex: 1 1 auto !important;
			flex: 1 1 auto !important;
		}
		
		.flex-sm-grow-0 {
			-ms-flex-positive: 0 !important;
			flex-grow: 0 !important;
		}
		
		.flex-sm-grow-1 {
			-ms-flex-positive: 1 !important;
			flex-grow: 1 !important;
		}
		
		.flex-sm-shrink-0 {
			-ms-flex-negative: 0 !important;
			flex-shrink: 0 !important;
		}
		
		.flex-sm-shrink-1 {
			-ms-flex-negative: 1 !important;
			flex-shrink: 1 !important;
		}
		
		.justify-content-sm-start {
			-ms-flex-pack: start !important;
			justify-content: flex-start !important;
		}
		
		.justify-content-sm-end {
			-ms-flex-pack: end !important;
			justify-content: flex-end !important;
		}
		
		.justify-content-sm-center {
			-ms-flex-pack: center !important;
			justify-content: center !important;
		}
		
		.justify-content-sm-between {
			-ms-flex-pack: justify !important;
			justify-content: space-between !important;
		}
		
		.justify-content-sm-around {
			-ms-flex-pack: distribute !important;
			justify-content: space-around !important;
		}
		
		.align-items-sm-start {
			-ms-flex-align: start !important;
			align-items: flex-start !important;
		}
		
		.align-items-sm-end {
			-ms-flex-align: end !important;
			align-items: flex-end !important;
		}
		
		.align-items-sm-center {
			-ms-flex-align: center !important;
			align-items: center !important;
		}
		
		.align-items-sm-baseline {
			-ms-flex-align: baseline !important;
			align-items: baseline !important;
		}
		
		.align-items-sm-stretch {
			-ms-flex-align: stretch !important;
			align-items: stretch !important;
		}
		
		.align-content-sm-start {
			-ms-flex-line-pack: start !important;
			align-content: flex-start !important;
		}
		
		.align-content-sm-end {
			-ms-flex-line-pack: end !important;
			align-content: flex-end !important;
		}
		
		.align-content-sm-center {
			-ms-flex-line-pack: center !important;
			align-content: center !important;
		}
		
		.align-content-sm-between {
			-ms-flex-line-pack: justify !important;
			align-content: space-between !important;
		}
		
		.align-content-sm-around {
			-ms-flex-line-pack: distribute !important;
			align-content: space-around !important;
		}
		
		.align-content-sm-stretch {
			-ms-flex-line-pack: stretch !important;
			align-content: stretch !important;
		}
		
		.align-self-sm-auto {
			-ms-flex-item-align: auto !important;
			align-self: auto !important;
		}
		
		.align-self-sm-start {
			-ms-flex-item-align: start !important;
			align-self: flex-start !important;
		}
		
		.align-self-sm-end {
			-ms-flex-item-align: end !important;
			align-self: flex-end !important;
		}
		
		.align-self-sm-center {
			-ms-flex-item-align: center !important;
			align-self: center !important;
		}
		
		.align-self-sm-baseline {
			-ms-flex-item-align: baseline !important;
			align-self: baseline !important;
		}
		
		.align-self-sm-stretch {
			-ms-flex-item-align: stretch !important;
			align-self: stretch !important;
		}
		
	}

	@media (min-width: 768px) 
	{
		
		.flex-md-row {
			-ms-flex-direction: row !important;
			flex-direction: row !important;
		}
		
		.flex-md-column {
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		
		.flex-md-row-reverse {
			-ms-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		
		.flex-md-column-reverse {
			-ms-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}
		
		.flex-md-wrap {
			-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		
		.flex-md-nowrap {
			-ms-flex-wrap: nowrap !important;
			flex-wrap: nowrap !important;
		}
		
		.flex-md-wrap-reverse {
			-ms-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}
		
		.flex-md-fill {
			-ms-flex: 1 1 auto !important;
			flex: 1 1 auto !important;
		}
		
		.flex-md-grow-0 {
			-ms-flex-positive: 0 !important;
			flex-grow: 0 !important;
		}
		
		.flex-md-grow-1 {
			-ms-flex-positive: 1 !important;
			flex-grow: 1 !important;
		}
		
		.flex-md-shrink-0 {
			-ms-flex-negative: 0 !important;
			flex-shrink: 0 !important;
		}
		
		.flex-md-shrink-1 {
			-ms-flex-negative: 1 !important;
			flex-shrink: 1 !important;
		}
		
		.justify-content-md-start {
			-ms-flex-pack: start !important;
			justify-content: flex-start !important;
		}
		
		.justify-content-md-end {
			-ms-flex-pack: end !important;
			justify-content: flex-end !important;
		}
		
		.justify-content-md-center {
			-ms-flex-pack: center !important;
			justify-content: center !important;
		}
		
		.justify-content-md-between {
			-ms-flex-pack: justify !important;
			justify-content: space-between !important;
		}
		
		.justify-content-md-around {
			-ms-flex-pack: distribute !important;
			justify-content: space-around !important;
		}
		
		.align-items-md-start {
			-ms-flex-align: start !important;
			align-items: flex-start !important;
		}
		
		.align-items-md-end {
			-ms-flex-align: end !important;
			align-items: flex-end !important;
		}
		
		.align-items-md-center {
			-ms-flex-align: center !important;
			align-items: center !important;
		}
		
		.align-items-md-baseline {
			-ms-flex-align: baseline !important;
			align-items: baseline !important;
		}
		
		.align-items-md-stretch {
			-ms-flex-align: stretch !important;
			align-items: stretch !important;
		}
		
		.align-content-md-start {
			-ms-flex-line-pack: start !important;
			align-content: flex-start !important;
		}
		
		.align-content-md-end {
			-ms-flex-line-pack: end !important;
			align-content: flex-end !important;
		}
		
		.align-content-md-center {
			-ms-flex-line-pack: center !important;
			align-content: center !important;
		}
		
		.align-content-md-between {
			-ms-flex-line-pack: justify !important;
			align-content: space-between !important;
		}
		
		.align-content-md-around {
			-ms-flex-line-pack: distribute !important;
			align-content: space-around !important;
		}
		
		.align-content-md-stretch {
			-ms-flex-line-pack: stretch !important;
			align-content: stretch !important;
		}
		
		.align-self-md-auto {
			-ms-flex-item-align: auto !important;
			align-self: auto !important;
		}
		
		.align-self-md-start {
			-ms-flex-item-align: start !important;
			align-self: flex-start !important;
		}
		
		.align-self-md-end {
			-ms-flex-item-align: end !important;
			align-self: flex-end !important;
		}
		
		.align-self-md-center {
			-ms-flex-item-align: center !important;
			align-self: center !important;
		}
		
		.align-self-md-baseline {
			-ms-flex-item-align: baseline !important;
			align-self: baseline !important;
		}
		
		.align-self-md-stretch {
			-ms-flex-item-align: stretch !important;
			align-self: stretch !important;
		}
		
	}

	@media (min-width: 992px) 
	{
		
		.flex-lg-row {
			-ms-flex-direction: row !important;
			flex-direction: row !important;
		}
		
		.flex-lg-column {
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		
		.flex-lg-row-reverse {
			-ms-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		
		.flex-lg-column-reverse {
			-ms-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}
		
		.flex-lg-wrap {
			-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		
		.flex-lg-nowrap {
			-ms-flex-wrap: nowrap !important;
			flex-wrap: nowrap !important;
		}
		
		.flex-lg-wrap-reverse {
			-ms-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}
		
		.flex-lg-fill {
			-ms-flex: 1 1 auto !important;
			flex: 1 1 auto !important;
		}
		
		.flex-lg-grow-0 {
			-ms-flex-positive: 0 !important;
			flex-grow: 0 !important;
		}
		
		.flex-lg-grow-1 {
			-ms-flex-positive: 1 !important;
			flex-grow: 1 !important;
		}
		
		.flex-lg-shrink-0 {
			-ms-flex-negative: 0 !important;
			flex-shrink: 0 !important;
		}
		
		.flex-lg-shrink-1 {
			-ms-flex-negative: 1 !important;
			flex-shrink: 1 !important;
		}
		
		.justify-content-lg-start {
			-ms-flex-pack: start !important;
			justify-content: flex-start !important;
		}
		
		.justify-content-lg-end {
			-ms-flex-pack: end !important;
			justify-content: flex-end !important;
		}
		
		.justify-content-lg-center {
			-ms-flex-pack: center !important;
			justify-content: center !important;
		}
		
		.justify-content-lg-between {
			-ms-flex-pack: justify !important;
			justify-content: space-between !important;
		}
		
		.justify-content-lg-around {
			-ms-flex-pack: distribute !important;
			justify-content: space-around !important;
		}
		
		.align-items-lg-start {
			-ms-flex-align: start !important;
			align-items: flex-start !important;
		}
		
		.align-items-lg-end {
			-ms-flex-align: end !important;
			align-items: flex-end !important;
		}
		
		.align-items-lg-center {
			-ms-flex-align: center !important;
			align-items: center !important;
		}
		
		.align-items-lg-baseline {
			-ms-flex-align: baseline !important;
			align-items: baseline !important;
		}
		
		.align-items-lg-stretch {
			-ms-flex-align: stretch !important;
			align-items: stretch !important;
		}
		
		.align-content-lg-start {
			-ms-flex-line-pack: start !important;
			align-content: flex-start !important;
		}
		
		.align-content-lg-end {
			-ms-flex-line-pack: end !important;
			align-content: flex-end !important;
		}
		
		.align-content-lg-center {
			-ms-flex-line-pack: center !important;
			align-content: center !important;
		}
		
		.align-content-lg-between {
			-ms-flex-line-pack: justify !important;
			align-content: space-between !important;
		}
		
		.align-content-lg-around {
			-ms-flex-line-pack: distribute !important;
			align-content: space-around !important;
		}
		
		.align-content-lg-stretch {
			-ms-flex-line-pack: stretch !important;
			align-content: stretch !important;
		}
	  
		.align-self-lg-auto {
			-ms-flex-item-align: auto !important;
			align-self: auto !important;
		}
		
		.align-self-lg-start {
			-ms-flex-item-align: start !important;
			align-self: flex-start !important;
		}
		
		.align-self-lg-end {
			-ms-flex-item-align: end !important;
			align-self: flex-end !important;
		}
		
		.align-self-lg-center {
			-ms-flex-item-align: center !important;
			align-self: center !important;
		}
	  
		.align-self-lg-baseline {
			-ms-flex-item-align: baseline !important;
			align-self: baseline !important;
		}
		
		.align-self-lg-stretch {
			-ms-flex-item-align: stretch !important;
			align-self: stretch !important;
		}
		
	}

	@media (min-width: 1200px) 
	{
		
		.flex-xl-row {
			-ms-flex-direction: row !important;
			flex-direction: row !important;
		}
		
		.flex-xl-column {
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		
		.flex-xl-row-reverse {
			-ms-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		
		.flex-xl-column-reverse {
			-ms-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}
		
		.flex-xl-wrap {
			-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		
		.flex-xl-nowrap {
			-ms-flex-wrap: nowrap !important;
			flex-wrap: nowrap !important;
		}
		
		.flex-xl-wrap-reverse {
			-ms-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}
		
		.flex-xl-fill {
			-ms-flex: 1 1 auto !important;
			flex: 1 1 auto !important;
		}
		
		.flex-xl-grow-0 {
			-ms-flex-positive: 0 !important;
			flex-grow: 0 !important;
		}
		
		.flex-xl-grow-1 {
			-ms-flex-positive: 1 !important;
			flex-grow: 1 !important;
		}
		
		.flex-xl-shrink-0 {
			-ms-flex-negative: 0 !important;
			flex-shrink: 0 !important;
		}
		
		.flex-xl-shrink-1 {
			-ms-flex-negative: 1 !important;
			flex-shrink: 1 !important;
		}
		
		.justify-content-xl-start {
			-ms-flex-pack: start !important;
			justify-content: flex-start !important;
		}
		
		.justify-content-xl-end {
			-ms-flex-pack: end !important;
			justify-content: flex-end !important;
		}
		
		.justify-content-xl-center {
			-ms-flex-pack: center !important;
			justify-content: center !important;
		}
		
		.justify-content-xl-between {
			-ms-flex-pack: justify !important;
			justify-content: space-between !important;
		}
		
		.justify-content-xl-around {
			-ms-flex-pack: distribute !important;
			justify-content: space-around !important;
		}
		
		.align-items-xl-start {
			-ms-flex-align: start !important;
			align-items: flex-start !important;
		}
		
		.align-items-xl-end {
			-ms-flex-align: end !important;
			align-items: flex-end !important;
		}
		
		.align-items-xl-center {
			-ms-flex-align: center !important;
			align-items: center !important;
		}
		
		.align-items-xl-baseline {
			-ms-flex-align: baseline !important;
			align-items: baseline !important;
		}
		
		.align-items-xl-stretch {
			-ms-flex-align: stretch !important;
			align-items: stretch !important;
		}
		
		.align-content-xl-start {
			-ms-flex-line-pack: start !important;
			align-content: flex-start !important;
		}
		
		.align-content-xl-end {
			-ms-flex-line-pack: end !important;
			align-content: flex-end !important;
		}
		
		.align-content-xl-center {
			-ms-flex-line-pack: center !important;
			align-content: center !important;
		}
		
		.align-content-xl-between {
			-ms-flex-line-pack: justify !important;
			align-content: space-between !important;
		}
		
		.align-content-xl-around {
			-ms-flex-line-pack: distribute !important;
			align-content: space-around !important;
		}
		
		.align-content-xl-stretch {
			-ms-flex-line-pack: stretch !important;
			align-content: stretch !important;
		}
		
		.align-self-xl-auto {
			-ms-flex-item-align: auto !important;
			align-self: auto !important;
		}
		
		.align-self-xl-start {
			-ms-flex-item-align: start !important;
			align-self: flex-start !important;
		}
		
		.align-self-xl-end {
			-ms-flex-item-align: end !important;
			align-self: flex-end !important;
		}
		
		.align-self-xl-center {
			-ms-flex-item-align: center !important;
			align-self: center !important;
		}
		
		.align-self-xl-baseline {
			-ms-flex-item-align: baseline !important;
			align-self: baseline !important;
		}
		
		.align-self-xl-stretch {
			-ms-flex-item-align: stretch !important;
			align-self: stretch !important;
		}
		
	}
	
	.w-100 {
		width: 100% !important;
	}
	
	.d-none {
	  display: none !important;
	}

	.d-inline {
	  display: inline !important;
	}

	.d-inline-block {
	  display: inline-block !important;
	}

	.d-block {
	  display: block !important;
	}

	.d-table {
	  display: table !important;
	}

	.d-table-row {
	  display: table-row !important;
	}

	.d-table-cell {
	  display: table-cell !important;
	}

	.d-flex {
	  display: -ms-flexbox !important;
	  display: flex !important;
	}

	.d-inline-flex {
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important;
	}

	@media (min-width: 576px) 
	{
		
		.d-sm-none {
			display: none !important;
		}
	  
		.d-sm-inline {
			display: inline !important;
		}
	  
		.d-sm-inline-block {
			display: inline-block !important;
		}
	  
		.d-sm-block {
			display: block !important;
		}
	  
		.d-sm-table {
			display: table !important;
		}
	  
		.d-sm-table-row {
			display: table-row !important;
		}
	  
		.d-sm-table-cell {
			display: table-cell !important;
		}
	  
		.d-sm-flex {
			display: -ms-flexbox !important;
			display: flex !important;
		}
	  
		.d-sm-inline-flex {
			display: -ms-inline-flexbox !important;
			display: inline-flex !important;
		}
	  
	}

	@media (min-width: 768px) 
	{
		
		.d-md-none {
			display: none !important;
		}
		
		.d-md-inline {
			display: inline !important;
		}
		
		.d-md-inline-block {
			display: inline-block !important;
		}
		
		.d-md-block {
			display: block !important;
		}
		
		.d-md-table {
			display: table !important;
		}
		
		.d-md-table-row {
			display: table-row !important;
		}
		
		.d-md-table-cell {
			display: table-cell !important;
		}
		
		.d-md-flex {
			display: -ms-flexbox !important;
			display: flex !important;
		}
		
		.d-md-inline-flex {
			display: -ms-inline-flexbox !important;
			display: inline-flex !important;
		}
		
	}

	@media (min-width: 992px) 
	{
		
		.d-lg-none {
			display: none !important;
		}
		
		.d-lg-inline {
			display: inline !important;
		}
		
		.d-lg-inline-block {
			display: inline-block !important;
		}
		
		.d-lg-block {
			display: block !important;
		}
		
		.d-lg-table {
			display: table !important;
		}
		
		.d-lg-table-row {
			display: table-row !important;
		}
		
		.d-lg-table-cell {
			display: table-cell !important;
		}
		
		.d-lg-flex {
			display: -ms-flexbox !important;
			display: flex !important;
		}
		
		.d-lg-inline-flex {
			display: -ms-inline-flexbox !important;
			display: inline-flex !important;
		}
		
	}

	@media (min-width: 1200px)
	{
	
		.d-xl-none {
			display: none !important;
		}
	  
		.d-xl-inline {
			display: inline !important;
		}
	  
		.d-xl-inline-block {
			display: inline-block !important;
		}
	 
		.d-xl-block {
			display: block !important;
		}
		
		.d-xl-table {
			display: table !important;
		}
		
		.d-xl-table-row {
			display: table-row !important;
		}
		
		.d-xl-table-cell {
			display: table-cell !important;
		}
		
		.d-xl-flex {
			display: -ms-flexbox !important;
			display: flex !important;
		}
		
		.d-xl-inline-flex {
			display: -ms-inline-flexbox !important;
			display: inline-flex !important;
		}
		
	}	
	
/*---------------------------------------------------------------------------*\
	TYPOGRAPHY
\*---------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------*\
		Font Size
	\*---------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------*\
			Font Size - Root
		\*---------------------------------------------------------------------------*/
			/*Set up Responsive Root font sizes*/
			/* Older browsers */
			html { 
				font-size: 15px; 
			}
				
			/*Make sure body is not overwriting html root font size*/
			body { 
				font-size: 1em; 
			}
			
		/*---------------------------------------------------------------------------*\
			Font Size - Mobile
		\*---------------------------------------------------------------------------*/
			h1{
				font-size: 2.488rem;
			}
					
			h2{
				font-size: 2.074rem;
			}
			
			h3{
				font-size: 1.728rem;
			}
			
			h4{
				font-size: 1.44rem;
			}
					
			li,
			p,
			.button{
				font-size: 1rem;
			}
					
			a, 
			span,
			i{
				font-size: inherit;
			}
				
			.small{
				font-size: 0.8rem
			}
			
			/*---------------------------------------------------------------------------*\
				Font Size - Mobile - Special sizes
			\*---------------------------------------------------------------------------*/
				/* Title Area - e.q. of a H4 */
				.title-area h1{
					font-size: 1.125rem;
				}
				
				.loading-overlay p,
				.loading-overlay i{
					font-size: 1.5rem;
				}
				
				.spaces-left-wrp .amount{
					font-size: 1.5rem;
				}
					
				.spaces-left-wrp .label{
					font-size: 1rem;
				}
				
				.app-main-title{
					font-size: 1.728rem;
				}
				
		/*---------------------------------------------------------------------------*\
			Font Size - Tablets/Laptops
		\*---------------------------------------------------------------------------*/
			@media(min-width:767px)
			{
				h1{
					font-size: 3.052rem;
				}
					
				h2{
					font-size: 2.441rem;
				}
			
				h3{
					font-size: 1.953rem;
				}
			
				h4{
					font-size: 1.563rem;
				}
				
				li,
				p,
				.button{
					font-size: 1rem;
				}
					
				a, 
				span,
				i{
					font-size: inherit;
				}
				
				.small{
					font-size: 0.833rem;
				}
					
				/*---------------------------------------------------------------------------*\
					Font Size - Tablets/Laptops - Special Sizes
				\*---------------------------------------------------------------------------*/
					.loading-overlay p,
					.loading-overlay i{
						font-size: 2rem;
					}
					
					.spaces-left-wrp .amount{
						font-size: 1.7rem;
					}
					
					.spaces-left-wrp .label{
						font-size: 1.1rem;
					}
					
					.app-main-title{
						font-size: 2.441rem;
					}
			}
			
		/*---------------------------------------------------------------------------*\
			Font Size - Desktop
		\*---------------------------------------------------------------------------*/
				
			@media(min-width:1170px)
			{
				h1{
					font-size: 4.209rem;
				}
					
				h2{
					font-size: 3.157rem;
				}
			
				h3{
					font-size: 2.369rem;
				}
			
				h4{
					font-size: 1.777rem;
				}
				
				h5{
					font-size: 1.333rem;
				}
					
				li,
				p,
				.button{
					font-size: 1rem;
				}
					
				a, 
				span,
				i{
					font-size: inherit;
				}
					
				.small{
					font-size: 0.8rem;
				}
					
				/*---------------------------------------------------------------------------*\
					Font Size - Desktop - Special Sizes
				\*---------------------------------------------------------------------------*/
					.loading-overlay p,
					.loading-overlay i{
						font-size: 3rem;
					}
					
					.spaces-left-wrp .amount{
						font-size: 2rem;
					}
					
					.spaces-left-wrp .label{
						font-size: 1.3rem;
					}
					
					.app-main-title{
						font-size: 2.6rem;
					}
			}
				
		/*---------------------------------------------------------------------------*\
			Margin Spacing
		\*---------------------------------------------------------------------------*/
			h1,
			h2,
			h3,
			h4,
			p{
				margin:5px 0;
			}
				
		/*---------------------------------------------------------------------------*\
			Font Color
		\*---------------------------------------------------------------------------*/
			h1{
				color:#1d62aa;
			}
					
			h2{
				color:#091f36;
			}
			
			h3{
				color: #333333;
			}
			
			h4{
				color: #595959;
			}
			
			h5{
				color: #555555;
			}
					
			li,
			p,
			a,
			i{
				color: #444444;
			}
			
			
			/*---------------------------------------------------------------------------*\
				Font Color - Light
			\*---------------------------------------------------------------------------*/	
				.light h1,
				.light h2{
					color:#ffffff !important; 
				}
			
				.light h3{
					color:#eaeaea !important; 
				}
				
				.light h4,
				.light h5,
				.light p,
				.light li,
				.light a{
					color:#e1e1e1 !important; 
				}
				
				.light .button a{
					border: 2px #ffffff solid !important;
					background-color: transparent;
				}
				
				.light .button a:hover{
					border: 2px #ffffff solid !important;
				}
				
		/*---------------------------------------------------------------------------*\
			Font Family
		\*---------------------------------------------------------------------------*/
			h1, 	
			h2{
				font-family: 'Open sans', sans-serif;
			}
			
			h3,
			h4, 
			p{
				font-family: 'Open sans', sans-serif;
			}
			
			a, 
			span{
				font-family: inherit;
			}

		/*---------------------------------------------------------------------------*\
			Links
		\*---------------------------------------------------------------------------*/
			a{
				text-decoration:none;
				font-weight: inherit;
				color: #333333;
			}
			
			a:hover{
				color: #333333;
				text-decoration:none;
				outline:none;
				cursor: pointer;
			}
		
		/*---------------------------------------------------------------------------*\
			Line Height
		\*---------------------------------------------------------------------------*/	
			.spaces-left-wrp p{
				line-height: 1.3;
			}

	/*---------------------------------------------------------------*\
		Loading Overlay
	\*---------------------------------------------------------------*/			
		.loading-overlay{
			position: fixed;
			background-color: rgba(0,0,0,0.90);
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 999999999999999999999999;
			display:none;
		}
		
		.loading-overlay .loading-text-wrp{
			display:table;
			height:100%;
			width:100%;
		}
		
		.loading-overlay .loading-text{
			display:table-cell;
			vertical-align: middle;
			width:100%;
			text-align: center;
		}
		
		.loading-overlay p,
		.loading-overlay i{
			color: #fff;
		}
		
		/*Loading - 3 dots*/
		@keyframes blink {
			0% {
			  opacity: 0.1;
			  transform: scale(0.9);
			}
			20% {
			  opacity: 1;
			  transform: scale(1.3);
			}
			100% {
			  opacity: 0.1;
			  transform: scale(0.9);
			}
		}

		.loading-text p span {
			display: inline-block;
			animation-name: blink;
			animation-duration: 1.2s;
			animation-iteration-count: infinite;
			animation-fill-mode: both;
		}

		.loading-text p span.second {
			animation-delay: .2s;
		}

		.loading-text p span.third {
			animation-delay: .4s;
		}
	
	/*---------------------------------------------------------------*\
		Dialog
	\*---------------------------------------------------------------*/	
		.ui-dialog{
			padding: 0 !important;
		} 
		
		.ui-dialog .ui-dialog-titlebar {
			border-radius: 0;
			margin-bottom: 25px;
			background-color: #346633;
			border: none;
		}
		
		.ui-dialog .ui-dialog-buttonpane{
			margin: 0 10px;
		}
		
		.ui-dialog .ui-dialog-buttonpane button{
			border: 2px solid #346633;
			background-color: #346633;
			color: #ffffff;
			transition: 0.4s;
		}
		
		.ui-dialog .ui-dialog-buttonpane button:focus{
			outline: none;
		}
		
		.ui-dialog .ui-dialog-buttonpane button:hover{
			background-color: transparent;
			color: #346633;
		}
		
		.ui-dialog .ui-dialog-content{
			padding: 0 15px;
			margin-bottom: 25px;
			min-height: 1em !important;
		}
		
/*---------------------------------------------------------------*\
	PAGINATION
\*---------------------------------------------------------------*/		
	.pagination-wrapper{
		margin-bottom: 15px;
	}
	
	.pagination-wrapper li{
		display:inline-block;
	}
	
	.pagination-wrapper ul{
		padding:0;
		margin: 0;
	}
	
	.pagination-wrapper li a{
		padding: 5px 15px;
		background-color: #333333;
		border: 1px solid #333333;
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		border-radius: 2px;
	}
	
	.pagination-wrapper li a:hover{
		background-color: #fff;
		color: #333333;
	}
	
	.pagination-wrapper li a:hover i{
		color: #333333;
	}
	
	.pagination-wrapper li a i{
		color: #ffffff;
	}
	
	.pagination-wrapper li.current-page a{
		background-color: #ffffff;
		color: #333333;
	}
	
	.pagination-wrapper .disabled{
		opacity: 0.5;
	}
	
	.pagination-wrapper li.disabled a:hover{
		background-color: #333333;
		color: #fff;
	}
	
	.pagination-wrapper li.disabled a:hover i{
		color: #fff;
	}

/*-------------------*\
	App Title
\*-------------------*/
	#app-container .app-title-wrp{
		margin-bottom: 25px;
	}
	
	.title-wrp.main{
		margin-bottom: 20px;
	}
	
	
/*-------------------*\
	App Headline
\*-------------------*/
	#app-container h2.app-headline{
		margin-bottom: 5px;
	}

/*-------------------*\
	App Note
\*-------------------*/
	#app-container .app-note{
		margin: 0;
		color: #595959;
	}
	
/*-------------------*\
	App Content
\*-------------------*/


/*-------------------*\
	Event Block
\*-------------------*/
	.event-block{
		padding: 25px;
		margin: 10px;
		background-color: #f9fafb;
		border-left: 10px solid #346633;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.event-block .text-wrp{
		flex-grow: 1;
	}

	.event-block .title-wrp h4{
		color: #346633;
		font-weight: 800!important;
        font-size: 1.3rem;
	}
	
	.event-block .button a{
		width: auto;
	}

	.event-block .full{
		padding: 7px 18px;
		background-color: #cc0000;
		display: inline-block;
		width: auto;
		margin-top: 15px;
		
	}

	.event-block .full-text{
		color: #ffffff;
	}

	.event-block .full:hover{
		cursor: default;
	}

/*-------------------*\
	Error Block
\*-------------------*/
	.error-wrp.simple{
		padding: 30px 15px;
		margin: 20px 0;
		background-color: #bb0000;
	}
	
	.error-wrp.simple *{
		color: #ffffff;
	}
	
	.error-wrp.simple a{
		text-decoration: underline;
		font-weight: bold;
	}

	
/*-------------------*\
	Shadow Box
\*-------------------*/
	.shadow-box{
		margin-top: 25px;
		padding: 25px;
		background-color: #ffffff;
		border: 1px #ddd solid;
		box-shadow: 10px 10px #333;
	}

	
/*-------------------*\
	Button
\*-------------------*/
	div.button{
		width:auto;
		margin-top: 0;
		margin-bottom: 15px;
		display: inline-block;
		margin-right: 5px;
	}
	
	.button a{
	  display: inline-block;
	  text-align: center;
	  padding:7px 18px;
	  border: 2px #346633 solid;
	  color: #ffffff;
	  background-color:#346633;
	  cursor: pointer;
	  width:auto;
	  border-radius: 2px;
	}
	
	.button i, .button i.small, .button a.small{
		color: #ffffff;
	}
	.button a:hover i{
		color: #346633;
	}
	
	.button a span {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.4s;
		font-family: 'Open sans', sans-serif;
		letter-spacing: 1px;
	}
	
	.button a span i{
		color: #ffffff;
	}
	
	.button a:hover span i{
		color: #346633;
	}
	
	.button a span:after {
		content: '»';
		position: absolute;
		opacity: 0;
		top: 0;
		right: -20px;
	}
	
	.button a:hover  span {
		padding-right: 20px;
	}
	
	.button a:hover span:after {
		opacity: 1;
		right: 0;
	}
	
	.button a:hover{
		background-color:transparent;
		color:#346633;	
	}
	
	.button a.disabled:hover{
		background-color:#346633;
		color:#fff;	
	}
	
	.button a span.back:before {
		content: '«';
		position: absolute;
		opacity: 0;
		top: 0;
		left: -5px;
		text-align: left !important;
	}
	
	.button a:hover  span.back {
		padding-left: 20px;
	}
	
	.button a:hover span:before {
		opacity: 1;
		right: 0;
	}
	
	.button a span.back:after {
		content: '';
		position: absolute;
		opacity: 0;
		top: 0;
		right: 0;
	}
	
	.button a:hover  span.back {
		padding-right: 0;
	}
	
	.button a:hover span.back:after {
		opacity: 0;
		right: 0;
	}
	
	.button i{
		display:inline-block;
		margin-right: 10px;
	}
	
	.button a{
		color: #fff;
		font-family: 'Open Sans', sans-serif;
	}
	
	a.ui.icon.button.search-button{
		transition: 0.4s;
		border: 2px solid #346633;
	}
	
	a.ui.icon.button.search-button i{
		margin-right: 5px !important;
		display: inline-block;
	}
	a.ui.icon.button.search-button:hover{
		background-color: transparent;
		color: #346633;
	}
	a.ui.icon.button.search-button:hover i, a.ui.icon.button.search-button:hover a{
		color: #346633;
	}
	
	.button.red a{
		background-color:#bb0000;
		border: 2px #bb0000 solid;
	}
	
	.button.red a:hover{
		color:#bb0000;
	}
	
	.button.red a.disabled:hover{
		background-color:#bb0000;
		border: 2px #bb0000 solid;
	}
	
	.button a.disabled{
		opacity: 0.6;
	}
	
	.button a.disabled:hover{
		cursor: not-allowed;
	}
	
	.button a.disabled span:after,
	.button a.disabled span.back:before,
	.button a.disabled span.back:after{
		display:none;
	}
	
	.button a.disabled:hover span {
		padding: 0!important;
	}
	
	


/*------------------------*\
	App
\*------------------------*/
	
	.app-wrp{
		margin-bottom: 80px;
	}
	
	.app-wrp section{
		margin-bottom: 20px;
	}
	
	.app-wrp.error{
		margin-top: 30px;
	}
	
	.app-wrp section.margin-bottom-small{
		margin-bottom: 15px;
	}
	
	.app-wrp section.margin-top-small{
		margin-top: 15px;
	}
	
	.app-component{
		margin-bottom: 15px;
	}
	
	.app-ta{
		margin-top: 30px;
	}
	
	.app-msg-wrp{
		margin-bottom: 15px;
	}
	
	.app-section{
		padding-bottom: 20px;
	}

    .app-section.no-padding{
        padding: 0;
    }
	
	.app-section.underline{
		border-bottom: 1px solid #ccc;
	}
	
	.app-title-wrp.underline{
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	
	.app-title-wrp.green h2,
	.app-title-wrp.green h3,
	.app-title-wrp.green h4{
		color: #346633;
	}
	
	.app-spacer{
		width:1px;
		height: 30px;
	}
	
	.pricing-spacer{
		height: 20px;
		width: 1px;
	}
	
	.amount-in-cart{
		font-size: 0.9em;
		font-weight: bold;
	}
	
/*------------------------*\
	App Button
\*------------------------*/	
	.app-button{
		width:auto;
		margin-top: 0;
		margin-bottom: 15px;
		display: inline-block;
		margin-right: 5px;
	}
	
	.app-button a{
		background-color: #346633;
		color: #fff;
		border: 2px solid #346633;
		border-radius: 2px;
		display:inline-block;
		width: auto;
		padding: 7px 18px;
	}
	
	.app-button a i{
		color: #fff;
		display:inline-block;
		margin-right: 7px;
	}
	
	
	.app-button a:hover{
		background-color: transparent;
		color: #346633;
	}
	
	.app-button a:hover i{
		color: #346633;
	}
	
	.app-button.rotate-icon a:hover i{
		-webkit-animation:spin-icon 1s linear infinite;
		-moz-animation:spin-icon 1s linear infinite;
		animation:spin-icon 1s linear infinite;
	}
	
	@-moz-keyframes spin-icon { 
		100% { 
			-moz-transform: rotate(360deg); 
		} 
	}
	@-webkit-keyframes spin-icon { 
		100% { 
			-webkit-transform: rotate(360deg); 
		} 
	}
	@keyframes spin-icon { 
		100% { 
			-webkit-transform: rotate(360deg); 
			transform:rotate(360deg); 
		} 
	}
	
/*------------------------*\
	Steps
\*------------------------*/
	.steps-wrp{
		border-bottom: #ccc 1px solid;
		margin-bottom: 0;
		background-color: #fff;
	}
	
	.steps-wrp.current-step-complete{
		display:none;
	}
	
	.steps-wrp .steps-content{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin: 7px 0;
	}
	
	.steps-wrp .seperator{
		display:none;
	}
	
	.steps-wrp .step{
		position:relative;
		min-width: 60px;
	}
	
	.steps-wrp .step span.check{
		display:none;
	}
	
	.steps-wrp .step .number-wrp{
		background-color: #f5f6f7;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		margin: 5px auto;
		position: relative;
		border: 1px solid #ccc;
	}
	
	.steps-wrp .step .number-wrp p{
		display: none;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 1.3rem;
		font-weight: 900;
		line-height: 1;
	}
	
	.steps-wrp .step .number-wrp i{
		font-size: inherit;
	}
	
	.steps-wrp .step .label{
		display:none;
		text-align: center;
	}
	
	.steps-wrp .step .label p {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.7rem;
	}
	
	.steps-wrp .step.active,
	.steps-wrp .step.complete{
		opacity: 1;
	}
	
	/*Step - Active*/
	.steps-wrp .step.active .number-wrp{
		border: #43a23c 2px solid;
		width: 35px;
		height: 35px;
	}
	
	.steps-wrp .step.active .number-wrp p{
		display:block;
	}
	
	.steps-wrp .step.active .label{
		display: block;
	}
	
	/*Step - Complete*/
	.steps-wrp .step.complete .number-wrp{
		background-color: #43a23c;
	}
	
	.steps-wrp .step.complete .number-wrp p{
		color: #fff;
	}
	
	.steps-wrp .step.complete .number-wrp p span.number{
		display:none;
	}
	
	.steps-wrp .step.complete .number-wrp p span.check{
		display:inline-block;
	}
	
	@media(min-width: 767px)
	{
		.steps-wrp .steps-content{
			margin: 15px 0;
		}
		
		.steps-wrp .step{
			position:relative;
			width: 120px;
		}
		
		.steps-wrp .step.inactive{
			opacity: 0.5;
		}
		
		.steps-wrp .step .number-wrp,
		.steps-wrp .step.active .number-wrp{
			width: 40px;
			height: 40px;
		}
		
		.steps-wrp .step .number-wrp p{
			display: block;
		}
		
		.steps-wrp .step .label{
			display: block;
			text-align: center;
		}
		
		.steps-wrp .step .label p{
			font-size: 0.9rem;
		}
		
		.steps-wrp .seperator{
			display: block;
			position:absolute;
			top:40%;
			right:-40%;
			transform: translateY(-50%);
		}
		
		.steps-wrp .seperator i{
			font-size: 1.4em;
		}
		
		.steps-wrp .step.has-seperator{
			margin-right: 70px;
		}
	}
	
/*-----------------------------*\
	Step 1 - Select course
\*-----------------------------*/
	/*Search*/
	.search-form-wrp {
		width:100%;
		max-width: 600px;
	}

	.search-form-wrp #appSearch .button{
		background-color: #346633;
		color: #fff;
		border: 2px solid #346633;
		border-radius: 0 2px 2px 0;
	}
	
	.search-form-wrp #appSearch .button:hover{
		background-color: transparent;
		color: #346633;
	}
	
	.search-form-wrp #appSearch .button i{
		color: inherit;
	}
	
	/*Filter*/
	.filter-wrp .filter-btn-wrp{
		margin-top: 15px;
	}
	
	.filter-wrp .filter-btn-wrp .ui.button{
		background-color: #346633;
		color: #fff;
		border: 2px solid #346633;
	}
	
	.filter-wrp .filter-btn-wrp .ui.button:hover{
		background-color: transparent;
		color: #346633;
	}
	
	.filter-wrp .ui.dividing.header{
		margin-bottom: 0;
	}
	
	.filter-wrp label{
		margin-top: 10px;
		margin-bottom: 5px;
	}

    div.course-filter-btn{
        margin: 0 0 7px 0!important;
    }

    .course-filter-btn p{
        font-size: 0.95rem;
        text-decoration: underline;
        color: #346633;
        line-height: 1.3;
    }

    .course-filter-btn:hover{
        cursor:pointer;
    }

    .filters-wrp{
        padding: 15px 10px;
        margin: 0 15px;
        background-color: #efefef;
    }

    .filters-wrp.open .up,
    .filters-wrp.closed .down{
        display: inline-block;
    }

    .filters-wrp.closed .up,
    .filters-wrp.open .down{
        display: none;
    }

    .filter-content{
        margin-top: 15px;
    }

    .filter-divider{
        border-bottom: 1px solid #999;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .filters-wrp .search-form-wrp{
        margin:0;
    }

    @media(min-width:992px){

        .filters-wrp{
            padding: 0;
            margin: 0;
            border: none;
            background-color: transparent;
        }

        .filter-content{
            margin-top: 0;
        }

        .hide-desktop{
            display:none;
        }

        div.course-filter-btn{
            padding: 5px 15px;
            background-color: #346633;
            margin: 5px 5px 0 0 !important;
            border-radius: 3px;
        }

        .course-filter-btn p{
            color: #fff;
            font-size: 0.95rem;
            text-decoration: none;
        }

    }
	
	
	
/*---------------------------*\
	Step 2 - Course Details
\*---------------------------*/
	
	.app-wrp.s2 .course-detail{
		margin-bottom: 15px;
	}
	
	.app-wrp.s2 .course-detail:last-child{
		margin-bottom: 0;
	}
	
	.app-wrp.s2 .course-title-wrp{
		margin-bottom: 5px;
	}
	
	.app-wrp.s2 .course-title-wrp h3{
		font-weight: 300;
		font-family: 'Poppins', sans-serif;
		color: #346633;
	}
	
	.app-wrp.s2 .spaces-left-wrp{
		display:inline-block;
		width: auto;
		padding: 10px;
		margin-bottom: 20px; 
		border: 2px solid #346633;
	}
	
	.app-wrp.s2 .spaces-left-wrp p{
		display:inline-block;
	}

	.app-wrp.s2 .spaces-left-wrp p span{
		width: 100%;
		display:inline-block;
		text-align: center;
	}
	
	.app-wrp.s2 .price-wrp {
		width: 100%;
		max-width: 500px;
		margin: 0 0 0 0;
		padding: 20px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	.app-wrp.s2 .price-wrp .label-col{
		text-align: left;
	}
	
	.app-wrp.s2 .price-wrp .price-col{
		text-align: right;
	}
	
	.app-wrp.s2 .note-wrp{
		margin-bottom: 10px;
	}
	
/*---------------------------*\
	Step 3 - Select Delegate
\*---------------------------*/
	.app-wrp.s3 .d-col .content-wrp,
	.app-wrp.s3 .d-wrp{
		display:flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.app-wrp.s3 .d-col .content-wrp{
		padding: 10px;
	}
	
	.app-wrp.s3 .d-wrp{
		padding: 25px;
		border-left: 10px solid #346633;
		background-color: #f9fafb;
	}
	
	.app-wrp.s3 .d-wrp .text-wrp{
		flex-grow: 1;
	}
	
	.app-wrp.s3 .d-wrp .text-wrp .d-on-course{
		line-height: 1.3;
		font-size: 0.9em;
		color: #bb0000;
		font-style: italic;
	}
	
	.app-wrp.s3 .d-name{
		margin-bottom: 0;
	}
	
	.app-wrp.s3 .d-name,
	.app-wrp.s3 .d-email,
	.app-wrp.s3 .d-button{
		text-align: left;
	}
	
	.app-wrp.s3 .delegates-wrp{
		margin-bottom: 20px;
	}
	
/*---------------------------*\
	Step 4 - Confirm
\*---------------------------*/
	.app-wrp.s4 .course-detail{
		margin-bottom: 15px;
	}
	
	.app-wrp.s4 .course-detail:last-child{
		margin-bottom: 0;
	}
	
	.app-wrp.s4 .course-title-wrp{
		margin-bottom: 5px;
	}
	
	.app-wrp.s4 .course-title-wrp h3{
		font-weight: 300;
		font-family: 'Poppins', sans-serif;
		color: #346633;
	}
	
	.app-wrp.s4 .spaces-left-wrp{
		display:inline-block;
		width: auto;
		padding: 10px;
		margin-bottom: 20px; 
		border: 2px solid #346633;
	}
	
	.app-wrp.s4 .spaces-left-wrp p{
		display:inline-block;
	}

	.app-wrp.s4 .spaces-left-wrp p span{
		width: 100%;
		display:inline-block;
		text-align: center;
	}
	
	.app-wrp.s4 .price-wrp {
		width: 100%;
		max-width: 500px;
		margin: 0 0 0 0;
		padding: 20px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	.app-wrp.s4 .price-wrp .label-col{
		text-align: left;
	}
	
	.app-wrp.s4 .price-wrp .price-col{
		text-align: right;
	}
	
	.app-wrp.s4 .note-wrp{
		margin-bottom: 10px;
	}

	
/*---------------------------*\
	Step 5 - Complete
\*---------------------------*/
	.app-wrp.sc .icon-wrp{
		margin-bottom: 25px;
	}

	.app-wrp.sc .icon-wrp i{
		font-size: 5rem;
	}
	
	.app-wrp.sc .app-content.sc{
		text-align:center;
	}
	
	.app-wrp.sc .app-buttons-wrp.sc{
		text-align:center;
	}
	
	.app-wrp.sc .app-buttons-wrp.sc .button{
		width:100%;
		margin-right: 0;
	}
	
	@media(min-width: 768px)
	{
		.app-wrp.sc .app-buttons-wrp.sc .button{
			width: auto;
			margin-right: 5px;
		}
	}
	

/*-------------------*\
	App Text
\*-------------------*/	
.app-text .app-button{
	margin-top: 20px;
}

/*-------------------*\
	Cart
\*-------------------*/

	/*Cart - General*/
	.cart-page-wrp{
		background-color: #efefef;
	}
	
	.cart-content-wrp{
		margin-top: 30px;
	}
	
	.cart-content-wrp .title-wrp.underline{
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	
	.cart-content-wrp .title-wrp.green h2,
	.cart-content-wrp .title-wrp.green h3,
	.cart-content-wrp .title-wrp.green h4{
		color: #346633;
	}
	
	.cart-content-wrp .course-link{
		color: #346633;
	}
	
	.cart-section{
		margin-bottom: 40px;
	}

	.cart-section:last-child{
		margin-bottom: 0;
	}

	.cart-section.underline{
		border-bottom: 2px solid #346633;
	}
	
	.cart-spacer{
		width:1px;
		height: 40px;
	}
	
	/*Cart - Empty*/
	.cart-items-wrp.empty{
		margin-bottom: 80px;
	}
	
	.cart-items-wrp.empty a{
		color: #346633;
		text-decoration: underline;
	}
	
	/*Cart - Notification*/
	.cart-notification{
		padding: 25px;
		margin-bottom: 20px;
	}
	
	.cart-notification .heading{
		font-size: 1.1em;
		font-weight: bold;
		color: #ffffff;
		vertical-align: middle;
	}
	
	.cart-notification .heading i{
		color: #fff;
		vertical-align: middle;
		font-size: 1.6em;
	}
	
	.cart-notification .heading .text{
		vertical-align: middle;
	}
	
	/*Cart - Notification - Items Removed*/
	.cart-notification.items-removed{
		background-color: #0276FD;
		border: 1px solid #003F87;
	}
	
	.cart-notification.items-removed .item{
		color: #ffffff;
		font-size:1em;
	}
	
	.cart-notification.items-removed .item .reason{
		font-style: italic;
	}
	
	/*Cart - Notification - Errors*/
	.cart-notification.errors{
		background-color: #cc0000;
		border: 1px solid #990000;
	}
	
	.cart-notification.errors .error{
		color: #ffffff;
		font-size:1em;
	}
	
	/*Cart - Main*/
	.cart table.ui thead.big th{
		font-size: 1.2em;
	}
	
	.cart table.ui.sharp,
	.cart table.ui.sharp *{
		border-radius: 0 !important;
	}
	
	.cart table.ui.green-style thead tr th{
		background-color: #595959;
		color: #ffffff;
	}

	.cart .cart-contents-wrp table thead{
		display: none !important;
	}
	
	/*Cart - Main - Cart Item*/
	.cart-content-wrp .cart tr.dark-row{
		background-color: #f9fafb;
	}
	
	.cart .cart-item .label{
		display:inline-block;
		width:100%;
		font-weight: bold;
	}
	
	.cart-content-wrp .cart .cart-item-detail{
		vertical-align: top;
		padding: 20px 15px;
	}
	
	.cart-content-wrp .cart .cart-item-detail a{
		text-decoration: underline;
		font-weight: bold;
		font-size: 1em;
	}
	
	.cart .cart-item p{
		margin: 5px 0;
	}
	
	.cart .cart-item .remove-cart-item{
		display: inline-block;
		margin: 10px 0;
	}
	
	.cart .cart-item .d-desktop{
		display: none;
	}
	
	/*Cart - Main - Cart Item - Event Full*/
	.cart-content-wrp .cart .ci-event-full{
		border-bottom: none;
	}
	
	.cart-content-wrp .cart .event-full td{
		border-top: none;
	}
		
	.cart-content-wrp .cart .cart-event-full{
		padding: 20px 15px;
		padding-bottom: 0;
	}
	
	.cart-content-wrp .cart .event-full-msg{
		margin: 0;
		padding: 10px;
		background-color: #FFF4CC;
		border: #FFE57F 1px solid;
		color: #000;
	}
	
	.cart .ui.table:not(.unstackable) tr.ci-event-full{
		box-shadow: none !important;
		padding-bottom: 0 !important;
	}
	
	.cart .cart-item.event-full{
		padding-top: 0 !important;
	}
	
	/*Cart - Main - Cart Buttons*/
	.cart-buttons{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.cart-buttons .app-button{
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 5px;
	}
	
	.cart-buttons .left{
		display: flex;
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	
	.cart-buttons .right{
		display: flex;
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	
	/*Cart - Main - Cart Totals*/
	.cart-totals{
		margin: 40px 0;
	}
	
	.cart-totals.remove-margin-top{
		margin-top: 0;
	}
	
	.cart-totals .totals-container{
		width: 100%;
		max-width: 500px;
	}
	
	.cart-totals .amounts-wrp{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 20px 0;
		padding: 20px 5px;
	}
	
	.cart-totals .amount-wrp {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.cart-totals .amount-wrp p{
		margin: 5px 0;
		font-size: 1.1em;
	}
	
	.cart-totals .amount-wrp p.label{
		text-align: left;
		color: #346633;
		font-weight: bold;
	}
	
	.cart-totals .amount-wrp p.amount{
		text-align: right;
	}
	
	
	@media(min-width: 992px)
	{
		.cart-totals .totals-container{
			width: 100%;
			
			margin-left: auto;
		}
	}
	
	/*Cart - Main - Checkout Button*/
	.checkout-btn-wrp{
		text-align: right;
	}
	
	/*Cart - Msg*/	
	#admin-msg .msg-box,
	#cart-msg-container .msg-box{
		max-width: 100%;
	}
	
	/*Cart - Responsive*/
	@media(min-width: 768px)
	{
		.cart .cart-contents-wrp table thead{
			display: table-header-group !important;
		}
		
		.cart .cart-item .label{
			display:none;
		}
		
		.cart-content-wrp .cart td.right *,
		.cart-content-wrp .cart th.right{
			text-align: right;
		}
		
		.cart .cart-item .d-mobile{
			display: none;
		}
		
		.cart .cart-item .d-desktop{
			display: inline-block;
		}
		
		.cart .cart-item .remove-cart-item{
			margin: 0;
		}
		
	}

	
/*-------------------*\
	Checkout
\*-------------------*/
	/*Checkout - General*/
	.checkout-page-wrp{
		background-color:#efefef;
	}	
	
	.checkout-content-wrp .title-wrp.underline{
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	
	.checkout-content-wrp .title-wrp.green h2,
	.checkout-content-wrp .title-wrp.green h3,
	.checkout-content-wrp .title-wrp.green h4{
		color: #346633;
	}
	
	.checkout-section{
		margin-bottom: 40px;
	}

	.checkout-section:first-child{
		margin-top: 10px;
	}
	
	.checkout-section:last-child{
		margin-bottom: 10px;
	}

	.checkout-section.underline{
		border-bottom: 2px solid #346633;
	}
	
	.checkout .checkout-note{
		font-size: 0.9em;
		color: #595959;
	}
	
	.checkout .note-wrp p{
		font-size: 0.9em;
		color: #595959;
		margin: 10px 0;
	}
	
	.checkout .note-wrp a{
		color: #346633;
		text-decoration: underline;
	}
	
	.checkout .submit-area-wrp{
		margin-top: 70px;
		text-align:center;
	}
	
	.checkout-content-wrp .pm-icon-wrp{
		max-width: 150px;
		margin-top: 0;
		margin-right: auto;
	}
	
	.checkout-spacer{
		width:1px;
		height: 40px;
	}
	
	/*Checkout - Notification*/
	.checkout-notification{
		padding: 25px;
		margin-bottom: 20px;
	}
	
	.checkout-notification .heading{
		font-size: 1.2em;
		font-weight: bold;
		color: #ffffff;
		vertical-align: middle;
	}
	
	.checkout-notification .heading i{
		color: #fff;
		vertical-align: middle;
		font-size: 1.6em;
	}
	
	.checkout-notification .heading .text{
		vertical-align: middle;
	}
	
	/*Checkout - Main*/
	.checkout table.ui thead.big th{
		font-size: 1.1em;
	}
	
	.checkout table.ui.sharp,
	.checkout table.ui.sharp *{
		border-radius: 0 !important;
	}
	
	.checkout table.ui.green-style thead tr th{
		background-color: #595959;
		color: #ffffff;
	}

	.checkout .cart-contents-wrp table thead{
		display: none !important;
	}
	
	/*Checkout - Main - Cart Item*/
	.checkout-content-wrp .cart tr.dark-row{
		background-color: #f9fafb;
	}
	
	.checkout .cart-item .label{
		display:inline-block;
		width:100%;
		font-weight: bold;
	}
	
	.checkout-content-wrp .cart .cart-item-detail{
		vertical-align: top;
		padding: 10px;
	}
	
	.checkout .cart-item p{
		margin: 3px 0;
		line-height: 1.6;
	}
	
	.checkout .cart-item em{
		font-size: 0.9rem;
	}
	
	.checkout .cart-item .d-desktop{
		display: none;
	}
	
	/*Checkout - Main - Cart Item - Event Full*/
	.checkout-content-wrp .cart .ci-event-full{
		border-bottom: none;
	}
	
	.checkout-content-wrp .cart .event-full td{
		border-top: none;
	}
		
	.checkout-content-wrp .cart .cart-event-full{
		padding: 20px 15px;
		padding-bottom: 0;
	}
	
	.checkout-content-wrp .cart .event-full-msg{
		margin: 0;
		padding: 10px;
		background-color: #FFF4CC;
		border: #FFE57F 1px solid;
		color: #000;
	}
	
	.checkout .ui.table:not(.unstackable) tr.ci-event-full{
		box-shadow: none !important;
		padding-bottom: 0 !important;
	}
	
	.checkout .cart-item.event-full{
		padding-top: 0 !important;
	}
	
	/*Checkout - Main - Summary Buttons*/
	.summary-buttons{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.summary-buttons .app-button{
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 5px;
	}
	
	.summary-buttons .left{
		display: flex;
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}
	
	.summary-buttons .right{
		display: flex;
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}
	
	/*Checkout - Main - Summary Totals*/
	.summary-totals{
		margin: 20px 0;
	}
	
	.summary-totals .amounts-wrp{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 20px 0;
		padding: 5px;
	}
	
	.summary-totals .amount-wrp {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.summary-totals .amount-wrp p{
		margin: 5px 0;
		font-size: 1.1em;
	}
	
	.summary-totals .amount-wrp p.label{
		text-align: left;
		color: #346633;
		font-weight: bold;
	}
	
	.summary-totals .amount-wrp p.amount{
		text-align: right;
	}
	
	/*checkout - Msg*/	
	#admin-msg .msg-box,
	#checkout-msg-container .msg-box{
		max-width: 100%;
	}
	
	
	/*checkout - Payment Section*/
	form#checkout-form input[type=submit]{
		border: 2px #346633 solid;
		color: #ffffff;
		background-color: #346633;
		cursor: pointer;
		border-radius: 2px;
		width:100%;
		max-width: 500px;
		margin: auto;
		display: inline-block;
		font-size: 1.4rem;
		padding: 12px 20px;
		transition: 0.4s;
	}
	
	form#checkout-form input[type=submit]:hover{
		background-color: transparent;
		border: 2px #346633 solid;
		color: #346633;
		cursor: pointer;
	}
	
	form#checkout-form .error-msg{
		margin-top: 3px;
		font-size: 0.8em;
	}
	
	/*Checkout - Responsive*/
	@media(min-width: 768px)
	{
		.checkout .cart-contents-wrp table thead{
			display: table-header-group !important;
		}
		
		.checkout .cart-item .label{
			display:none;
		}
		
		.checkout-content-wrp .cart td.right *,
		.checkout-content-wrp .cart th.right{
			text-align: right;
		}
		
		.checkout .cart-item .d-mobile{
			display: none;
		}
		
		.checkout .cart-item .d-desktop{
			display: inline-block;
		}
	}
	
/*---------------------------------*\
	Checkout complete
\*---------------------------------*/	

	/*Checkout - complete - general*/
	.order-complete{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
	.order-complete .icon-wrp{
		font-size: 70px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.order-complete .icon-wrp i{
		color: #595959;
	}
	
	.order-complete .title-wrp,
	.order-complete .order-ref-wrp,
	.order-complete .msg-wrp,
	.order-complete .buttons-wrp{
		text-align: center;
		margin: 10px 0;
	}
	
	.order-complete .msg-wrp p{
		line-height: 2.2;
	}
	
	.order-complete .msg-wrp a{
		display: inline-block;
		margin: auto;
		text-align: center;
		font-size: 1.2em;
		text-decoration: underline;
		color: #346633;
	}
	
	/*.order-complete .divider{
		margin: 60px 0;
		height: 1px;
		background-color: #ccc;
		width: 100%;
	}*/
	
	.order-complete .divider{
		margin: 45px 0;
		border-bottom: 1px solid #cfcfcf;
		width: 100%;
	}
	
	/*Checkout - complete - success*/
	
	/*Checkout - complete - fail*/
	.order-complete.error .icon-wrp i{
		color: #990000;
	}
	
	.order-complete.error h2{
		color: #797979;
	}
	
/*-------------------*\
	MSG Box
\*-------------------*/
.msg-box{
	padding: 30px 15px;
	background-color: #595959;
	border: 1px solid #ccc;
	margin-bottom: 25px;
	width: 100%;
	max-width: 600px;
	position:relative;
}

.msg-box p{
	margin-bottom: 5px;
	margin-top: 0;
}

.msg-box p.heading{
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.2em;
}

.msg-box a{
	text-decoration: underline;
}

.msg-box.error{
	background-color: #cc0000;
	border: 1px solid #aa0000;
}

.msg-box.error p,
.msg-box.error i,
.msg-box.error a{
	color: #ffffff;
}

.msg-box .info{
	background-color: #0276FD;
	border: 1px solid #003F87;
}

.msg-box.info p,
.msg-box.info i,
.msg-box.info a{
	color: #ffffff;
}

.msg-box.success{
	background-color: #43a23c;
	border: 1px solid #3b8f35;
}

.msg-box.success p,
.msg-box.success i,
.msg-box.success a{
	color: #ffffff;
}

.msg-box .dismiss{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.2em;
}

.msg-box .dismiss:hover{
	cursor: pointer;
}

#admin-msg .msg-box{
	margin-bottom: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
	padding-top: 40px;
	padding-bottom: 40px;
}

/*-------------------*\
	Account
\*-------------------*/
.account-content-wrp .account-content{
	margin-bottom: 70px;
}

.account-content-wrp .account-section{
	margin-bottom: 20px;
}

.account-content-wrp .account-section.underline{
	padding-bottom: 20px;
	border-bottom: 2px solid #346633;
}

.account-content-wrp .account-row{
	min-height: 70vh;
	height:100%;
}

.account-page-wrp .title-wrp.underline{
	padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.account-page-wrp .blocks-wrp{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.account-page-wrp .blocks .block{
	margin:5px;
}

.account-page-wrp .blocks .block a{
	width: 100%;
	height: 250px;
	background-color: #f9fafb;
	border: #cfcfcf 1px solid;
	display:flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.account-page-wrp .blocks .block a:hover{
	background-color: #333333;
}

.account-page-wrp .blocks .block .block-content{	
	align-self: center;
}

.account-page-wrp .blocks .block i,
.account-page-wrp .blocks .block .text{
	display: block;
	color: #333;
}

.account-page-wrp .blocks .block a:hover i,
.account-page-wrp .blocks .block a:hover .text{
	color: #ffffff;
}

.account-page-wrp .blocks .block i{
	font-size: 3em;
	margin-bottom: 10px;
}

.account-page-wrp .blocks .block .text{
	font-size: 1.2em;
}

.account-content-wrp .content-wrp.sidebar,
.account-content-wrp .content-wrp.sidebar aside,
.account-content-wrp .content-wrp.sidebar .account-sidebar-wrp,
.account-content-wrp .content-wrp.sidebar ul{
	height: 100%;
}

.account-page-wrp .account-sidebar-wrp  ul{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-right: auto;
}

.account-page-wrp .account-sidebar-wrp > ul{
	margin:0;
	border: #ccc solid 1px;
	border-top-width: 0;
	border-bottom-width: 0;
}

.account-page-wrp .account-sidebar-wrp ul a{
	display: block;
	padding: 25px 20px;
	background-color: #ffffff;
	font-size: 1.1em;
	border-bottom: #ccc solid 1px;
}

.account-page-wrp .account-sidebar li:first-child a{
	border-top: #ccc solid 1px;
}

@media(min-width:992px)
{
	.account-page-wrp .account-sidebar li:first-child a{
		border-top: none;
	}
}

.account-page-wrp .account-sidebar-wrp ul a i{
	display: inline-block;
	margin-right: 5px;
	transition: 0.4s;	
}

.account-page-wrp .account-sidebar-wrp ul.sub-menu a{
	display: block;
	padding: 20px 20px 20px 40px;
	background-color: #f2f2f2;
}

.account-page-wrp .account-sidebar-wrp ul a:hover{
	background-color: #212121;
	color: #fff;
}

.account-page-wrp .account-sidebar-wrp ul a:hover i{
	color: #fff;
}

.account-page-wrp .account-sidebar-wrp ul a:hover i.fa-plus{
	transform: rotate(90deg);
}

.account-page-wrp .content-wrp.main{
	padding: 25px;
}

.account-page-wrp .a-title-wrp{
	margin-bottom: 15px;
}

.account-page-wrp .a-title-wrp h3{
	margin-bottom: 5px;
}

.account-page-wrp .a-title-wrp.main{
	margin-bottom: 20px;
}

.account-page-wrp .account-carousel{
	margin: 20px 0;
}

.account-page-wrp .app-buttons-wrp{
	margin-bottom: 20px;
}

.account-page-wrp .d-col .content-wrp{
	padding: 10px;
}

.account-page-wrp .d-wrp{
	padding: 25px;
	border-left: 10px solid #346633;
	background-color: #f9fafb;
}
.account-page-wrp .d-name{
	margin-bottom: 0;
}

.account-page-wrp .d-name,
.account-page-wrp .d-email,
.account-page-wrp .d-button{
	text-align: left;
}

.account-page-wrp .delegates-wrp{
	margin-bottom: 20px;
}

.account-page-wrp .delegates-wrp.no-delegates{
	margin-top: 30px;
}

.account-page-wrp .d-email{
	margin-bottom: 20px;
}

.account-page-wrp .instruction-text-wrp{
	margin: 20px 0;
}

.account-page-wrp .account-form{
	margin-bottom: 70px;
}

.account-page-wrp .account-form input[type=submit]{
	margin-top: 20px;
	padding: 7px 18px;
    border: 2px solid #346633;
    background-color: #346633;
    color: #ffffff;
    transition: 0.4s;
}

.account-page-wrp .account-form .small{
	color: #797979;
}

.account-page-wrp .account-form input[type=submit]:hover{
	background-color: transparent;
    color: #346633;
    cursor: pointer;
}

.account-page-wrp .account-form .field.error label{
	color: #cc0000!important;
}

.account-page-wrp .account-form .error-msg{
	color: #cc0000;
	padding: 5px;
	font-size: 0.9rem;
	font-weight: bold;
}

.account-page-wrp .top-area{
	margin-bottom: 40px;
}

.account-page-wrp .order-wrp{
	border: 1px solid #cfcfcf;
	margin-bottom: 20px;
}

.account-page-wrp .order-wrp .top-line{
	display: flex;
	flex-direction: column;
	padding: 15px;
	background-color: #efefef; 
	align-items: start;
	border-bottom:  1px solid #cfcfcf;
}

.account-page-wrp .order-wrp .top-line p{
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 5px;
	color: #333;
	line-height: 1.6;
}

.account-page-wrp .order-wrp .order-details{
	padding: 15px;
	
}

.account-page-wrp .order-wrp .order-details .heading{
	text-decoration: underline;
	margin-bottom: 10px;
}

.account-page-wrp .order-wrp .order-lines{ 
	margin-bottom: 20px;
}

.account-page-wrp .order-wrp .order-totals{
	margin-bottom: 10px;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 20px 5px;
	max-width: 500px;
	width: 100%;
}

.account-page-wrp .order-wrp .order-totals .line{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.account-page-wrp .order-wrp .order-totals .line p{
	margin: 0 5px;
}

.account-page-wrp .order-wrp .order-totals .line .label{
	font-weight: bold;
}

.account-page-wrp .order-wrp .order-totals .line .amount{
	text-align: right;
}

.account-page-wrp #load-more-wrp{
	text-align: center;
	margin: 40px 0;
}

.account-page-wrp #load-more-wrp .button{
	display: block;
}

.account-page-wrp #load-more-wrp a{
	display: inline-block;
	width: 100%;
	max-width: 250px;
	margin: auto;
}

.account-page-wrp .no-more-orders{
	text-align: center;
	margin: 30px 0;
}	

@media(min-width:762px)
{
	.account-page-wrp .order-wrp .top-line
	{
		flex-direction: row;
	}
	
	.account-page-wrp .order-wrp .top-line p{
		margin: 0 25px 0 0;
	}
}

.account-page-wrp .account-content.view-order .a-title-wrp.main{
	margin-bottom: 5px;
}

.account-page-wrp .account-content.view-order .order-status-wrp{
	margin: 10px 0;
}

.account-page-wrp .account-content.view-order .divider{
	margin: 20px auto;
	width: 100%;
	height: 2px;
	background-color: #346633;
}

.account-page-wrp .account-content.view-order .divider.bookings{
	margin: 5px 0;
	width: 100%;
	max-width: 300px;
}

.account-page-wrp .account-content.view-order .order-details.top span{
	display:inline-block;
	margin-bottom: 10px;
}

.account-page-wrp .account-content.view-order .order-details.top,
.account-page-wrp .account-content.view-order .order-lines-wrp,
.account-page-wrp .account-content.view-order .order-line-wrp{
	margin: 20px 0;
}

.account-page-wrp .account-content.view-order .order-lines-wrp{
	margin-bottom: 50px;
}

.account-page-wrp .account-content.view-order .order-line-wrp{
	border: 1px solid #cfcfcf;
}

.account-page-wrp .account-content.view-order .order-line-wrp .top,
.account-page-wrp .account-content.view-order .order-line-wrp .bottom{
	padding: 15px;
}

.account-page-wrp .account-content.view-order .order-line-wrp .top{
	background-color: #efefef;
	border-bottom: 1px solid #cfcfcf;
}

.account-page-wrp .account-content.view-order .order-line-wrp .course-wrp,
.account-page-wrp .account-content.view-order .order-line-wrp .sessions-wrp{
	margin-bottom: 20px;
}

.account-page-wrp .account-content.view-order .title{
	color: #346633;
	font-weight: 300;
	margin-bottom: 0;
}

.account-page-wrp .account-content.view-order .order-line-wrp .course-title{
	font-size: 1.3em;
}

.account-page-wrp .account-content.view-order .totals-wrp{
	margin: 20px 0;
	padding: 20px 15px;
	max-width: 400px;
	width:100%;
	border-top: #cfcfcf 1px solid; 
	border-bottom: #cfcfcf 1px solid; 
}

.account-page-wrp .account-content.view-order .totals-wrp.order{
	max-width: 600px;
}

.account-page-wrp .account-content.view-order .totals-wrp .price-col{
	text-align: right;
}

.account-page-wrp .account-content.view-order .totals-wrp .label-col p{
	color: #346633;
}

.account-page-wrp .account-content.upcoming-event .view-order a{
	padding: 10px 15px;
	text-decoration: underline;
	color: #346633;
}

.account-page-wrp .c-wrp{
	padding: 30px;
	border: 1px dashed #346633;
	margin: 30px 0;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
}

.account-page-wrp .c-wrp h4,
.account-page-wrp .c-wrp p{
	margin: 0 0 10px 0;
}

.account-page-wrp .c-wrp h3{
	font-size: 1.7rem;
	margin: 0 0 20px 0;
	line-height: 1.7;
	font-weight:800;
	color: #346633;
}

.account-page-wrp .c-wrp h4{
	font-size: 1.3rem;
}

.account-page-wrp .c-wrp .c-status-wrp{
	padding: 7px;
	border: 3px dotted #4BB543;
	max-width: 150px;
	margin: 30px auto auto auto;
}

.account-page-wrp .c-wrp .c-status-wrp p{
	color: #4BB543;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

.account-page-wrp .c-wrp .c-status-wrp.expired{
	border-color: #cc0000;
}

.account-page-wrp .c-wrp .c-status-wrp.expired p{
	color: #cc0000;
}

.account-page-wrp .c-wrp .divider{
	max-width:300px;
	margin: 30px auto;
	border-bottom: #cfcfcf solid 1px;
}


/*-----------------------------*\
	Semantic UI Fixes
\*-----------------------------*/

	.ui.form .fields .fields{
		margin: 0;
	}
	
	.ui.form .label-fix{
		margin-top: 1.9em;
	}