body {
	font-family:"Raleway",sans-serif;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	overflow-x:hidden;
}

#homeimg {
	color:#fff;
	background:url(../images/homeheader.jpg) no-repeat center center;
	background-size:cover;
	height:100vh;
	min-height:500px;
}

.logo {
	transition:.3s;
	max-height:500px;
}

.innerpage .logo {
	max-height:250px;
}

.scrolled .logo {
	max-height:90px;
}


.homebox {
	position:relative;
	overflow:hidden;
	border-radius:0px 30px 0px 30px;
}

.homebox-inner {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	transition:.4s;
	background-color:rgba(75,0,130,.7);
}

.homebox:hover .homebox-inner {
	top:0;
	background-color:rgba(75,0,130,.3);
}

.hb-title {
	color:#FFF;
	font-weight:bold;
	font-size:24px;
	transition:.4s;
}

.homebox:hover .hb-title,
.homebox:hover .hb-content,
.homebox:hover .hb-btn{
	opacity:1;
}

.homebox img {
	transition:.4s;
}

.homebox:hover img {
	transform:scale(1.1,1.1);
}

h1 {
	font-family:"Signika", serif;
	color:#4b0082;
	padding-bottom:15px;
	margin-bottom:15px;
	font-weight:bold;
}

h2,h3,h4,h5 {
	font-family:"Signika", serif;
	color:#4b0082;
	font-weight:bold;
}

#homepara {
	background-image:url("../images/homepara.jpg");
}

.shaded {
	background:rgba(18,2,50,.6);
	color:#FFF;
}

#footer-outer {
	background:#4b0082;
	color:#FFF;
}

#footer-outer h3, #footer-outer h4 {
	color:#FFF;
}

#copyrow {
	background:#120232;
	color:#E3E3E3;
}
#copyrow a {
	color:#E3E3E3;
}

.btmsocial {
	filter:grayscale(1);
	transition:.3s;
}

.btmsocial:hover {
	filter:grayscale(.1);
}

#pageimg {
/* 	background:url("../images/pageheader.jpg"); */
	height:300px;
}

.cta .btn {
	font-family:"Raleway",sans-serif;
}

.cta svg text{
	font-family: 'Signika', sans-serif;	
	font-weight:bold;
	fill:#FFFFFF;
	font-size:59px;
	position:relative;
	z-index:1000;
}

.logotext text{
	font-family: 'Signika', sans-serif;	
	font-weight:bold;
	fill:#FFFFFF;
	font-size:50px;
	position:relative;
	z-index:1000;
	transition:.3s;
}

.pagetitle text{
	font-family: 'Signika', sans-serif;	
	font-weight:bold;
	fill:#FFFFFF;
	font-size:50px;
	position:relative;
	transition:.3s;
}

.cta .l1 {
	stroke:#4b0082;
	stroke-width:8px
}

 .logotext .l1,  .pagetitle .l1  {
	stroke:#4b0082;
	stroke-width:6px
}


.btn-primary {
	background-color:#4b0082;
	border-color:#4b0082;
	font-weight:bold;
}

.logotext a:hover {
	text-decoration:none!important;
}

#topheader {
	background-size:cover;
	background-position:center center;
}

#content-outer {
	min-height:50vh
}

.audiocont {
	display:none;
}

p.lead2 {
	font-size:28px;
}

.btmnav ul, .btmnav li {
	margin:0;
	padding:0;
	list-style:none;
}

.btmnav a {
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
}

/**NAVBAR**/

.navbar { /* navbar styles */
	background:#DDD;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#000;
  font-size:15px;
}

.nav-link:hover {
  color:#4b0082; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#000;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#000;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}

/**END NAVBAR**/



/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
	#topnav {
		position:absolute;
		top:0;
		left:0;
		right:0;
		transition:.3s;
		z-index:1000;
	}
	#nav-container {
		position:fixed;
		top:0;
		right:-100%;
		left:100%;
		bottom:0;
		transition:.3s;
		background:rgba(4,0,12,.8);
		z-index:2000;
		padding:15px;
	}
	.topnav_ul {
		margin:0;
		padding:0;
	}
	
	.topnav_ul li {
		list-style:none;
	}
	
	.topnav_ul li a{
		display:block;
		font-size:19px;
		color:#fff;
		padding:15px;
		border-bottom:1px solid rgba(255,255,255,.1);
		transition:.3s;
	}
	
	.topnav_ul li a:hover{
		text-decoration:none;
		background:rgba(0,0,0,.5);
	}
	
	#navbtn {
		display:block;
		width:25px;
		height:25px;
		position:absolute;
		z-index:100000;
		right:15px;
		top:15px;
		cursor:pointer;
		transition:.3s;
	}
	
	#navbtn .bar1,
	#navbtn .bar2,
	#navbtn .bar3 {
		content:"";
		display:block;
		height:2px;
		width:100%;
		position:absolute;
		background:#fcfcfc;
		transition:.3s;
		outline:1px solid #4b0082;
	}
	
	#navbtn .bar1 {
		top:2px;
	}
	
	#navbtn .bar2 {
		top:12px;
		opacity:1;
		
	}
	
	#navbtn .bar3 {
		bottom:1px;
	}
	
	.active #navbtn .bar2 {
		opacity:0;
	}
	
	.active #navbtn .bar1 {
		transform:rotate(45deg) translateY(14px);
		outline:none;
	}
	
	.active #navbtn .bar3 {
		transform:rotate(-45deg) translateY(-14px);
		outline:none;
	}
	
	.active #navbtn {
		position:fixed;
		transform:translateX(10px);
	}
	
	.active #nav-container {
		right:0;
		left:0;
	}
	
	#homeimg {
		height:600px!important;
		min-height:600px!important;
		background-position:60% bottom;
		padding-bottom:0;
		padding-top:0;
		align-items:flex-end!important;
	}
	
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	#topnav {
		display:block;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		right:0;
		transition:.3s;
		z-index:1000;
	}

	#topnav.scrolled {
		background:#4b0082;
	}
	
	#topnav.scrolled {
		box-shadow:0px 0px 5px rgba(0,0,0,.5);
	}

	.topnav_ul {
		margin:0;
		padding:0;
		overflow:hidden;
	}
	
	.topnav_ul:hover {
		overflow:visible;
	}
	
	.topnav_ul>li {
		margin:0;
		padding:0;
		display:inline-block!important;
		list-style:none;
		position:relative;
	}

	.topnav_ul>li>a {
		display:block;
		position:relative;
		font-size:17px;
		color:#FFF;
		text-align:center;
		text-transform:uppercase;
		font-weight:600;
		transition:.3s;
		padding:8px 15px;
		text-shadow:
			-1px -1px 0 #4b0082,  
			1px -1px 0 #4b0082,
			-1px 1px 0 #4b0082,
			1px 1px 0 #4b0082;
	}
	
	.topnav_ul>li:hover>a {
		text-decoration:none;
		color:#FFF;
	}
	
	.topnav_ul>li>a:after {
		content:"";
		display:block;
		position:absolute;
		top:51%;
		right:-3px;
		left:-2px;
		bottom:51%;
		background:#4b0082;
		z-index:-1;
		transition:.2s ease-in-out;
	}
	
	.scrolled .topnav_ul>li>a:after {
		background:#732aa9;
	}
	
	.topnav_ul>li:hover>a:after {
		top:0;
		bottom:0;
		
	}
	
	#nav-container {
		transition:.3s;
	}
	
	
	.sub-menu {
		display:block;
		position:absolute;
		top:100%;
		left:-2px;
		margin:0;
		padding:0;
		z-index:-100;
		opacity:0;
		transition:opacity .3s;
		min-width:105%;
		
	}
	
	.sub-menu>li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.sub-menu>li>a {
		display:block;
		padding:5px 17px;
		color:#FFF;
		font-weight:bold;
		background:#4b0082;
		white-space: nowrap;
	}
	
	.sub-menu>li>a:hover {
		text-decoration:none;
		background:#732aa9;
	}
	
	.topnav_ul>li:hover>.sub-menu {
		z-index:10000000;
		opacity:1;
	}
	
	.scrolled .logotext {
		max-width:300px;
	}
	
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {
	.cta {
		font-size:35px;
	}
}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {
	.cta {
		font-size:40px;
	}
}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
	.cta {
		font-size:34px;
	}
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {
	.cta svg {
		max-width:100%;
	}
}

/**XLG**/
@media (min-width: 1200px) {
	
	.container-limit {
		max-width:1400px;
	}
	
	.cta {
		font-size:50px;
	}

}