@charset "utf-8";
/*--------------------------------------------------------------
SITE LAYOUT START
--------------------------------------------------------------*/
html,body { 
	height:100%;
	color: #FFFFFF!important;
	background-color: #000000!important;

}

.desktop_body_side_holder{
	position: fixed;
	left: 250px;
	top: 0px;
	bottom: 0px;
	width: 100%!important;
}

.mobile_body_side_holder{
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%!important;
}

.desktop_content_container{
	position: fixed;
	background-image: url("images/misc/trans_blk_bkg.png");
	color: #FFFFFF;
	left: 300px!important;
	top: 0px!important;
	bottom: 0px!important;
	border-left: thin #FFFFFF solid!important;
	border-right: thin #FFFFFF solid!important;
	overflow: auto;
}

.mobile_content_container{
	background-image: url("images/misc/trans_blk_bkg.png");
	color: #FFFFFF;
	left: 0px!important;
	top: 0px!important;
	bottom: 0px!important;
	border-left: thin #FFFFFF solid!important;
	border-right: thin #FFFFFF solid!important;
}

.top_nav_container{
	background-color: #000000!important;
	border: thin #FFFFFF solid!important;
}

.desktop_footer_container {
  position: fixed;
  left: 300px!important;
  bottom: 0px!important;
  border: thin solid #FFFFFF!important;
  background-color: #000000!important;
}

.mobile_footer_container {
  left: 0px!important;
  bottom: 0px!important;
  border: thin solid #FFFFFF!important;
  background-color: #000000!important;
}

.desktop_side_nav_container{
	position: fixed;
	z-index: 9999!important;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 250px!important;
	background-image: url("images/misc/trans_blk_bkg.png")!important;
	color: #FFFFFF!important;
	border-right: thin #FFFFFF solid;
	transition: 0.5s;
	
}

.mobile_side_nav_container{
	position: fixed;
	z-index: 9999!important;
	left: -250px;
	top: 0px;
	bottom: 0px;
	width: 250px!important;
	background-image: url("images/misc/trans_blk_bkg.png")!important;
	color: #FFFFFF!important;
	transition: 0.5s;
}

.nav_toggle{
	position:fixed;
	z-index: 9999!important;
	top: 20px!important;
	right: 20px!important;
	width: 40px;
	height: 40px;
	background-color: #000000;
	border:none transparent none;
	border-radius: 20px;
	align-content: center!important;
	
}

#toTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 9999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #000000; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#toTop:hover {
  background-color: #333333; /* Add a dark-grey background on hover */
}

/*--------------------------------------------------------------
# Public Content
--------------------------------------------------------------*/

.home_section{
	background-image:url("images/misc/mic_in_light.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}

/*--------------------------------------------------------------
# Section Styles
--------------------------------------------------------------*/

.card_padding{
	padding: 15px!important;
	background-color: transparent!important;
}

.card_style{
	border:thin solid #FFFFFF!important;
	background-color:transparent!important;
}

/*--------------------------------------------------------------
# Pop-Up Styles
--------------------------------------------------------------*/
.popup_holder{
	border:thin solid #FFFFFF;
	padding: 10px;
	width: 90%;
}

.popup_header{
	text-align: left;
	color: #FFFFFF;
	border-bottom: thin solid #FFFFFF;
	
}

.popup_tagline{
	text-align: justify;
	border-bottom: thin solid #FFFFFF;
	padding: 10px;
	
}

.popup_content{
	padding:20px;
}

.popup_inline_footer{
	display:inline-block;
	padding: 20px;
}

.popup_footer{
	padding: 20px;
}

/*--------------------------------------------------------------
# Form Styles
--------------------------------------------------------------*/
.black_text_forms{
	background-color: #000000!important;
	color: #FFFFFF!important;
	border:thin solid #FFFFFF!important;
	border-radius: 10px!important;
}

.black_form_buttons{
	border-radius: 10px!important;
	border-width: medium!important;
	vertical-align: middle!important;
	align-items: center!important;
	font-stretch: extra-expanded!important;
	font-size: 15px!important;
}

.webpage_form{
	background-color: #000000!important;
	border-left: thin solid #FFFFFF!important;
	border-bottom: thin solid #FFFFFF!important;
	color: #FFFFFF!important;
}

/*--------------------------------------------------------------
# MODAL Styles
--------------------------------------------------------------*/

.modal_style{
	background-color: #000000!important;
	color: #FFFFFF!important;
	border: thin solid #FFFFFF!important;
	z-index: 9999!important;
}

.modal_content_style{
	border-bottom: thin #FFFFFF solid!important;
	border-top: thin #FFFFFF solid!important;
}