/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.kel {font-family: 'kelson_sansregular'!important;}
	.kel-b {font-family: 'kelson_sansbold'!important;}
	.rub {font-family: 'rubikregular'!important;}
	.rub-m {font-family: 'rubikmedium'!important;}
	.rub-b {font-family: 'rubikbold'!important;}
	.rub-bl {font-family: 'rubikblack'!important;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px;}
	body {font-family: 'rubikregular'; font-size: 16px; color: #565656; line-height: 1.4; background-color:#eaeaea;
	background: url("../../files/images/layout/general/main-bg.webp") no-repeat center center fixed!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
	
	a {color: #7D2E88; font-weight: bold; text-decoration:none!important;}
	a:hover {color: #00aeef; text-decoration:none;}

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

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

	h1, h2, h3, h4, h5, h6 {font-family: 'rubikbold'; color: #000000; font-weight: 800;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: 'rubikbold'; color:#FFCD02;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'rubikmedium';}

	#logo-text h2, #logo-text h3, #logo-text h4 {color: #1b1b28; margin-bottom: 0;}
	#logo-text h2 {font-size: 2.5rem;}
	#logo-text h2 small {font-size: 50%; line-height: 50%;}
	#logo-text h3 {font-size: 1.4rem;}
	#logo-text h4 {font-size: 1.125rem;}

/* ==========================================================================
   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: #2162af;
		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 {white-space:normal;}
	.btn-primary {background-color: #1A4082!important; border-color: #3f4c94!important;}
	.btn-primary:hover {background-color: #39458d!important;}
	
	.scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #7D2E88;
		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: #7D2E88;
		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;}
	}

	.striped {
		background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.5) 3px);
		background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.5) 3px);
		background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.5) 3px);
		background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.5) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.5) 3px);
		-webkit-background-size: 4px 4px;
		-moz-background-size: 4px 4px;
		background-size: 4px 4px;
	}
	
/* ==========================================================================
   Colors
   ========================================================================== */

	.bg-primary {background-color: #7E2E8A!important;}
	.bg-light-grey {background-color: #f8f8f8!important;}
	.bg-warning {background-color: #FFCD02!important;}

	.text-primary {color: #7E2E8A!important;}
	.text-primary-light {color: #D7B5D5!important;}
	.text-warning {color: #FFCD02!important;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Side Bar Listing */
	ul.PageMenu {padding: 0; margin: 0; font-family: 'kelson_sansbold'; font-size: 14px; background-color: #FFFFFF; border-radius: .25rem!important; font-weight: 600;}
	ul.PageMenu li {
	    list-style: none;
		width: 100%;
		background-color: #FFFFFF; padding: 0px 15px;
	}
	ul.PageMenu li a {
		display: inline-block;
		padding: 10px;
		border-bottom: solid 1px #D9D9D9;
		width: 100%;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}
	ul.PageMenu li:last-child a{border-bottom:none; border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}
	ul.PageMenu li a > span{
		float: right;
	}
	ul.PageMenu li a:hover{border-bottom: solid 1px rgba(0,0,0,.1); color: #FFF;}
	ul.PageMenu li.hvr-sweep-to-right:before {background: #1A4082;}
	ul.PageMenu li:first-child, ul.PageMenu li:first-child a:hover, ul.PageMenu li:first-child.hvr-sweep-to-right:before {border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important;}
	ul.PageMenu li:last-child, ul.PageMenu li:last-child a:hover, ul.PageMenu li:last-child.hvr-sweep-to-right:before {border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}

	/* 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;
	}
	ul.social-icons a.btn {color: #7D2E88; padding: .25rem;}
	ul.social-icons a.btn:hover {color: #000000;}
	ul.social-icons i {font-size: 32px!important;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: 'kelson_sansbold'; font-size: 18px; padding: 0px;}
	.main-nav .sf-menu {margin-bottom: 0px; z-index: 1000;}
	.main-nav .sf-menu a {border: none; padding: 12px!important;}
	.main-nav .sf-menu a.hvr-bounce-to-bottom:before {background:#1b1b28;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 0; margin: 0; border-top:1px dashed #e4e4e4!important;}
	.main-nav .sf-menu .nav-link {color: #1b1b28;}
	.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: #1b1b28;}
	.main-nav .sf-vertical {flex-direction: column;}

	/* Tab Navs */
	/* Hall Tabs */
	.hall-list li:not(:last-child) {margin-right: 1.5rem;}
	.hall-list li a, .hall-list li a:not([href]):not([class]) {display:block; padding:1.5rem; cursor: pointer; color:#7D2E88; transition: all 0.5s ease;}
	.hall-list li a:hover, .hall-list li a.active {background-color:#7D2E88; color:#FFFFFF; box-shadow: rgba(0, 0, 0, 0.24) 0 .25rem .75rem; transition: all 0.5s ease;}
	.tab-pane caption {background-color:#7D2E88; color:#FFFFFF; margin:0!important; padding:.5rem; display: none;}

	@media screen and (max-width: 600px) {
		.hall-list {justify-content: center;}
		.hall-list li:not(:last-child) {margin-right: .75rem; margin-bottom:.75rem;}
		.hall-list li a, .hall-list li a:not([href]):not([class]) {padding:.75rem;}
	}

	@media screen and (max-width: 1200px) {
		.tab-pane caption {display:block;}
	}

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

	nav > .nav.nav-tabs{border: none; color:#fff; background:#272e38; border-radius:0;}
	nav > .nav-tabs .nav-link, nav > .nav-tabs .nav-link.active {border: none; padding: 18px 25px; color:#fff; background:#272e38; border-radius:0;}
	.tab-content{background: #fdfdfd; line-height: 25px; border: 1px solid #ddd; border-top:5px solid #CE262C; border-bottom:5px solid #CE262C; padding:40px 25px;}
	nav > .nav-tabs .nav-link {margin-bottom: 0!important;}
	nav > .nav-tabs .nav-link:hover, nav > .nav-tabs .nav-link.active, nav > .nav-tabs .nav-link:focus {border: none; background: #CE262C; color:#fff; border-radius:0; transition:background 0.20s linear;}
	nav > .nav-tabs .nav-link.active {position: relative;}
	nav > .nav-tabs .nav-link.active:after {content: ""; position: absolute; bottom: -30px; left: 35%; border: 15px solid transparent; border-top-color: #CE262C;}*/
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */

	/* Header */
	header section {background-image: url("../../files/images/layout/general/header-lights.png"); background-position: bottom right; background-repeat: no-repeat; background-size: auto;}

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

	/* Quicklinks */
	#quicklinks {text-align:center; padding:1rem 0; line-height:1.2; font-size: .875rem;}
	#quicklinks h4 {font-size:1.5rem; margin:.625rem 0;}
	#quicklinks a p {color:#8e8f91;}
	#quicklinks a:hover p {color:#292d30;}
	#quicklinks a h4, #quicklinks a:hover h4 span {color: #FFCD02;}
	#quicklinks a:hover h4, #quicklinks a h4 span {color: #000000;}
	#quicklinks .icon {display: block; width: 5rem; height: 5rem; line-height: 5rem; margin:1.25rem auto; position: relative; -webkit-border-radius:2.5rem; -moz-border-radius:2.5rem; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); text-align: center; background-color:#FFCD02;}
	#quicklinks a:hover .icon {background-color:#7D2E88; -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg);}
	#quicklinks .icon i {color: #FFF; font-size:2rem; display: block; width:5rem; height: 5rem; line-height: 5rem; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

	/* Video */
	#video-row {
		background: -moz-linear-gradient(top,  rgba(10,8,9,0) 0%, rgba(110,119,116,0) 50%, rgba(210,210,210,1) 50%, rgba(210,210,210,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(10,8,9,0) 0%,rgba(110,119,116,0) 50%,rgba(210,210,210,1) 50%,rgba(210,210,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(10,8,9,0) 0%,rgba(110,119,116,0) 50%,rgba(210,210,210,1) 50%,rgba(210,210,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a0809', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
	}
	#video-row .mbYTP_wrapper, #video-row .yTvideo {border-radius: 7px;}

	/* Countdown */
	#countdown-row {background-color: #e3e3e4;}
	div.timeblock {width: 100%;}
	div.timeblock div.timer {color: #FFCD02; font-weight: 700; font-size: 2.5rem; line-height: 1.2em; width: 100%; font-family: 'kelson_sansbold';}
	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; color: rgba(0,0,0,.5);}

	/* 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;}
			
/* ==========================================================================
   Form Styles
   ========================================================================== */
    
/* ==========================================================================
   Listing Template Styles
   ========================================================================== */

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

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

   table.program {background-color: #FFF; border-collapse: separate; border-spacing: .25rem;}
   table.program, table.program th, table.program td {border: 1px solid #eceeef;}
   table.program tbody th {text-align: center;}
   table.program tbody td {text-align: left;}

   .program .bg-lunch {background-color:rgba(127, 47, 137, .05);}
   .program h2 {font-size:1rem;}
   .program h2 span {color:#7D2E88;}
   .program p:last-child {margin-bottom:0;}
   
   .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; font-family: 'rubikmedium'!important;}
   .responsive-data tr {background-color: #f8f8f8; border: 1px solid #ddd; padding: .35rem;}
   .responsive-data th, .responsive-data td {padding: .625rem; text-align: center;}
   @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 th {color:#7D2E88; font-size:1rem;}
	  .responsive-data td {font-size:.875rem;}
      .responsive-data tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625rem;}
      .responsive-data th, .responsive-data td {border-bottom: 1px solid #ddd; display: block; text-align: right;}
      .responsive-data td::before {content: attr(data-label); display: block; margin-bottom: 1rem; font-weight: bold; color:#1A4082;}
      .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) {
		#logo-text h2 {font-size: 2.25rem;}
		.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 ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -50px;}
	}	

	@media only all and (width: 320px) {
		#logo-text h2 {font-size: 2.25rem;}
		.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 ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -50px;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){}