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

@import url('webfonts/slick.css');
@import url('webfonts/slick-theme.css');
@import url('webfonts/icon.css');
@import url('webfonts/fontello.css');
@import url('webfonts/font-awesome.css');
@import url('webfonts/webfonts.css');
@import url('../jQuery/plugin/superfish-menu/css/superfish.css');
@import url('ihover.css');
@import url('hover.css');
@import url('themify-icons.css');
@import url('swipebox.css');
@import url('animate.css');
@import url('jquery.fancybox.css');
@import url('../jQuery/plugin/classycountdown/jquery.classycountdown.css');



header section {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

/* ==========================================================================
   Webfonts
   ========================================================================== */

    .bebas {font-family: 'bebas_neueregular';}
	.roboto {font-family: 'roboto_condensedregular';}
    .roboto-b {font-family: 'roboto_condensedbold';}
    .roboto-ita {font-family: 'roboto_condenseditalic';}
    .roboto-bita {font-family: 'roboto_condensedbold_italic';}
	.vim {font-family: 'vim_smheavy';}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0px; padding:0px;}
	body {
        
        font-family: 'roboto_condensedregular'; font-size: 16px; color: #3a3a3a; line-height: 1.4;
    }
	
	b, strong {font-family: 'roboto_condensedbold';}
	i, em {font-family: 'roboto_condenseditalic';}
	
	a {color:#33739d;}
	a:hover {color:#ffde00; text-decoration:none;}

    p {margin-bottom:2rem;}
    ul, ol {margin-bottom:0;}
	

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

	h1, h2, h3, h4, h5, h6 {font-family: 'bebas_neueregular';}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'roboto_condensedregular', sans-serif;}

    h1, h2, h3 {color: #33739d;}
	h1 span, h2 span, h3 span {color:#ffde00;}

/* ==========================================================================
   Margins & Paddings
   ========================================================================== */

	
/* ==========================================================================
   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
   ========================================================================== */
		
    .scrollup{
		width: 30px;
		height: 30px;
		border-radius: 4px;
		opacity: .3;
		position: fixed;
		bottom: 20px;
		right: 25px;
		color: #fff;
		cursor: pointer;
		background-color: #128aa2;
		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: #344454;
		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;
	}

.bg-grad {
    background: #22456d;
    background: -moz-linear-gradient(left, #22456d 0%, #3b70a4 50%, #22456d 100%);
    background: -webkit-linear-gradient(left, #22456d 0%,#3b70a4 50%,#22456d 100%);
    background: linear-gradient(to right, #22456d 0%,#3b70a4 50%,#22456d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22456d', endColorstr='#22456d',GradientType=1 );
}
	
/* ==========================================================================
   Helper Styles
   ========================================================================== */
    
    .gradient-01 {
		background: #ffec2c; /* Old browsers */
		background: -moz-linear-gradient(left, #ffec2c 0%, #e9e086 33%, #7eab37 66%, #43ab37 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ffec2c 0%,#e9e086 33%,#7eab37 66%,#43ab37 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #ffec2c 0%,#e9e086 33%,#7eab37 66%,#43ab37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec2c', endColorstr='#43ab37',GradientType=1 ); /* IE6-9 */
	}
	
    .gradient-02 {
		background: #43ab37; /* Old browsers */
		background: -moz-linear-gradient(top, #43ab37 0%, #7eab37 68%, #ffec2c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #43ab37 0%,#7eab37 68%,#ffec2c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #43ab37 0%,#7eab37 68%,#ffec2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ab37', endColorstr='#ffec2c',GradientType=0 ); /* IE6-9 */
	}
	
    .gradient-03 {
		background: #faec2a; /* Old browsers */
		background: -moz-linear-gradient(top, #faec2a 0%, #41ab37 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #faec2a 0%,#41ab37 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #faec2a 0%,#41ab37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faec2a', endColorstr='#41ab37',GradientType=0 ); /* IE6-9 */
	}
	
	.piped-tile {
        background-image: url(../../files/images/layout/general/map-overlay-tile.png); background-repeat: repeat;
    }

    .perspective-container {
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        -o-perspective: 600px;
        perspective: 600px;
        
    }

    .perspective-container .rotated {
        -webkit-transform: rotateZ( -5deg );
        -moz-transform: rotateZ( -5deg );
        -o-transform: rotateZ( -5deg );
        transform: rotateZ( -5deg );
    }
	
/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
    /* Main Nav */
    .navbar {padding:0px;}
	.main-nav {background-color:#33739d; font-family: 'bebas_neueregular'; font-size: 20px;}
    .main-nav .sf-menu {margin: 0px;}
    .main-nav .sf-menu li {background-color: transparent; margin-right: 25px;}
	.main-nav .sf-menu li:last-child {margin-right:0px;}
    .main-nav .sf-menu li:hover {background-color: #ffec2c;}
    .main-nav .sf-menu a {border: none; padding:10px 5px;}
    .main-nav .navbar-nav .nav-link {color: #000000;}
    .main-nav .sf-menu ul {background-color: #33739d;}
	.main-nav .sf-menu ul li {margin-right:0px;}
	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */
    
    /* Conference Info */
	#conference-info {padding-left:0px; border-left:1px solid #FFF;}
	.conference-info {background-image:url(../../files/images/layout/general/background-conference-info.jpg); background-size:cover; padding:15px 15px 0px; font-family: 'bebas_neueregular'; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
	.conference-info p {margin-bottom:1rem;}
	.conference-info .display-1 {font-size:4rem; color:#ffec2c; font-family: 'vim_smheavy';}
	.conference-info .display-2, .conference-info .display-3, .conference-info .display-4 {font-size:2.2rem; color:#FFF;}
	.conference-info .display-3 {font-size:1.8rem;}
	.conference-info .display-4 {font-size:1.2rem; font-family: 'roboto_condensedbold_italic'; margin-bottom:1.8rem;}
	
	/* Main Slider */
	#hero-container {margin-right:0px; padding-right:0px;}
    .hero-slider .slide {width: 100%; display: block; position: relative; color: #FFF; text-shadow: 1px 1px 0 #000000;}
	.hero-slider .slide img {-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
	
	/* Quicklinks */
	#quicklinks a {display:block; /*margin:15px;*/}
	#quicklinks h2 {color:#000; font-size:1.5rem;}
	#quicklinks h2:hover {color:#004890;}
	
	/* Cards */
	.card {border:none; padding:15px;}
	
	/* Important Dates */
	#important-dates {padding:15px; font-size:15px; color:#000;}
	
	#important-dates ul {padding-left:15px;}
	#important-dates ul li {
		list-style-image:url(../../files/images/layout/general/pin.png);
		line-height:normal;
		padding-bottom:15px;
	}
	
	/* Countdown */
	#clock {
		height:auto; padding-top:55px; text-align:center; font-family: 'BebasNeueRegular';
	}

	#clock span {
		font-size:40px;
		line-height:30px;
	}
	
    /* Footer */
    footer {font-size: 13px; line-height: 1.6;}
    footer h2 {font-size: 20px; color: #33739d;}
    footer a {color: #33739d;}
    footer a:hover {color: #97d3df;}

    /* Content */
    #content {color: #2b2b2b;}

		
/* ==========================================================================
   Listing Template Styles
   ========================================================================== */
    
    /* Hover Effected Listing Template */
    .ih-item.square {width: 100%; height: 90%;}
    .ih-item.square.effect3 .info {
        height: 90px;
        background: #6989A9;
        opacity: 0.5;
    }
    .ih-item.square.effect3.bottom_to_top .info {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }
    .ih-item.square.effect3 .info p {
        color: inherit; margin-top: 10px; font-style: normal; text-transform: uppercase;
    }

    .newspaper-column {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    .ih-item.square.effect8 {height: 100%;}
    .ih-item.square.effect8 .img {background-color: #FFF;}

    /* Page Menu */
    ul.PageMenu {list-style: none; padding: 0; font-family: 'roboto_condensedbold';}
	ul.PageMenu a {color:#000;}
	ul.PageMenu a:hover {color:#004890;}
    ul.PageMenu li {line-height: 1.5; /*border-bottom:1px solid #eaeaea;*/ padding: 0.5em 1.1em;}
    ul.PageMenu li:last-child {border-bottom:0px;}
    ul.PageMenu li:before {
      content: "\f105"; /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.1em; /* same as padding-left set on li */
      width: 1.1em; /* same as padding-left set on li */
    }

    /* Check List */
    ul.check-list {list-style: none; padding: 0;}
    ul.check-list li {padding-left: 1.3em;}
    ul.check-list li:before {
      content: "\f00c"; /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      width: 1.3em; /* same as padding-left set on li */
      color: #003079;
    }
	
	/* Speakers Listing Template */
	.speaker-container .card {background-color:#f6f6f6;}
	.speaker-container .card .img-thumbnail {border:none; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.speaker-container .card a h4 {color:#542E91;}
	.speaker-container .card a:hover h4 {color:inherit;}
	
	/* New Speakers Listing Template */
	#letters .link, #letters .nolink {padding:4px 10px; margin:2px; background-color:#542E91; color:#FFF; border-radius:4px; line-height:36px;}
	#letters .nolink {opacity:0.5;}
	#letters .link:hover {cursor:pointer; background-color:#F500FF;}
	#speakers p {color:#333;}

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

    .responsive-data-table tbody tr th {width: 10%;}
	.responsive-data-table .wo-data tbody tr th {width:auto!important;}

    @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.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 {text-align:left;}
		table.registration > tfoot > tr > td {padding-left:5px!important;}
	}
	
/* ==========================================================================
   Backgrounds
   ========================================================================== */

	
/* ==========================================================================
   Youtube Styles
   ========================================================================== */
   
   .ytp-watermark, .ytp-watermark:hover, .ytp-native-controls .ytp-watermark, .ytp-hide-controls .ytp-watermark, .html5-video-player .ytp-watermark, .ytp-autohide .ytp-watermark {display:none!important;}
   
/* ==========================================================================
   Adaptive Styles
   ========================================================================== */
   
	@media only screen and (max-width: 1199px) {
		
	}
	
	@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 (min-width: 992px) and (max-width: 1199px) {

	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {

	}

    
    @media only all and (width: 1024px) and (height: 768px) {

    }
	
	@media only screen and (min-width: 601px) and (max-width: 767px) {

	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {

	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {

	}	

	@media only all and (width: 320px) {

	}