/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.cera {font-family: 'cera_promedium';}
	.cerab {font-family: 'cera_probold';}
	.cerabl {font-family: 'cera_problack';}
	.ceral {font-family: 'cera_prolight';}
	.rob {font-family: 'robotoregular';}
	.robb {font-family: 'robotobold';}
	.robbl {font-family: 'robotoblack';}
	.robi {font-family: 'robotoitalic';}
	.robl {font-family: 'robotolight';}
	.robm {font-family: 'robotomedium';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
	:root {--indent: 0;}
	@media screen and (min-width: 40rem) {
		:root {
			--indent: clamp(1.5rem, 4vw, 2.5rem);
		}
	}
	html, body {margin:0; padding:0;}
	body {color: #141414; font-family: 'cera_prolight'; background-color: #efefef;}
	
	a {color: #0079A1; font-weight: bold; text-decoration:none;}
	a:hover {color: #F68A40; text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:0.75rem;}

/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {color: #222d64; font-family: 'cera_problack';}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color:#008abe; font-family: inherit;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'cera_probold'; font-size: .5em;}

	h1 {font-size: 3rem;}

	.maintitle {font-size: 3rem; line-height: 1;}
	.timetable-day {background-color:#0079A1; color: #FFFFFF; display: block; font-size: 1.25rem; padding: .625rem;}
	.timetable-day span {color: #F68A40; font-size: 1rem; margin-left:.75rem;}
	.section-title {font-size: .875rem!important;}

	.text-justify {text-align: justify;}

	.lead {font-weight: inherit;}

/* ==========================================================================
   Borders & Shadows
   ========================================================================== */
   
    .box-shadow-lg {
        -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
        box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
    }
	
    .box-shadow-md {
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.20);
        box-shadow: 0 0 15px 0 rgba(0,0,0,.20);
    }
	
	.box-shadow-sm {
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
	}

/* ==========================================================================
   Dividers
   ========================================================================== */

	.divider {border-bottom:1px dashed #CCCCCC; margin:30px 0; width:100%;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
		
	button:hover, button:focus {text-decoration: none;}
	.btn {white-space:normal; color: #FFFFFF; font-family: 'robotoblack'; border-radius: .25rem; border-color: transparent;}
	.btn:active .btn:focus, .btn:hover {color: #FFFFFF; background-color: #f68a40; border-color: transparent;}
	.btn-primary {background-color: #222d65;}
	.btn-info {background-color: #7FB2CC;}
	.btn-success {background-color: #28b99b;}
	.btn-warning {background-color: #f5b429;}
	.btn-danger {background-color: #ed1c24;}
	.btn-secondary {background-color: #cfd3d4;}
	.btn-blue {background-color: #0279a1;}
	.btn-orange {background-color: #f68a40;}
	.btn-pink {background-color: #bc0683;}
	.btn-purple {background-color: #6c0d75;}
	
	.scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #000000;
		z-index: 1000;
		transition: opacity .5s, background-color .5s;
		-moz-transition: opacity .5s, background-color .5s;
		-webkit-transition: opacity .5s, background-color .5s;
	}
	
	.scrollup:hover {
		background: #000000;
		opacity: 1;
	}
	
	.scrollup i {
		font-size: 13px;
		position: absolute;
		opacity: 1;
		color: #fff;
		left: 50%;
		top: 50%;
		margin-top: -7px;
		margin-left: -6px;
		text-decoration: none;
	}

/* ==========================================================================
   Helper Styles
   ========================================================================== */

	.clearfix {line-height: 0;}

	.blink{animation: blink 1s linear infinite;}
	@keyframes blink{
		0%{opacity: 0;}
		50%{opacity: .5;}
		100%{opacity: 1;}
	}

	.fancybox-container {z-index: 100000;}
	.fancybox-content {background:rgba(255, 255, 255, 0.3); max-width:fit-content;}
	.fancybox-slide--html .fancybox-close-small {color: #FFFFFF;}

	.glow {animation: glow 2s ease-in-out infinite alternate;}
	@-webkit-keyframes glow {
		from {text-shadow: 0 0 .5rem #fff, 0 0 1rem #fff, 0 0 1.5rem #FFFFFF, 0 0 2rem #FFFFFF, 0 0 2.5rem #FFFFFF, 0 0 3rem #FFFFFF;}
		to {text-shadow: 0 0 1rem #fff, 0 0 1.5rem rgba(255, 255, 255, 0.3), 0 0 2rem rgba(255, 255, 255, 0.3), 0 0 2.5rem rgba(255, 255, 255, 0.3), 0 0 3rem rgba(255, 255, 255, 0.3), 0 0 3.5rem rgba(255, 255, 255, 0.3);}
	  }
	
/* ==========================================================================
   Colors
   ========================================================================== */

	.bg-primary {background-color: #222d65!important;}
	.bg-info {background-color: #7FB2CC!important;}
	.bg-success {background-color: #28b99b!important;}
	.bg-warning {background-color: #f5b429!important;}
	.bg-danger {background-color: #ed1c24!important;}
	.bg-blue {background-color: #0279a1;}
	.bg-orange {background-color: #f68a40;}
	.bg-pink {background-color: #bc0683;}
	.bg-halfgrey {
		background: #fcfcfc; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 29.99%, #f6f7fb 30%, #f6f7fb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 29.99%,#f6f7fb 30%,#f6f7fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7fb',GradientType=0 ); /* IE6-9 */
	}
	.bg-white-50 {background-color:rgba(255, 255, 255, 0.5);}

	.text-primary {color: #222d64!important;}
	.text-info {color: #7FB2CC;}
	.text-success {color: #28b99b;}
	.text-warning {color: #f5b429;}
	.text-danger {color: #ed1c24;}
	.text-blue {color: #0279a1;}
	.text-dblue {color: #00475f;}
	.text-orange {color: #f68a40;}
	.text-pink {color: #bc0683;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Breadcrumb Nav */
	nav.breadcrumb {justify-content: end!important;}

	/* Side Bar Listing */
	ul.PageMenu {padding: 1.25rem; margin: 0; font-family: 'robotobold'; font-size: 1rem; list-style-type: none; background-color: #FFFFFF; border:1px solid #fcf3ff;}
	ul.PageMenu li:not(:last-child) {margin-bottom: .5rem;}
	ul.PageMenu li a {background-image: linear-gradient(to right,#7FB2CC, #7FB2CC 50%, #142e53 50%); background-size: 200% 100%; background-position: -100%; display: block; padding: 5px 0; position: relative; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.3s ease-in-out;}
	ul.PageMenu li a::before {content: ''; background: #7FB2CC; display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: all 0.3s ease-in-out;}
	ul.PageMenu li a:hover {background-position: 0;}
	ul.PageMenu li a:hover::before {width:100%;}

	/* Social Media Buttons */
	ul.social-icons {font-size: 1rem!important; margin-bottom: 0;}
	ul.social-icons i {font-size: 1.125rem!important; margin-bottom: 0;}
	ul.social-icons .list-inline-item:not(:last-child) {margin-right: .1rem;}
	ul.social-icons a .fa-facebook-f {color: #2374E1!important;}
	ul.social-icons a:hover .fa-facebook-f {color: #395da5!important;}
	ul.social-icons a .fa-instagram {color: #833AB4!important;}
	ul.social-icons a:hover .fa-instagram {color: #C13584!important;}
	ul.social-icons a .fa-square-x-twitter {color: #1D9BF0!important;}
	ul.social-icons a:hover .fa-square-x-twitter {color: #14171A!important;}
	ul.social-icons a .fa-linkedin {color: #0174B1!important;}
	ul.social-icons a:hover .fa-linkedin {color: #035480!important;}

	/* Sponsors */
	.sponsors {align-items: center; justify-content: center;}
	.sponsors > div {display: flex; margin:0 auto 1.5rem;}
	.sponsors > div.title {display: block;}
	.sponsors > div.title i {margin-bottom:1.5rem;}
	.sponsors > div a {align-self: center;}
	.sponsors > div a img {width: auto;}
	.sponsors > div > h6 {}
	/*.sponsors {position: relative; padding-bottom: .75rem; background-color:#FFFFFF; border: 1px dashed #eaeaea; text-align:center;}
	.sponsors .caption {position: absolute; bottom: -1.25rem; width: 100%; min-height: 4rem; background-color: #F68A41; color: #FFFFFF; padding: .75rem; text-align: right; border-top-left-radius: 3rem; font-weight:bold;}*/

	/* Video Linked Listing */
	ul.video-linked, ul.speaker {margin: 0; padding: 0 0 0 1rem; list-style: none;}
	ul.video-linked li, ul.speaker li {position: relative; padding-left: 0.4rem; margin-bottom: .25rem;}
	ul.video-linked li:before, ul.speaker li:before {font-family: 'Font Awesome 6 Free'; content: '\f144'; color: #F68A41; position: absolute; left: -1rem; top: 0;}
	ul.speaker li:before {content:'\f007'; color: inherit;}

/* ==========================================================================
   Header Styles
   ========================================================================== */

   header, #inner-wrapper, #nav-wrapper, #header-info, #logo {transition: 0.5s all ease;}
   header.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 99999;}
   .header {/*background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.7) 100%);*/background-color: rgba(255, 255, 255, .8);}
   .header h2, .header h3 {margin:0;}
   .header h2 {color: #222d64; font-size: 1.5rem;}
   .header h3 {color:#008abe; font-family: 'cera_probold'; font-size: 1.125rem;}
   #inner-wrapper, #header-info {display:flex;}
   #inner-wrapper {width:100%; flex-direction:row; justify-content:space-between; align-items:center;}
   #header-info {flex-direction: column;}
   #logo {margin-right:2rem;}
   #header-info, #navbar {padding:.75rem 0;}
   #navbar {background-color: rgba(255, 255, 255, .8);}
   ul.navbar-nav {margin-left:auto; text-align:right;}
   .sticky {width: 100%; background:none; background-color:rgba(255,255,255,0.9); box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);}
   .sticky #inner-wrapper {max-height:6.25rem;}
   .sticky #logo {transform: scale(.5); margin-left:-2rem;}
   .sticky #header-info {transform: scale(.75); margin-left:-8.5rem;/*position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);*/}
   .sticky #navbar {padding:0;}
   .sticky .form-control {font-size:.75rem; max-width: 8rem; padding: .25rem .5rem;}
   #inner-wrapper .btn-info {padding: .5rem;}
   .sticky #inner-wrapper .btn-info {padding: .15rem .5rem;}
   

/* ==========================================================================
   Navigation Styles
   ========================================================================== */

	/* Main Nav */
	.main-nav {font-family: 'robotoblack'; font-size: 1rem; padding: 0px;}
	.main-nav .sf-menu {margin-bottom: 0px; z-index: 1000;}
	.main-nav .sf-menu a {border: none; padding: 0 1.25rem!important;}
	.main-nav .sf-menu > li:last-child a {padding-right:0!important;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 5px 0px; margin: 0;}
	.main-nav .sf-menu li .nav-link {color:#00418f;}
	.main-nav .sf-menu li .nav-link:hover {color:#88070B;}
	.main-nav .sf-menu li ul {background-color: #FFFFFF; padding: 5px 0px;}
	.main-nav .sf-menu.sfm2 a {padding: 0 .75rem!important;}
	 
/* ==========================================================================
   Sectional Styles
   ========================================================================== */
	#header-slider {width: 100%; background-image: url(../../files/images/layout/general/bg-hero-slider.jpg); background-repeat: no-repeat; background-size: cover; padding:0;}
	#header-slider .caption {width: 100%; position: absolute; bottom: 0; left: 0; color: white; font-size: .75rem; display: flex; justify-content: flex-end;}
	#header-slider .caption p {background-color: rgba(0, 0, 0, 0.75); padding: .25rem .75rem; margin:0;}

	/* Countdown Row */
	#countdown-row {background-color: #7fb2cc; border-top: .25rem solid #222d65; padding: 1.25rem; margin-bottom: 0;}
	#countdown-row h2 {font-family: 'robotoitalic'; font-size: 1.15rem; color: #FFFFFF; margin-bottom: 0;}
	#countdown-row.cnt {margin-top: 13.5rem;}

	/* Countdown */
	div.timeblock div.timer {font-family: 'cera_problack'!important; color: #FFFFFF; font-size: 2rem; line-height: 1.2em; width: 100%;}
	div.timeblock div.timer ul {display: inline-block; list-style:none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; margin-bottom: 0;}
	div.timeblock div.timer ul li {float: left; text-align: center; position: relative; margin-bottom: -1rem;}
	div.timeblock div.timer ul li.seperator {font-size: 2rem; color: #FFFFFF;}
	div.timeblock div.timer ul li p {font-family: 'cera_prolight'!important; font-size: .75rem; line-height: 1em; margin-bottom:0px; opacity: .5; color: #FFFFFF;}

	/* Content */
	section {padding: 5rem 0; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: 3rem;}
	section#content {border-bottom: 1px solid #e2e2e6; margin-bottom: 0;}
	header.fixed + section {margin-top: 10rem;}

	/* Quicklinks */
	#quicklinks {text-align:center;}
	#quicklinks .card {border-radius: .5rem; transition: 0.5s all ease;}
	#quicklinks div[class*='col']:nth-child(3) .card, #quicklinks div[class^='col']:nth-child(3) .card{background-color: #222d65;}
	#quicklinks div[class*='col']:nth-child(2) .card, #quicklinks div[class^='col']:nth-child(2) .card{background-color: #cfd3d4;}
	#quicklinks div[class*='col']:nth-child(4) .card, #quicklinks div[class^='col']:nth-child(4) .card{background-color: #586875;}
	#quicklinks div[class*='col']:nth-child(1) .card, #quicklinks div[class^='col']:nth-child(1) .card{background-color: #ed1c24;}
	#quicklinks div[class*='col'] .card:hover, #quicklinks div[class^='col'] .card:hover {background-color: #AFB3F3;}
	#quicklinks a h2 {font-size:1.125rem; font-family: 'robotoblack'; color: #FFFFFF;}
	#quicklinks a:hover h2 {color:#FFFFFF;}
	#quicklinks div[class*='col']:nth-child(2) .card h2, #quicklinks div[class^='col']:nth-child(2) .card h2, #quicklinks div[class*='col']:nth-child(2) .card i, #quicklinks div[class^='col']:nth-child(2) .card i {color: #3c3638;}
	#quicklinks i {color: #FFFFFF; font-size:3rem; margin: 1rem 0; display: block; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; text-align: center;}
	#quicklinks a:hover i {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
	#quicklinks.innerpages {text-align:left;}
	#quicklinks.innerpages .card {padding: .5rem 1rem;}
	#quicklinks.innerpages a {display: flex; flex-direction: row; align-items: center; justify-content: start;}
	#quicklinks.innerpages i {font-size:2rem;}

	/* Right Column Announcement */
	#right-column {position: relative;}
	#cta {background: rgb(34,45,101); background: linear-gradient(54deg, rgba(34,45,101,1) 0%, rgba(34,45,101,1) 65%, rgba(0,138,190,1) 100%); margin-top: -3rem; padding: 4rem 2rem 2rem; color: #FFFFFF; border-radius: 0 0 1.5rem 1.5rem; text-align: center;}
	#cta h2, #cta h2 small {color: #FFFFFF;}
	#cta h2 {font-family: 'robotoblack'; font-size: 1.5rem;}
	#cta h2 small {font-family: 'robotoregular'; font-size: 1.125rem;}
	#cta .btn-secondary {color: #222d65;}

	/* Cards */
	.card {padding:15px; border-color: #EDF1F6!important;}
	
	.adv-card img {display: block; width: 100%; height: 100%;}
	.adv-card {
		display: grid;
		grid-template-columns:
		  var(--indent) calc(2 * var(--indent)) 1fr 1fr calc(2 * var(--indent))
		  var(--indent);
		grid-template-rows:
		  var(--indent) calc(2 * var(--indent)) 1fr calc(2 * var(--indent))
		  var(--indent);
		max-width: 60rem;
	}
	.adv-card::before {content: ""; display: block; background: white; background-image: url(../../files/images/content/misc/ny-silhouette.jpg); background-size: 80%; background-repeat: no-repeat; background-position: bottom left; grid-column: 1/-1; grid-row: 1/-1; box-shadow: 0 0 2rem hsla(0, 0%, 0%, 0.1);}
	.adv-card::after {content: ""; display: block; background: #e0dde4; grid-column: 1/-2; grid-row: 1/-2; z-index: -1;}
	.adv-card img {grid-column: 4/5; grid-row: 3/4; box-shadow: 0 0 1rem hsla(0, 0%, 0%, 0.3); object-fit: cover; aspect-ratio: 1 / 1;}
	.adv-card figcaption {grid-column: 3/5; grid-row: 3/4; display: grid; grid-template-columns: 3fr 1fr 2fr;}
	.adv-card blockquote {grid-column: 1/3; margin: 0; padding-bottom: 1rem; font-size: clamp(2rem, 2.5vw, 3rem); font-weight: 100; align-self: flex-end; font-family: 'cera_probold';}
	.adv-card cite {grid-column: 1/2; font-size: 1.3rem; font-weight: 100; font-style: normal;}

	/* Committee */
	.committee-photo{display: block; margin-bottom: 1.5rem;}
	.committee-photo .card-body {padding-bottom: 0; text-align: center;}
	.committee-photo img {object-fit: cover; box-shadow: 0.625rem 1rem 1.5rem 0 rgba(0,0,0,.2); display: block; transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.committee-photo:hover img {box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);}
	.committee-photo .glow-wrap {overflow: hidden; position: absolute; width: 100%; height: 100%; top: -1rem; margin-top: -1rem;}
	.committee-photo .glow {display: block; position:absolute; width: 40%; height: 200%; background: rgba(255,255,255,.2); top: 0; filter: blur(5px); transform: rotate(45deg) translate(-450%, 0); transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.committee-photo:hover .glow {transform: rotate(45deg) translate(450%, 0); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.committee-photo:hover img, .committee-photo:hover .glow-wrap {margin-top: 0;}
	.committee-photo h5 {font-family: 'cera_probold'; font-size: 1.125rem;}

	article h2 {font-family: 'robotobold'; font-size: 1.25rem;}
	article a {color: #F68A41;}
	article a:hover {color: #107aa3;}

	.timetable {display: flex; flex-direction: row; border: 1px solid #f2f2f2; padding: 1.75rem; margin-bottom: .75rem;}
	.timetable:nth-child(odd) {background-color: #FAFAFA;}
	.timetable .timestamp {position:relative; color: #2e3141; margin-right: 1.5rem; padding-left: 1.5rem;}
	.timetable .timestamp::before {content:'\f017'; font-family: "Font Awesome 6 Free"; color: #f68a41; position: absolute; top: .05rem; left: 0;}
	.timetable .description h4, .timetable .description h5, .timetable .description h6 {font-family: 'neuronheavy';}
	.timetable .description h4 {color:#107aa3; font-size: 1.25rem;}
	.timetable .description h5 {color: #2e3141; font-size: 1.125rem;}
	.timetable .description h6 {color: #f68a41; font-size: 0.875rem;}

	.home-of {background-image: url(../../files/images/content/general-information/about-turkey/home-of-series/Home-Of-Background.png); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.home-of li {text-align:center;}
		
    /* Footer */
    footer {font-size: .75rem; color:rgba(255,255,255,.6); background-color: #131313;}
    footer h2 {font-size: 0.875rem; color:#FFFFFF;}
	footer a {color:rgba(255,255,255,1);}
	footer a:hover {color:#f68a41;}

	/* Main Page */
	#gallery a {cursor: pointer; display: block; background-color: #142e53; margin: 0 .25rem;}
	#gallery img {opacity: .5; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;;}
	#gallery img:hover {opacity: 1;}

	/* Speaker Slider */
	.slide-arrow{position: absolute; top: 50%; margin-top: -15px; background-color: transparent;}
	.slide-arrow.prev-arrow, .slide-arrow.next-arrow {width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 10;}
	.slide-arrow.prev-arrow{left: .75rem; border-left: 0 solid transparent; border-right: 15px solid #f68a41;}
	.slide-arrow.next-arrow{right: .75rem; border-right: 0 solid transparent; border-left: 15px solid #f68a41;}
	.slick-slide:nth-child(odd) div:nth-child(even) .speaker, .slick-slide:nth-child(even) div:nth-child(odd) .speaker {background-color: #fbfbfb;}
	.slick-dots li button:before, .slick-dots li.slick-active button:before {color: #142e53;}

/* ==========================================================================
   Table Styles
   ========================================================================== */

    table.no-border, table.no-border th, table.no-border tr, table.no-border td {border: none;}

	table.program {background-color: #FFF; border-collapse: separate; border-spacing: 5px;}
	table.program tbody tr th:first-child {width:15%;}
	/*table.program tbody tr th, table.program tbody tr td {background-color:#eaeaea; font-size:14px; vertical-align:middle;}*/
	table.program h2 {font-size:20px; margin-bottom:20px; color:#00A8B9;}
	table.program h3 {font-size:16px;}
	table.program h3 small {color:#333;}
	table.program h4 {font-size:14px;}
	table.program .bg-warning {background-color: #FFEFCB!important;}
	table.program .bg-presentation {background-color: #FBDFEB!important;}
	table.program .bg-abstract {background-color: #E6EFC1!important;}
	table.program .bg-company {background-color: #FDEEF5!important;}
	table.program .bg-cocktail {background-color: #FEE4CA!important;}

	table.general {background-color: #FFFFFF; border-collapse: separate; border-spacing: 3px;}
	table.general thead tr th {color: #FFFFFF;}
	table.general tbody tr td {text-align: center;}

    .responsive-data-table tbody tr th {width: 10%;}
    @media only screen and (max-width: 800px) {
    
		/* Force table to not be like tables anymore */
		.responsive-data-table table, 
		.responsive-data-table thead, 
		.responsive-data-table tbody, 
		.responsive-data-table th, 
		.responsive-data-table td, 
		.responsive-data-table tr { 
			display: block; 
		}
	 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-data-table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	 
		.responsive-data-table tr { border: 1px solid #ccc; }
	 
		.responsive-data-table th {white-space: normal!important;}
		
		.responsive-data-table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 6px!important; 
			white-space: normal;
			text-align:left;
			padding-top: 35px;
		}
	 
		.responsive-data-table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 6px;
			width: 100%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
		
		.responsive-data-table .wo-data td {padding-left:6px!important; padding-top: 0!important;}
        .responsive-data-table .w-thead thead tr{
            position: relative;
			top: 0;
			left: 0;
        }
	 
		/*
		Label the data
		*/
		.responsive-data-table td:before { content: attr(data-title); }
		
		.responsive-data-table .idates td {padding-left:5px!important;}
	}
	
	table.registration > thead > tr > th {padding-top:15px; padding-bottom:15px;}
    table.registration > thead > tr > th:first-child {width: 30%;}
	/*table.wo-data tbody tr th:first-child {width:auto;}*/
	table.registration > tbody > tr > td {text-align:center;}
	table.registration > tfoot > tr > td {padding:15px;}
   	
	@media only screen and (max-width: 800px) {
        .responsive-data-table tbody tr th {width: 100%; padding-left: 6px;}
		table.registration > tbody > tr > td, table.history > tbody > tr > td {text-align:left;}
		table.registration > tfoot > tr > td {padding-left:5px!important;}
		table.satellite td {padding-left: 2%!important; padding-top: 12%!important; border-bottom: none!important;}
		table.satellite td:not(:last-child) {padding-bottom: 0!important;}
	}
   
/* ==========================================================================
   Adaptive Styles
   ========================================================================== */
   
	@media only screen and (min-width: 1366px) and (max-width: 1599px) {}
	
	@media only screen and (min-width: 1200px) and (max-width: 1365px) {}
	
	@media only screen and (max-width: 1199px) {}
	
    @media only all and (width: 1024px) and (height: 768px) {
		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		div.timeblock {margin-bottom: 1rem;}
		div.timeblock div.timer {font-size: 2.5rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		#mobile-nav {position:fixed; z-index:1000; width:100%; background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA;}
		#mobile-nav #logo {width: 5rem; margin-top: .5rem;}
		#mobile-nav ul {width: 100%;}
		.main-nav .sf-menu > li:last-child a {padding-right:1.125rem!important;}
		#header-info {flex-direction:column; text-align: center; padding-top: 8rem;}
		.sticky #logo {transform: scale(.5); margin-left:0;}
		.sticky #header-info {transform: scale(.75); position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);}
		header.fixed + section {margin-top: 20rem;}

		section {padding: 3rem 0;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
    
	@media only screen and (min-width: 601px) and (max-width: 767px) {
		#mobile-nav {position:fixed; z-index:1000; width:100%; background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA;}
		#mobile-nav #logo {width: 5rem; margin-top: .5rem;}
		#mobile-nav ul {width: 100%;}
		.main-nav .sf-menu > li:last-child a {padding-right:1.125rem!important;}
		#header-info {flex-direction:column; text-align: center; padding-top: 8rem;}
		.sticky #logo {transform: scale(.5); margin-left:0;}
		.sticky #header-info {transform: scale(.75); position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);}
		header.fixed + section {margin-top: 20rem;}

		section {padding: 3rem 0;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {
		#mobile-nav {position:fixed; z-index:1000; width:100%; background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA;}
		#mobile-nav #logo {width: 5rem; margin-top: .5rem;}
		#mobile-nav ul {width: 100%;}
		.main-nav .sf-menu > li:last-child a {padding-right:1.125rem!important;}
		#header-info {flex-direction:column; text-align: center; padding-top: 8rem;}
		.sticky #logo {transform: scale(.5); margin-left:0;}
		.sticky #header-info {transform: scale(.75); position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);}
		#countdown-row.cnt {margin-top: 25rem;}

		section {padding: 3rem 0;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {
		#mobile-nav {position:fixed; z-index:1000; width:100%; background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA;}
		#mobile-nav #logo {width: 5rem; margin-top: .5rem;}
		#mobile-nav ul {width: 100%;}
		.main-nav .sf-menu > li:last-child a {padding-right:1.125rem!important;}
		#header-info {flex-direction:column; text-align: center; padding-top: 8rem;}
		.sticky #logo {transform: scale(.5); margin-left:0;}
		.sticky #header-info {transform: scale(.75); position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);}
		header.fixed + section, #countdown-row.cnt {margin-top: 20.5rem;}

		section {padding: 3rem 0;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}	

	@media only all and (width: 320px) {
		#mobile-nav {position:fixed; z-index:1000; width:100%; background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA;}
		#mobile-nav #logo {width: 5rem; margin-top: .5rem;}
		#mobile-nav ul {width: 100%;}
		.main-nav .sf-menu > li:last-child a {padding-right:1.125rem!important;}
		#header-info {flex-direction:column; text-align: center; padding-top: 8rem;}
		.sticky #logo {transform: scale(.5); margin-left:0;}
		.sticky #header-info {transform: scale(.75); position:absolute; -webkit-transform: translate(0, -20rem); -ms-transform: translate(0, -20rem); transform: translate(0, -20rem);}
		header.fixed + section, #countdown-row.cnt {margin-top: 20.5rem;}

		section {padding: 3rem 0;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){}