@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
/*
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
src: local('Barbaro-Roman'), url('/snassets/fonts/barbaro.roman.ttf') format('woff');
}
@font-face {
font-family: 'Barbaro Western';
font-style: normal;
font-weight: normal;
src: local('Barbaro-Western'), url('/snassets/fonts/barbaro.western.ttf') format('woff');
}
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

/*
2024 Ohio HR Conference (alternate) :
Font name: Barbaro (Western)
Color: C 40, M 89, Y 0, K 0

*/
body {
    margin: 0;
    font-family: 'Roboto';
	font-weight: 400;
    font-size: 100%;
    line-height: 1.5;
	background-color: #e1ddd294;
}
p, td, li, label {
    font-size: 18px;
    line-height: 1.65;
    font-weight: 400;
    color: #777777;
}
section.module li {
    margin-bottom: 15px;
}

/*****************************************
Top Bar
*****************************************/
.top-bar {
    background: #0f73ba;
    border-bottom: 2px solid #ffd889;
    color: #ffffff;
}
.list-dividers li:not(:last-child) a {
    border-right: none;
    padding-right: 10px;
}
.top-bar a {
    color: #ffffff;
    text-decoration: none;
}
.top-bar a:hover, .top-bar a:focus {
    color: #ffffff;
}
.top-bar-list > li {
    display: inline-block;
    line-height: 2;
    font-weight: 300;
    font-size: 12px;
}
.bottomBar {
    position: fixed;
    bottom: 100px;
    left: 0;
    width: 100%;
    height: 57px;
    background: rgb(191, 191, 191);
    border-top: #a1a0a0 1px solid;
    text-align: center;
    padding: 10px 0 0;
    box-sizing: border-box;
    z-index: 1000;
}
/*****************************************
Header
*****************************************/
.header {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background-image: url("/snassets/img/theme/Final-Banner.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
body.interior .header {
	position: relative;
	width: 100%;
	padding-top: 30%; /* 16:9 Aspect Ratio */
	background-image: url("/snassets/img/theme/banner-interior-v2.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Content wrapper */
.header .position-relative {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Media queries for different screen sizes */
@media (max-width: 991px) {
    .header {
        padding-top: 56%;
    }
}
@media (max-width: 767px) { /* sm breakpoint in Bootstrap 3 */
    .header {
        padding-top: 56%; /* 1:1 Aspect Ratio for small screens */
    }
}

/* Remove conflicting height classes */
.h-700, .h-lg-500, .h-md-400 {
    height: auto !important;
}
.submenu {
    background: #0f73ba;           
}
.inner-brand {
    display: table-cell;
    vertical-align: middle;
    height: 103px;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.inner-brand img {
    margin: 10px 0 0 10px;
	webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: inherit;
}
  .logo-section-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.flexslider {
    height: 50vh;
    border-bottom: 2px solid #ffd889;
}
.timer-container {
	position: fixed;
  	bottom: 0;
  	left: 0; /* Ensure the div starts at the left edge of the viewport */
  	right: 0; /* Ensure the div extends to the right edge of the viewport */
  	width: 100%; /* Ensure the div spans the full width of the viewport */
  	box-sizing: border-box;
	height: 100px;
	background: #617996;
	padding: 20px;
	color: #FFFFFF;
	z-index: 4000;
}
.timer-container .time span.days {
	font-size: 2.25em;
	font-weight: bold;
}
.timer-container .time span.hours {
	font-size: 2.25em;
	font-weight: bold;
	margin-left: 20px;
}
.timer-container .time span.minutes {
	font-size: 2.25em;
	font-weight: bold;
	margin-left: 20px;
}
.timer-container .time span.seconds {
	font-size: 2.25em;
	font-weight: bold;
	margin-left: 20px;
}
.outer-header-box, .outer-header-container, .logo-section-center {
    width: 100%;
}
@media (max-width: 993px) {
	.timer-container .time.countdown .time span.days, .timer-container .time.countdown .time span.hours, .timer-container .time.countdown .time span.minutes, .timer-container .time.countdown .time span.seconds {
		font-size: 2.25em;
	}
	.time.countdown {
		font-size: .75em;
	}
}
@media (max-width: 787px) {
	.timer-container .time.countdown  .time span.days, .timer-container .time.countdown  .time span.hours, .timer-container .time.countdown  .time span.minutes, .timer-container .time.countdown .time span.seconds {
		font-size: 3em;
	}
	.time.countdown {
		font-size: .5em;
		padding: 13px 0 0 0;
	}
}
body.interior .min-vh-90 {
    min-height: 40vh !important;
}
body.interior .logo-container {
    margin-top: 0;
}
body.interior .date-container {
    font-size: 1.25em;
    padding-top: 20px;
    padding-left: 10px;
    margin-left: 0;
    text-align: left;
}
body.interior .date-container span {
    padding-top: 5px;
}
.date-container {
    color: #ffffff;
    font-weight: bolder;
    font-size: 1.35em;
    padding-left: 18px;
    position: absolute;
    bottom: 75px;
    left: 15px;
    line-height: 1em;
}
.date-container span {
    color: #0c0c0c;
    font-weight: bolder;
    font-size: 1.15em;
    padding-left: 18px;
}
.date-container span {
    color: #ffffff;
    font-weight: normal;
    font-size: .75em;
    display: block;
    padding-top: 5px;
    padding-left: 0;
}
.logo-container a {
	display: block; /* Ensures the logo maintains its aspect ratio */
	padding-left: 10px;
}

@media all and (min-width: 993px) {
	
}
@media all and (max-width: 600px) {

	.inner-header {
		max-width: 75%;
	}
	.main-nav-toggle {
		margin: 0;
		padding: 47px 10px 47px 20px;
	}	
}
.with-bottom-effect {
    position: relative;
    overflow: hidden;
}
.with-bottom-effect.transparent-effect .bottom-effect {
    position: absolute;
    z-index: 10;
    bottom: -50px;
    width: 2800px;
    height: 148px;
    left: -100px;
    background: rgba(255, 255, 255, 0.6);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding-top: 10px;
}
.with-bottom-effect.transparent-effect .bottom-effect:after {
    content: '';
    display: block;
    background: white;
    height: 148px;
    -webkit-box-shadow: inset 0px -12px 13px -2px white;
    -moz-box-shadow: inset 0px -12px 13px -2px white;
    box-shadow: inset 0px -12px 13px -2px white;
}
/*2286*/
.with-bottom-effect:before {
    content: "";
    -webkit-box-shadow: inset 0px -12px 13px -2px white;
    -moz-box-shadow: inset 0px -12px 13px -2px white;
    box-shadow: inset 0px -12px 13px -2px white;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 11;
    bottom: 0;
    height: 30px;
}



/*****************************************
Breadcrumb Trail
*****************************************/
.breadcrumb a {
    color: #e4e4e4;
    font-size: 11px;
}
.breadcrumb > li + li:before {
    color: #e4e4e4;
    padding: 0 8px;
    font-size: 11px;
}
.breadcrumb > .active {
    color: #e4e4e4;
    opacity: 0.9;
    font-size: 11px;
	font-weight: bold;
}
body.interior section.breadcrumb-section {
    border-bottom: none;
}
body.interior section.breadcrumb-section.bg-white-dark {
    background-color: #556c8f !important;
}
body.interior section.breadcrumb-section h3.text-uppercase, body.interior section.breadcrumb-section .h3.text-uppercase {
	display: none;
}
body.interior section.breadcrumb-section .breadcrumb {
    background: none;
    float: left;
	margin-left: 5px;
    margin-bottom: 5px;
}
body.interior section.breadcrumb-section.module-sm {
    padding: 6px 0 6px 0;
    font-size: 16px;
    color: #f6f1dc;
    z-index: 500;
}
body.interior .wrapper-two-outer {
    border-top: none;
}
ol.breadcrumb li a {
    color: #e4e4e4;
}
ol.breadcrumb {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    line-height: 10px;
}
li.breadcrumb-item {
    line-height: 16px;
}
.breadcrumb a:hover, .breadcrumb a:focus {
    color: #26235a;
}
li.breadcrumb-item a {
    line-height: 12px;
    font-size: 10px;
    color: #dedede;
}
@media all and (max-width: 992px) {
	
	body.interior section.breadcrumb-section h3.text-uppercase, body.interior section.breadcrumb-section .h3.text-uppercase {
		display: none;
	}
	body.interior section.breadcrumb-section.module-sm {
		padding: 2px 0 8px 0;
		margin-bottom: 0;
		position: relative;
		top: 0px;
		z-index: 500;
		left: 0;
		border: none;
	}
	body.interior section.breadcrumb-section .breadcrumb {
		background: none;
		float: left;
		font-size: 11px;
		padding-top: 8px;
	}

	
}

/*****************************************
Maps Container
*****************************************/
.maps-container {
    height: 650px;
}
@media all and (max-width: 768px) {
	.maps-container {
		height: 200px;
		margin-bottom: 25px;
	}
}

/*****************************************
Links
*****************************************/
.btn.btn-base.btn-link {
    color: #612273;
}
a {
    color: #612273;
}
a:hover, a:focus {
    color: #8c2085;
}
.btn.btn-base.btn-link:hover, .btn.btn-base.btn-link:focus {
    color: #8c2085;
}
.inner-nav > li > a.cursor-pointy {
	cursor: default;
}

/*****************************************
Logo
*****************************************/
.inner-header {
	position: relative;
}
.logo-tagline {
    position: relative;
    top: 0;
    left: 10px;
    font-size: 10px;
    color: #054069;
    line-height: 15px;
    padding-bottom: 7px;
    padding-left: 8px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.inner-nav {
    padding-top: 50px;
}
.row.brand-container {
    position: relative;
    width: 500px;
    margin: 25% auto;
}
.navbar-brand:focus, .navbar-brand:hover, .navbar-brand {
    text-decoration: none;
    display: inline;
    height: 100%;
    position: relative;
    top: 0px;
    left: 5px;
}
.outer-header-container {
    position: absolute; /* Or fixed */
    top: 0;
    right: 0;
    z-index: 100;
    padding: 10px;
}
.outer-header-box {
    display: flex;
    align-items: flex-start;
    width: 100%; /* Make it full width */
	margin-top: 20px; 
}
body.interior .logo-container {
    width: 100%;
    padding: 20px;
}
body.interior a.navbar-brand img {
    width: 250px !important;
}
.logo-container {
    width: 100%;
    padding: 20px 20px 20px 0;
}
.logo-section-top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
@media all and (max-width: 1024px) {
	a.inner-brand img {
		max-width: 85%;
	}
	.logo-tagline {
		top: -10px;
		left: 0;
		font-size: 11px;
		line-height: 15px;
		padding-bottom: 5px;
	}
}
@media (max-width: 998px) {

	.row.brand-container {
		margin-top: 25px;
	}
    a.navbar-brand {
        margin: 5px 5px 5px 0;
        padding-left: 0;
        position: relative;
        left: 5px;
    }
    .logo-container {
        width: 100%;
        padding: 10px 10px 10px 0;
    }
	.date-container {
		color: #fff;
		font-weight: bolder;
		font-size: 1.25em;
		padding-left: 14px;
		padding-top: 50px;
	}
}
@media (max-width: 991px) {
	.inner-nav {
		padding-top: 10px;
		margin: 0;
	}
	
	.inner-nav > li > a {
		padding: 20px 15px 10px 5px;
	}
	
}


@media all and (max-width: 1024px) {
	a.inner-brand img {
		max-width: 85%;
	}
	.logo-tagline {
		top: -10px;
		left: 0;
		font-size: 11px;
		line-height: 15px;
		padding-bottom: 5px;
	}
}
.submenu li > a:hover, .submenu li > a:focus, .submenu li.submenu-open > a {
    background: #f0c6a0;
    color: #03175e !important;
}
@media all and (max-width: 768px) {
	.navbar-brand {
		float: none;
		height: inherit;
	}
	.navbar-brand:focus, .navbar-brand:hover {
		text-decoration: none;
		position: relative;
		top: 9px;
		display: table;
		width: 100%;
	}
	.row.brand-container {
		margin-top: 25px;
		display: table;
			width: 100%;
	}
    .date-container {
        color: #ffffff;
        font-weight: bolder;
        font-size: 1em;
        padding-left: 10px;
        padding-top: 30px;
        bottom: 60px;
    }
	.date-container span {
		color: #ffffff;
		font-weight: normal;
		font-size: .75em;
		display: block;
		padding-top: 2px;
		padding-left: 0;
	}	
}
@media (max-width: 550px) {
    .date-container {
        color: #ffffff;
        font-weight: bolder;
        font-size: 1em;
        padding-left: 5px;
        padding-top: 30px;
        bottom: 30px;
    }
}
/*****************************************
Toggle Button
*****************************************/
.main-nav-toggle {
    border-left: 1px solid #0f73ba;
    padding: 50px 20px 50px 30px;
}
/*****************************************
Body Content
*****************************************/
.module-sm {
    padding: 40px 0 30px 0;
}
.btn.btn-base {
    background-color: #556c8f;
    border-color: #03175e;
    color: #fff;
}
.btn.btn-base:hover, .btn.btn-base:focus {
    background-color: #9eb1c2;
    border-color: #03175e;
    color: #03175e;
    font-weight: bold;
}
.btn.btn-info {
    background-color: #fc5d0c;
    border-color: #03175d;
    color: #ffffff;
    font-weight: bold;
}
.btn.btn-info.btn-outline {
    background: transparent;
	color: #666666;
}
.btn.btn-info:hover, .btn.btn-info:focus {
    background-color: #b3b8be;
    border-color: #606264;
    color: #03165b;
}

/*
.btn.btn-primary {
	background-color: #959595;
    border-color: #8e7a50;
    color: #fff;
}
.btn.btn-primary.btn-outline {
    background: transparent;
	color: #666666;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #ffd889;
    border-color: #8e7a50;
    color: #363636;
}*/
/*****************************************
Articles
*****************************************/
article.post .btn.btn-base.btn-link {
    color: #94a038;
}
article.post .btn.btn-base.btn-link:hover, article.post .btn.btn-base.btn-link:focus {
	color: #43849f;
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
}

/*****************************************
Menu
*****************************************/
.navbar-default {
    background-color: #393b3e;
    border-bottom: 3px solid #03175e;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #fff;
}
.nav.navbar-nav li a {
    font-family: 'Roboto';
    font-size: 16px;
}
.nav>li>a {
    padding: 15px 10px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: relative;
    top: 10px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fc5d0c;
    background-color: transparent;
    font-weight: 600;
}
.submenu {
    background: #fc5d0c;
    z-index: 2000;
    border: 1px solid #03175e;
    margin-top: 2px;
}
.nav.navbar-nav li ul li a {
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
}
.submenu {
    min-width: 325px;
}
.inner-nav > li > a {
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: bold;
    font-size: 15px;
    display: block;
    padding: 50px 15px 0 5px;
    text-decoration: none;
    color: #0f75bc;
}
.inner-nav > li > a:hover, .inner-nav > li > a:focus, .inner-nav > li.submenu-open > a {
    color: #ae3036;
}
.nav-icon-toggle span:nth-child(1) {
    top: 4px;

}
submenu-title, .submenu li a {
    position: relative;
    display: block;
    line-height: 1.4;
    padding: 12px 27px 12px 20px;
    border-bottom: 1px solid #03175e;
}
@media all and (max-width: 991px) {

	.inner-brand {
		display: table-cell;
		vertical-align: middle;
		height: 94px;
		font-weight: 700;
		font-size: 18px;
		color: #000000;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		float: left;
		margin-top: 15px;
	}
	.logo-tagline {
		top: 35px;
		left: 0;
		font-size: 10px;
		line-height: 15px;
		padding-bottom: 5px;
		float: left;
	}	
	.main-nav-toggle {
		border-left: 1px solid #0f73ba;
		padding: 45px 30px 45px 40px;
	}
	
}
@media all and (max-width: 768px) {
	.inner-brand {
		float: none;
		margin-top: 0;
	}
	
	.logo-tagline {
		top: -10px;
		left: 0;
		font-size: 9px;
		line-height: 12px;
		padding-bottom: 5px;
		float: none;
	}
	.main-nav-toggle {
		border-left: 1px solid #0f73ba;
		padding: 47px 20px 47px 30px;
	}	
}
/*****************************************
Footer
*****************************************/
.footer .bottom-line {
	margin-bottom: 25px;
}
.footer .bottom-line:before {
    border-bottom: none;
}
.bottom-line:before {
    content: "";
    /*display: block;*/
	display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #eeeeee;
}
.footer .bottom-line:after {
    border-bottom: none;
}
.bottom-line:after {
    content: "";
    /*display: block;*/
	display: none;
	width: 35px;
    border-bottom: 2px solid #27CBC0;
    margin: 20px auto 25px 0;
    z-index: 1;
    position: relative;
}
.footer {
    background-image: url(/snassets/img/theme/footer-2025-6.jpg);
    background-position: center bottom; /* Keeps image at bottom */
    background-repeat: no-repeat;
    background-size: 100% auto; /* Width 100%, height auto to maintain aspect ratio */
    background-color: #FFFFFF;
    position: relative; /* Added for better control */
    overflow: hidden; /* Hides any overflow at top */
    height: 200px; /* Adjust this value based on how much of the image you want to show */
    width: 100%; /* Ensures footer takes full container width */
    margin: 0; /* Removes any default margins */
    padding: 0; /* Removes any default padding */
}
address.map-background {
	background: none;
    /*background: url(/assets/custom/img/map.png) no-repeat left;*/
}
.footer * {
    color: #FFFFFF;
}
.footer .copyright {
    /*border-top: 1px solid #969c39;*/
	border: none;
}
footer h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
}
footer h4, footer address h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}
.post {
    margin: 0 0 10px 0;
}
footer.footer h2 {
    color: #FFFFFF;
}
footer p {
    font-size: 16px;
}
/*****************************************
Copyright
*****************************************/
.copyright {
	display: none;
}
.copyright-full-row {
    padding: 20px 0;
    margin: 0;
    color: #fff;
    background: #03175e;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
	margin-bottom: 100px;
}
.copyright-full-row p {
    font-size: 12px;
    color: #e3e3e3;
}
.copyright-full-row a {
    color: #e3e3e3;
}
.scroll-top {
    border: 2px solid #e3e3e3;
}
/*****************************************
Pagination Button
*****************************************/
.pagination > .active > a, .pagination > .active > span {
    background: #612273;
    border-color: #26235a;
    color: #ffffff;
}
.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background: #969f34;
    border-color: #0f73ba;
    color: #ffffff;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background: #61227375;
    border-color: #c2c2c2;
    color: #ffffff;
}
a, a:hover, a:active, a:visited, a:focus {
    color: #612273;
}
h2, h3, h4, h5, h6 {
    font-family: 'Roboto';
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.4;
}        
article.post a {
    text-decoration: none;
    color: #038c3e;
}
article.post a:hover {
    text-decoration: none;
    color: #b7d843;
}
.article-sm .post .post-body .post-title {
    font-size: 32px;
    line-height: 34px;
    padding: 10px 0 0 0;
    margin: 0;
    font-weight: 600;
}
.countdown li {
    font-size: 14px;
    margin-right: 5px;
    text-transform: uppercase;
}
.countdown li:last-child {
    margin-right: 0
}
.countdown li span {
    font-size: 30px;
    color: #000;
    font-weight: 800;
    padding: 10px;
    border-radius: 5px;
    display: block;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    position: relative;
}
ul.countdown li p {
    color: #c656bf;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-top: 10px;
}
.countdown li span:before, .countdown li span:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background-color: #e4e4e4;

}
.wrapper-two-inner {
    background-position: top center;
}
.wrapper-two-inner {
    /*background-image: url(/snassets/img/theme/Center3.png);
    background-size: 100%;
    background-repeat: no-repeat;
	min-height: 700px;*/
	
}
body.interior .wrapper-two-inner {
    background-position: top 26px center;
}

.module, .module-sm, .module-xs {
    background-color: transparent;
}
section.module.first-content {
    margin-top: 20px;
}
.wrapper-two-outer {
    /*background-image: url(/snassets/img/theme/flames.png);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;*/
    border-top: 20px solid #e28c46;
}
.navbar-brand .container img {
    margin: 0;
    border: 0;
    padding: 3px;
}
img.img-no-border {
    border:none;
}
address h4 {
    font-size: 28px;
    margin: 0.8rem 0 0 0;
    color: #68bd46;
}
.date-overlay {
    background-color: #629800;
}
.panel-group .panel-heading {
    border-bottom: 0;
    border-bottom: 2px solid #cfcfcf;
    background-color: #edebe4;
}
.faqs-accordion .panel-heading .btn.btn-primary:hover {
    background-color: #edebe4;
    font-weight: bold;
}
.faqs-accordion .panel-heading .btn-primary .badge {
    color: #000000;
    background-color: #f6c7ab;
    float: right;
    padding: 10px;
}
.panel-group .panel-heading {
    border-bottom: 2px solid #cfcfcf;
    background-color: #a8a8a8;
}
section.accordion-inner.panel-body {
    background-color: #edebe4;
}
/****************************
Mobile First Order
****************************/
    h1 {
		line-height: 1.4;
		color: #703b73;
		font-family: 'Roboto';
		font-weight: 800;
		letter-spacing: 0px;
		font-size: 3em;
	}
    h2 {
 		font-family: 'Roboto';       
		font-size: 36px;
        margin: 0.6rem 0;
        color: #04b1d9;
    }
    h3 {
 		font-family: 'Roboto';       
		font-size: 32px;
        margin: 0.7rem 0;
        color: #68bd46;
    }
    h4 {
 		font-family: 'Roboto';       
		font-size: 28px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    h5 {
  		font-family: 'Roboto';      
		font-size: 26px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    h6 {
 		font-family: 'Roboto';       
		font-size: 20px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    .footer {
        padding-top: 730px;
    }

@media all and (max-width: 800px) {
	.row.brand-container {
		margin-top: 30px;
		display: table;
    	width: 100%;
	}
}

@media all and (max-width: 768px) {
	.footer {
		padding-top: 40px;
	}
}

    .flexslider {
        height: 20vh;
    }
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .title-section h1:before, .title-section h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        position: absolute;
        content: "";
        background-color: #e94b4c;
    }
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 50%;
        width: 60px;
        height: 2px
    }
    .title-section h1 span:before, .title-section h1 span:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 56%
    }
    .title-section .before-top:before, .title-section .before-top:after, .page-title .before-top:before, .page-title .before-top:after {
        top: 42%;
        width: 40px
    }
    .title-section .before-bottom:before, .title-section .before-bottom:after, .page-title .before-bottom:before, .page-title .before-bottom:after {
        width: 40px;
        top: 72%
    }
.title-section h1 {
    font-size: 2.5em;
    align-items: center;
    text-align: center;
}/*
    .title-section h1 {
        font-size: 3.0em;
        align-items: center;
        text-align: center;
    }*/
.has-submenu a i.caret.pull-right {
    display: none;
}
    .title-section .before-top:before, .title-section .before-bottom:before, .page-title .before-top:before, .page-title .before-bottom:before {
        left: -90px
    }
    .title-section .before-top:after, .title-section .before-bottom:after, .page-title .before-top:after, .page-title .before-bottom:after {
        right: -90px
    }
    .title-section h1 span:before, .page-title h1 span:before {
        left: -115px
    }
    .title-section h1 span:after, .page-title h1 span:after {
        right: -115px
    }
    .title-section h1:before, .page-title h1:before {
        left: 5px;
    }
    .title-section h1:after, .page-title h1:after {
        right: 5px
    }
    .title-section.white-title {
        color: #fff
    }
    .title-section.white-title .before-top:before, .title-section.white-title .before-top:after, .title-section.white-title .before-bottom:before, .title-section.white-title .before-bottom:after, .title-section.white-title h1 span:before, .title-section.white-title h1 span:after, .title-section.white-title h1:before, .title-section.white-title h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        background-color: #fff
    } 
    .title-section h1:before, .page-title h1:before {
        width: 40px;
        height: 25px;
        border-radius: 0;
        background-image: url(/snassets/img/theme/feather-left.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        display: initial;
        margin-top: 15px;
    }    
    .title-section h1:after, .page-title h1:after {
        width: 40px;
        height: 25px;
        border-radius: 0;
        background-image: url(/snassets/img/theme/feather-right.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        display: initial;
        margin-top: 15px;
    }

@media all and (min-width: 500px) {
    
    }
@media all and (min-width: 790px) {
    .flexslider {
        height: 30vh;
    }
    .footer {
        padding-top: 50px;

        padding-bottom: 50px;
        height: 650px;
    }
    h1 {
		line-height: 1.4;
		color: #703b73;
		font-family: 'Roboto';
		font-weight: 800;
		letter-spacing: 0px;
		font-size: 3em;}
    h2 {
        font-size: 42px;
        margin: 0.6rem 0;
        color: #04b1d9;
    }
    h3 {
        font-size: 38px;
        margin: 0.7rem 0;
        color: #68bd46;
    }
    h4 {
        font-size: 34px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    h5 {
        font-size: 30px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    h6 {
        font-size: 26px;
        margin: 0.8rem 0;
        color: #68bd46;
    }
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .title-section h1:before, .title-section h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        position: absolute;
        content: "";
        background-color: #e94b4c;
    }
    .title-section h1:before, .page-title h1:before {
        width: 80px;
        height: 50px;
        border-radius: 0;
        /*background-image: url(/snassets/img/theme/feather-left.png);*/
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        display: initial;
        margin-top: 15px;
    }    
    .title-section h1:after, .page-title h1:after {
        width: 80px;
        height: 50px;
        border-radius: 0;
        display: initial;
        margin-top: 15px;
    }
    /*.title-section h1:before, .page-title h1:before {
        width: 160px;
        height: 100px;
        border-radius: 0;
        background-image: url(/snassets/img/theme/arrow-left.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        display: initial;
    }
    .title-section h1:after, .page-title h1:after {
        width: 160px;
        height: 100px;
        border-radius: 0;
        background-image: url(/snassets/img/theme/arrow-right.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        display: initial;
    }*/
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 50%;
        width: 60px;
        height: 2px
    }
    .title-section h1 span:before, .title-section h1 span:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 56%
    }
    .title-section .before-top:before, .title-section .before-top:after, .page-title .before-top:before, .page-title .before-top:after {
        top: 42%;
        width: 40px
    }
    .title-section .before-bottom:before, .title-section .before-bottom:after, .page-title .before-bottom:before, .page-title .before-bottom:after {
        width: 40px;
        top: 72%
    }
    .title-section h1 {
        font-size: 3.25em;
    }
    .title-section .before-top:before, .title-section .before-bottom:before, .page-title .before-top:before, .page-title .before-bottom:before {
        left: -90px
    }
    .title-section .before-top:after, .title-section .before-bottom:after, .page-title .before-top:after, .page-title .before-bottom:after {
        right: -90px
    }
    .title-section h1 span:before, .page-title h1 span:before {
        left: -115px
    }
    .title-section h1 span:after, .page-title h1 span:after {
        right: -115px
    }
    .title-section h1:before, .page-title h1:before {
        left: -15px;
    }
    .title-section h1:after, .page-title h1:after {
        right: -15px
    }
    /*.title-section h1:before, .page-title h1:before {
        left: -50px;
    }
    .title-section h1:after, .page-title h1:after {
        right: -50px
    }*/
    .title-section.white-title {
        color: #fff
    }
    .title-section.white-title .before-top:before, .title-section.white-title .before-top:after, .title-section.white-title .before-bottom:before, .title-section.white-title .before-bottom:after, .title-section.white-title h1 span:before, .title-section.white-title h1 span:after, .title-section.white-title h1:before, .title-section.white-title h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        background-color: #fff
    }   
	.countdown li span {
		font-size: 22px;
		color: #000;
		font-weight: 800;
		padding: 5px;
		border-radius: 5px;
		display: block;
		background-color: #e4e4e4;
		margin-bottom: 5px;
		position: relative;
	}	
}
@media all and (min-width: 990px) {
    .flexslider {
        height: 30vh;
        min-height: 300px;
    }
    .has-submenu a i.caret.pull-right {
        display: inline;
    }
h1 {
    font-size: 48px;
    margin: 0.4rem 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.4;
	font-family: 'Roboto';
}
h2 {
    font-size: 42px;
    margin: 0.6rem 0;
    color: #26235a;
    font-weight: 600;
	font-family: 'Roboto';
}
h3 {
	font-size: 38px;
	margin: 0.7rem 0;
	color: #03175e;
	font-weight: 600;
	font-family: 'Roboto';
}
h4 {
	font-size: 24px;
	margin: 0;
	color: #03175e;
	font-weight: 400;
	font-family: 'Roboto';
	line-height: 1em;
}
h5 {
    font-size: 22px;
    margin: 0.8rem 0;
    color: #be41b6;
    font-weight: 100;
	font-family: 'Roboto';
}
h6 {
	font-size: 20px;
	margin: 0.8rem 0;
	color: #808080;
	font-weight: 100;
	font-family: 'Roboto';
}
	.side-bar-box h3 {
    font-size: 18px;
    margin: 0 0 5px;
    color: #1f9295;
    font-weight: 600;
    line-height: 28px !important;
}
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .title-section h1:before, .title-section h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        position: absolute;
        content: "";
        background-color: #e94b4c;
    }
    .title-section h1:before, .page-title h1:before {
        width: 120px;
        height: 100px;
    }
    .title-section h1:after, .page-title h1:after {
        width: 120px;
        height: 100px;
    }
    .title-section .before-top:before, .title-section .before-top:after, .title-section .before-bottom:before, .title-section .before-bottom:after, .title-section h1 span:before, .title-section h1 span:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 50%;
        width: 60px;
        height: 2px
    }
    .title-section h1 span:before, .title-section h1 span:after, .page-title h1 span:before, .page-title h1 span:after {
        top: 56%
    }
    .title-section .before-top:before, .title-section .before-top:after, .page-title .before-top:before, .page-title .before-top:after {
        top: 42%;
        width: 40px
    }
    .title-section .before-bottom:before, .title-section .before-bottom:after, .page-title .before-bottom:before, .page-title .before-bottom:after {
        width: 40px;
        top: 72%
    }
	.title-section h1 {
		font-size: 4em;
		align-items: center;
		text-align: center;
		line-height: 1.5em;
	}
    .title-section .before-top:before, .title-section .before-bottom:before, .page-title .before-top:before, .page-title .before-bottom:before {
        left: -90px
    }
    .title-section .before-top:after, .title-section .before-bottom:after, .page-title .before-top:after, .page-title .before-bottom:after {
        right: -90px
    }
    .title-section h1 span:before, .page-title h1 span:before {
        left: -115px
    }
    .title-section h1 span:after, .page-title h1 span:after {
        right: -115px
    }
    .title-section h1:before, .page-title h1:before {
        left: -10px;
        background-color: transparent;
    }
    .title-section h1:after, .page-title h1:after {
        right: -10px;
        background-color: transparent;
    }
    /*.title-section h1:before, .page-title h1:before {
        left: -50px;
    }
    .title-section h1:after, .page-title h1:after {
        right: -50px
    }*/
    .title-section.white-title {
        color: #fff
    }
    .title-section.white-title .before-top:before, .title-section.white-title .before-top:after, .title-section.white-title .before-bottom:before, .title-section.white-title .before-bottom:after, .title-section.white-title h1 span:before, .title-section.white-title h1 span:after, .title-section.white-title h1:before, .title-section.white-title h1:after, .page-title .before-top:before, .page-title .before-top:after, .page-title .before-bottom:before, .page-title .before-bottom:after, .page-title h1 span:before, .page-title h1 span:after, .page-title h1:before, .page-title h1:after {
        background-color: #fff
    }    

}
@media all and (min-width: 1200px) {
    .flexslider {
        height: 40vh;
    }
}
@media all and (min-width: 1400px) {

}
@media all and (min-width: 1600px) {

}
@media all and (min-width: 1800px) {

    .flexslider {
        height: 40vh;
        min-height: 450px;
    }
}
.mw-90 { max-width: 90% !important; }
.mh-90 { max-height: 90% !important; }
.min-vw-90 { min-width: 90vw !important; }
.min-vh-90 {
    min-height: 90vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vw-90 { width: 90vw !important; }
.vh-90 { height: 90vh !important; }


.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 {
    min-height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
/* --- [ Alfa backgrounds ] --- */

.bg-black-alfa-5:before,
.bg-black-alfa-10:before,
.bg-black-alfa-15:before,
.bg-black-alfa-20:before,
.bg-black-alfa-25:before,
.bg-black-alfa-30:before,
.bg-black-alfa-35:before,
.bg-black-alfa-40:before,
.bg-black-alfa-45:before,
.bg-black-alfa-50:before,
.bg-black-alfa-55:before,
.bg-black-alfa-60:before,
.bg-black-alfa-65:before,
.bg-black-alfa-70:before,
.bg-black-alfa-75:before,
.bg-black-alfa-80:before,
.bg-black-alfa-85:before,
.bg-black-alfa-90:before,
.bg-black-alfa-95:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0;
}

.bg-black-alfa-5:before,
.bg-black-alfa-10:before,
.bg-black-alfa-15:before,
.bg-black-alfa-20:before,
.bg-black-alfa-25:before,
.bg-black-alfa-30:before,
.bg-black-alfa-35:before,
.bg-black-alfa-40:before,
.bg-black-alfa-45:before,
.bg-black-alfa-50:before,
.bg-black-alfa-55:before,
.bg-black-alfa-60:before,
.bg-black-alfa-65:before,
.bg-black-alfa-70:before,
.bg-black-alfa-75:before,
.bg-black-alfa-80:before,
.bg-black-alfa-85:before,
.bg-black-alfa-90:before,
.bg-black-alfa-95:before {
    background: rgba(0, 0, 0, 0.05);
}

.bg-black-alfa-10:before {
    background: rgba(0, 0, 0, 0.1);
}

.bg-black-alfa-15:before {
    background: rgba(0, 0, 0, 0.15);
}

.bg-black-alfa-20:before {
    background: rgba(0, 0, 0, 0.2);
}

.bg-black-alfa-25:before {
    background: rgba(0, 0, 0, 0.25);
}

.bg-black-alfa-30:before {
    background: rgba(0, 0, 0, 0.3);
}

.bg-black-alfa-35:before {
    background: rgba(0, 0, 0, 0.35);
}

.bg-black-alfa-40:before {

}

.bg-black-alfa-45:before {
    background: rgba(0, 0, 0, 0.45);
}

.bg-black-alfa-50:before {
    background: rgba(0, 0, 0, 0.5);
}

.bg-black-alfa-55:before {
    background: rgba(0, 0, 0, 0.55);
}

.bg-black-alfa-60:before {
    background: rgba(0, 0, 0, 0.6);
}

.bg-black-alfa-65:before {
    background: rgba(0, 0, 0, 0.65);
}

.bg-black-alfa-70:before {
    background: rgba(0, 0, 0, 0.7);
}

.bg-black-alfa-75:before {
    background: rgba(0, 0, 0, 0.75);
}

.bg-black-alfa-80:before {
    background: rgba(0, 0, 0, 0.8);
}

.bg-black-alfa-85:before {
    background: rgba(0, 0, 0, 0.85);
}

.bg-black-alfa-90:before {
    background: rgba(0, 0, 0, 0.9);
}

.bg-black-alfa-95:before {
    background: rgba(0, 0, 0, 0.95);
}

.date-overlay:hover {
    background-color: #384a70;
    text-decoration: none;
}
.date-overlay {
    background-color: #fc5d0c;
	height: 66px;
}
.card {
    background-color: #efe7d0;
}
table.table-conference thead {
    border-bottom: 2px solid black;
    font-size: 18px;
}
table.table.table-conference.table-bordered.table-condensed.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #8c208512 !important;
}
table.table.table-conference.table-bordered.table-condensed.table-striped td {
    border-bottom: 1px solid #26235a52 !important;
	    font-size: 15px;
}