@keyframes scaling {
	to {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3);
	}
}
@keyframes bounceIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	60% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(1);
	}
}
.m-seminar-list__list__items__item .session-schedule-card .session-header .session-speakers .speaker .speaker-name{
	background:#0ca9bc !important;
	display: grid !important;
    min-height: 66px !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
	line-height: 1.5rem !important;
	font-size: 1rem !important;
}

#menu .navbar{
	max-width:95% !important;	
}
.session-schedule-card .session-header .session-speakers .speaker{
	flex: 17% !important;
    max-width: 17% !important;	
}



div.m-seminar-list__list__row__header{
	background:#222222 !important;	
	border-color:#222222 !important;
}
.landing-buttons a{
	text-transform:uppercase;	
}
#footer{
	background:#222222 !important;	
}
.table-fee-breakdown thead th{
	background:#222222 !important;	
}

.col-sm-3 h2{
	background: #008080 !important;	
}
.tabarea {
	
	top: 155px !important;

}
.tabarea .nav > li {
	padding: 0;
}
.tabarea .nav > li > a:hover, .tabarea .nav > li > a:focus {
	color: #fff;
}

.navbar-collapse.collapse.in {
	box-shadow: 0 18px 20px rgba(0, 0, 0, 0.3);
}

.theme.landing {
	display: none;
}
.theme.landing img {
	width: 92% !important;
	padding: 25px !important;
	background: #fff;
	border-radius: 25px !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.06) !important;
	transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: scale(1);
}
.theme.landing img:hover, .theme.landing img:focus {
	transform: scale(1.1);
}
.theme.landing img:hover {
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}

.modal {
	align-items: flex-start !important;
}

span.parentheses {
	display: block;
}

.session-schedule-card .speaker-heading {
	display: block;
	clear: both;
	font-size: 1rem;
	margin-top: 15px;
}

.session-header .session-speakers .speaker {
	padding: 9px 0 41px !important;
}
.session-header .session-speakers .speaker img {
	width: 89% !important;
}
.session-header .session-speakers .speaker .speaker-name {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.feature-speaker-card .col-sm-4 {
	width: 25% !important;
}
.feature-speaker-card .col-sm-4 img {
	width: 100%;
}
.feature-speaker-card .col-sm-8 h3,
.feature-speaker-card .col-sm-8 h4,
.feature-speaker-card .col-sm-8 p.speaker-organization,
.feature-speaker-card .col-sm-9 h3,
.feature-speaker-card .col-sm-9 h4,
.feature-speaker-card .col-sm-9 p.speaker-organization {
	margin: 0;
	padding: 0;
	line-height: normal;
}
.feature-speaker-card .col-sm-8 h3,
.feature-speaker-card .col-sm-9 h3 {
	color: #154379;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.5rem;
	margin-top: 1.4rem;
}
.feature-speaker-card .col-sm-8 h4,
.feature-speaker-card .col-sm-9 h4 {
	font-size: 1.2rem;
	font-style: italic;
}
.feature-speaker-card .col-sm-8 p.speaker-organization,
.feature-speaker-card .col-sm-9 p.speaker-organization {
	font-size: 1.1rem;
	line-height: 2rem;
}
.feature-speaker-card .col-sm-8 p.has-content,
.feature-speaker-card .col-sm-9 p.has-content {
	display: block !important;
}
.feature-speaker-card .col-sm-8 p,
.feature-speaker-card .col-sm-8 p.hide,
.feature-speaker-card .col-sm-9 p,
.feature-speaker-card .col-sm-9 p.hide {
	display: none !important;
}

.btn-circle {
	position: absolute;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	transform: translate(-50%, -50%) scale(0);
	animation: scaling 0.35s ease-in-out;
}

.btn {
	position: relative;
	overflow: hidden;
	text-rendering: optimizeLegibility;
}

#scrollTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1050;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: scale(1);
}
#scrollTopBtn:hover, #scrollTopBtn:focus {
	transform: scale(1.1);
}
#scrollTopBtn:hover {
	background: rgba(255, 255, 255, 0.8);
}
#scrollTopBtn.btn-bounce {
	animation: bounceIn 0.4s ease;
}

.tab-content > .tab-pane {
	display: none;
}
.tab-content > .tab-pane.active {
	display: block;
}

.day-tab {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
	list-style: none;
}
.day-tab li a {
	display: inline-block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	color: #333;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}
.day-tab li a:hover {
	color: #007BFF;
}
.day-tab li a.active {
	color: #007BFF;
	border-color: #007BFF;
	font-weight: 600;
}

.tab-pane {
	position: relative;
	margin-bottom: 3rem;
	padding-top: 2rem;
}
.tab-pane::before {
	content: attr(data-title);
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #222;
}

.m-seminar-list__list__row {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.m-seminar-list__list__row.visible {
	opacity: 1;
	transform: translateY(0);
}

p.theme {
	margin: 0;
	text-align: center;
}

.m-seminar-list__list__row__header {
	display: grid;
	place-items: center;
}
.m-seminar-list__list__row__header .time-block {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m-seminar-list__list__row__header .time-block .dash {
	margin: 0.25em 0;
}

#menu{
	background:#0ca9bc !important;
}

#menu .navbar img {
	margin: 20px 35px !important;
}
#menu .navbar .navbar-header .navbar-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
	margin: 0;
}
#menu .navbar .navbar-header .navbar-toggle .icon-bar {
	background: #ccc !important;
}

.navbar-collapse ul li a{
	background: #008080 !important;
}
.navbar-collapse ul li a:hover, .navbar-collapse ul li a:focus, .navbar-collapse ul li.active>a{
	color: #008080 !important;
	background: #ffffff !important;
}

div[data-group=dinner-tickets] {
	display: block;
}
div[data-group=dinner-tickets] > div {
	display: flex !important;
	align-items: center;
}
div[data-group=dinner-tickets] > div > label {
	width: 80% !important;
}
div[data-group=dinner-tickets] > div > label span.de_fee::after {
	content: "x";
	position: relative;
	left: 10px;
	font-size: 1.2rem;
	color: #999;
}
div[data-group=dinner-tickets] > div > div {
	width: 16% !important;
}

@media (max-width: 767px) {
	.col-sm-3 p.theme {
		display: none;
	}
	.row.feature-speaker-card {
		display: block !important;
	}
	.theme.landing {
		display: block !important;
	}
	.img-landing {
		display: none !important;
	}
	#menu .navbar,
	.navbar .container-fluid,
	.navbar-collapse ul {
		display: block !important;
	}
	.navbar-collapse ul li {
		padding: 10px 15px !important;
		margin-right: 0 !important;
	}
	.tabarea {
		top: 160px !important;
	}
	.tabarea .nav-tabs {
		gap: 0 !important;
	}
	.tabarea .nav.day-tab > li > a {
		font-size: 1.5vh !important;
		padding: 9px 18px !important;
	}
	.tabarea .nav.day-tab > li.active > a {
		transform: scale(1.1) !important;
	}
	.modalPopUp,
	.modal-dialog,
	.modal-dialog.modal-lg {
		width: 95% !important;
	}
	.modalPopUp > h1,
	.modal-dialog > h1,
	.modal-dialog.modal-lg > h1 {
		background: #2371a4;
		font-size: 2.5vh;
		color: #fff;
		padding: 1rem;
		border-radius: 25px;
		text-align: center;
	}
	.session-schedule-card .session-header {
		background: transparent !important;
	}
	.session-schedule-card .session-header .session-speakers {
		gap: 0.5rem !important;
		justify-content: center;
	}
	.session-schedule-card .session-header .session-speakers .speaker {
		max-width: 28% !important;
	}
}
@media (min-width: 768px) and (max-width: 1030px) {
	#menu .navbar {
		display: block !important;
	}
}
@media (min-width: 1031px) and (max-width: 1850px) {
	#header .container,
	#content,
	#footer .footer {
		max-width: 100% !important;
	}
	#menu .navbar {
		max-width: 100% !important;
		min-height: auto !important;
	}
	#menu .navbar img {
		margin: 20px !important;
	}
	.navbar-collapse ul li {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 11px 0;
		text-align: center;
		margin-right: 0.5rem;
	}
	.navbar-collapse ul li a{
		font-size: 0.9rem;
		font-weight: normal !important;	
	}
	/*
	.tabarea {
	top: 220px !important;
}
	*/
	#header .inner-element,
	#content,
	#footer .footer,
	#menu .navbar{
		max-width:95% !important;	
	}
	#menu .navbar{
		grid-template-columns: 13% 87%;	
	}
}
.landing-buttons a, input[type="submit"], .btn-primary{
	background: #0ca9bc !important;
}
.landing-buttons a:hover, .landing-buttons a:focus, input[type="submit"]:hover, input[type="submit"]:focus, .btn-primary:hover, .btn-primary:focus{
	background: #008080 !important;
}



.session-schedule-card .session-header .session-operations .download-btn {
    border-color: rgba(00, 128, 128, 1) !important;
    background: rgba(00, 128, 128, 0.8) !important;
}

.session-schedule-card .session-header .session-operations .download-btn:hover,
.session-schedule-card .session-header .session-operations .download-btn:focus {
    border-color: rgba(00, 128, 128, 1) !important;
    background: rgba(00, 128, 128, 1) !important;
}






/***************************
    Sponsorship levels
***************************/
#sponsor-container .grid hr {
  display: none;
}
#sponsor-container .grid .sponsor-level {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  gap: 1.5rem;
  padding: 0px;
  background: transparent;
  border: none;
  margin: 45px 0px;
  box-shadow: none;
}
#sponsor-container .grid .sponsor-level .sponsor-level-head {
  grid-column: 1/-1;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  color: #333;
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px 20px;
  border-radius: 8px;
  width: 100% !important;
}
#sponsor-container .grid .sponsor-level .sponsor-level-head .info h4 {
  border: none;
  padding: 0;
  margin: 0;
  color: #000000;
}
#sponsor-container .grid .sponsor-level .sponsor-level-head .info p {
  display: none;
}
#sponsor-container .grid .sponsor-level .sponsor {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  height: 120px;
  transition: all 0.3s ease;
  transform: scale(1);
  z-index: 2;
}
#sponsor-container .grid .sponsor-level .sponsor:hover {
  transition: all 0.3s ease;
  transform: scale(1.2);
  z-index: 9;
}



#sponsor-container{

}
#sponsor-container .grid{

}
#sponsor-container .grid h6{

}
#sponsor-container .grid hr{

}
#sponsor-container .grid .sponsor-level{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	gap: 1.5rem;
	padding: 0px;
	background: transparent;
	border: none;
	margin: 45px 0px;
	box-shadow:none;
}
#sponsor-container .well.sponsor-level .sponsor-level-head{
	grid-column: 1 / -1;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 15px 20px;
	border-radius: 8px;
	width: 100% !important;
	background:transparent;
}

#sponsor-container .well.sponsor-level .sponsor-level-head .logo .fa{
	position: relative;
}
#sponsor-container .well.sponsor-level .sponsor-level-head .logo .fa:before{
	color: #7dc242;
	content: "\f2b5";
	font-size: 1.4rem;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 2.6rem;
}
#sponsor-container .well.sponsor-level .sponsor a{
	background:transparent;
	margin:0px;
	padding:15px;
	border:none;
}
#sponsor-container .well.sponsor-level .sponsor a img,
#sponsor-container .well.sponsor-level .sponsor img{
	border-radius:0px !important;
	box-shadow:none !important;
	margin:0px !important;
	padding:0px !important;
}
#sponsor-container .well.sponsor-level .sponsor {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	min-height: 120px;
	height: 100%;
	left: 15px;
	position: relative;
}
.well.sponsor-level .sponsor-level-head .info h4 {
	border: none;
	padding: 0;
	margin: 0;
	color: #ffffff !important;
}
.well.sponsor-level .sponsor-level-head .info p {
	display: none;
}

.sponsor-level-head {
    background: linear-gradient(80deg, rgba(00, 128, 128, 1) 0%, rgba(12, 169, 188, 1) 49.5%, rgba(12, 169, 188, 1) 49.6%) !important;
}
#sponsor-container .grid>h6 {
    display: none;
}


.tabarea .nav>li>a {
    background-color: rgba(00, 128, 128, 0.8) !important;
    border: 3px solid rgba(00, 128, 128, 1) !important;
}

.tabarea .nav>li>a:hover,
.tabarea .nav>li>a:focus {
    background-color: rgba(00, 128, 128, 1) !important;
    border: 3px solid rgba(00, 128, 128, 1) !important;
}

.tabarea .nav>li.active>a,
.tabarea .nav>li.active>a:hover,
.tabarea .nav>li.active>a:focus {
    background-color: rgba(00, 128, 128, 1) !important;
    border: 3px solid rgba(00, 128, 128, 1) !important;
}