/******************************
		=BASE
******************************/
:root {
	--primary-color: #111;
	--secondary-color: #3A34C8;
	--supplement-color: #6840A3;
	--bg-color: #FFF;
	--inverse-color: #FFF;
	--lite-color: #AA0AA1;
	--focus-color: #FF48F5;
	--active-color: #AA0AA1;
	--primary-font: 'Inter';
	--secondary-font: 'Inter';
	--supplement-font: 'Calistoga';
}

::selection {
	background: var(--secondary-color) !important;
	color: #fff;
}

::-webkit-input-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

:-ms-input-placeholder {
	color: #fff;
}

:-moz-placeholder {
	color: #fff;
}

html {
	position: relative;
	background: var(--bg-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-style: normal;
	color: var(--supplement-color);
	max-width: 100%;
	overflow-x: hidden;
}

header {
	background: url(../img/bg-hero.jpg) top center no-repeat;
    background-size: cover;
}

html.home {
	
}

html.home .header header {
	background: none;
}

html.home .header {
	background: url(../img/bg-hero.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: 500px;
	padding-bottom: 20vh;
}

html.home .header .bg-hero .img-hero {
	
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 300;
}

.content-wrapper {
	margin-top: -20vh;
}

.page-title,
.page-subtitle {
	color: var(--primary-color);
}

a {
	font-family: var(--secondary-font), sans-serif;
	color: var(--secondary-color);
}

a:hover,
a:focus {
	color: var(--focus-color);
	text-decoration: none;
}

a.hyper {
	position: relative;
	color: var(--secondary-color) !important;
}

a.hyper:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: var(--secondary-color);
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

a.hyper:hover {
	color: var(--secondary-color);
	text-decoration: none;
}

a.hyper:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

hr.dots {
	display: inline-block;
	width: 130px;
	margin: 50px auto;
	padding: 4px 0;
	border-top: none;
	background: url('../img/bg-dots.svg') left center repeat;
	background-size: cover;
}

hr.dots.dots-medium {
	width: 180px;
}

hr.dots.dots-large {
	width: 350px;
	max-width: 80%;
}

hr.dots.dots-xlarge {
	width: 50%;
}

hr.dots.dots-xxlarge {
	width: 100%;
	margin: 50px 0;
}

.dots-left {
	background: url('../img/bg-dots-left.svg') center left no-repeat;
	background-size: cover;
	width: 344px;
	height: 8px;
	max-width: 100%;
	margin: 0 auto;
}

.dots-right {
	background: url('../img/bg-dots-right.svg') center right no-repeat;
	background-size: cover;
	width: 344px;
	height: 8px;
	max-width: 100%;
	margin: 0 auto;
}

.wrapper {
	position: relative;
	z-index: 1;
	margin: 50px 0 !important;
	padding: 40px;
	border-radius: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
}

.glass-panel {
	*background-color: rgba(255, 255, 255, 0.5) !important;
	border: 1px solid #fff;
	border-radius: 40px;
	opacity: 1;
	*backdrop-filter: blur(30px);
	*-webkit-backdrop-filter: blur(30px);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin: 20px auto;
	padding: 40px;
}

.glass-panel.glass-panel-small {
	border-radius: 25px;
	padding: 0;
}

.glass-panel.glass-panel-large {
	border-radius: 80px;
	padding: 60px;
}

.glass-panel.solid {
	background-color: rgba(255, 255, 255, 1) !important;
	border: none;
}

.scroll {
	display: inline-block;
	background: url('../img/ico-arrow-down.svg') center center no-repeat;
	background-size: contain;
	width: 72px;
	height: 63px;
	margin: 75px auto;
}

.eg-container {
	padding: 30px 0;
	background: #fff !important;
}

.content-container {
	box-sizing: content-box;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.82;
	letter-spacing: 1.32px;
	color: var(--primary-color);
	text-align: left;
}

.content-container ul {
	list-style: none;
}

.content-container ul li {
	padding-left: 50px;
}

.content-container ul li:before {
	position: relative;
	top: -6px;
	left: -36px;
	background-image: none;
	height: 12px;
	width: 12px;
	background-color: var(--active-color);
	border-radius: 50%;
}

.content-container .quote {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 1.8px;
	margin: 80px auto;
	text-align: center;
}

.content-container .quote .logo {
	margin: 20px auto;
}

.content-container .quote .logo.bridge {
	background: url('../img/logo-bridge.svg') center center no-repeat;
	width: 186px;
	height: 34px;
}

.content-container .quote .logo.csod {
	background: url('../img/logo-csod.svg') center center no-repeat;
	width: 205px;
	height: 55px;
}

.content-container .intro {
	background-size: contain;
	padding: 20px;
	text-align: center;
}

.nav-back {
	text-align: left;
	text-transform: uppercase;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.31;
	margin-top: 10px;
}

.nav-back:hover {
	color: var(--focus-color);
}

.status-bar {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: normal;
}

.status-bar span.status {
	height: 15px;
	width: 15px;
	background-color: #22d634;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.status-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.31;
	letter-spacing: normal;
	margin: 10px 0;
}

.less {
	max-height: 110px;
	overflow: hidden;
}

.seemore {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.16px;
	color: var(--active-color);
	cursor: pointer;
	margin-top: 10px;
	text-align: left;
}

.seemore.less {
	display: none;
}

.seeless {
	display: none;
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.16px;
	color: var(--active-color);
	cursor: pointer;
	margin-top: 10px;
	text-align: left;
}

.seeless.less {
	display: block;
}

.loader {
	text-align: center;
	margin: 20px auto;
}

.my-badge {
	display: inline-block !important;
	border-radius: 20px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 1.36 !important;
	background-color: var(--primary-color) !important;
	color: #fff !important;
	padding: 1px 10px;
}

.my-star {
	display: none;
	background: url('../img/ico-star.svg') center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
}

.my-star:focus,
.my-star:hover,
.my-star.uk-active {
	display: block;
	background: url('../img/ico-star-active.svg') center center no-repeat;
	background-size: contain;
}

.comment-box:focus .my-star,
.comment-box:hover .my-star {
	display: block;
}

.ratings .rating .my-star {
	display: block;
	width: 32px;
	height: 32px;
}

.ratings:hover .rating .my-star {
	background: url('../img/ico-star-active.svg') center center no-repeat;
	background-size: contain;
}

.ratings:hover .rating:hover~.rating .my-star {
	background: url('../img/ico-star.svg') center center no-repeat;
	background-size: contain;
}

.my-bin {
	display: none;
	background: url('../img/ico-trash.svg') center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
}

.comment-box:focus .my-bin,
.comment-box:hover .my-bin {
	display: block;
}

.my-like {
	display: inline-block;
	background: url('../img/ico-like-grey.svg') center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

.my-like+div {
	display: inline-block;
	color: #222;
	font-size: 11px;
	margin-left: 5px;
	vertical-align: middle;
}

.my-like:focus,
.my-like:hover,
.my-like.uk-active {
	background: url('../img/ico-like-pink.svg') center center no-repeat;
	background-size: contain;
}

.live {
	display: inline-block;
	background: url('../img/ico-live.gif') left center no-repeat;
	background-size: contain;
	padding-left: 30px;
}

.g-recaptcha {
	display: inline-block;
}

.uk-width-xsmall {
	width: 70px;
}

.uk-grid-medium .uk-width-medium.expand {
	width: 330px;
}

.uk-button {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px !important;
	border-radius: 20px;
}

.uk-button-default {
	border: 2px solid var(--secondary-color) !important;
	background: transparent;
	color: #fff !important;
	padding: 5px 75px !important;
}

.uk-button-default:hover,
.uk-button-default:focus {
	background: var(--secondary-color) !important;
	color: #fff;
}

.uk-alert {
	*border-radius: 15px;
	margin: 0;
	color: #222;
	z-index: 1;
}

.uk-subnav > * > * {
	text-transform: none !important;
}

.uk-spinner {
	color: var(--primary-color);
}

.uk-accordion-title.basic::before {
	display: none;
}

.uk-dotnav > *:hover > *,
.uk-dotnav > .uk-active > * {
	background-color: rgba(92, 132, 232, 1);
	border-color: transparent;
}

.uk-dotnav > * > * {
	background-color: rgba(92, 132, 232, 0.3);
	border-color: transparent;
}

/******************************
		=MENU
******************************/
.navbar {
	background: none;
}

.navbar nav {
	min-height: 60px;
	padding: 10px 0;
}

.navbar.uk-sticky.uk-active {
	background: url(../img/bg-hero.jpg) top center no-repeat;
	background-size: cover;
	box-shadow: 0px 3px 6px #00000029;
	*backdrop-filter: blur(30px);
	*-webkit-backdrop-filter: blur(30px);
	z-index: 1000;
}

.navbar .topbar {
	background-color: var(--lite-color);
	text-align: center;
	padding: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: var(--inverse-color);
}

.navbar .topbar .nav-button {
	max-width: 100%;
	padding: 5px 20px;
	margin: 0 10px;
	border-radius: 20px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 16px !important;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	border: 1px solid var(--lite-color);
	background: #fff;
	color: var(--supplement-color);
}

.navbar .topbar .nav-button:hover,
.navbar .topbar .nav-button:focus {
	background: var(--supplement-color);
	color: #fff;
}

.my-container.my-container-center {
	width: 1366px;
	padding: 0 10px;
	max-width: calc(100% - 20px);
	margin: 0 auto;
}

.logobar {
	padding-top: 30px;
	text-align: center;
}

.primary-logo {
	display: block;
	background: url('../img/logo.svg') center center no-repeat;
	background-size: contain;
	width: 300px;
	max-width: 80%;
	height: 90px;
	margin: 0 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out ;
	-ms-transition: all 0.25s ease-in-out ;
	-o-transition: all 0.25s ease-in-out ;
	transition: all 0.25s ease-in-out ;
}

.navbar.uk-sticky.uk-active .primary-logo {
	width: 200px;
	height: 60px;
}

.primary-sponsor-logo {
	position: relative;
	display: block;
	background: url('../img/logo-cipp.svg') center center no-repeat;
	background-size: contain;
	width: 240px;
	height: 90px;
	margin: 5px 10px 5px 20px !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out ;
	-ms-transition: all 0.25s ease-in-out ;
	-o-transition: all 0.25s ease-in-out ;
	transition: all 0.25s ease-in-out ;
}

.primary-sponsor-logo:before {
	content: "";
	width: 16px;
	height: 16px;
	background: url('../img/ico-x.svg') center center no-repeat;
	background-size: cover;
	position: absolute;
	left: -28px;
	z-index: 0;
}

.navbar.uk-sticky.uk-active .primary-sponsor-logo {
	width: 160px;
	height: 60px;
}

.uk-navbar-container .uk-navbar-nav > li {
	margin: 0 0 0 15px;
}

.uk-navbar-container .uk-navbar-nav > li > * {
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 1.2px;
	text-align: center;
	text-transform: none;
	color: var(--inverse-color);
	margin: 5px 10px;
	padding: 2px;
	min-height: 40px;
}

.uk-navbar-toggle.uk-open,
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover,
.uk-navbar-container .uk-navbar-nav>li:hover>*,
.uk-navbar-container .uk-navbar-nav>li:focus>*,
.uk-navbar-container .uk-navbar-nav>li>*:focus {
	color: var(--active-color);
}

.uk-navbar-container .uk-navbar-nav > li.uk-active > * {
	background-image: linear-gradient(92deg, #AA0AA1 0%, #3A34C8 98%);
	background-position: left bottom;
	background-size: 100% 3px;
	background-repeat: no-repeat;
	color: var(--inverse-color);
}

a.primary-button-inverse {
	border-radius: 20px;
	background: none !important;
	border: 2px solid var(--secondary-color);
	text-transform: none;
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px !important;
	font-weight: 400;
	color: #fff !important;
	letter-spacing: 1px;
	text-transform: lowercase;
}

.uk-offcanvas-bar .primary-logo {
	display: block;
	background: url('../img/logo.svg') center center no-repeat;
	background-size: contain;
	width: 200px;
	height: 60px;
	margin: 0 auto;
}

.uk-offcanvas-bar .primary-sponsor-logo {
	display: block;
	background: url('../img/logo-cipp-inverse.svg') center center no-repeat;
	background-size: contain;
	width: 200px !important;
	height: 60px !important;
	margin: 0 auto;
}

.uk-offcanvas-bar .event-title {
	font-size: 25px !important;
	margin: 5px !important;
	color: #fff;
	text-align: center;
}

.uk-offcanvas-bar .event-subtitle {
	font-size: 20px !important;
	letter-spacing: 3px !important;
	text-transform: none !important;
	margin: 5px !important;
}

.uk-offcanvas-bar .uk-nav-primary > li > a {
	font-size: 22px;
    line-height: 1.5;
}

.sidemenu {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 100px;
	padding: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #f2f4f5;
	text-align: center;
}

.sidemenu ul li {
	position: relative;
	*margin: 5px 0 5px -10px;
	*padding: 0 1px;
	*border-left: 5px solid transparent;
}

.sidemenu ul li.uk-active {
	*border-left: 5px solid var(--primary-color);
}

.sidemenu ul li .ico-home {
	background: url('../img/ico-home.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-home {
	background: url('../img/ico-home-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .ico-lounge {
	background: url('../img/ico-lounge.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-lounge {
	background: url('../img/ico-lounge-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .ico-agenda {
	background: url('../img/ico-agenda.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-agenda {
	background: url('../img/ico-agenda-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .ico-discussion {
	background: url('../img/ico-discussion.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-discussion {
	background: url('../img/ico-discussion-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .ico-announcements {
	background: url('../img/ico-announcements.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-announcements {
	background: url('../img/ico-announcements-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .ico-resources {
	background: url('../img/ico-resources.svg') center center no-repeat;
	background-size: contain;
	width: 35px;
	height: 35px;
	margin: 5px auto;
}

.sidemenu ul li.uk-active .ico-resources {
	background: url('../img/ico-resources-active.svg') center center no-repeat;
	background-size: contain;
}

.sidemenu ul li .menu {
	font-family: var(--secondary-font), sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: 0.72px;
	color: #828282;
}

.sidemenu ul li.uk-active .menu {
	color: var(--primary-color);
}

.sidemenu ul li .profile-photo {
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 50%;
	margin: 5px auto;
}

.sidemenu ul li .profile-photo img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.sidemenu ul li.uk-active .profile-photo img {
	border: 1px solid var(--secondary-color);
}

.sidemenu ul li .profile-photo .initials {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #151a40;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.33;
	color: #fff;
	text-align: center;
}

.sidemenu ul li .profile-photo .initials span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}

.statusbar {
	position: fixed;
	z-index: 1001;
	left: 65px;
	bottom: 0;
	width: 215px;
}

.statusbar .uk-alert {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 5px;
}

.statusbar .uk-alert p {
	font-family: var(--primary-font), sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: var(--primary-color);
}

.statusbar .event-status {
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0;
	text-align: center;
	background-color: var(--primary-color);
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: #fff;
}

.statusbar .uk-alert+.event-status {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.statusbar .event-status span.dot {
	height: 10px;
	width: 10px;
	padding: 1px;
	background-color: #22d634;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.notify {
	position: absolute;
	top: 0;
	right: -5px;
	height: 18px;
	width: 18px;
	padding: 1px;
	background-color: red;
	border-radius: 50%;
	font-family: var(--secondary-font), sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
}

/******************************
		=MODAL
******************************/
.uk-modal-container .uk-modal-dialog {
	width: 960px;
}

.uk-modal-container .uk-modal-dialog-info {
	width: 1200px;
	border-radius: 15px;
}

.uk-modal-dialog {
	color: #222;
}

.uk-modal-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 40px;
	font-weight: 300;
	*letter-spacing: 4px;
	color: #222 !important;
}

.my-card {
	padding: 10px;
}

.my-card legend {
	margin-bottom: 20px;
}

.my-card legend span {
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
	color: #222;
}

.my-logo {
	background: url('../img/logo-my.svg') center center no-repeat;
	width: 150px;
	height: 150px;
	margin: 30px auto;
}

.my-logo.my-logo-small {
	width: 100px;
	height: 100px;
}

.my-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #222;
	margin: 30px 10px;
}

.my-button {
	width: 250px;
	max-width: 100%;
	border-radius: 20px;
	background-color: #222;
	text-transform: none;
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px !important;
	font-weight: 300;
	color: #fff;
	letter-spacing: 2px;
}

.eg-modal .uk-modal-dialog {
	border-radius: 20px;
	padding: 50px;
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.78;
	letter-spacing: 1.08px;
	color: #222;
}

.eg-modal .uk-modal-dialog .uk-close {
	top: 20px;
	right: 20px;
}

.eg-modal .uk-modal-dialog h2 {
	font-family: var(--secondary-font), sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	margin: 20px 0;
	color: #5a5a5a;
}

.eg-modal .uk-modal-dialog h3 {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin: 20px 0;
	color: #5a5a5a;
}

.eg-modal .uk-modal-dialog p {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.78;
	letter-spacing: 1.08px;
	color: #5a5a5a;
}

.eg-modal .uk-modal-dialog a {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-color);
	text-decoration: underline;
}

.eg-modal .uk-modal-dialog .uk-checkbox {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border-color: var(--primary-color);
}

.eg-modal .uk-modal-dialog .uk-checkbox:focus,
.eg-modal .uk-modal-dialog .uk-textarea:focus {
	border-color: var(--primary-color);
}

.eg-modal .uk-modal-dialog .uk-checkbox:checked,
.eg-modal .uk-modal-dialog .uk-checkbox:indeterminate {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.eg-modal .uk-modal-dialog .primary-button {
	border: 2px solid var(--supplement-color) !important;
}

.eg-modal .uk-modal-dialog .primary-button:disabled {
	color: #707070 !important;
	background: none !important;
}

.eg-modal .uk-modal-dialog .uk-button-link {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	text-align: center;
	color: #5a5a5a;
}

.eg-modal .uk-modal-dialog .tip {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: 0.84px;
	text-align: center;
	color: #222;
}

/******************************
		=HOME
******************************/
.showcase {
	width: 320px;
	height: 250px;
	margin: 10px auto 0 239px;
	position: relative;
	z-index: 99;
}

.showcase video {
	position: absolute;
	left: 0;
	width: 100%;
	top: 10px;
	z-index: 1;
}

.showcase .deco {
	background: url('../img/deco-hero.svg') center center no-repeat;
	background-size: contain;
	position: absolute;
	width: 160%;
	height: 200%;
	top: -50%;
	left: -25%;
	z-index: 2;
}

.event-meta {
	font-family: var(--primary-font), sans-serif;
	font-size: 34px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 48px;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--focus-color);
	margin: 0;
}

.event-meta span {
	font-style: italic;
	font-weight: 300;
}

.event-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 40px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 48px;
	letter-spacing: 0;
	color: var(--supplement-color);
	margin: 0;
}

.event-title.event-title-large {
	font-size: 85px;
	font-weight: 800;
	line-height: 90px;
	color: var(--inverse-color);
}

.event-title + .event-title-large {
	margin-top: 0;
}

.event-title.inverse {
	color: #fff;
}

.event-subtitle {
	font-family: var(--supplement-font), sans-serif;
	font-size: 60px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 64px;
	letter-spacing: 0;
	color: var(--supplement-color);
	margin: 10px auto;
}

.event-subtitle.inverse {
	color: #222;
}

.event-date {
	font-family: var(--secondary-font), sans-serif;
	font-size: 25px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 30px;
	letter-spacing: 0;
	color: var(--supplement-color);
	margin: 30px 0;
}

ul.event-tag {
	margin-left: -20px;
}

ul.event-tag li {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0;
	color: var(--inverse-color);
	margin: 10px 0;
	border-left: 1px solid var(--inverse-color);
	padding: 0 20px;
}

ul.event-tag li:first-child {
	border-left: 0;
}

ul.event-label {
	margin: -20px 0 0 0;
}

ul.event-label li {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	color: #fff;
	margin: 10px 10px 10px 0;
	border-radius: 18px;
	border: 1px solid var(--lite-color);
	padding: 5px 15px;
}

ul.event-label li a {
	color: var(--primary-color) !important;
}

ul.event-label li:focus,
ul.event-label li:hover,
ul.event-label li.uk-active {
	background: var(--lite-color);
	color: var(--inverse-color);
}

ul.event-label li:focus a,
ul.event-label li:hover a,
ul.event-label li.uk-active a {
	color: var(--inverse-color) !important;
}

.event-label-desc {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 30px;
	letter-spacing: normal;
	color: var(--supplement-color);
	margin: 10px 0;
}

ul.tick-list li {
	background: url('../img/ico-tick.svg') left 3px no-repeat;
	padding-left: 40px;
}

.event-button {
	display: none;
}

.event-intro-container {
	margin-top: 50px;
}

.event-intro {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 30px;
	letter-spacing: normal;
	padding: 40px;
	color: var(--primary-color);
}

.event-intro.inverse {
	color: var(--inverse-color);
}

.partners-wrapper {
	background: #FFF 0% 0% no-repeat padding-box;
	border-radius: 25px;
	margin: 10px 0 50px 0 !important;
	padding: 25px;
	color: var(--supplement-color);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.section-title {
	background: linear-gradient(92deg, #AA0AA1 0%, #3A34C8 98%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 10px;
	font-family: var(--secondary-font), sans-serif;
	font-size: 66px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	line-height: 78px;
	letter-spacing: normal;
	margin: 10px auto !important;
	color: var(--supplement-color);
}

.section-title.inverse {
	color: var(--primary-color);
}

.section-title.inverse > span:after {
	*background: var(--primary-color);
}

.section-title.alternative {
	color: var(--focus-color);
}

.section-title.section-title-medium {
	*background: url('../img/bg-bubble-medium.svg') center top no-repeat;
	*background-size: contain;
	padding: 30px 10px;
}

.section-title.section-title-large {
	*background: url('../img/bg-bubble-large.svg') center top no-repeat;
	*background-size: contain;
	padding: 40px 10px;
}

.section-title.section-title-xlarge {
	*background: url('../img/bg-bubble-xlarge.svg') center top no-repeat;
	*background-size: contain;
	padding: 50px 10px;
}

.section-title > span:after {
	content: "";
	display: block;
	width: 350px;
	max-width: 80%;
	margin: 20px auto;
	padding: 4px 0;
	border-top: none;
	background: url('../img/bg-dots.svg') center center repeat;
	background-size: cover;
}

.section-subtitle {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 40px;
	letter-spacing: 0;
	margin: 10px 0;
	color: var(--supplement-color);
}

.section-subtitle.inverse {
	color: var(--inverse-color);
}

.section-intro {
	font-family: var(--secondary-font), sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	margin: 10px auto;
	color: var(--primary-color);
}

.usp-intro {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 19px;
	letter-spacing: 0;
	margin-top: 10px auto;
	color: var(--primary-color);
}

.usp-intro.inverse {
	color: var(--inverse-color);
}

.grid-agenda {
	margin-top: 60px;
}

.usp-section {
	background: url(../img/bg-usp.jpg) top center no-repeat;
    background-size: cover;
}

.ico-usp {
	width: 196px;
	max-width: 100%;
	height: 196px;
	margin: 20px auto;

}

.ico-usp.ico-innovation {
	background: url('../img/ico-innovation.svg') center center no-repeat;
	background-size: contain;
}

.ico-usp.ico-interaction {
	background: url('../img/ico-interaction.svg') center center no-repeat;
	background-size: contain;
}

.ico-usp.ico-inspiration {
	background: url('../img/ico-inspiration.svg') center center no-repeat;
	background-size: contain;
}

.showreel-container {
	margin-bottom: 100px;
}

/******************************
		=REGISTER
******************************/
#register {
	position: relative;
	z-index: 101;
}

.register-card {
	padding: 20px;
	*background-color: rgba(161, 161, 161, 0.8);
	*border-radius: 15px;
}

.register-card input:not([type="checkbox"]),
.register-card select,
.register-card textarea {
	text-align: center;
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-radius: 20px;
	background-color: #fff;
	color: #222;
}

.register-card select option:first-child {
	color: #999 !important;
}

.uk-input,
.uk-select:not([multiple]):not([size]) {
	height: 50px;
	padding: 10px;
}

.uk-textarea {
	padding: 10px;
}

.register-card input:focus,
.register-card select:focus,
.register-card textarea:focus {
	border-color: var(--secondary-color);
	background-color: #fff;
	color: #222;
}

.register-card input::placeholder,
.register-card textarea::placeholder {
	text-align: center;
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 400;
	padding: 0;
	color: #999;
}

.primary-button {
	position: relative;
	background: linear-gradient(92deg, #AA0AA1 0%, #3A34C8 98%);
	color: #fff !important;
	border-radius: 20px;
	text-transform: none!important;
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px !important;
	font-weight: 400;
	letter-spacing: 1.2px;
	line-height: 1.2;
	padding: 8px 45px 8px 20px !important;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.primary-button:after {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	right: 5px;
	background: url(../img/arrow-reg-button.svg) no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}

.primary-button-alt {
	background: linear-gradient(92deg, #AA0AA1 0%, #3A34C8 98%);
	color: #fff !important;
	text-transform: none!important;
	font-family: var(--secondary-font), sans-serif;
	font-size: 15px !important;
	font-weight: 400;
	letter-spacing: 1.35px;
	line-height: 15px;
	padding: 12px 55px 12px 35px !important;
}

.primary-button.inverse {
	background-color: #fff;
	color: var(--primary-color);
}

.primary-button:hover,
.primary-button:focus {
	background-color: var(--active-color) !important;
	color: #fff !important;
}

.primary-button .uk-icon,
.primary-button-alt .uk-icon {
	border-radius: 50%;
	background: var(--bg-color);
	color: var(--supplement-color);
	margin-left: 10px;
}

.primary-button.primary-button-small {
	font-size: 13px !important;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	text-align: center;
	padding: 5px 32px 5px 15px !important;
}

.primary-button.primary-button-small-inverse {
	background: none;
	border: 2px solid var(--secondary-color);
	color: #fff !important;
}

.primary-button.primary-button-small:after {
	top: calc(50% - 10px);
	right: 3px;
	width: 20px;
	height: 20px;
}

.primary-button.primary-button-form {
	width: 250px;
	max-width: 100%;
	background-color: var(--active-color) !important;
	color: #fff !important;
}

.primary-button.primary-button-xlarge {
	font-size: 20px !important;
	font-weight: 400;
	line-height: 30px;
	max-width: 100%;
	text-transform: none;
	padding: 10px 65px 10px 30px !important;
	border-radius: 30px;
}

.primary-button.primary-button-xlarge:after {
	top: calc(50% - 20px);
	right: 5px;
	width: 40px;
	height: 40px;
}

.smallprint,
.smallprint a {
	font-family: var(--secondary-font), sans-serif !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.6px !important;
	color: #222 !important;
}

/******************************
		=LOUNGE
******************************/
.lounge .header {
	background-image: url('../img/bg-lounge.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}

.lounge .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: 8px;
	text-transform: none;
	margin: 10px;
}

.lounge .event-title {
	font-size: 32px;
	line-height: 1.34;
	letter-spacing: 8px;
	text-transform: none;
	margin: 5px;
}

.lounge .event-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
}

.lounge .grid-card .session-partner {
	right: -1px;
}

.lounge .forums-title {
	color: #222;
}

.lounge .forums-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted var(--primary-color);
	margin: 0 -50% 0 3%;
}

.lounge-button {
	min-width: 240px;
	height: 50px;
	padding: 10px 30px;
	margin: 20px 0 !important;
	border-radius: 15px;
	border: none;
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px !important;
	font-weight: 400;
	letter-spacing: 1.08px;
	text-transform: none;
	background: var(--primary-color);
	color: #fff;
}

.lounge-button:hover {
	color: #fff;
}

.lounge-card {
	position: relative;
	background-image: url('../img/hero-forums.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #222;
	border-radius: 15px;
	text-align: left;
	padding: 10px;
	height: 250px;
}

.lounge-card-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 15px;
	background: linear-gradient(to right, black 3%, rgba(128, 128, 128, 0) 72%);
}

.lounge-card .lounge-info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
}

.lounge-card .lounge-info .lounge-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 1.08px;
	color: #fff;
}

.lounge-card .lounge-info .lounge-name {
	font-family: var(--secondary-font), sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 1.8px;
	color: #fff;
	margin: 0;
}

.lounge-card .lounge-status {
	margin-top: 10px;
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: #fff;
}

.lounge-card .lounge-status span.dot {
	height: 10px;
	width: 10px;
	padding: 1px;
	background-color: #22d634;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.lounge-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.32;
	letter-spacing: normal;
	color: var(--primary-color);
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.lounge-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted var(--primary-color);
	margin: 0 -50% 0 3%;
}

/******************************
		=MY PROFILE
******************************/
.my-profile .header {
	background-image: url('../img/bg-hero.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	padding-bottom: 50px;
}

.my-profile .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: normal;
	text-transform: none;
	margin: 10px;
	color: var(--inverse-color);
}

.my-profile .page-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
	color: var(--inverse-color);
}

.my-profile-button {
	min-width: 300px;
	padding: 5px 30px;
	margin: 20px 0 !important;
	border-radius: 20px;
	border: none;
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px !important;
	font-weight: 400;
	line-height: 32px;
	text-transform: none;
	border: 1px solid var(--active-color);
	background: #fff;
	color: var(--supplement-color);
}

.my-profile-button:hover {
	background: var(--active-color);
	color: #fff;
}

.my-profile-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 26px;
	font-wmy-profileeight: 400;
	line-height: 1.31;
	letter-spacing: normal;
	font-weight: 500;
	color: var(--primary-color);
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.my-profile-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted var(--primary-color);
	margin: 0 -50% 0 3%;
}

.my-profile .my-avatar {
	margin: 20px;
}

.my-profile .my-avatar img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #fff;
}

.my-profile .my-avatar .initials {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #b024d7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.33;
	color: #fff;
	text-align: center;
}

.my-profile .my-avatar .initials span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}

.my-profile .profile-button {
	width: 175px;
	max-width: calc(100% - 30px);
	min-height: 30px;
	padding: 3px;
	margin: 10px auto;
	border-radius: 15px;
	border: 1px solid var(--active-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 24px;
	letter-spacing: 0.96px;
	text-transform: none;
	background: #fff;
	color: var(--supplement-color);
}

.my-profile .profile-button:focus,
.my-profile .profile-button:hover {
	background-color: var(--active-color) !important;
	color: #fff !important;
}

.my-notifications {
	padding-left: 40px;
	border-left: 2px dotted var(--primary-color);
}

.my-notification-card {
	margin-bottom: 40px;
}

.my-notification-card .notiofication-info {
	position: relative;
	min-height: 30px;
}

.my-notification-card .notiofication-info .notiofication-dot {
	position: absolute;
	left: -56px;
	display: inline-block;
	height: 26px;
	width: 26px;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid var(--primary-color)
}

.my-notification-card .notiofication-info .notiofication-dot.uk-active {
	background-color: var(--primary-color);
	border: 2px solid #fff
}

.my-notification-card .notiofication-time {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.33;
	letter-spacing: 1.08px;
	color: #222;
	margin: 3px 0;
}

.my-notification-card .notiofication-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.31;
	letter-spacing: 1.56px;
	color: var(--primary-color);
	margin: 0;
}

.my-notification-card .notiofication-intro {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: normal;
	color: #222;
	margin: 10px 0;
}

.my-notification-card .notiofication-intro p {
	margin: 0 0 10px 0;
}

/******************************
		=MY AGENDA
******************************/
.my-agenda .header {
	background-image: url('../img/bg-hero.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	padding-bottom: 50px;
}

.my-agenda .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: normal;
	text-transform: none;
	margin: 10px;
	color: var(--inverse-color);
}

.my-agenda .page-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
	color: var(--inverse-color);
}

.my-agenda-button {
	min-width: 300px;
	padding: 5px 30px;
	margin: 20px 0 !important;
	border-radius: 20px;
	border: 1px solid var(--active-color);
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px !important;
	font-weight: 400;
	line-height: 32px;
	text-transform: none;
	background: #fff;
	color: var(--secondary-color);
}

.my-agenda-button:hover {
	background: var(--active-color);
	color: #fff;
}

.my-agenda-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.31;
	letter-spacing: normal;
	color: var(--primary-color);
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.my-agenda-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted var(--primary-color);
	margin: 0 -50% 0 3%;
}

.my-agenda-day {
	padding-left: 20px;
	border-left: 2px dotted var(--primary-color);
}

.my-agenda-card {
	margin-bottom: 40px;
}

.my-agenda-card .session-info {
	position: relative;
	min-height: 30px;
}

.my-agenda-card .session-info .session-dot {
	position: absolute;
	left: -36px;
	display: inline-block;
	height: 26px;
	width: 26px;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid var(--primary-color);
}

.my-agenda-card .session-info .session-dot.uk-active {
	background-color: var(--primary-color);
	border: 2px solid #fff
}

.my-agenda-card .session-time {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: 1.08px;
	color: var(--primary-color);
	margin: 3px 0;
	text-align: center;
}

.my-agenda-card .session-partner {
	margin: 20px;
	text-align: center;
}

.my-agenda-card .session-partner img {
	width: 120px;
	max-width: 100%;
	height: auto;
}

.my-agenda-card .session-label {
	font-family: var(--primary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0;
	color: var(--primary-color);
	margin: 3px 0;
}

.my-agenda-card .session-topic {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	color: var(--primary-color);
	margin: 0;
	border-radius: 18px;
	border: 1px solid #0089FF;
	padding: 3px 10px;
}

.my-agenda-card .session-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 0;
	color: var(--secondary-color);
	margin: 0;
}

.my-agenda-card .session-subtitle {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: 1.08px;
	color: #222;
	margin: 20px 0 10px 0 !important;
}

.my-agenda-card .session-intro {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.54;
	letter-spacing: normal;
	color: #333;
	margin: 10px 0;
	text-align: left;
}

.my-agenda-card .session-intro.less {
	max-height: 120px;
	overflow: hidden;
}

.my-agenda-card .session-intro p {
	margin: 0 0 10px 0;
}

.my-agenda-card .session-action .session-button {
	width: 175px;
	max-width: calc(100% - 30px);
	min-height: 30px;
	padding: 3px;
	margin: 10px auto;
	border-radius: 15px;
	border: 2px solid var(--primary-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.31;
	letter-spacing: 0.96px;
	text-transform: none;
	background: var(--primary-color);
	color: #fff;
}

.my-agenda-card .seemore {
	color: var(--secondary-color);
}

.event-speakers .uk-slidenav {
	*color: rgba(255, 255, 255, .5);
}

.event-speakers .uk-dotnav > .uk-active > * {
	*background-color: rgba(255, 255, 255, .6);
}

.event-speakers .uk-dotnav > * > * {
	*background-color: rgba(255, 255, 255, .4);
}

.event-speakers .uk-slidenav:focus,
.uk-slidenav:hover {
	*color: rgba(255, 255, 255, .9);
}

/******************************
		=FORUMS
******************************/
.forums .header {
	background-image: url('../img/bg-forums.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}

.forums .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: 8px;
	text-transform: none;
	margin: 10px;
	color: var(--supplement-color);
}

.forums .page-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
	color: var(--supplement-color);
}

.forums-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.32;
	letter-spacing: normal;
	color: #fff;
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.forums-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted #fff;
	margin: 0 -50% 0 3%;
}

.forum-card {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	text-align: left;
	padding: 0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: 1px solid #dedede;
}

.forum-card .forum-notifications {
	position: absolute;
	top: -10px;
	right: -10px;
	background: red;
	font-family: var(--secondary-font), sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.38;
	color: #fff;
	width: 18px;
	height: 18px;
	padding: 3px;
	text-align: center;
	border-radius: 50%;
}

.forum-card .thumbnail img {
	width: 100%;
	border-radius: 15px 15px 0 0;
}

.forum-card .thumbnail-large img {
	border-radius: 15px 0 0 15px;
}

.forum-card .forum-info {
	padding: 10px;
}

.forum-card .forum-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.36;
	letter-spacing: 0.84px;
	text-transform: none;
	margin: 2px 0;
	color: #222;
}

.forum-card .forum-name {
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: 0.25px;
	text-transform: none;
	margin: 0 0 10px 0;
	color: #222;
}

.forum-card .forum-name-large {
	font-family: var(--secondary-font), sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 1.56px;
	text-transform: none;
	margin: 0 0 30px 0;
	color: #222;
}

.forum-card ul.forum-stats {
	color: #222;
	margin-top: 10px;
	margin-bottom: 0;
}

.forum-card ul.forum-stats li {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.30;
	letter-spacing: 0.84px;
	text-transform: none;
}

.forum-card ul.forum-stats li span {
	color: var(--primary-color);
}

.uk-subnav-divider> :nth-child(n+2):not(.uk-first-column)::before {
	height: 1em;
}

.eg-card {
	background-color: #f2f4f5;
	color: #333;
	border-radius: 15px;
	padding: 15px;
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: #222;
	text-align: left;
}

.eg-card.eg-card-large {
	padding: 40px;
}

.eg-card p {
	font-family: var(--secondary-font), sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.31 !important;
	letter-spacing: 0.96px !important;
	color: #222 !important;
	margin: 0 0 10px 0 !important;
}

.eg-card .thumbnail img {
	width: 100%;
	border-radius: 15px 15px 0 0;
}

.eg-card .my-session-button {
	width: 200px;
	height: 40px;
	padding: 6px;
	margin: 20px 0;
	border-radius: 15px;
	border: 2px solid var(--primary-color);
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px !important;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 1.08px;
	text-transform: none;
	color: #fff;
}

.forum-hosts:before {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.31;
	letter-spacing: 0.96px;
	content: "Hosted by";
	display: flex;
	justify-content: center;
	color: #fff;
}

.forum-hosts {
	margin: 20px 0;
}

.moderators {
	margin: 20px 0;
}

.moderators .moderator {
	text-align: center;
	font-size: 16px;
	line-height: 1.31;
	letter-spacing: 0.96px;
	margin-bottom: 10px;
	color: #fff;
}

.moderators .moderator .moderator-photo {
	position: relative;
	margin: 10px auto;
}

.moderators .moderator .moderator-photo img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #b024d7;
}

.moderators .moderator .moderator-photo .initials {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #b024d7;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.33;
	color: #fff;
	text-align: center;
	margin: 10px auto;
}

.moderators .moderator .moderator-photo .initials span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}

.moderators .moderator .moderator-photo .moderator-logo {
	position: absolute;
	width: 50px;
	right: -25px;
	bottom: 0;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--primary-color);
}

.moderators .moderator .moderator-photo .moderator-logo img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.moderators .moderator .moderator-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
}

.moderators .moderator .moderator-job-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 300;
}

.moderators .moderator .moderator-company {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
}

.commenter {
	margin-bottom: 40px;
}

.commenter .commenter-photo {
	width: 50px;
	height: 50px;
	margin: 0;
	border-radius: 50%;
}

.commenter .commenter-photo img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.commenter .commenter-photo .initials {
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #b024d7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.33;
	color: #fff;
	text-align: center;
}

.commenter .commenter-photo .initials span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}

.commenter .comment-box {
	position: relative;
	border-radius: 15px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: 1px solid var(--primary-color);
	background-color: #f5f5f5;
	padding: 15px;
}

.commenter .comment-box .like {
	position: absolute;
	top: 15px;
	right: 15px;
	text-align: center;
}

.commenter .comment-box .like.reset {
	top: 0;
	right: 0;
}

.commenter .comment-box .author {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.36;
	color: #474747;
}

.commenter .comment-box .time {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.36;
	color: #474747;
}

.commenter .comment-box .comment {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.16px;
	color: var(--primary-color);
}

.commenter .comment-box hr.expand {
	margin: 15px -15px;
}

.commenter .comment-box .indicator {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.31;
	letter-spacing: 0.16px;
	color: var(--primary-color);
	cursor: pointer;
	margin-top: 10px;
}

.commenter .comment-box .indicator span svg {
	position: relative;
	margin-top: -3px;
}

.commenter .comment-box .replies {
	margin-top: 20px;
}

.commenter .comment-box .replies .comment-box {
	border: none;
	box-shadow: none;
	padding: 0;
}

.commenter .comment-box .reply {
	margin-top: 20px;
	font-weight: 500;
}

.commenter textarea {
	border-radius: 15px;
	border: solid 1px #b8b8b8;
	background-color: #f5f5f5;
	width: 100%;
	padding: 15px;
	height: 50px;
	overflow: hidden;
	font-weight: 400;
	color: var(--primary-color);
}

/******************************
		=ANNOUNCEMENTS
******************************/
.announcements .header {
	background-image: url('../img/bg-hero.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	padding-bottom: 50px;
}

.announcements .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: normal;
	text-transform: none;
	margin: 10px;
	color: var(--inverse-color);
}

.announcements .page-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
	color: var(--inverse-color);
}

/******************************
		=RESOURCES
******************************/
.resources .header {
	background-image: url('../img/bg-hero.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	padding-bottom: 50px;
}

.resources .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.34;
	letter-spacing: normal;
	text-transform: none;
	margin: 10px;
	color: var(--inverse-color);
}

.resources .page-subtitle {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
	color: var(--inverse-color);
}

.resources .grid-card .session-partner {
	right: -1px;
}

.resources .resource-button {
	padding: 5px 25px;
	margin: 10px auto;
	border-radius: 20px;
	font-family: 'Railway', sans-serif;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 16px;
	letter-spacing: normal;
	text-transform: uppercase;
	border: 1px solid #fff;
	background: #fff;
	color: var(--supplement-color);
}

.resources .resource-button:hover,
.resources .resource-button:focus {
	border: 1px solid var(--active-color);
	background: var(--active-color);
	color: #fff;
}

/******************************
		=PREFERENCES
******************************/
.preferences-wrapper {
	background: rgba(255, 255, 255, 0.86);
}

.preferences-container {
	width: 660px;
	max-width: calc(100% - 20px);
	padding: 50px 0;
	min-height: calc(100vh - 100px);
}

.preferences-container.preferences-container-large {
	width: 1200px;
	max-width: calc(100% - 20px);
	padding: 50px 0;
	min-height: calc(100vh - 100px);
}

.preferences-container h1 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #002B6D;
	position: relative;
	width: fit-content;
	margin: 20px auto !important;
}

.preferences-container h1:after {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	content: "";
    background: transparent linear-gradient(90deg, #56A1FF 0%, #5186DC 100%) 0% 0% no-repeat;
    border-radius: 4px;
    height: 4px;
}

.preferences-container .uk-accordion-title {
	border-radius: 36px;
	background: transparent linear-gradient(90deg, #56A1FF 0%, #5186DC 100%) 0% 0% no-repeat;
	color: #fff;
	padding: 10px 25px;
}

.preferences-container .item-title {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #002B6D;
}

.preferences-container .uk-button-navy {
	background: #002B6D;
	color: #fff;
	border-radius: 25px;
	padding: 10px 30px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

.preferences-container .footer-container {
	padding: 0 15px;
}

.my-switch {
	height: 32px;
	text-align: right;
}
.my-switch input.my-switch-toggle {
	position: absolute;
	opacity: 0;
	display: none;
}
.my-switch input.my-switch-toggle + label {
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 0.4s ease;
	height: 30px;
	width: 50px;
	border: 1px solid #e4e4e4;
	border-radius: 60px;
	background: #fff;
}
.my-switch input.my-switch-toggle + label:before {
	content: "";
	position: absolute;
	display: block;
	transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	height: 30px;
	width: 51px;
	top: 0;
	left: 0;
	border-radius: 30px;
}
.my-switch input.my-switch-toggle + label:after {
	content: "";
	position: absolute;
	display: block;
	box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
	transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	background: whitesmoke;
	height: 28px;
	width: 28px;
	top: 1px;
	left: 0px;
	border-radius: 60px;
}
.my-switch input.my-switch-toggle:checked + label:before {
	background: transparent linear-gradient(90deg, #56A1FF 0%, #5186DC 100%) 0% 0% no-repeat;
	transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.my-switch input.my-switch-toggle:checked + label:after {
	left: 24px;
}

/******************************
		=AGENDA
******************************/
body.agenda {
	position: relative;
	background: url(../img/bg-session.jpg) var(--bg-color) center 10vh no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

body.agenda header {
	*background: none;
}

body.agenda .agenda-wrapper {
	
}

.agenda .page-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 32px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.59;
	letter-spacing: 8px;
	text-transform: none;
	margin: 10px;
}

.agenda .page-title.inverse {
	color: #222;
}

.agenda .event-title {
	font-family: var(--primary-font), sans-serif;
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	line-height: 36px;
	letter-spacing: 2.1px;
	color: var(--secondary-color);
	margin: 10px 0 20px 0;
}

.agenda .event-title .icon-arrow {
	padding-right: 15%;
}

.agenda .event-subtitle {
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 5px;
	text-transform: none;
	margin: 5px;
}

.agenda-title {
	font-family: var(--secondary-font), sans-serif;
	font-size: 60px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 77px;
	letter-spacing: 1.92px;
	color: var(--primary-color);
	margin: 40px 0;
}

.agenda-title.inverse {
	color: #fff;
}

.modes {
	position: relative;
	z-index: 1;
	margin-top: 0;
}

.modes p {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 300;
	font-size: 14px;
	font-style: italic;
	line-height: 1.71;
	letter-spacing: 0.84px;
	color: var(--primary-color);
}

.modes p.inverse {
	color: var(--supplement-color);
}

.modes .uk-subnav-pill > * > *,
.uk-subnav-pill > * > * {
	border: none !important;
	color: var(--active-color) !important;
	border-radius: 10px !important;
	*background: #fff !important;
}

.modes .uk-subnav-pill>*>*.inverse {
	color: var(--primary-color) !important;
}

.modes .uk-subnav-pill > * > *:hover,
.modes .uk-subnav-pill > * > *:focus,
.modes .uk-subnav-pill > .uk-active > *,
.uk-subnav-pill > .uk-active > a,
.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
	border: none !important;
	background: var(--active-color) !important;
	color: #fff !important;
}

.modes .uk-subnav-pill > * > *:hover ul.uk-dropdown-nav li a,
.modes .uk-subnav-pill > * > *:focus ul.uk-dropdown-nav li a {
	color: #fff !important;
}

.modes .calendar {
	width: 175px;
	padding: 5px 0;
}

.uk-dropdown {
	border-radius: 10px;
}

.uk-subnav-pill .uk-dropdown {
	padding: 10px 20px;
	background: #fff !important;
	color: var(--primary-color) !important;
	min-width: 217px;
}

.uk-dropdown .uk-dropdown-nav {
	white-space: normal;
}

.uk-subnav-pill > .uk-active .uk-dropdown-nav > li > a {
	color: var(--primary-color);
}

.uk-dropdown-nav > li > a:hover,
.uk-subnav-pill > .uk-active .uk-dropdown-nav > li > a:hover {
	color: #fff;
}

.day-title {
	position: relative;
	z-index: 1;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1.8px;
	line-height: 1;
	margin: 20px auto;
	width: 100%;
	overflow: hidden;
	color: var(--primary-color);
}

.day-title::before {
	visibility: hidden;
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	border-bottom: 3px solid var(--secondary-color);
	margin: 0 2% 0 -50%;
}

.day-title::after {
	visibility: hidden;
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	border-bottom: 3px solid var(--secondary-color);
	margin: 0 -50% 0 2%;
}

.day-title.inverse {
	color: #fff;
}

.day-title.inverse::before {
	*border-bottom: 3px solid #fff;
}

.day-title.inverse::after {
	*border-bottom: 3px solid #fff;
}

.session-card {
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-top: 0;
	padding: 30px;
	position: relative;
	*z-index: 1;
}

.session-card.decor-head:after {
	content: "";
	background: url('../img/decor-head.png') center center no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 0;
	top: -200px;
	left: calc((1150px - 105vw) / 2);
	width: 702px;
	height: 746px;
	max-width: calc((100vw - 1200px) / 2);
}

.session-card.decor-wave:before {
	content: "";
	background: url('../img/decor-wave.png') center center no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 0;
	top: -150px;
	right: calc((1150px - 115vw) / 2);
	width: 507px;
	height: 868px;
	max-width: calc((100vw - 1200px) / 2);
}

.session-card.decor-cloud:before {
	content: "";
	background: url('../img/decor-cloud.png') center center no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	top: -500px;
	left: calc((1150px - 105vw) / 2);
	width: 444px;
	height: 758px;
	max-width: calc((100vw - 1200px) / 2);
}

.session-card.decor-yoga:after {
	content: "";
	background: url('../img/decor-yoga.png') center center no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	top: -500px;
	right: calc((1150px - 100vw) / 2);
	width: 810px;
	height: 554px;
	max-width: calc((100vw - 1200px) / 2);
}

.session-card.disabled {
	margin: 40px 0 !important;
}

.session-card.disabled * {
	color: var(--supplement-color) !important;
}

.session-card.disabled .session-time {
	line-height: 1.5;
}

.session-card .session-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	background: linear-gradient(92deg, #AA0AA1 0%, #3A34C8 98%);
	color: var(--inverse-color);
	border-radius: 35px;
	margin: 0;
	padding: 3px 10px;
}

.session-card .session-topic {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	color: var(--primary-color);
	margin: 0;
	border-radius: 18px;
	border: 1px solid var(--lite-color);
	padding: 3px 10px;
}

.session-card .session-name {
	font-family: var(--primary-font), sans-serif;
	font-size: 26px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 32px;
	letter-spacing: 0;
	color: var(--primary-color);
	margin: 0;
	text-align: left;
}

.session-card .session-name:focus,
.session-card .session-name:hover {
	color: var(--active-color);
}

.session-card .session-subtitle {
	font-family: var(--primary-font), sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: 0;
	color: var(--secondary-color);
	margin: 10px 0 0 0 !important;
	text-align: left;
}

.session-card .session-intro {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #222;
	margin: 10px 0;
	text-align: left;
}

.session-card .session-intro p {
	margin: 0 0 10px 0;
}

.session-card .session-time {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.session-card .session-status {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.33;
	margin: 10px 0;
	color: var(--primary-color);
	text-transform: uppercase;
}

.session-card .session-status span.dot {
	height: 10px;
	width: 10px;
	padding: 1px;
	background-color: var(--primary-color);
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.session-card .timeline {
	margin: 10px auto 0 auto;
	width: 1px;
	height: calc(100% - 35px);
	border-right: 2px dotted var(--primary-color);
}

.session-card .session-info {
	position: relative;
	min-height: 80px;
}

.session-card .session-action {
	margin-top: 20px;
}

.session-card .session-action .session-button {
	width: 175px;
	max-width: calc(100% - 30px);
	min-height: 30px;
	padding: 5px;
	margin: 10px auto;
	border-radius: 15px;
	border: 1px solid var(--active-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.5;
	letter-spacing: 0.96px;
	text-transform: none;
	background: #fff;
	color: var(--secondary-color);
}

.session-card .session-action .session-button:hover,
.session-card .session-action .session-button:focus {
	background: var(--active-color);
	color: #fff;
}

.session-card .session-button.uk-active {
	background: var(--active-color);
	color: #fff;
}

.session-partner-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	line-height: 1.31;
	letter-spacing: 1.56px;
	color: var(--supplement-color);
	margin-top: 0px;
	margin-bottom: 40px;
}

.session-card .session-partner {
	
}

.session-card .session-partner img {
	width: 150px;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
	*border: 2px solid var(--secondary-color);
}

.session-card .partner-logo img {
	*border: 2px solid var(--secondary-color);
}

.session-card .session-preview {
	position: relative;
	margin-left: -10px;
	margin-top: -10px;
}

.session-card .session-preview img {
	border-radius: 15px;
}

.session-card .session-preview .play {
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url('../img/ico-play.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(237, 33, 124, 0.7);
	width: 18px;
	height: 20px;
	padding: 15px 16px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.session-card .guest-speakers {
	margin-top: -80px;
}

.session-card .lead-speakers {
	margin-top: 0;
}

.session-card .session-speakers-container {
	padding: 10px 30px 10px 10px;
}

.session-card .speaker-photo {
	position: relative;
	width: 160px;
	margin: 0 auto;
}

.session-card .speaker-photo img {
	border-radius: 50%;
	width: 160px;
	height: 160px;
}

.session-card .speaker-photo .speaker-logo {
	position: absolute;
	width: 80px;
	right: -30px;
	bottom: 0;
	border-radius: 50%;
	background: #fff;
	*border: 2px solid var(--secondary-color);
}

.session-card .speaker-photo .speaker-logo img {
	width: 80px;
	height: 80px;
}

.session-card .speaker-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.44;
	color: #222;
	margin-top: 10px;
}

.session-card .speaker-job-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.31;
	color: #222;
}

.session-card .speaker-company {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.31;
	color: #222;
}

.grid-card {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #222;
	border-radius: 15px;
	text-align: left;
	padding: 20px;
	height: 400px;
	z-index: 1;
}

.grid-card .grid-card-overlay-top {
	position: absolute;
	top: 0;
	bottom: 70%;
	left: 0;
	right: 0;
	border-radius: 15px;
	background: linear-gradient(to top, rgba(8, 11, 33, 0), #080b21);
}

.grid-card .grid-card-overlay-bottom {
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 15px;
	background: linear-gradient(to bottom, rgba(8, 11, 33, 0), #080b21);
}

.grid-card .uk-position-cover {
	background: rgba(8, 11, 33, 1);
	border-radius: 15px;
	padding: 40px 10px 10px 10px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.25;
	letter-spacing: 0.78px;
	color: #fff;
}

.grid-card .uk-position-cover .cover-speaker-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
}

.grid-card .uk-position-cover .cover-speaker-job-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
}

.grid-card .uk-position-cover .cover-speaker-company {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 600;
}

.grid-card .uk-position-cover .info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
}

.grid-card .card-time {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: 0.9px;
	color: #fff;
}

.grid-card .card-status {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.33;
	letter-spacing: 0.9px;
	color: #fff;
	text-transform: uppercase;
}

.grid-card .card-status span.dot {
	height: 10px;
	width: 10px;
	padding: 1px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.grid-card .grid-card-partner {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.grid-card .grid-card-partner-alt {
	position: absolute;
	right: 10px;
	top: 110px;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.grid-card .grid-card-partner img,
.grid-card .grid-card-partner-alt img {
	width: 90px;
	height: 90px;
	background: #fff;
}

.grid-card .card-info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px;
	width: calc(100% - 20px);
}

.grid-card .card-info .card-label {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: normal;
	color: #fff;
}

.grid-card .card-info .card-topic {
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	color: #fff;
	margin: 10px 10px 10px 0;
	border-radius: 18px;
	border: 1px solid var(--lite-color);
	padding: 3px 10px;
}

.grid-card .card-info .card-topic.featured {
	background: #0089FF;
	color: #fff;
}

.grid-card .card-info .card-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: #fff;
	margin-right: 35px;
}

.grid-card .speaker-info {
	margin-top: 10px;
}

.grid-card .speakers {
	margin: 0;
}

.grid-card .speakers .speaker {
	padding: 0;
	clear: both;
}

.grid-card .speaker-avatar {
	margin: 0 10px 0 0;
}

.grid-card .speaker-avatar img {
	margin-top: 10px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}

.grid-card .speaker-avatar.speaker-avatar-small img {
	width: 40px;
	height: 40px;
}

.grid-card.grid-card-small .card-time {
	font-size: 16px;
}

.grid-card.grid-card-small .grid-card-partner {
	width: 80px;
	height: 80px;
}

.grid-card.grid-card-small .grid-card-partner img {
	width: 80px;
	height: 80px;
}

.grid-card.grid-card-small .card-info .card-label {
	font-size: 16px;
}

.grid-card.grid-card-small .card-info .card-name {
	font-size: 18px;
}

.grid-card.grid-card-small .speaker-avatar img {
	width: 40px;
	height: 40px;
}

.grid-card .card-cta {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 18px;
	padding: 10px 15px;
	border-top-right-radius: 15px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 0 !important;
	font-size: 15px;
	background: var(--active-color) !important;
	color: #fff;
}

.grid-card .card-cta:hover {
	background: var(--primary-color);
}

.grid-card .card-action {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46px;
	height: 36px;
}

.grid-card .card-action .session-button {
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: none;
	border-bottom: none;
	border-top-left-radius: 15px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 15px !important;
	border-bottom-left-radius: 0 !important;
	background: #fff;
	color: var(--active-color);
	padding: 3px 13px 4px 13px;
	line-height: 28px;
}

.grid-card .card-action .session-button:focus,
.grid-card .card-action .session-button:hover,
.grid-card .card-action .session-button.uk-active {
	background: var(--active-color);
	color: #fff;
}

.uk-slideshow .uk-slidenav-previous {
	left: -20px;
}

.uk-slideshow .uk-slidenav-next {
	right: -20px;
}

/******************************
		=SESSION
******************************/
html.session {
	background-image: url('../img/bg-session.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: var(--bg-color);
	background-size: 100vw;
}

html.session header {
	*background: none;
}

.session.streams {
	background: url('../img/bg-default.svg') #fff center top no-repeat;
	background-size: cover;
}

.session.streams .speaker-photo {
	position: relative;
	width: 160px;
	margin: 0 auto;
}

.session.streams .speaker-photo img {
	border-radius: 50%;
	width: 160px;
	height: 160px;
}

.session.streams .speaker-name,
.session.streams .speaker-job-title,
.session.streams .speaker-company {
	color: #fff;
}

.session.streams footer {
	background: none;
}

.session .glass-panel {
	margin: 0 auto;
}

.session .description {
	text-align: left;
}

.session .description ul,
.session .description p {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 1.32px;
	margin: 20px auto;
	color: var(--primary-color);
}

.session p:last-child {
	margin-bottom: 0;
}

.session .session-name {
	font-family: var(--primary-font), sans-serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.33;
	letter-spacing: normal;
	color: var(--primary-color);
	margin: 30px 0 10px 0;
}

.session .session-name.inverse {
	color: var(--primary-color);
}

.session .session-name.session-name-medium {
	font-size: 36px;
}

.session .session-name.session-name-small {
	font-size: 24px;
}

.session .session-label {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: normal;
	color: var(--primary-color);
	margin: 0;
}

.session .session-partner {
	margin-bottom: 20px;
}

.session .session-partner:before {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.75;
	letter-spacing: normal;
	content: "Presented by";
	display: flex;
	justify-content: center;
	color: var(--secondary-color);
}

.session .session-partner.inverse:before {
	color: var(--primary-color);
}

.session .session-partner-card:before {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: normal;
	content: "Presented by";
	display: flex;
	justify-content: center;
	color: var(--primary-color);
}

.speaker-logo {
	position: absolute;
	width: 50px;
	right: -25px;
	bottom: 0;
	border-radius: 50%;
	background: #fff;
	*border: 2px solid var(--primary-color);
}

.session .session-partner img {
	width: 200px;
	max-width: 100%;
	height: auto;
}

.session .session-partner.offset img {
	margin-top: -45px;
}

.session .session-partner.session-partner-small img {
	width: 150px;
	max-width: 100%;
	height: auto;
	margin-top: -30px;
}

.session .uk-container.video-container {
	margin-bottom: 30px;
	text-align: center;
}

.session .playbar {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	background-color: #040404;
	border-top: 3px solid var(--primary-color);
	border-bottom: 3px solid var(--primary-color);
}

.session .playbar>div {
	margin: 0;
	padding: 0;
}

.session .playbar-info {
	position: relative;
}

.session .playbar-info .shortcut {
	position: absolute;
	top: 0;
	padding: 10px;
	width: calc(100% - 35px);
	background-color: var(--primary-color);
	font-size: 16px;
	color: #fff;
}

.session .playbar-info .shortcut a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.session .playbar-info .shortcut a:focus,
.session .playbar-info .shortcut a:hover {
	color: var(--focus-color);
	border-bottom: 1px solid var(--focus-color);
}

.session .playbar-info .info-container {
	display: none;
}

.session .playbar .playbar-info .countdown-container {
	display: block;
	background-color: rgba(255, 255, 255, 0.9);
	text-align: left;
}

.session .playbar .playbar-info .info-tracker {
	display: none;
}

.session .playbar .playbar-info .info-container {
	display: block;
}

.session .playbar .playbar-info .info-container .session-date {
	margin: 0 0 10px 0;
}

.session .playbar .playbar-info .info-container .session-name {
	font-size: 30px;
	margin: 0 0 20px 0;
}

.session .playbar .playbar-info .session-button {
	margin: 0;
}

.session .video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.session .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.session .video-wrapper .next-wrapper {
	display: none;
}

.session .video-wrapper .next-wrapper .uk-close {
	position: absolute;
	z-index: 999;
	top: 20px;
	right: 20px;
	color: #fff;
}

.session .video-wrapper .next-wrapper .uk-close:hover {
	color: var(--primary-color);
}

.session .video-wrapper .next-wrapper .next-panel {
	position: absolute;
	z-index: 998;
	background: rgba(5, 5, 5, 0.85);
	top: 0;
	left: 0;
	padding: 50px 20px;
	width: calc(100% - 39px);
	height: calc(100% - 100px);
	font-size: 16px;
	color: #fff;
}

.session .video-actions {
	padding: 20px;
	color: #fff;
}

.session .video-actions .download-button {
	min-width: 240px;
	max-width: 100%;
	height: 50px;
	padding: 10px;
	margin: 20px 0;
	border-radius: 20px;
	border: 2px solid var(--primary-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px !important;
	line-height: 1.33;
	letter-spacing: 1.08px;
	text-transform: none;
	color: #fff;
}

.session .video-actions .download-button:focus,
.session .video-actions .download-button:hover,
.session .video-actions .download-button.uk-active {
	background-color: var(--primary-color);
}

.session .video-actions .video-options {
	margin: 10px 0;
}

.session .video-actions .video-options li {
	padding-left: 15px;
}

.session .video-actions .video-options li:first-child {
	padding-left: 0;
}

.session .video-actions .video-options a {
	color: #999;
}

.session .video-actions .video-options a:focus,
.session .video-actions .video-options a:hover {
	color: var(--secondary-color);
}

.session .video-actions .video-options .stats {
	color: var(--primary-color);
	font-size: 14px;
}

.session .video-actions .video-options .ico-like {
	background: url('../img/ico-like.svg') center center no-repeat;
	background-size: contain;
	width: 45px;
	height: 35px;
	margin: 5px auto;
}

.session .video-actions .video-options .ico-like:focus,
.session .video-actions .video-options .ico-like:hover,
.session .video-actions .video-options .ico-like.uk-active {
	background: url('../img/ico-like-active.svg') center center no-repeat;
	background-size: contain;
}

.session .video-actions .video-options .ico-share {
	background: url('../img/ico-share.svg') center center no-repeat;
	background-size: contain;
	width: 45px;
	height: 35px;
	margin: 5px auto;
}

.session .video-actions .video-options .ico-share:focus,
.session .video-actions .video-options .ico-share:hover,
.session .video-actions .video-options .ico-share.uk-active {
	background: url('../img/ico-share-active.svg') center center no-repeat;
	background-size: contain;
}

.session .video-actions .video-options .ico-resources {
	background: url('../img/ico-resources-dark.svg') center center no-repeat;
	background-size: contain;
	width: 45px;
	height: 35px;
	margin: 5px auto;
}

.session .video-actions .video-options .ico-resources:focus,
.session .video-actions .video-options .ico-resources:hover,
.session .video-actions .video-options .ico-resources.uk-active {
	background: url('../img/ico-resources-active.svg') center center no-repeat;
	background-size: contain;
}

.session .video-actions .video-options .ico-forum {
	background: url('../img/ico-forum.svg') center center no-repeat;
	background-size: contain;
	width: 45px;
	height: 35px;
	margin: 5px auto;
}

.session .video-actions .video-options .ico-forum:focus,
.session .video-actions .video-options .ico-forum:hover,
.session .video-actions .video-options .ico-forum.uk-active {
	background: url('../img/ico-forum-active.svg') center center no-repeat;
	background-size: contain;
}

.session .action-wrapper {
	height: 100%;
}

.session iframe.chatroom {
	min-height: 575px;
	max-height: 100%;
	border-radius: 15px;
}

.session .countdown-container {
	position: relative;
	padding: 30px 20px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 15px;
}

.session .countdown-container.countdown-container-large {
	padding: 70px 20px;
}

.session .countdown-container.countdown-container-small {
	padding: 20px;
	height: calc(100% - 40px);
}

.session .countdown-container.countdown-container-small .hashtag {
	margin-top: 30px !important;
}

.session .audio-controller {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 999;
}

.session .audio-controller .audio-off {
	background: url('../img/ico-audio-off.svg') center center no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}

.session .audio-controller .audio-off:focus,
.session .audio-controller .audio-off:hover,
.session .audio-controller .audio-off.uk-active {
	background: url('../img/ico-audio-off-active.svg') center center no-repeat;
	background-size: contain;
}

.session .audio-controller .audio-on {
	background: url('../img/ico-audio-on.svg') center center no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}

.session .audio-controller .audio-on:focus,
.session .audio-controller .audio-on:hover,
.session .audio-controller .audio-on.uk-active {
	background: url('../img/ico-audio-on-active.svg') center center no-repeat;
	background-size: contain;
}

.session .countdown-container .promo-label {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 1px;
	color: #fff;
	margin: 20px auto;
}

.session .countdown-container .promo-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000;
	margin: 30px auto;
}

.session .countdown-container.countdown-container-small .promo-title {
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: 1.5px;
	margin: 24px auto;
}

.session .session-button {
	min-width: 240px;
	max-width: 100%;
	padding: 10px;
	margin: 20px 0;
	border-radius: 15px;
	border: 1px solid var(--active-color);
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 1.33;
	letter-spacing: 1.08px;
	text-transform: none;
	background: #fff;
	color: var(--active-color);
}

.session .session-button:hover,
.session .session-button:focus {
	background: var(--active-color);
	color: #fff;
}

.session .session-button.inverse {
	background: #fff;
	color: var(--primary-color);
}

.session .session-button.uk-active {
	background: var(--active-color);
	color: #fff;
}

.session .session-button.auto {
	min-width: auto;
}

.session .session-button.reset {
	margin: 0;
	width: auto;
	height: auto;
	padding: 5px 30px;
}

.session .session-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.32;
	letter-spacing: 1px;
	color: var(--primary-color);
	margin: 50px 0 30px 0;
	text-align: left;
	width: 100%;
	overflow: hidden;
}

.session .session-title::after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 90%;
	border-bottom: 8px dotted var(--primary-color);
	margin: 0 -50% 0 3%;
}

.session .session-date {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: var(--primary-color);
	margin: 5px 0;
}

.session .session-date.inverse {
	color: #fff;
}

.session .session-time {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 1.35;
	letter-spacing: 3.5px;
	color: var(--primary-color);
	margin: 0;
}

.session .session-time.inverse {
	color: #fff;
}

.session .session-time.session-time-medium {
	font-size: 30px;
}

.session .speaker-job-title,
.session .speaker-company {
	*color: #fff !important;
}

.session .nav-session-card {
	position: fixed;
	z-index: 1001;
	top: calc(100vh - 430px);
	width: 280px;
	padding: 20px;
	background: #f2f4f5 !important;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.session .nav-session-card .nav-label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 0.96;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.session .nav-session-card .nav-session-img {
	max-height: 100px;
	overflow: hidden;
}

.session .nav-session-card .nav-session-name {
	font-family: var(--primary-font), sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.31;
	letter-spacing: 0.96;
	color: var(--secondary-color);
	margin-top: 10px;
}

.session .prev-session-card {
	left: -320px;
	border-bottom-right-radius: 10px;
	transition: left 0.5s !important;
}

.session .prev-session-card:hover {
	left: 0 !important;
}

.session .prev-session-card.closed {
	left: -320px !important;
}

.session .prev-session-card .prev-session {
	position: absolute !important;
	top: 0 !important;
	left: 320px !important;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: var(--secondary-color);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
}

.session .nav-session-card .meta-label {
	margin: 10px auto;
	color: var(--primary-color);
}

.session .next-session-card {
	right: -320px;
	text-align: left;
	border-bottom-left-radius: 10px;
	transition: right 0.5s !important;
}

.session .next-session-card:hover {
	right: 0 !important;
}

.session .next-session-card.closed {
	right: -320px !important;
}

.session .next-session-card .next-session {
	position: absolute !important;
	top: 0 !important;
	left: -60px !important;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: var(--secondary-color);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: #fff;
}

.session .session-nav {
	position: fixed;
	z-index: 1003;
	bottom: 0;
	width: 100%;
	background-color: var(--primary-color);
	font-family: var(--secondary-font), sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.36;
	letter-spacing: 0.7px;
	color: #fff;
}

.session .session-nav a {
	color: #fff;
}

.session footer {
	margin-top: 50px;
}

.countdown {
	padding: 10px;
	border-radius: 15px;
}


.countdown .unit {
	max-width: 100px;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 15px;
	background: #fff;
	text-align: center;
}

.countdown .unit .number {
	font-family: var(--secondary-font), sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: normal;
	color: var(--secondary-color);
}

.countdown .unit .label {
	font-family: var(--secondary-font), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: normal;
	color: var(--secondary-color);
}

/******************************
		=RESOURCES
******************************/
.resource-card {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	text-align: center;
	padding: 0;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.resource-card .thumbnail img {
	width: 100%;
	border-radius: 15px 15px 0 0;
}

.resource-card .resource-name {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	margin: 0;
	color: #222;
}

.resource-card .resource-button {
	width: 150px;
	padding: 5px 10px;
	margin-top: 20px;
	border-radius: 20px;
	border: 1px solid var(--active-color);
	font-family: 'Railway', sans-serif;
	font-weight: 500;
	font-size: 14px !important;
	line-height: 1.21;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	background: #fff;
	color: var(--secondary-color);
}

.resource-card .resource-button:hover {
	background: var(--active-color);
	color: #fff;
}

/******************************
		=SPEAKERS
******************************/
.speaker-container {
	text-align: center;
}

.event-speakers {
	margin: 30px 0;
}

.event-speakers .speaker-photo {
	position: relative;
	width: 200px;
	margin: 0 auto;
}

.event-speakers .speaker-photo img {
	border-radius: 50%;
	width: 200px;
	height: 200px;
}

.event-speakers .speaker-photo .speaker-logo {
	position: absolute;
	width: 93px;
	right: -25px;
	bottom: 0;
	border-radius: 50%;
	background: #fff;
	*border: 2px solid var(--secondary-color);
}

.event-speakers .speaker-photo .speaker-logo img {
	width: 93px;
	height: 93px;
}

.event-speakers .speaker-name {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.31;
	*letter-spacing: 1.44px;
	color: var(--primary-color);
	margin-top: 10px;
}

.event-speakers .speaker-job-title {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: #222;
	margin: 3px;
}

.event-speakers .speaker-company {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.31;
	letter-spacing: 0.96px;
	color: #222;
}

/******************************
		=PARTNERS
******************************/
.partners-section {
	position: relative;
	padding: 20px;
}

.partners-section .section-title {
	padding: 30px 0;
}

.partners-form {
	position: relative;
	background: url('../img/bg-partners.svg') top center no-repeat;
	background-size: cover;
	padding: 200px 0 20px 0;
}

.partners-container {
	list-style: none;
	padding: 0;
}

.partners-container>* {
	text-align: center;
	margin: 30px auto;
}

.partners-intro {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.56;
	letter-spacing: 1.08px;
	color: #fff;
	text-align: center;
	padding: 10px;
}

.partner-logo img {
	width: 210px;
	max-height: 70px;
	*background: #fff;
	*border-radius: 50%;
}

.partner-logo.partner-logo-large img {
	width: 300px;
	max-height: 100px;
}

.partner-logo.partner-logo-medium img {
	width: 150px;
	max-height: 50px;
}

.partner-logo.partner-logo-small img {
	width: 90px;
	max-height: 30px;
}

.partner-logo a img:hover {
	border: 2px solid var(--primary-color);
	transition: all 0.3s linear;
}

#partners {
	background: #fff;
}

.partners {
	text-align: center;
}

.video-card {
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-radius: 20px;
}

.promo-card {
	padding: 50px;
	border-radius: 78px;
	background-color: rgba(255, 255, 255, 0.9);
}

.promo-card .promo-name {
	font-family: var(--secondary-font), sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.08;
	text-align: center;
	color: #fff;
	margin: 45px 0;
}

.promo-card .promo-intro {
	font-family: var(--secondary-font), sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.54;
	text-align: center;
	color: #fff;
}

.promo-card .promo-intro.promo-intro-small {
	font-size: 24px;
}

.promo-card .promo-intro a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.promo-card .promo-thumbnail {
	margin: 45px 0;
}

.promo-card .promo-thumbnail img {
	border-radius: 67px;
}

.promo-card .promo-button {
	margin: 45px -45px;
}

.promo-card .less {
	max-height: 205px;
}

.promo-card .seemore,
.promo-card .seeless {
	font-family: var(--secondary-font), sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.54;
	text-align: center;
	color: #fff;
	text-decoration: underline;
	margin-top: 25px;
}

.promo-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-height: 50vh;
	overflow: auto;
	background-image: linear-gradient(to bottom, rgba(8, 11, 33, 0.25), rgba(8, 11, 33, 0.56) 24%, rgba(8, 11, 33, 0.88) 59%, #080b21);
	border-top: 1px solid #333;
	padding: 20px 0;
	z-index: 1;
}

.promo-bar .uk-close {
	position: absolute;
	top: calc(50% - 20px);
	right: 10px;
	border-radius: 50%;
	padding: 10px;
	background-color: #fff;
	color: #151a40;
}

c .promo-name {
	font-family: var(--secondary-font), sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.08;
	color: #fff;
}

.promo-bar .promo-intro {
	font-family: var(--secondary-font), sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 2.15;
	color: #fff;
}

.promo-bar .promo-intro a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.promo-bar .promo-button {
	text-align: right;
}

.promo-bar .less {
	max-height: 350px;
}

.promo-bar+footer {
	margin-bottom: 120px;
}

/******************************
		=STREAMS
******************************/
.stream-card {
	margin-top: 30px;
}

.stream-card .less {
	max-height: 350px;
}

.stream-card .seemore,
.stream-card .seeless {
	font-family: var(--secondary-font), sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.54;
	text-align: center;
	color: var(--secondary-color);
	text-decoration: underline;
	margin-top: 25px;
}


/******************************
		=FOOTER
******************************/
.logo-cpd {
	background: url('../img/logo-cpd-white.svg') center center no-repeat;
	background-size: contain;
	width: 137px;
	height: 132px;
	margin: 50px auto;
}

.hashtag {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 100;
	font-size: 40px;
	line-height: 0.85;
	letter-spacing: 2px;
	margin: 40px auto;
	color: #fff;
}

.hashtag.inverse {
	color: #222;
}

footer {
	background: url(../img/bg-footer.jpg) top center no-repeat;
    background-size: cover;
	position: relative;
	text-align: center;
	padding: 50px 0;
	font-size: 0.9em;
	color: #fff;
}

footer .uk-subnav > * > * {
	color: #fff !important;
	text-transform: none !important;
}

footer .uk-subnav > * > *:hover {
	color: var(--focus-color) !important;
}

footer .uk-subnav > * > a.social-icon-twitter:hover {
	color: #38a1f3 !important;
}

footer .uk-subnav > * > a.social-icon-linkedin:hover {
	color: #0077b5 !important;
}

@keyframes "blink" {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-moz-keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

.ico-live {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;

}

@-webkit-keyframes "blink" {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-ms-keyframes "blink" {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-o-keyframes "blink" {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

.onvine {
	display: block;
	background: url('../img/logo-onvine.svg') center center no-repeat;
	background-size: contain;
	width: 150px;
	height: 60px;
	margin: 20px auto;
}

.onvine:before {
	font-size: 12px;
	content: "Powered by";
	display: flex;
	justify-content: center;
	color: #fff;
}

.onvine.inverse {
	background: url('../img/logo-onvine-navy.svg') center center no-repeat;
	background-size: contain;
}

.onvine.inverse:before {
	color: #1c1c42;
}

.cta-button-inverse {
	font-family: var(--secondary-font), sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 1px;
	color: #fff !important;
	border: 1px solid #fff;
	padding: 10px 20px;
	border-radius: 20px;
	margin: 0 auto 50px auto;
}

.cta-button-inverse:hover,
.cta-button-inverse:focus {
	color: var(--focus-color) !important;
	border: 1px solid var(--focus-color);
}

/******************************
		=MEDIA
******************************/
@media only screen and (min-width: 1600px) {

	.showcase {
		width: 420px;
		height: 250px;
		margin: 35px auto 0 310px;
		position: relative;
		z-index: 99;
	}

	.session .uk-container.video-container {
		max-width: 90%;
	}

	.promo-bar .uk-close {
		right: 80px;
	}

}

@media only screen and (max-width: 1599px) {
	
	html.home {
		background-size: initial;
	}
	
}

@media only screen and (min-width: 1366px) {
	
	.theme-hero.offset {
		top: -188px;
	}
	
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {

	.showcase-container {
		top: 50px;
	}

	.showcase .deco {
		top: -60%;
	}
	

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	
	
	
}

@media only screen and (min-width: 1200px) {

	.masonry {
		max-height: 800px !important;
	}

	.masonry div .grid-card {
		height: 450px;
	}

	.masonry div:first-child .grid-card {
		*height: 270px;
	}

	.masonry div:last-child .grid-card {
		*height: 270px;
	}

	.masonry div:nth-child(2) .grid-card {
		*margin-top: 100px;
		*height: 750px;
	}

	.masonry div:nth-child(3) .grid-card {
		*height: 270px;
	}

	.masonry div:nth-child(4) .grid-card {
		*margin-top: 200px;
	}

	.masonry div:nth-child(5) .grid-card {
		*height: 270px;
	}

	.masonry div:nth-child(5) {
		*transform: translateX(410px) translateY(-300px) !important;
	}

	.usp-intro.row1 {
		width: 400px;
		max-width: 100%;
	}

	.usp-intro.row2 {
		width: 400px;
		max-width: 100%;
	}

	.session .playbar .playbar-video {
		width: 350px;
	}

}

@media only screen and (max-width: 1599px) and (orientation: portrait) {
	
	html.session {
		background-size: 125vh;
	}
	
}

@media only screen and (max-width: 1199px) {
	
	.ico-usp {
		margin: 30px auto!important;
	}

	.showcase-container {
		position: relative;
		margin: 0 auto;
		top: 30px;
	}

	.showcase .deco {
		top: -60%;
	}

	.navbar,
	.navbar.uk-sticky.uk-active {
		background-size: initial;
	}

	.uk-navbar-item,
	.uk-navbar-nav>li>a,
	.uk-navbar-toggle {
		color: var(--inverse-color);
		min-height: 40px;
	}
	
	.uk-navbar-container .uk-navbar-nav > li {
		margin: 0 0 0 5px;
	}

	.primary-logo {
		width: 120px !important;
		height: 36px !important;
	}

	.primary-sponsor-logo {
		margin: 5px 5px 5px 15px !important;
		width: 96px !important;
		height: 36px !important;
	}
	
	.primary-sponsor-logo:before {
		width: 8px;
		height: 8px;
		left: -15px;
	}
	
	.event-subtitle {
		font-size: 54px;
	}

	.session .playbar .playbar-video {
		width: 350px;
	}

	.session .playbar .playbar-info .info-container .session-name {
		font-size: 28px;
		margin: 0 0 15px 0;
	}

	.forum-card .thumbnail-large img {
		border-radius: 15px 15px 0 0;
	}

	.sidemenu {
		position: fixed;
		z-index: 1001;
		left: auto;
		top: auto;
		bottom: 0;
		padding: 0;
		width: 100%;
		margin: 0 auto;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 0;
		background-color: #f2f4f5;
		text-align: center;
	}

	.sidemenu ul li {
		display: inline-block;
		margin: 0 20px;
	}

	.sidemenu ul li a {
		padding: 0;
	}

	.sidemenu ul li .profile-photo {
		position: relative;
	}

	.sidemenu ul li .profile-photo img {
		position: absolute;
		margin: 3px -20px;
	}

	footer {
		background-size: initial;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.showcase video {
		top: 20px;
	}

	.session .video-wrapper .next-panel {
		padding: 20px;
		height: calc(100% - 40px);
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {

	.event-date {
		font-size: 30px;
	}

}

@media only screen and (max-width: 1023px) {
	
	body.home {
		background-size: contain;
		background-position: 0 0;
	}
	
	.event-intro-container {
		margin-top: 0;
	}

	.session .playbar {
		top: 0;
		bottom: auto;
	}

	.session .playbar .playbar-video {
		width: 100%;
	}

	.eg-card.eg-card-large {
		padding: 15px;
	}

	.moderators .moderator .moderator-name,
	.moderators .moderator .moderator-job-title,
	.moderators .moderator .moderator-company {
		color: #222;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1365px) {

	.session-card {
		background-position-x: calc(20vw - 60px);
	}

}

@media only screen and (max-width: 959px) {
	
	.navbar nav {
		min-height: 50px;
	}
	
	.showcase-container {
		background: none;
		width: 100%;
		height: auto;
		top: 0;
		margin: 0 auto;
	}

	.showcase {
		width: 95%;
		height: auto;
		margin: 0 auto;
	}

	.showcase video {
		position: relative;
		width: 95%;
		left: 0;
		z-index: 1;
	}

	.showcase .deco {
		display: none;
	}

}

@media only screen and (min-width: 640px) and (max-width: 959px) {

	.session-card {
		background-position-x: calc(25vw - 58px);
		min-height: 200px;
	}

	.session-card.disabled {
		min-height: inherit;
	}

}

@media only screen and (max-width: 767px) {

	html.session {
		*background-size: 200vh;
	}

}

@media only screen and (max-width: 639px) {
	
	.event-meta {
		font-size: 24px !important;
		line-height: 32px !important;
	}
	
	.event-title {
		font-size: 37px !important;
		line-height: 40px !important;
		letter-spacing: 0 !important;
	}
	
	.event-title.event-title-large {
		font-size: 42px !important;
		line-height: 54px !important;
		letter-spacing: 0 !important;
	}

	.event-cta {
		*text-align: center;
	}

	.event-subtitle,
	.section-subtitle.reset {
		font-size: 28px;
		line-height: 1.2;
		letter-spacing: 0;
		margin: 10px 0 !important;
	}

	.event-date {
		margin: 15px 0;
		font-size: 15px;
		line-height: 1.25;
		letter-spacing: 0;
	}

	.event-button {
		display: block;
		margin: 20px auto;
	}
	
	.primary-button.primary-button-xlarge {
		font-size: 20px !important;
		background-size: contain !important;
	}

	.eg-container {
		padding: 15px 0;
	}

	.uk-modal-body {
		padding: 30px 0;
	}

	.wrapper {
		padding: 20px;
	}

	.glass-panel {
		padding: 20px !important;
	}

	.event-intro {
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: 1.2px;
		padding: 10px;
	}

	.agenda-title {
		font-size: 48px;
		line-height: 54px;
		letter-spacing: 1px;
	}

	.section-title {
		font-size: 36px;
		line-height: 42px;
		min-height: auto;
		margin: 10px auto !important;
	}

	.session-name {
		font-size: 0.85em !important;
		line-height: 1 !important;
		letter-spacing: 0 !important;
	}

	.session-time {
		font-size: 24px !important;
	}

	.session-intro {
		font-size: 20px !important;
	}

	.lounge .event-title {
		font-size: 40px;
	}

	.lounge .page-title {
		font-size: 24px;
	}

	.announcements .page-title {
		font-size: 40px;
		letter-spacing: 1px;
	}

	.modes {
		margin-top: 15px;
	}

	.modes.reset {
		margin-top: 20px !important;
	}

	.agenda .page-title {
		font-size: 32px;
		line-height: 1.34;
		letter-spacing: 2px;
		margin-top: 10px;
	}

	.session .session-date {
		font-size: 16px;
		line-height: 1.31;
		letter-spacing: 0.96px;
	}

	.session .session-time {
		font-size: 25px;
		line-height: 1.32;
		letter-spacing: 2.5px;
	}

	.session .session-title {
		font-size: 22px;
		line-height: 1.33;
		letter-spacing: 1.8px;
	}

	.session .session-label {
		font-size: 1.25em;
	}

	.session p {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.96px;
	}

	.session-card {
		padding: 20px;
		background-image: none;
	}

	.session-card:last-child {
		background-image: none;
	}

	.session-card .session-preview {
		margin-left: 0;
		margin-top: 0;
	}

	.session-card .guest-speakers {
		margin-top: 0;
	}

	.session-card .lead-speakers {
		margin-top: 0;
	}

	.session .countdown-container .promo-title {
		font-size: 22px;
	}

	.countdown .unit {
		padding: 10px 0;
	}

	.countdown .unit .number {
		font-size: 32px;
	}

	.countdown .unit .label {
		font-size: 12px;
	}

	.session .video-wrapper,
	.session .video-actions,
	.session .action-wrapper {
		margin: 0 -15px;
	}

	.session .playbar-info {
		margin-top: 0;
	}

	.session .playbar-info .shortcut {
		width: calc(100% - 5px);
	}

	.session .playbar .playbar-info .countdown-container {
		padding: 15px !important;
	}

	.session .playbar .playbar-info .info-container .session-name {
		font-size: 18px !important;
	}

	.session .playbar .playbar-info .session-button {
		width: auto;
		height: auto;
		padding: 5px 10px;
	}

	.uk-width-xsmall {
		width: 35px;
	}

	.commenter .commenter-photo,
	.commenter .commenter-photo img {
		width: 25px;
		height: 25px;
	}

	.commenter .commenter-photo .initials {
		width: 25px;
		height: 25px;
		font-size: 12px;
	}

	.commenter textarea {
		padding: 10px;
		height: 40px;
	}

	.sidemenu ul li {
		display: inline-block;
		margin: 0 10px;
	}

	.session .audio-controller {
		top: 10px;
		left: 10px;
	}

	.promo-card {
		padding: 50px 20px;
	}

	.dots-left,
	.dots-right {
		max-width: 203px;
	}

}

@media only screen and (max-width: 374px) {

	.primary-button.primary-button-xlarge {
		font-size: 18px !important;
		background-size: contain !important;
	}

	.sidemenu ul li {
		display: inline-block;
		margin: 0 5px;
	}

	.register-card {
		padding: 0;
	}

	.g-recaptcha {
		margin-left: -5px;
	}

}