/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.rob {font-family: 'robotoregular';}
	.rob-b {font-family: 'robotobold';}
	.rob-bit {font-family: 'robotobold_italic';}
	.rob-i {font-family: 'robotoitalic';}
	.rub {font-family: 'rubikregular';}
	.rub-b {font-family: 'rubikbold';}
	.rub-bi {font-family: 'rubikbold_italic';}
	.rub-bl {font-family: 'rubikblack';}
	.rub-i {font-family: 'rubikitalic';}
	.rub-m {font-family: 'rubikmedium';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0; padding:0;}
	body {color: #7c7f83; font-family: 'robotoregular';}

	b, strong {font-family: 'robotobold';}
	/*em {font-family: 'robotoitalic';}*/
	
	a {color: #0079A1; font-weight: bold; text-decoration:none; outline: 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: #0079A1; font-family: 'rubikblack';}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color:#F68A40; font-family: 'rubikblack';}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'rubikmedium'; font-size: .5em;}

	.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;}

/* ==========================================================================
   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: 'rubikmedium'; border-radius: .25rem; border-color: transparent;}
	.btn:active .btn:focus, .btn:hover {color: FFFFFF; background-color: #f68a40; border-color: transparent;}
	.btn-primary {background-color: #1ba1d2;}
	.btn-info {background-color: #5FB4CB;}
	.btn-success {background-color: #28b99b;}
	.btn-warning {background-color: #f5b429;}
	.btn-danger {background-color: #ff2600;}
	.btn-blue {background-color: #0279a1;}
	.btn-orange {background-color: #f68a40;}
	.btn-pink {background-color: #bc0683;}
	
	.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-content {background:rgba(255, 255, 255, 0.3); max-width:fit-content;}
	.fancybox-slide--html .fancybox-close-small {color: #FFFFFF;}
	
/* ==========================================================================
   Colors
   ========================================================================== */

	.bg-primary {background-color: #1ba1d2!important;}
	.bg-info {background-color: #5FB4CB!important;}
	.bg-success {background-color: #28b99b!important;}
	.bg-warning {background-color: #f5b429!important;}
	.bg-danger {background-color: #ff2600!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-gradient {
		background: #0279a1!important; /* Old browsers */
		background: -moz-linear-gradient(left,  #0279a1 0%, #f68a40 100%)!important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #0279a1 0%,#f68a40 100%)!important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #0279a1 0%,#f68a40 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0279a1', endColorstr='#f68a40',GradientType=1 )!important; /* IE6-9 */
	}

	.text-primary {color: #1ba1d2;}
	.text-info {color: #5FB4CB;}
	.text-success {color: #28b99b;}
	.text-warning {color: #f5b429;}
	.text-danger {color: #ff2600;}
	.text-blue {color: #0279a1;}
	.text-dblue {color: #00475f;}
	.text-orange {color: #f68a40;}
	.text-pink {color: #bc0683;}
	.text-facebook {color: #547BBE;}
	.text-instagram {color: #833AB4;}
	.text-twitter {color: #19BFE5;}
	.text-linkedin {color: #0A66C2;}
	
/* ==========================================================================
   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,#F68A41, #F68A41 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: #F68A41; 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 {
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px; color: #FFFFFF;
	}
	ul.social-icons a {padding: .25rem; color: #FFFFFF;}
	ul.social-icons a:hover {color: #F68A41;}
	ul.social-icons i {font-size: 1.125rem!important;}

	/* Icony List */
	ul.icony {list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: start; flex-wrap: wrap;}
	ul.icony h2, ul.icony i {font-size: 3rem; line-height: 1;}
	ul.icony li {flex: 0 0 25%; text-align: center; margin-bottom: 2.25rem;}
	ul.icony li a {display: block; margin-top: 1rem;}
	ul.icony li a h3 {font-family: 'rubikmedium'; font-size: 1.125rem; color: #F68A41; margin-bottom: 0;}
	ul.icony li a i {margin-bottom: 1.875rem;}

	/* Important Dates */
	#important-dates .item {display: flex; align-items: center; flex-direction: row; margin: 1.5rem 0; width: 100%;}
	#important-dates .item a {color:#f5b429;}
	#important-dates .item a:hover {color:#f4f74b;}
	#important-dates .item .date {font-size: .825rem; font-weight: bold; text-align: center; margin-right: 1.25rem; line-height: 1.5rem; min-width: 100px; color:rgba(255,255,255,.8);}
	#important-dates .item .date span {font-family: 'kaleidosw00-smoothregular'!important; font-size: 3rem; color: #f5b429;}
	#important-dates .item .description {flex-grow: 1!important; margin-bottom: 1rem; color:#FFFFFF;}

	/* Sponsors */
	.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;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: 'robotobold'; font-size: 1rem; padding: 0px;}
	.main-nav .sf-menu {margin-bottom: 0px; z-index: 1000;}
	.main-nav .sf-menu a {border: none; padding: 0 .75rem!important;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 5px 0px; margin: 0;}
	.main-nav .sf-menu li .nav-link {color:rgba(20,46,83,.75);}
	.main-nav .sf-menu li .nav-link:hover {color:rgba(246,138,65,1);}
	.main-nav .sf-menu li ul {background-color: #FFFFFF; padding: 5px 0px;}
	.main-nav .sf-menu li ul li {background-color: #142e53; margin-left: 8px;}
	.main-nav .sf-menu li ul li .nav-link {color:#2e2e2e;}
	.main-nav .sf-menu li ul li .nav-link:hover {color:#F68A41;}

	/*
	.main-nav .sf-menu .nav-item:nth-child(1n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(1n) ul .nav-link {color: #FA5070!important;}
	.main-nav .sf-menu .nav-item:nth-child(2n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(2n) ul .nav-link {color: #F58B00!important;}
	.main-nav .sf-menu .nav-item:nth-child(3n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(3n) ul .nav-link {color: #FDD504!important;}
	.main-nav .sf-menu .nav-item:nth-child(4n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(4n) ul .nav-link {color: #4CD252!important;}
	.main-nav .sf-menu .nav-item:nth-child(5n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(5n) ul .nav-link {color: #07ABD0!important;}
	.main-nav .sf-menu .nav-item:nth-child(6n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(6n) ul .nav-link {color: #CD00F1!important;}
	.main-nav .sf-menu .nav-item:nth-child(7n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(7n) ul .nav-link {color: #AE4BDD!important;}
	.main-nav .sf-menu .nav-item:nth-child(8n) .nav-link, .main-nav .sf-menu .nav-item:nth-child(8n) ul .nav-link {color: #FA5070!important;}
	

	.main-nav .sf-menu .nav-item:nth-child(n) .nav-link:hover {color: #000000!important;}
	.main-nav .sf-menu li ul {background-color: #FFFFFF; padding: 5px 0px;}
	.main-nav .sf-menu li ul li {background-color: #142e53; margin-left: 8px;}
	*/
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */
	#top-row, #logo-row {background-color:#212529; display: flex; flex-direction: row; justify-content: space-between; padding: .25rem .5rem; align-items: center;}
 	#top-row, #top-row a {color: #FFFFFF;}
	#top-row a:hover {color:#F68A41;}

	#logo-row {background-color: #FFFFFF; padding: .75rem 0; justify-content: start; border-bottom: 1px dashed #eaeaea;}
	#logo-row > * {margin: 0 .5rem;}
	#logo-row h2, #logo-row h2 small, #logo-row h3 {font-family: 'rubikmedium'; font-size: 1.75rem; margin-bottom: 0; letter-spacing: -.05rem;}
	#logo-row h2 small {font-size: .6em;}
	#logo-row h3 {font-size: 1.05rem;} #logo-row h3 span {font-size: 1.5rem;}
	#logo-row #was {width: 17.1875rem; height: auto; margin-bottom: 1rem; }

	.sticky {position: fixed; top: 0; width: 100%; z-index:10000; background: rgba(255,255,255,.8); box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);}

	#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 */
	div.timeblock div.timer {font-family: 'rubikblack'!important; color: #FFFFFF; font-weight: 700; font-size: 4rem; 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: 4rem; color: #FFFFFF; margin-top: .75rem;}
	div.timeblock div.timer ul li p {font-family: 'rubikmedium'!important; font-size: 1.125rem; 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#welcome-message {border-bottom: 1px solid #e2e2e6;}

	/* Quicklinks */
	.quicklink {display: block; background: #fff; padding: 0.625rem; -webkit-border-radius: 0.1875rem; -moz-border-radius: 0.1875rem; -ms-border-radius: 0.1875rem; border-radius: 0.1875rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; box-shadow: 0 0.3125rem 0.625rem #f6f6f6; -webkit-box-shadow: 0 0.3125rem 0.625rem #f6f6f6; -moz-box-shadow: 0 0.3125rem 0.625rem #f6f6f6; -o-box-shadow: 0 0.3125rem 0.625rem #f6f6f6;}
	.quicklink .content {padding: 1.875rem 0.625rem 0rem; border: 1px solid transparent; text-align: center; -webkit-border-radius: 0.0625rem; -moz-border-radius: 0.0625rem; -ms-border-radius: 0.0625rem; border-radius: 0.0625rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
	.quicklink .content i {display: inline-block; color: #107aa3; font-size: 2.875rem; margin-bottom: 1.25rem; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
	.quicklink .content .title {font-family: 'robotobold'!important; color: #363636; font-size: 1.125rem; margin-bottom: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
	.quicklink .content .description {font-family: 'robotoregular'!important; font-size: .875rem; opacity: 0.8; color: #fff; margin-bottom: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
	.quicklink:hover .content {border-color: rgba(255, 255, 255, 0.3);}
	.quicklink:hover .content i {color: #fff; margin-bottom: 0.625rem;}
	.quicklink:hover .title {color: #fff; margin-bottom: .25rem;}
	.quicklink:hover .description {margin-bottom: 0.625rem;}
	.quicklink:hover {background: #F68A41; border-color: transparent; box-shadow: 0 0.75rem 1.5rem #e8e8e8; -webkit-box-shadow: 0 0.75rem 1.5rem #e8e8e8; -moz-box-shadow: 0 0.75rem 1.5rem #e8e8e8; -o-box-shadow: 0 0.75rem 1.5rem #e8e8e8;}

	/* Cards */
	.card {padding:15px; border-color: #EDF1F6!important;}

	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);}
    footer h2 {font-family: 'robotobold'; font-size: 1rem; color:#FFFFFF;}
	footer img {height:2rem;}
	footer img.tabcd {height:3rem;}
	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;}

	/* Workshops */
	.workshop {padding:.625rem; position: relative; display: flex; flex-direction: column;}
	.workshop .badge {position: absolute; transform: translate(-80%,-30%); top: 0; left: 100%; font-size: 1rem; border: 2px solid #FFFFFF;}
	.workshop .card-body {display: flex; flex-direction: row; justify-content: space-between; align-items: center; @media screen and (max-width: 767px){flex-direction: column;}}
	.workshop h2 {font-size: 1.25rem;}
	.workshop h2 small {font-size: 80%;}
	.workshop h3.datetime {font-family: 'rubikregular'!important; font-size: 85%; line-height:  2rem; flex-shrink:0!important; margin-left: 1.5rem; color: #F68A40; @media screen and (max-width: 767px){margin-right:auto; margin-left: 0;}}
	.workshop h3.datetime > span {margin: 0 .25rem;}
	.workshop h3.datetime, .workshop .speaker-container, .workshop .speaker-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.workshop .speaker-container {align-self: flex-end!important; width: 100%; padding: .75rem .5rem; @media screen and (max-width: 767px){flex-direction: column; align-items: start;}}
	.workshop .speaker-wrapper {justify-content: start; margin: 0 .5rem; flex-grow:1; flex-basis: 0; flex-shrink: 0;}
	.workshop .speaker-wrapper:last-child {justify-content: end;}
	.workshop .speaker-wrapper img {width:4rem; height:4rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); background-color:#FFFFFF; border-radius: 50%; padding: .15rem; border: 1px solid #eaeaea; margin-right: .25rem;}
	.workshop .speaker-wrapper p {font-size: .875rem; text-wrap: wrap;}

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

   .table>:not(:first-child) {border-top: 1px solid #eaeaea;}

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

	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 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;}
		ul.icony li {flex: 0 0 50%;}
		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) {
		#top-row, #mobile-nav {position:fixed; z-index:1000; width:100%;}
		#mobile-nav {background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA; margin-top:2rem;}
		#mobile-nav ul {width: 100%;}
		#mobile-nav + .container {padding-top:7.75rem;}
		#logo-row  {flex-direction: row; justify-content: center; padding: .5rem .25rem;}
		#logo-row h2 {font-size: 1.5rem; text-align: center; margin: 1.25rem 0;}
		#logo-row h3 {font-size: .85rem;}
		#logo-row h3 span {font-size: 1.25rem;}
		#logo-row #was2023 {display: none;}
		#logo-row #was {width: 10rem;}

		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		ul.icony li {flex: 0 0 50%;}
		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: 601px) and (max-width: 767px) {
		#top-row, #mobile-nav {position:fixed; z-index:1000; width:100%;}
		#mobile-nav {background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA; margin-top:2rem;}
		#mobile-nav ul {width: 100%;}
		#mobile-nav + .container {padding-top:6.5rem;}
		#logo-row  {flex-direction: column; justify-content: center; padding: .5rem .25rem;}
		#logo-row h2 {font-size: 1.5rem; text-align: center; margin: 1.25rem 0;}
		#logo-row h3 {font-size: .85rem;}
		#logo-row h3 span {font-size: 1.25rem;}
		#logo-row #was2023 {display: none;}
		#logo-row #was {width: 10rem;}

		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		ul.icony li {flex: 0 0 50%;}
		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) {
		#top-row, #mobile-nav {position:fixed; z-index:1000; width:100%;}
		#mobile-nav {background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA; margin-top:2rem;}
		#mobile-nav ul {width: 100%;}
		#mobile-nav + .container {padding-top:6.5rem;}
		#logo-row  {flex-direction: column; justify-content: center; padding: .5rem .25rem;}
		#logo-row h2 {font-size: 1.5rem; text-align: center; margin: 1.25rem 0;}
		#logo-row h3 {font-size: .85rem;}
		#logo-row h3 span {font-size: 1.25rem;}
		#logo-row #was2023 {display: none;}
		#logo-row #was {width: 10rem;}

		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		ul.icony li {flex: 0 0 50%;}
		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) {
		#top-row, #mobile-nav {position:fixed; z-index:1000; width:100%;}
		#mobile-nav {background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA; margin-top:2rem;}
		#mobile-nav ul {width: 100%;}
		#mobile-nav + .container {padding-top:6.5rem;}
		#logo-row  {flex-direction: column; justify-content: center; padding: .5rem .25rem;}
		#logo-row h2 {font-size: 1.5rem; text-align: center; margin: 1.25rem 0;}
		#logo-row h3 {font-size: .85rem;}
		#logo-row h3 span {font-size: 1.25rem;}
		#logo-row #was2023 {display: none;}
		#logo-row #was {width: 10rem;}

		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		ul.icony {flex-direction: column; align-items: center;}
		ul.icony li {width: 100%; margin-bottom: 2rem;}
		ul.icony li a {display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 0;}
		ul.icony li a i {margin-right: .75rem; margin-bottom: 0; min-width: 4rem;}
		ul.icony li a h3 {text-align: left;}
		div.timeblock div.timer {font-size: 2.75rem;}
		table.wo-data tbody tr th:first-child {width: 100%;}
	}	

	@media only all and (width: 320px) {
		#top-row, #mobile-nav {position:fixed; z-index:1000; width:100%;}
		#mobile-nav {background-color:rgba(255,255,255,.8); padding-bottom: .5rem; border-bottom: 1px dashed #EAEAEA; margin-top:2rem;}
		#mobile-nav ul {width: 100%;}
		#mobile-nav + .container {padding-top:6.5rem;}
		#logo-row  {flex-direction: column; justify-content: center; padding: .5rem .25rem;}
		#logo-row h2 {font-size: 1.5rem; text-align: center; margin: 1.25rem 0;}
		#logo-row h3 {font-size: .85rem;}
		#logo-row h3 span {font-size: 1.25rem;}
		#logo-row #was2023 {display: none;}
		#logo-row #was {width: 10rem;}

		header #was2023 {height: 70px; width: auto;}
		section {padding: 3rem 0;}
		ul.icony {flex-direction: column; align-items: center;}
		ul.icony li {width: 100%; margin-bottom: 2rem;}
		ul.icony li a {display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 0;}
		ul.icony li a i {margin-right: .75rem; margin-bottom: 0; min-width: 4rem;}
		ul.icony li a h3 {text-align: left;}
		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){}