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

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

/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.kelson {font-family: 'kelson_sansregular'!important;}
	.politica {font-family: 'politicaregular'!important;}
	.politica-bold {font-family: 'politicabold'!important;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px;}
	body {font-family: 'kelson_sansregular'; font-size: 16px; color: #3c3c3c; line-height: 1.4; background-image: url(../../files/images/layout/general/bg-tile.png); background-repeat: repeat; background-color:#fafafa;}
	
	a {color: #4855a1;}
	a:hover {text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:0rem;}
	dl,menu,ol,ul { margin: 0em 0!important;}

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

	h1, h2, h3, h4, h5, h6 {font-family: 'politicabold'; color: #4855a1;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: 'politicaregular'; color:#00B4D5;}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:#000000;}

/* ==========================================================================
   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: #4855a1!important; border-color: #3f4c94!important;}
	.btn-primary:hover {background-color: #39458d!important; color: #FFFFFF!important;}
	.btn-danger {background-color: #dd1f26!important;}
	.btn-danger:hover {background-color: #c31117!important;}
	
	.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
   ========================================================================== */

	
	
/* ==========================================================================
   Colors
   ========================================================================== */
	
	.bg-grad-v-light {
		background: -moz-linear-gradient(top,  rgba(83,192,240,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(83,192,240,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(83,192,240,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53c0f0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}

	.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-info {background-color: #5686c5!important;}
	.bg-lemon {background-color: #FFFFA6!important;}
	.text-primary {color:#547BBE!important;}
	.text-info {color:#19BFE5!important;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Side Bar Listing */
	ul.PageMenu {padding: 0; margin: 0; font-family: 'kelson_sansregular'; 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: #4855a1;}
	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: #FFFFFF;}
	ul.social-icons a.btn:hover {color: #000000;}
	ul.social-icons i {font-size: 32px!important;}

	/* Legal Listing Template */
	div.legal ol {counter-reset: section; list-style-type: none; margin-top: 10px;}
	div.legal ol li {font-weight: bold; color:#344454; margin-bottom: 15px;}
	div.legal ol li:before {counter-increment: section; content: counters(section, ".") "."; margin-right: 7px;}
	div.legal ol li > * {font-weight: normal; color: #666666;}
	div.legal p {margin-bottom: 15px!important;}
	div.legal ul {counter-reset: none;}
	div.legal ul li {font-weight: normal; color: #666666; margin-bottom: 5px;}
	div.legal ul li:before {counter-increment: none; content:none;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: 'politicabold'; font-size: 24px; text-shadow:0; 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: 12px!important; margin: 0px 3px!important;}
	.main-nav .sf-menu a.hvr-bounce-to-bottom:before {background:#4855a1;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 0; margin: 0;}
	.main-nav .sf-menu .nav-link {color: #4855a1;}
	.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: #142e53;}

	/* 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{background: #fdfdfd; line-height: 25px; border: 1px solid #ddd; border-top:5px solid #00B4D5; border-bottom:5px solid #00B4D5; padding:40px 25px;}
	nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {border: none; background: #00B4D5; 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: #00B4D5;}
	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, header h2 span {font-size: 1.25rem!important; font-weight: 600!important; line-height: 1.8rem!important;}
	header h2 span {font-size: 1.2rem!important; color: #4855a1;}

	/* 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: 4rem;}

	/* Quicklinks */
	#quicklinks {font-family: 'kelson_sansregular';}
	#quicklinks a {color:#FFF; font-size:20px; padding: 15px 5px;}
	#quicklinks i {font-size:48px;}

	/* 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-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;}
	footer a {color: #4855a1;}
	footer a:hover {color: #000000;}

	/* 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.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;}
		table.satellite td {padding-left: 25%!important;}
	}
	
/* ==========================================================================
   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 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) {
		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 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){}