/* ==========================================================================
   Font include
   ========================================================================== */

	@import url('plugins/video-bg/jquery.mb.YTPlayer.min.css');

/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.kel {font-family: 'kelson_sansregular'!important;}
	.kel-b {font-family: 'kelson_sansbold'!important;}
	.akh {font-family: 'akhand-regularuploaded_file'!important;}
	.akh-b {font-family: 'akhand-blackuploaded_file'!important;}
	.akh-l {font-family: 'akhand-lightuploaded_file'!important;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px; font-size: 18px;}
	body {font-family: 'akhand-regularuploaded_file'; color: #121212; line-height: 1.4; background-color:#FFFFFF; background-image: url(../../files/images/layout/general/bg-tile.png); background-repeat: repeat;}
	
	a {color: #38b54e; /*font-weight: bold;*/}
	a:hover {color: #ee2931; text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:0.75rem;}
			
/* ==========================================================================
   Animation
   ========================================================================== */
   @-webkit-keyframes pulse {
		0% {opacity: 0.7; transform: scale(0.9);}
	}
	@keyframes pulse {
		0% {opacity: 0.7; transform: scale(0.9);}
	}
/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {color: #ee2931; font-weight: bold;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color:#111516;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
	h1 .light, h2 .light, h3 .light, h4 .light, h5 .light, h6 .light {color:#9aa2a5;}

/* ==========================================================================
   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
   ========================================================================== */
   
	.separator {
		width: 10px;
		height: 10px;
		margin: 20px auto;
		background: #d2232a;
		position: relative;
		/*display: inline-block;*/
		border-radius: 50%;
	}
	.separator:after {
		position: absolute;
		left:5%;
		bottom:4px;
		height: 1px;
		width: 80px;
		background: #eee;
		content:"";
		display: inline-block;
		margin-left: 20px;   
	}
	.separator:before {
		position: absolute;
		right: 5%;
		bottom:4px;
		height: 1px;
		width: 80px;
		background: #eee;
		content:"";
		display: inline-block;
		margin-right: 20px;
	}
	.divider {width:100%; height:1px; border-bottom:1px dashed #CCCCCC; margin:30px 0px;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
		
	button:hover, button:focus {text-decoration: none!important;}
	.btn:focus, button:focus {box-shadow:0 0 5px .1rem rgba(0,123,255,.25);}
	.btn {white-space:normal; color: #FFFFFF!important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

	.btn-primary, .btn-outline-primary:hover {background-color: #0073b1!important; border-color:#2491cc!important;}
	.btn-primary:hover, .btn-primary:active {background-color: #2491cc!important;}
	.btn-primary:focus, .btn-primary.focus, .btn-outline-primary.focus,.btn-outline-primary:focus {box-shadow:0 0 5px .1rem rgba(38,118,218,.5);}

	.btn-info, .btn-outline-info:hover {background-color: #4abaff!important; border-color:#4abaff!important;}
	.btn-info:hover, .btn-info:active {background-color: #0073b1!important;}
	.btn-info:focus, .btn-info.focus, .btn-outline-info.focus,.btn-outline-info:focus {box-shadow:0 0 5px .1rem rgba(61,165,217,.5);}

	.btn-success, .btn-outline-success:hover {background-color: #00c26b!important; border-color:#00c26b!important;}
	.btn-success:hover, .btn-success:active {background-color: #38b54e!important;}
	.btn-success:focus, .btn-success.focus, .btn-outline-success.focus,.btn-outline-success:focus {box-shadow:0 0 5px .1rem rgba(14,186,163,.5);}

	.btn-warning, .btn-outline-warning:hover {background-color: #edd200!important; border-color:#edd200!important;}
	.btn-warning:hover, .btn-warning:active {background-color: #D9AB01!important;}
	.btn-warning:focus, .btn-warning.focus, .btn-outline-warning.focus,.btn-outline-warning:focus {box-shadow:0 0 5px .1rem rgba(254,198,1,.5);}

	.btn-danger, .btn-outline-danger:hover {background-color: #ff1919!important; border-color:#ff1919!important;}
	.btn-danger:hover, .btn-danger:active {background-color: #ee2931!important;}
	.btn-danger:focus, .btn-danger.focus, .btn-outline-danger.focus,.btn-outline-danger:focus {box-shadow:0 0 5px .1rem rgba(203,47,55,.5);}

	.btn-red, .btn-outline-red:hover {background-color: #ee2931!important; border-color:#ee2931!important;}
	.btn-red:hover, .btn-red:active {background-color: #ff1919!important;}
	.btn-red:focus, .btn-red.focus, .btn-outline-red.focus,.btn-outline-red:focus {box-shadow:0 0 5px .1rem rgba(205,81,87,.5);}

	.btn-green, .btn-outline-green:hover {background-color: #38b54e!important; border-color:#38b54e!important;}
	.btn-green:hover, .btn-green:active {background-color: #00c26b!important;}
	.btn-green:focus, .btn-green.focus, .btn-outline-green.focus,.btn-outline-green:focus {box-shadow:0 0 5px .1rem rgba(50,130,92,.5);}

	.btn-dark, .btn-outline-dark:hover {background-color: #000000!important; border-color:#231f20!important;}
	.btn-dark:hover, .btn-dark:active {background-color: #404041!important;}
	.btn-dark:focus, .btn-dark.focus, .btn-outline-dark.focus,.btn-outline-dark:focus {box-shadow:0 0 5px .1rem rgba(0,0,0,.5);}

	.btn-outline-primary {color: #0073b1!important; border-color:#0073b1!important;}
	.btn-outline-info {color: #3DA5D9!important; border-color:#4abaff!important;}
	.btn-outline-success {color: #0EBAA3!important; border-color:#00c26b!important;}
	.btn-outline-warning {color: #FEC601!important; border-color:#edd200!important;}
	.btn-outline-danger {color: #ff1919!important; border-color:#ff1919!important;}
	.btn-outline-red {color: #ee2931!important; border-color:#ee2931!important;}
	.btn-outline-green {color: #38b54e!important; border-color:#38b54e!important;}
	.btn-outline-dark {color: #000000!important; border-color:#231f20!important;}
	.btn-outline-primary:hover, .btn-outline-info:hover, .btn-outline-success:hover, .btn-outline-warning:hover, .btn-outline-danger:hover, .btn-outline-red:hover, .btn-outline-green:hover, .btn-outline-dark:hover {color: #FFFFFF!important;}
	.btn-pulse {-webkit-animation: pulse 0.5s ease-in infinite alternate; animation: pulse 0.5s ease-in infinite alternate;}
	
	.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;}

	.accordion {font-size: 1rem; width:100%; margin: 0 auto; border-radius: .25rem;}
	.accordion-header, .accordion-body {background: white;}
	.accordion-header {padding: 1.5em 1.5em; background: #38b54e; color: white; cursor: pointer; font-size: .85rem; letter-spacing: .1em; transition: all .3s; text-transform: uppercase; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
	.accordion__item {border-bottom: 1px solid #38b54e; margin-bottom: .5rem;}
	.accordion__item .accordion__item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
	.accordion-header:hover {background: #2B6E4F; position: relative; z-index: 5;}
	.accordion-body {background: #fcfcfc; color: #353535; display: none;}
	.accordion-body__contents {padding: 1.5em 1.5em; font-size: .85em;}
	.accordion__item.active:last-child .accordion-header {border-radius: none;}
	.accordion:first-child > .accordion__item > .accordion-header {border-bottom: 1px solid transparent;}
	.accordion__item > .accordion-header:after {content: "\f150"; font-family: "Font Awesome 5 Free"; font-size: 1.2em; right:1rem; transition: .3s all;}
	.accordion__item.active > .accordion-header:after {transform: rotate(-180deg);}
	.accordion__item.active .accordion-header {background: #ee2931}
	.accordion__item .accordion__item .accordion-header {background: #f1f1f1; color: #353535;}

	.spacing-y-3 > * + * {margin-top: 1rem;}
	@media (min-width: 768px) {
		.spacing-y-3 > * + * {margin-top: 0;}
	}
	
/* ==========================================================================
   Colors
   ========================================================================== */

	.bg-grad-v-dark {
		background: #4855a1; /* Old browsers */
		background: -moz-linear-gradient(top,  #4855a1 0%, #34418b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #4855a1 0%,#34418b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #4855a1 0%,#34418b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4855a1', endColorstr='#34418b',GradientType=0 ); /* IE6-9 */
	}

	.bg-primary {background-color: #0073b1!important;}
	.bg-info {background-color: #4abaff!important;}
	.bg-success {background-color: #00c26b!important;}
	.bg-warning {background-color: #edd200!important;}
	.bg-danger {background-color: #ff1919!important;}
	.bg-red {background-color: #ee2931!important;}
	.bg-green {background-color: #38b54e!important;}
	.bg-dark {background-color: #000000!important;}
	.bg-white-50 {background-color: rgba(255, 255, 255, .5);}
	.bg-white-75 {background-color: rgba(255, 255, 255, .75);}
	.text-primary {color: #0073b1!important;}
	.text-info {color: #4abaff!important;}
	.text-success {color: #00c26b!important;}
	.text-warning {color: #edd200!important;}
	.text-danger {color: #ff1919!important;}
	.text-red {color: #ee2931!important;}
	.text-green {color: #38b54e!important;}
	.text-dark {color: #000000!important;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Social Media Buttons */
	ul.social-icons {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
	}
	ul.social-icons a.btn {color: #FFFFFF; box-shadow: none; padding: .25rem;}
	ul.social-icons a.btn:hover {color: #000000!important;}
	ul.social-icons i {font-size: 32px!important;}

	/* Checklist */
	ul.checklist {list-style: none; padding: 0; margin: 0;}
	ul.checklist .list-item.list-title {font-weight: 600; color: #444; padding-left: 15px; font-size: 24px; padding-top: 6px; padding-bottom: 11px; margin-bottom: 8px; border-bottom: none; border-left: 35px solid rgb(255, 116, 116); cursor: default;}
	ul.checklist .list-item {padding: 16px 0px 18px 25px; border-bottom: 1px dotted #efefef; cursor: pointer; display: flex; flex-direction: row; align-items: start;}
	ul.checklist .list-item.is-last {border: none;}
	ul.checklist .list-item.is-checked .list-item-title, ul.checklist .list-item.is-checked .sublist {color: #c0c0c0;}
	ul.checklist .list-item.is-checked .fa-regular {-webkit-transition-delay: 250ms; color: rgb(255, 116, 116); -webkit-animation-name: checkmark-bounce; -webkit-animation-duration: 750ms; -webkit-animation-delay: 200ms; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: 1;}
	
	@-webkit-keyframes checkmark-bounce {
		0% { -webkit-transform: scale(1); }
		7% { -webkit-transform: scale(1.45); }
		25% { -webkit-transform: scale(0.8); }
		65% { -webkit-transform: scale(1); }
		100% { -webkit-transform: scale(1); }
	}
	
	ul.checklist .list-item.is-checked .list-item-title-strikethrough {display: block; -webkit-animation-name: strikethrough; -webkit-animation-duration: 200ms; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: 1;}
	
	@-webkit-keyframes strikethrough {
		0% {width: 0%; opacity: 0;}
		100% {width: 100%; opacity: 1;}
	}
	
	ul.checklist .list-item-title {-webkit-transition: color 250ms ease; position: relative;}
	ul.checklist .list-item-title-strikethrough {display: none; position: absolute; top: 10px; width: 100%; height: 2px; background-color: #444;}
	ul.checklist .list-item-check {margin-right: 10px;}
	ul.checklist .fa-regular {-webkit-transition: color 250ms ease; position: relative; top: 0; left: -7px; font-size: 20px; color: #e9e9e9;}
	ul.checklist .sublist {margin: 8px 0 4px 16px;}

	/* Sponsors */
	.sponsors {align-items: center; justify-content: center; flex-wrap: wrap;}
	.sponsors > div {margin-bottom: 1.5rem;}
	.sponsors img {margin:auto 0;}
	.sponsors .hvr-grow:active,.sponsors .hvr-grow:focus,.sponsors .hvr-grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}

	/* Square Button with Icon */
	ul.icon-list {list-style: none; margin: 0; padding: 1.5rem; display: flex; flex-wrap: wrap; justify-content: space-evenly; column-gap: .5rem; row-gap: 1rem;}
	ul.icon-list .icon-card {flex-shrink: 0; display: flex; min-width: 7.5rem;}
	ul.icon-list .icon-card a {width: 100%;}
	ul.icon-list .icon-card .card {width: 100%; padding: 0;}
	ul.icon-list .icon-card .card-body {padding: .75rem; text-align: center;}
	ul.icon-list .icon-card .icon {font-size: 2rem;}
	ul.icon-list .icon-card h5 {font-size: 1rem; margin-bottom: 0; color: #333; text-transform: uppercase;}
	
	@media (max-width: 768px) {}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: 'akhand-blackuploaded_file'; font-size: 1.25rem; text-shadow:none; border-top: 5px solid #f1f3f1; border-bottom: 5px solid #f1f3f1; padding: 0px;}
	.main-nav .sf-menu {margin-bottom: 0px; z-index: 1000;}
	.main-nav .sf-menu a {border: none; padding: .5rem!important; margin: 0px 3px!important;}
	.main-nav .sf-menu a.hvr-bounce-to-bottom:before {background:#ee2931;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 0; margin: 0;}
	.main-nav .sf-menu .nav-link {color: #ee2931;}
	.main-nav .sf-menu .nav-link:hover {color: #FFFFFF;}
	.main-nav .sf-menu li ul {background-color: #FFFFFF; padding: 5px 0px;}
	.main-nav .sf-menu li ul li {background-color: #38b54e;}

	/* Tab Navs */
	/*.nav-tabs#abstract-nav {font-size: 14px;}*/
	.nav-tabs#abstract-nav .nav-link {padding: .7rem;}

	/* Colored Tab Navs */

	nav > .nav.nav-tabs{border: none; color:#fff; background:#4855a1; border-radius: 4px 4px 0 0;}
	nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active {border: none; padding: 18px 13px; color:#fff; background:#4855a1; border-radius:0;}
	.tab-content{line-height: 25px; border: 1px solid #ddd; border-top: 0; /*background: #fdfdfd; border-top:5px solid #38b54e; border-bottom:5px solid #38b54e;*/ padding:40px 25px;}
	nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {border: none; background: #38b54e; color:#fff; border-radius:0; transition:background 0.20s linear;}
	nav > div a.nav-item.nav-link.active {position: relative;}
	nav > div a.nav-item.nav-link.active:after {content: ""; position: absolute; bottom: -30px; left: 35%; border: 15px solid transparent; border-top-color: #38b54e;}
	nav > div a.nav-item.nav-link:first-child {border-radius: 4px 0 0 0;}
	nav > div a.nav-item.nav-link:last-child {border-radius: 0 4px 0 0;}
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */

	/* Header */
	header {position: absolute!important; z-index: 100;}
	header h2 {font-size: 1.25rem;}

	/* Slider */
	#image-slider-mobile .lSSlideOuter {-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.3); box-shadow: 0 0 7px 0 rgba(0,0,0,.3); -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: 1px solid #FFFFFF;}

	/* Welcome Message */
	#welcome-message h1 {font-size: 3.25rem;}

	/* Quicklinks */
	#quicklinks a {color:#FFF; font-size:1.25rem; font-weight: bold; padding: .75rem .25rem; line-height: 1;}
	#quicklinks i {font-size:2rem;}

	/* Video */
	#video-row {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+34,e6e6e6+35,e6e6e6+74,2b50a3+75,2b50a3+100&0+0,0+34,1+35,1+74,0.8+75,0.8+100 */background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,rgba(230,230,230,1) 35%,rgba(230,230,230,1) 70%,rgba(56,181,78,0.8) 70%,rgba(56,181,78,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	#video-row .mbYTP_wrapper, #video-row .yTvideo {border-radius: 7px!important;}

	/* Countdown */
	#countdown-row {background-image: url(../../files/images/layout/general/bg-countdown.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
	div.timeblock {width: 100%;}
	div.timeblock div.timer {color: #FFFFFF; font-weight: 700; font-size: 5.0rem; line-height: 1.2em; text-align: center; width: 100%; text-shadow: 1px 1px 1px #000000;}
	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;}
	div.timeblock div.timer ul li {float: left; text-align: center; position: relative;}
	div.timeblock div.timer ul li.seperator {font-size: .7em;}
	div.timeblock div.timer ul li p {font-weight: 200; font-size: 0.3em; line-height: 1em; margin-bottom:0px; opacity: .5;}

	/* Cards */
	.card {padding:15px;}
		
    /* Footer */
    footer {font-size: 12px;}
	footer h2 {font-size: 18px; margin-bottom:15px;}

	/* Content */
	section#content .card, section#content .breadcrumb {border-radius:0;}

	/* Youtube Video Background */
    #yTvideo {background: #000; height: 500px; width: 100%; position: relative;}
    #yTvideo-text {width: 100%; height:100%; position: absolute; top: 0; left: 0;}

	/* Newsletter Underconstruction */
	#newsletter form {display: flex; flex-direction: column; gap: 1rem;}
	#newsletter form .form-control {padding: 1.75rem 1.25rem; background-color: #FFFFFF; border: none; border-radius: 0; line-height: 1; font-size: .875rem; box-sizing: border-box; font-family: var(--bs-body-font-family); align-self: stretch;}
	#newsletter form .btn {padding: .75rem; align-self: stretch; border-radius: 0;}
	@media (min-width: 768px) {
		#newsletter form {flex-direction: row;}
	}

/* ==========================================================================
   Listing Template Styles
   ========================================================================== */

/* ==========================================================================
   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 td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 55%!important; 
			white-space: normal;
			text-align:left;
		}
	 
		.responsive-data-table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
		
		.responsive-data-table .wo-data td {padding-left:5px!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;}
	}

	.responsive-data {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; /*table-layout: fixed;*/}
	.responsive-data caption {font-size: 1.5rem; margin: .5rem 0 .75rem;}
	.responsive-data tr {background-color: #FFFFFF; border: 1px solid #ddd; padding: .35rem;}
	.responsive-data th, .responsive-data td {padding: .625rem; text-align: center;}
	/*.responsive-data th {font-size: .85rem; letter-spacing: .1em; text-transform: uppercase;}*/
	@media screen and (max-width: 600px) {
		.responsive-data {border: 0;}
		.responsive-data caption {font-size: 1.25rem;}
		.responsive-data thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
		.responsive-data tr {background-color: #F6F6F6; border-bottom: 1px solid #ddd; display: block; margin-bottom: .625rem;}
		.responsive-data th, .responsive-data td {background-color: #FFFFFF; border-bottom: 1px solid #ddd; display: block; font-size: .875rem; text-align: left;}
		.responsive-data td::before {content: attr(data-label); /*float: left;*/color: #0073b1; display: block; font-weight: bold; text-transform: uppercase;}
		/*.responsive-data td:last-child {border-bottom: 0;}*/
	}
	
/* ==========================================================================
   Backgrounds
   ========================================================================== */
	
/* ==========================================================================
   Youtube Styles
   ========================================================================== */
   
/* ==========================================================================
   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) {}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
    
	@media only screen and (min-width: 601px) and (max-width: 767px) {
		header {position:relative!important;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}		
		
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {
		header {position:relative!important;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}
		.main-nav .sf-menu li {margin: 0;}
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -50px;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {
		header {position:relative!important;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}		
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer {font-size: 3rem;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -35px;}
	}	

	@media only all and (width: 320px) {
		header {position:relative!important;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer {font-size: 2rem;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -20px;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){}