/*!
	 * Start Bootstrap - Agency v5.2.2 (https://startbootstrap.com/template-overviews/agency)
	 * Copyright 2013-2019 Start Bootstrap
	 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
	 */

	body {
	  overflow-x: hidden;
	  /* font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	      color: #666;
		  font-size: 1.25rem;
		  line-height: 1.42857143;
		  font-weight: 300;
	}
	.small, small {
		    color: #999;
	}
	p {
	  margin-bottom: 1.75rem;
	}

	a {
	  color: #666;
	}

	a:hover {
	  color: #fc7c00;
	}

	.text-primary {
	  color: #fc7c00 !important;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  font-weight: 400;
	  /* font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	  line-height: 1.3;
   	 margin: 0 0 1rem 0;
	}
	.masthead h5 {
	  opacity: 0.6;
	}
	h1 span,
	h2 span {
	 color: #fc7c00;
	}
	.h1, h1 {
		font-size: 3rem;
		font-weight: 300;
	}
	.h2, h2 {
		font-size: 2.5rem;
		font-weight: 300;
	}
	.h3, h3 {
		font-size: 2rem;
	}
	section h1 {
		display: flex;
    	justify-content: space-between;
	}
	h3.package-price {
		font-size: 3.5rem;
		font-weight: 400;
		text-align: center;
		padding: 0 2rem 0 0;
		position: relative;
	}
	h3.package-price > span:first-child {
		    font-size: 0.8rem;
			vertical-align: top;
			margin: 0 -0.5rem 0 0;
	}
	h3.package-price > span:nth-child(2) {
		   text-decoration: line-through;
	}
	.package-price::before {
		content: 'Für Early Birds 24 €';
		filter: blur(0) grayscale(0) opacity(1);
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-140%) rotate(10deg) scale(0.9);
		background-color: #fff;
		color: #fc7c00;
		border: 2px solid #fc7c00;
		padding: 0.5rem 1rem;
		border-radius: 1rem;
		font-size: 2rem;
		z-index: 3;
		/* width: 29rem; */
		text-align: center;
		line-height: 2.5rem;
		white-space: nowrap;
	}
	.portfolio-item.no .package-price::before { 
		display: none;
	}
	.portfolio-item.no .package-price > span:nth-child(2) { 
		text-decoration: none;
	}
	
	.feature-list {
		margin: 1rem auto 1.5rem auto;
		width: auto;
	}
	#modalIframe {
		    width: 100%;
   		 height: 70vh;
	}
	@media (max-width: 375px) {
		h3.package-price {
			padding: 0 0 0 0;
		}
		#accordion .team-member {
			margin-bottom: 1rem;
		}
		#accordion .card-body .col-md-10 div[class*=col] {
			padding: 0;
			text-align: center;
		}
		
	}
	.logout {
		background-color: #666;
		background-image: url(/system/galleries/html/webcon/img/map-image.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.dist-ad {
		    position: absolute;
			top: 6rem;
			right: 50%;
			display: flex;
			align-items: center;
			background: linear-gradient(to right,#fc7c00 0%,#ff9f4c 100%);
			padding: 1.5rem;
			font-size: 1.8rem;
			color: #fff;
			border-radius: 50%;
			width: 13rem;
			height: 13rem;
			text-align: center;
			line-height: 2rem;
			font-weight: 600;
			transform: rotate(10deg) translateX(200%);
			cursor: default;
			z-index: 2;
			box-shadow: 1rem 0.5rem 2rem rgba(0,0,0,0.6);
	}
	.dist-ad span { 
		    font-size: 1rem;
		line-height: 2rem;
		display: block;
	}
	.dist-ad::after {
		position: absolute;
		content: '';
		  display: block;
		  position: absolute;
		  top: -1rem;
		  bottom: -1rem;
		  left: -1rem;
		  right: -1rem;
		border-radius: 50%;
	}
	.sub .dist-ad {
		top: 3rem;
	}
	.masthead .dist-ad i[class*=fa] { 
		    margin: 0 0 0 0.5rem !important;
    		font-size: 2.5rem;
			text-shadow: 0.4rem 0.1rem 0.3rem rgba(0,0,0,0.3);
	}
	.masthead.sub h2 {
		    margin-bottom: .5rem;
		font-weight: 500;
		line-height: 1.2;
	}
	ul.article-list {
		list-style-type: none;
		padding: 0 1rem 0 0;
	}
	ul.article-list li > a {
		font-weight: 400;
		color: #666;
	}
	ul.article-list li {
		margin: 0 0 1rem 0;
	}
	ul.article-list li > a > i { 
		transition: all 0.25s;
		transform: rotate(0);
	}
	ul.article-list li > a.collapsed > i { 
		transform: rotate(0); 
	}
	#themen ul > li {
		cursor: pointer;
	}
	#themen ul > li > h5 {
		 margin: 0 0 0.5rem 0;
	}
	@media (max-width: 991px) { 
		.dist-ad {
			width: 12rem;
			height: 12rem;
		}
	}
	@media (max-width: 768px) { 
		.dist-ad {
			    position: static;
			font-size: 1.5rem;
			border-radius: 0;
			width: 100vw;
			height: auto;
			transform: rotate(0);
			justify-content: space-around;
			margin: 4.4rem 0 -2rem 0;
			box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.4);
			padding: 0.5rem 1rem;
		}
		.dist-ad::after {
			display: none;
		}
		.dist-ad [class*=fa] {
			margin: 0 0 0 1rem !important;
			font-size: 1.5rem !important;
		}
	}
	
	.wc-pro.absolute {
		position: absolute;
	}
	.bg-light {
		background-color: #f2f2f2!important;
	}
	.wc-pro::before {
		content: 'PRO';
		font-size: 0.8rem;
		font-weight: 600;
		font-style: normal;
		color: #fff;
		opacity: 1;
		background: #fc7c00;
		padding: 0.2rem 0.5rem;
		border-radius: 1rem;
		vertical-align: middle;
    	margin: 0 0.5rem;
		/* font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	}
	}
	
	.feature-list li {
		margin: .25rem 0;
		text-align: left;
	}
	.page-section {
	  padding: 3rem 0;
	}
	.panel {
		background: #fff;
		padding: 3rem 2rem;
		border-radius: 1rem;
		margin: 0 5rem 2rem 5rem;
	}
	.panel [class*=col]:first-child {
		border-right: 1px solid #6c757d40;
		font-size: x-large;
	}
	.panel ul li {
		margin: 0 0 1.5rem 0;
	}
	.panel ul, .panel ul li:last-child {
		margin: 0;
	}
	
	@media (max-width: 991px) {
		.panel {
			background: #fff;
			padding: 2rem 1rem;
			border-radius: 1rem;
			margin: 0 0 1rem 0;
		}
	}
	
	@media (max-width: 767px) {
		.panel {
			background: #fff;
			padding: 1rem 0rem;
			border-radius: 1rem;
			margin: 0 0 1rem 0;
		}
		.panel [class*=col]:first-child {
			border: none;
			border-bottom: 1px solid #6c757d40;
			margin: 0 0 1rem 0;
		    text-align: center;
    		padding: 0 0 1rem 0;
		}
	}
	.page-section h2.section-heading {
	  margin-top: 0;
	  margin-bottom: 15px;
	}

	.page-section h3.section-subheading {
	  font-size: 16px;
	  font-weight: 400;
	  font-style: italic;
	  margin-bottom: 75px;
	  text-transform: none;
	  /* font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	}

	@media (min-width: 768px) {
	  section {
		padding: 150px 0;
	  }
	}
	
	::-moz-selection {
	  background: #eee;
	  text-shadow: none;
	}

	::selection {
	  background: #eee;
	  text-shadow: none;
	}

	img::-moz-selection {
	  background: transparent;
	}

	img::selection {
	  background: transparent;
	}

	img::-moz-selection {
	  background: transparent;
	}
	.team-programm-list {
		text-align: left;
	}
	.team-programm-list span {
		display:block;
	}
	.team-programm-list span.date {
		color: #fc7c00;
	}
	.team-programm-list span.theme {
		font-size: 1.25rem;
		color: #6c757d;
	}
	.btn-outline-secondary:not(:disabled):not(.disabled).active, 
	.btn-outline-secondary:not(:disabled):not(.disabled):active, 
	.show>.btn-outline-secondary.dropdown-toggle {
		color: #fff;
		background-color: #444;
		border-color: #999;
	}
	.btn {
	  /* font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	  font-weight: 500;
	  border-radius: 0.5rem;
	}
	.btn:disabled, .btn:disabled:hover {
	     background: #ddd !important;
    	border-color: #ddd !important;
	}

	.btn-xl {
	  font-size: 1.25rem;
	  padding: 0.5rem 1rem;
	}

	.btn-primary {
	  background-color: #fc7c00;
	  border-color: #fc7c00;
	  color: #fff;
	}
	
	.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	  background-color: #fc7c0099 !important;
	  border-color: #fc7c0099 !important;
	  color: white;
	}
	.btn-primary:active, .btn-primary:focus {
	  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
	}
	.btn-group, .btn-group-vertical {
		display:flex;
		margin: 1rem 0;
	}
	.btn-group, .btn-group-vertical > .btn {
		padding: 1rem;
		margin: 0 0 0.5rem 0;
	}
	.btn-group-vertical > .btn::before {
		content: '';
		height: 1rem;
		width: 1rem;
		border: 1px solid #6c757d;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 1rem;
		transform: translateY(-50%);
	}
	.btn-group-vertical > .btn.active::after {
		content: '';
		height: .5rem;
		width: .5rem;
		background: #666;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 1.25rem;
		transform: translateY(-50%);
	}
	.btn-group, .btn-group-vertical > .btn.active::before {
		background: #fff;
	}
	.btn-back {
		 margin: -1rem 0 2rem 1rem;
   		 font-size: 1.25rem;
		 font-weight: 500;
		 font-family: "museo",serif;
	}
	.btn.btn-secondary {
    	border-color: #999;
		background-color: #999;
	}
	.btn.btn-outline-secondary {
		    color: #666;
    	border-color: #666;
	}
	.page-section.logout .btn.btn-outline-secondary {
		 color: #ffffff66;
    	border-color: #ffffff66;
	}
	.page-section.logout .btn.btn-outline-secondary:hover {
		 color: #ffffff;
    	border-color: #ffffff;
		background: none;
	}
	.btn-outline-secondary:hover {
		background-color: #f2f2f2;
	}
	.cookieinfo {
		position: fixed;
		bottom: 0;
		z-index: 999;
		background: #444;
		padding: 2rem;
		color: #fff;
		display: flex;
		flex-wrap: wrap;
	}
	.cookieinfo .btn-default {
		color: #fff;
	}
	@media (max-width: 599px) { 
		.cookieinfo {
			padding: 1rem;
			text-align: center;
		}
	}
	#mainNav {
	  background-color: #fff;
	  box-shadow: 0 0 2rem #00000022;
	  padding: 0.5rem 2rem;
	}
	.embed-responsive {
		margin: 0 0 2rem 0;
		background: #000;
    	border-radius: 1rem;
	}
	.video-wrapper .embed-responsive {
		margin: 0;
    	border-radius: 2rem 2rem 0 0;
	}
	@media (max-width: 599px) {
		.masthead .embed-responsive {
			margin: -1rem -1rem 2rem -1rem;
			border-radius: 0;
			width: auto;
		}
	}
	.masthead .btn-xl {
	  width: 100%;
	  padding: 0.5rem 2rem;
	}
	.masthead .p-by {
		color: #fff;
		margin-bottom: 1rem;
	}
	.masthead .p-by img {
		margin: 0.5rem 0 0.5rem 0.5rem;
		max-width: 3rem;
	}
	.masthead.sub i[class*=fa] {
		float: none;
		display: block;
   	 	text-align: center;
    	margin: 1rem 0;
	}
	
	
	@media (min-width: 768px) {
		.masthead .btn-xl {
		  width: auto;
		}
		.masthead.sub i[class*=fa] {
			float: left;
			vertical-align: middle;
			margin: -0.25rem 1rem 0 0;
		}
	}
	#mainNav .navbar-toggler {
	  font-size: 1.2rem;
	  right: 0;
	  text-transform: uppercase;
	  color: white;
	  border: 0;
	  /* font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
	}

	#mainNav .navbar-brand {
	  color: #fff;
	      padding-bottom: 0.6125rem;
	}
	#mainNav .navbar-brand span {
		margin: 0 0 0 0.5rem;
	}

	#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:hover {
	  color: #fec503;
	}
	#mainNav .navbar-brand > img { 
		height: 60px;
		transition: all 0.3s;
	}
	#mainNav.navbar-shrink .navbar-brand > img { 
		height: 40px;
	}
	@media (max-width: 768px) {  
		#mainNav {
			    padding: 0.5rem 1rem; 
		}
		#mainNav .navbar-brand > img { 
			height: 40px;
		}
	}
	.navbar-nav {
		flex-direction: row;
		justify-content: space-between;
		padding-left: 15px;
	}
	.navbar-nav .nav-link {
		color: #666;
		font-size: 1.25rem;
	}
	.navbar-nav .nav-link:hover {
		color: #fc7c00;
	}
	#mainNav .navbar-nav {
				justify-content: flex-end;
	}
	#mainNav .navbar-nav .nav-item {
		    align-self: center;
			margin: 0;
			flex: 0 1 25%;
			text-align: right;
	}
	#mainNav .navbar-nav .nav-item .nav-link {
	  font-size: 0.9rem;
	  font-weight: 500;
	  letter-spacing: 1px;
	  color: #666;
	  word-break: break-word;
}
	#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
	  color: #fc7c00;
	}
	#mainNav .navbar-nav .nav-item.login {
		text-align: right;
	}
	#mainNav .navbar-nav .nav-item.login .btn {
		    margin: 0.5rem 0;
		color: #fff;
		font-weight: 500;
	}
	@media (min-width: 992px) and (max-width: 1200px) { 
		#mainNav .navbar-brand span {
			display: block;
			margin: 0;
		}
		#mainNav .navbar-nav {
			    flex-basis: 100%;
		}
		#mainNav .navbar-nav .nav-item {
			    margin: auto;
		}
	}
	@media (min-width: 992px) {
	  #mainNav {
		padding-top: 1rem;
		padding-bottom: 1rem;
		transition: padding-top 0.3s, padding-bottom 0.3s;
		border: none;
		background-color: #fff;
	  }
	  #mainNav .navbar-brand {
		font-size: 1.75em;
		transition: all 0.3s;
	  }
	  #mainNav .navbar-nav .nav-item .nav-link {
		
	  }
	  #mainNav.navbar-shrink {
		padding-top: 0;
		padding-bottom: 0;
		background-color: #fff;
	  }
	 
	}

	header.masthead {
	  color: #fff;
	  position: relative;
	  overflow: hidden;
	  background: #000;
	}
	header.masthead::before {
		content: '';
		top: -0.5rem;
		left: -0.5rem;
		bottom: -0.5rem;
		right: -0.5rem;
		position: absolute;
		opacity: 0.7;
		background-image: url(/system/galleries/html/src/img/bg-events-light.jpg);
		background-size: cover;
		filter: blur(2px);
		background-position: center;
	}
	header.masthead > .container {
		 position: relative;
	}

	header.masthead .intro-text {
	  padding-top: 5rem;
	  padding-bottom: 2rem;
	}
	header.masthead.sub .intro-text {
	  padding-top: 5rem;
	  padding-bottom: 2rem;
	}

	header.masthead .intro-text .intro-lead-in {
	     font-size: 1.5rem;
		font-style: italic;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	  color: #fec810;
	}
	header.masthead .intro-text ul { 
		margin: 0 0 1.5rem 0;
		padding: 0 0 0 1.2rem;
		display: inline-block;
	}
	header.masthead .intro-text ul li { 
		text-align: left;
	}

	header.masthead .intro-text .intro-heading,
	header.masthead .intro-text h1 {
	  font-weight: 600;
	 
	}
	header.masthead .intro-text .intro-heading > * { 
		flex-basis: 42%;
	}
	header.masthead .intro-text .intro-heading > img { 
		        margin: 0.4rem 1rem 0rem 0;
    		max-width: 45%;
	}
	header.masthead .intro-text .btn-secondary {
		background: none;
		border: 2px solid #fff;
		color: #fff;
	}
	@media (min-width: 768px) {
	  header.masthead .intro-text {
		padding-top: 12rem;
		padding-bottom: 6rem;
	  }
	  header.masthead.sub .intro-text {
		  padding-top: 12rem;
		  padding-bottom: 3rem;
		}
	  header.masthead .intro-text .intro-lead-in {
		font-size: 1.5rem;
		font-style: italic;
		line-height: 1.5rem;
		margin-bottom: 1rem;
	  }
	  header.masthead .intro-text .intro-heading {
		font-size: 2rem;
		font-weight: 700;
		line-height: initial;
		margin-bottom: 1.2rem;
	  }
	  header.masthead .intro-text .intro-heading > img { 
		    margin: 0 1rem 0 0;
    		max-width: 42%;
	}
	}

	.service-heading {
	  margin: 15px 0;
	  text-transform: none;
	}
	.package-item {
		background: #fff;
		padding: 2rem;
		height: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 1rem;
	}
	.package-item ul { 
		 flex: 1 0 auto;
	}
	.package-item ol li { 
		 margin: 0 0 1rem 0;
	}
	.package-item .btn {
		text-align: center;
		width: 100%;
	}
	.package-item.bg-light {
		height: auto;
	}
	.video-wrapper .package-item.bg-light {
		border-radius: 0 0 2rem 2rem;
	}
	.video-wrapper .package-item.bg-light h4 {
		text-align: left;
		margin-bottom: 1rem;
	}
	.package-item i,
	#team .team-member i[class*=fa] {
		margin: 1rem 0;
		color: #888;
		/* border: 0.2rem solid #e5e5e5; */
		background: #f2f2f2;
		border-radius: 50%;
		width: 12rem;
		height: 12rem;
		/* border-style: double; */
		border-width: 0.3rem;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.portfolio-item {
	  right: 0;
	  margin: 0 0 15px;
	}

	#portfolio .portfolio-item .portfolio-link {
	  position: relative;
	  display: block;
	  max-width: 400px;
	  margin: 0 auto;
	  cursor: pointer;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  transition: all ease 0.5s;
	  opacity: 0;
	  background: rgba(254, 209, 54, 0.9);
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	  opacity: 1;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	  font-size: 20px;
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  height: 20px;
	  margin-top: -12px;
	  text-align: center;
	  color: white;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	  margin-top: -12px;
	}

	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	  margin: 0;
	}

	#portfolio .portfolio-item .portfolio-caption {
	  max-width: 400px;
	  margin: 0 auto;
	  padding: 25px;
	  text-align: center;
	  background-color: #fff;
	}

	#portfolio .portfolio-item .portfolio-caption h4 {
	  margin: 0;
	  text-transform: none;
	}

	#portfolio .portfolio-item .portfolio-caption p {
	  font-size: 16px;
	  font-style: italic;
	  margin: 0;
	}
	#portfolio .portfolio-item.disabled .package-item {
		filter: blur(2px) grayscale(1) opacity(0.8);
    	pointer-events: none;
	}
	#portfolio .portfolio-item.disabled::before {
		content: attr(title);
		filter: blur(0) grayscale(0) opacity(1);
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(10deg) scale(0.9);
		background-color: #666;
    	color: #ffffff;
		padding: 2rem 4rem;
		border-radius: 1rem;
		font-size: 2rem;
		z-index: 3;
		/* width: 29rem; */
		text-align: center;
		line-height: 2.5rem;
	}
	.portfolio-item.price .package-item {
		
    	
	}
	.portfolio-item.price::before {
		content: attr(title);
		filter: blur(0) grayscale(0) opacity(1);
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) rotate(10deg) scale(0.9);
		background-color: #fc7c00;
    	color: #ffffff;
		padding: 1rem 2rem;
		border-radius: 1rem;
		font-size: 2rem;
		z-index: 3;
		/* width: 29rem; */
		text-align: center;
		line-height: 2.5rem;
	}
	
	#portfolio * {
	  z-index: 2;
	}

	@media (min-width: 767px) {
	  #portfolio .portfolio-item {
		margin: 0 0 30px;
	  }
	}
	.modal-content {
		    border-radius: 1rem;
	}
	.modal-header, .modal-footer {
		border: none;
		padding: 1rem;
	}
	.modal-footer>* {
		display: block !important;
    	width: 100%;
	}
	.modal-header .close {
		font-size: 3.5rem;
		font-weight: 200;
		    padding: 0rem 1rem;
		margin: 0 -1rem -1rem auto;
	}
	.modal .wrap {
		margin: 0 0 1rem 0;
		padding: 2rem;
		background: #f2f2f2;
		border-radius: 1rem;
	}
	#checkoutModal .modal-body > .wrap:first-child {
		    background: #fc7c00 !important;
	}
	#checkoutModal #basket h2,
	#checkoutModal #basket li,
	#checkoutModal #basket .fas,
	#checkoutModal #basket .fa, 
	#checkoutModal #basket h2 small {
		    color: #fff !important;
	}
	#basket .modal-price {
		text-align: right;
	}
	#basket .modal-price strike {
		font-size: 1.5rem;
		font-weight: 500;
		display: block;
		color: #ffffff99;
	}
	#speakerModal.modal img,
	#distAdModal.modal img {
		width: 100%;
		max-width: 15rem;
		border: 5px solid rgba(0,0,0,0.1);
	}
	#speakerModal.modal .row {
		align-items: center;
	}
	@media (max-width: 767px) {
		 #speakerModal.modal img,
		 #distAdModal.modal img {
			margin: 0 auto;
		}
		#speakerModal.modal .row {
			text-align: center;
		}
	}
	.coupon-wrap small {
		font-size: 1rem;
		display:block;
	}
	.coupon-wrap .form-group {
		padding: 1rem;
	}
	.coupon-wrap .form-group input {
		    padding: 0.5rem 1rem !important;
			border-radius: 1rem 0rem 0rem 1rem !important;
	}
	.coupon-wrap .form-group button {
		    padding: 0.5rem 1rem !important;
			border-radius: 0rem 1rem 1rem 0rem !important;
			width: 100%;
	}
	@media (max-width: 991px) { 
		.coupon-wrap .form-group input {
			border-radius: 1rem !important;
			margin-bottom: 1rem;
		}
		.coupon-wrap .form-group button {
				border-radius: 1rem !important;
		}
		 .modal .wrap {
			margin: 0 -0.25rem 1rem -0.25rem;
			padding: 0.5rem;
			background: #f5f5f5;
			border-radius: 1rem;
		}
		#checkoutModal .modal-body > .wrap:first-child {
		    text-align: center;
			padding: 2rem;
		}
		#checkoutModal .modal-body > .wrap:first-child h2 {
		    text-align: center;
		}
		#basket .modal-price {
			text-align: center;
		}
	}
	
	.portfolio-modal .modal-dialog {
	  margin: 1rem;
	  max-width: 100vw;
	}

	.portfolio-modal .modal-content {
	  padding: 100px 0;
	}

	.portfolio-modal .modal-content h2 {
	  font-size: 3em;
	  margin-bottom: 15px;
	}

	.portfolio-modal .modal-content p {
	  margin-bottom: 30px;
	}

	.portfolio-modal .modal-content p.item-intro {
	  font-size: 16px;
	  font-style: italic;
	  margin: 20px 0 30px;
	}
	.help-block > ul {
		    list-style-type: none;
    	padding: 0.1rem 0.1rem 0.1rem 0rem;
	}
	.portfolio-modal .modal-content ul.list-inline {
	  margin-top: 0;
	  margin-bottom: 30px;
	}

	.portfolio-modal .modal-content img {
	  margin-bottom: 30px;
	}

	.portfolio-modal .modal-content button {
	  cursor: pointer;
	}

	.portfolio-modal .close-modal {
	  position: absolute;
	  top: 25px;
	  right: 25px;
	  width: 75px;
	  height: 75px;
	  cursor: pointer;
	  background-color: transparent;
	}

	.portfolio-modal .close-modal:hover {
	  opacity: 0.3;
	}

	.portfolio-modal .close-modal .lr {
	  /* Safari and Chrome */
	  z-index: 1051;
	  width: 1px;
	  height: 75px;
	  margin-left: 35px;
	  /* IE 9 */
	  transform: rotate(45deg);
	  background-color: #212529;
	}

	.portfolio-modal .close-modal .lr .rl {
	  /* Safari and Chrome */
	  z-index: 1052;
	  width: 1px;
	  height: 75px;
	  /* IE 9 */
	  transform: rotate(90deg);
	  background-color: #212529;
	}

	.timeline {
	  position: relative;
	  padding: 0;
	  list-style: none;
	}

	.timeline:before {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 40px;
	  width: 2px;
	  margin-left: -1.5px;
	  content: '';
	  background-color: #e9ecef;
	}

	.timeline > li {
	  position: relative;
	  min-height: 50px;
	  margin-bottom: 50px;
	}

	.timeline > li:after, .timeline > li:before {
	  display: table;
	  content: ' ';
	}

	.timeline > li:after {
	  clear: both;
	}

	.timeline > li .timeline-panel {
	  position: relative;
	  float: right;
	  width: 100%;
	  padding: 0 20px 0 100px;
	  text-align: left;
	}

	.timeline > li .timeline-panel:before {
	  right: auto;
	  left: -15px;
	  border-right-width: 15px;
	  border-left-width: 0;
	}

	.timeline > li .timeline-panel:after {
	  right: auto;
	  left: -14px;
	  border-right-width: 14px;
	  border-left-width: 0;
	}

	.timeline > li .timeline-image {
	  position: absolute;
	  z-index: 100;
	  left: 0;
	  width: 80px;
	  height: 80px;
	  margin-left: 0;
	  text-align: center;
	  color: white;
	  border: 7px solid #e9ecef;
	  border-radius: 100%;
	  background-color: #fc7c00;
	}

	.timeline > li .timeline-image h4 {
	  font-size: 10px;
	  line-height: 14px;
	  margin-top: 12px;
	}

	.timeline > li.timeline-inverted > .timeline-panel {
	  float: right;
	  padding: 0 20px 0 100px;
	  text-align: left;
	}

	.timeline > li.timeline-inverted > .timeline-panel:before {
	  right: auto;
	  left: -15px;
	  border-right-width: 15px;
	  border-left-width: 0;
	}

	.timeline > li.timeline-inverted > .timeline-panel:after {
	  right: auto;
	  left: -14px;
	  border-right-width: 14px;
	  border-left-width: 0;
	}

	.timeline > li:last-child {
	  margin-bottom: 0;
	}

	.timeline .timeline-heading h4 {
	  margin-top: 0;
	  color: inherit;
	}

	.timeline .timeline-heading h4.subheading {
	  text-transform: none;
	}

	.timeline .timeline-body > ul,
	.timeline .timeline-body > p {
	  margin-bottom: 0;
	}
	
	#accordion .card-header {
		border: none;
			 background: #eee;
		color: #fff;
		padding: 0.5rem 1rem;
	}
	#accordion .card-header > * { 
		    display: flex;
		align-items: center;
		justify-content: space-between;
		/* width: 100%; */
		flex-basis: 100%;
	}
	#accordion .current .card-header {
		background: #444;
	}
	#accordion .current .card-header button,
	#accordion .current .card-header i {
		color: #fff;
	}
	#accordion .locked .card-header > * {
		opacity: 0.4;
	}
	}
	#accordion .card .embed-responsive {
		    margin: 0 0 1rem 0;
	}
	#accordion .card-body h5 {
		       opacity: 0.6;
		margin: 0rem 0 1rem 0;
	}
	#accordion .card-body > .row {
		border-bottom: 2px solid #fff;
	}
	#accordion .card-body > .row:last-child {
		border-bottom: none;
	}
	#accordion .card-body .row {
		margin-bottom: 2rem;
		position: relative;
	}
	#accordion .card-body .row.item {
		position: relative;
		transition: all 0.25s ease-in-out;
	}
	#accordion .card-body button.row.item, #accordion .card-body button.row.item:focus, #accordion .card-body button.row.item:active {
		cursor: pointer;
		 border: none;
		 background: none;
   		 text-align: initial;
		 width: 100%;
	}
	#accordion .card-body button.row.item:disabled {
		    filter: grayscale(1);
   		 opacity: 0.4;
	}
	#accordion .card-body .row.item .team-member {
		text-align: center;
	}
	#accordion .card-body .row.item .team-member img {
		opacity: 1;
		transition: all 0.25s ease-in-out;
	}
	#accordion .card-body button.row.item:focus {
		outline: none;
	}
	#accordion .card-body button.row.item:hover .team-member img,
	#accordion .card-body button.row.item:focus .team-member img {
		border: 7rem solid #fff;
	}
	#accordion .card-body .row.item .team-member i[class*=fa] {
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-200%,-50%);
		opacity: 0;
		color: #6c757d;
		font-size: 3rem;
		z-index:1;
		transition: all 0.25s ease-in-out;
	}
	#accordion .card-body button.row.item:hover .team-member i[class*=fa],
	#accordion .card-body button.row.item:focus .team-member i[class*=fa]{
		transform: translate(-50%,-50%);
		opacity: 1;
	}
	#accordion .card-body .row.teaser {
		    margin: -2rem -2rem 2rem -2rem;
			padding: 2rem;
			background: linear-gradient(to right,#fc7c00 0%,#ff9f4c 100%);
			border-top: 1px solid #fff;
	}
	#accordion .card-body .row.teaser .row.item  {
		    margin: 0;
	}
	#accordion .card-body .row.teaser .embed-responsive {
		    margin: 0;
	}
	#accordion .card-body .row.teaser h3,
	#accordion .card-body .row.teaser h5 {
		    color: #fff;
	}
	@media (max-width: 767px) {
		#accordion .card-body .row.teaser {
			padding: 0rem;
		}
		#accordion .card-body .row.teaser .embed-responsive  {
				margin: 1rem 0;
		}
	}
	#accordion .card {
		margin-bottom: 1rem;
		border: none;
		border-radius: 1rem;
		background: #2b39480d;
		overflow: hidden;
	}
	#accordion .card .btn-link,
	#accordion .card-header i {
		    font-size: 1.5rem;
			color: #666;
			text-decoration: none !important;
			display: block;
			font-weight: 400;
	}
	#accordion .card-header i {
			font-weight: 600;
			    font-size: 1.25rem;
	}
	#accordion .card .btn-link {
		flex: 1 0 auto;
    	text-align: left;
	}
	#accordion .card-body .time {
		    margin: 0 0 2rem 0;
			background: #fff;
			padding: 0.5rem 1rem;
   	 border-radius: 1.5rem;
	}
	#accordion .card-body .fa-info-circle {
		   position: absolute;
		   top: 0;
		   right: 0;
		   z-index: 2;
		   cursor: pointer;
		   display: block;
	}
	@media (max-width: 480px) {
		#accordion .card-body .fa-info-circle {
		   left: auto;
		   right: 1rem;
		}
	}
	.card {
		border: none;
		border-radius: 1rem;
	}
	.card-body {
		padding: 2rem;
	}
	.bg-dark {
		background-color: #666!important;
	}
	.bg-outer-light {
		background-color: none!important;
		color: #666;
		border: 1px solid #666;
	}
	@media (min-width: 768px) {
	  .timeline:before {
		left: 50%;
	  }
	  .timeline > li {
		min-height: 100px;
		margin-bottom: 100px;
	  }
	  .timeline > li .timeline-panel {
		float: left;
		width: 41%;
		padding: 0 20px 20px 30px;
		text-align: right;
	  }
	  .timeline > li .timeline-image {
		left: 50%;
		width: 100px;
		height: 100px;
		margin-left: -50px;
	  }
	  .timeline > li .timeline-image h4 {
		font-size: 13px;
		line-height: 18px;
		margin-top: 16px;
	  }
	  .timeline > li.timeline-inverted > .timeline-panel {
		float: right;
		padding: 0 30px 20px 20px;
		text-align: left;
	  }
	}

	@media (min-width: 992px) {
	  .timeline > li {
		min-height: 150px;
	  }
	  .timeline > li .timeline-panel {
		padding: 0 20px 20px;
	  }
	  .timeline > li .timeline-image {
		width: 150px;
		height: 150px;
		margin-left: -75px;
	  }
	  .timeline > li .timeline-image h4 {
		font-size: 18px;
		line-height: 26px;
		margin-top: 30px;
	  }
	  .timeline > li.timeline-inverted > .timeline-panel {
		padding: 0 20px 20px;
	  }
	}

	@media (min-width: 1200px) {
	  .timeline > li {
		min-height: 170px;
	  }
	  .timeline > li .timeline-panel {
		padding: 0 20px 20px 100px;
	  }
	  .timeline > li .timeline-image {
		width: 170px;
		height: 170px;
		margin-left: -85px;
	  }
	  .timeline > li .timeline-image h4 {
		margin-top: 40px;
	  }
	  .timeline > li.timeline-inverted > .timeline-panel {
		padding: 0 100px 20px 20px;
	  }
	}
	#team .team-member {
	  text-align: center;
	  display: flex;
		flex-direction: column;
		height: 100%;
		padding: 2rem 1rem 1rem 1rem;
		cursor: pointer;
		border-radius: 1rem;
		transition: all 0.25s ease-out;
	}
	#team .team-member:hover {
	 	box-shadow: 1rem 1rem 5rem rgba(0,0,0,0.1);
	}

	.team-member img {
	  width: 220px;
	  height: 220px;
	  border: 5px solid rgba(0, 0, 0, 0.1);
	}
	#team .team-member i[class*=fa] {
		 width: 225px;
	  height: 225px;
	     margin: auto;
	}
	.team-member h4 {
	  margin-top: 25px;
	  margin-bottom: 0;
	  text-transform: none;
	}

	.team-member p {
	  margin-top: 0;
	}
	.team-member p.text-muted {
	      flex: 1 0 auto;
	}
	span.text-muted {
		color: #999 !important;
	}
	@media (min-width: 768px) {
		.team-member {
		  margin-bottom: auto;
		}
	}

	section#contact {
	  background-color: #666;
	  background-image: url("/system/galleries/html/webcon/img/map-image.png");
	  background-repeat: no-repeat;
	  background-position: center;
	}

	section#contact .section-heading, section#contact h2 {
	  color: #fff;
	}
	section#contact a {
	  color: #ffffff66;
	}
	section#contact .btn {
	  width: 100%;
	}

	 .form-group {
	  margin-bottom: 1rem;
	}

	.form-group input,
	.form-group textarea {
	  padding: .7rem 1rem;
	}

	.form-group input.form-control {
	  height: auto;
	  border-radius: 0.5rem;
	      border: 1px solid #ddd;
	}

	section .form-group textarea.form-control {
	  height: 248px;
	}

	.form-control:focus {
	  border-color: #fc7c00;
	  box-shadow: none;
	}

	 ::input-placeholder {
	  font-weight: 700;
	  color: #ced4da;
	}

	 :-moz-placeholder {
	  font-weight: 700;
	  color: #ced4da;
	}

	 ::-moz-placeholder {
	  font-weight: 700;
	  color: #ced4da;
	}

	 :-ms-input-placeholder {
	  font-weight: 700;
	  color: #ced4da;
	}

	.footer {
	  padding: 25px 0;
	  text-align: center;
	}

	.footer span.copyright {
	  font-size: 90%;
	  line-height: 40px;
	  text-transform: none;
	}

	.footer ul.quicklinks {
	  font-size: 90%;
	  line-height: 40px;
	  margin-bottom: 0;
	  text-transform: none;
	}
	.footer ul.quicklinks li a {
	 color: #666;
	}

	ul.social-buttons {
	  margin-bottom: 0;
	}

	ul.social-buttons li a {
	  font-size: 20px;
	  line-height: 50px;
	  display: block;
	  width: 50px;
	  height: 50px;
	  transition: all 0.3s;
	  color: white;
	  border-radius: 100%;
	  outline: none;
	  background-color: #212529;
	}

	ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
	  background-color: #fc7c00;
	}
.banner {
       padding: 0.5rem 0.5rem 1rem 0.5rem;
	   display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 1rem 0;
		z-index:0;
		position: relative;
		min-height: 600px;
		min-width: 160px;
		text-align: center;
		overflow: hidden;
    	border-radius: 1rem;
}
.banner:hover { 
	text-decoration: none;
}
.banner::before {
          content: "";
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    left: -0.5rem;
    bottom: -0.5rem;
    background-image: url(/system/galleries/html/src/img/bg_hero_gs_2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    filter: blur(5px) contrast(0.6);
    opacity: 0.8;
    overflow: hidden;
    z-index: -1;
}
.banner .text {
	
}
.banner .text span {
	display: block;
}
.banner .cta {
	border-radius: 1rem;
	padding: 0.5rem;
	font-weight: bold;
	text-align: center;
	    font-size: 1.25rem;
    line-height: 1.5rem;
	position: absolute;
	bottom: 1rem;
}
.banner .list-anim {
	position: relative;
	min-height: 12rem;
	min-width: 100%;
}
.banner .list-anim p {
	position: absolute;
	top: 1rem;
	padding: 0 0.5rem;
	opacity: 0;
	transform: translateY(5rem);
	transition: all 0.5s ease-out;
	color: #fff;
}
.banner .list-anim p.anim {
	opacity: 1;
	transform: translateY(0);
	position: absolute;
}
.banner.c0 {
	background: #fc7c00;
}
.banner.c0 .text {
	color: #fff;
}
.banner.c0 .text span {
	color: rgba(255,255,255,0.6);
}
.banner.c0 .cta {
	color: #fc7c00;
	background: #fff;
}
.banner.c1 {
	background: #fff;
}
.banner.c1 .text {
	color: #fff;
	font-weight: bold;
}
.banner.c1 .text span {
	color: #fff;
	font-weight: normal;
}
.banner.c1 .cta {
	color: #fc7c00;
    background: #fff;
}
@media (max-width: 767px) { 
	.banner {
		padding: 1rem;
		min-height: auto;
		align-items: center;
		margin: 0 0 1rem 0;
		display: block;
	}
	.banner > img:first-child {
		margin: 1rem 4rem;
	}
	.banner .text {
	    padding: 0 1rem;
		text-align: center;
		font-size: 1.5rem;
	}
	.banner .cta {
		padding: 1rem;
		display: block;
		position: relative;
	}
	.banner .list-anim {
		position: relative;
		min-height: 6rem;
		min-width: 100%;
	}
	.banner .list-anim p {
		
	}
	.banner .list-anim p.anim {
		text-align: center;
		left: 0;
		right: 0;
	}
}
#videoBanner {
	padding: 2rem;
	background: #f2f2f2;
}
#videoBanner .row.item  {
	margin: 0;
}
#videoBanner .row .embed-responsive {
	margin: 0;
}
#videoBanner .row h3,
#videoBanner .row h5 {
	color: #212529;
}
@media (max-width: 768px) {
	.navbar-nav {
		flex-direction: column;
				justify-content: center;
	}
	#videoBanner {
		padding: 1rem;
	}
	#videoBanner .row {
		padding: 0rem;
	}
	#videoBanner .row .embed-responsive  {
		margin: 1rem 0;
	}
}
.shariff-wrap {
		margin: 2rem 0;
	}
	.shariff-wrap ul {
		list-style-type: none;
		display:flex;
		padding: 0;
		justify-content: center;
		flex-wrap: wrap;
	}
	.shariff-wrap ul li a {
		    padding: 0.6rem 0.5rem;
			text-align: center;
		background: #666;
		border-radius: 50%;
		margin: 0.5rem;
		color: #fff;
		transition: all 0.25s ease-in-out;
		font-size: 1.4rem;
		display:block;
		width: 50px;
		height: 50px;
	}
	.shariff-wrap ul li a span[class*=fa] { 
		width: 20px;
		height: 20px;
	}
	.shariff-wrap ul li a:hover { 
		background: #fc7c00;
	}
	.shariff-wrap ul li a .share_text {
		display: none;
	}
	.shariff .orientation-horizontal.button-style-standard li {
			flex: none;
			min-width: auto;
	}
	.shariff .orientation-horizontal.button-style-standard li .share_text {
		display: none;
	}
	.shariff li a {
			padding: 0 1rem;
				min-width: fit-content;
	}
@media (min-width: 992px) { 
	.shariff-button.whatsapp {
		display: none;
	}
}
.counter-wrapper {
	background: #fff;
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 1rem;
	padding: 1rem;
	margin: 0 0 2rem 0;
}
.counter-wrapper h2 { 
	color: #666;
	margin: 0;
}
#counter {
	display: inline-block;
	vertical-align: middle;
	margin: 0.5rem;
	padding: 1rem;
}
#counter span {
	display:inline-block;
	padding: 1.5rem 0;
	background: #fc7c00;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.5rem;
	border-radius: 50%;
	width: 5.5rem;
	height: 5.5rem;
}

#counter span b {
	display:block;
	margin: 0 0 0 0;
	font-size: 2.5rem;
}
@media only screen and (max-width: 480px) {
	body {
		  font-size: 1rem;
	}
	.h1, h1 {
		font-size: 2rem;
		font-weight: 300;
		text-align: center;
	}
	.h2, h2 {
		font-size: 1.8rem;
		font-weight: 300;
		text-align: center;
	}
	#accordion .card .btn-link, #accordion .card-header i {
		    font-size: 1.0rem;
	}
	.masthead h5 {
		
	}
	.masthead p, .masthead h5, .program-list {
		text-align: center;
		display: block;
	}

	.navbar-nav .nav-link {
		font-size: 1rem;
	}
	.counter-wrapper {
		padding: 1rem 0;
	}
	.package-item, .card-body {
		    padding: 1rem;
	}
	.page-section.logout .btn {
		display: block;
		margin: 0 0 1rem 0;
	}
	#counter {
		padding: 0;
	}
	#counter span {
		padding: 1rem 0;
		vertical-align: middle;
		text-align: center;
		font-size: 0.75rem;
		line-height: 1.25rem;
		width: 4.3rem;
		height: 4.3rem;
		margin: 0.25rem 0;
	}
	#counter span b {
		display:block;
		margin: 0 0 0 0;
		font-size: 1.5rem;
	}
}