body
{
	background-color:#000;
	background-image: url('/images/mudtrekker-background-2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; 
	background-attachment: fixed;
	font-family: 'Poppins', sans-serif;
 
	color:#555;
} 
.site-loader
{
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.9);
	z-index:999999999;
}
div.site-loader-content 
{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.text-normal
{
	font-size:14px;
}
.text-small
{
	font-size:12px;
}
.text-smallest
{
	font-size:10px;
}
.accordion-button
{
	font-size:16px !important;
	font-weight:500;
}
.accordion-button:focus 
{
	box-shadow: none;
	border-color: rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed) 
{
	
	background-color: rgba(0,0,0,0.9);
	color:#fff;
}
label.error,
span.form-error
{
	font-size:12px;
	color:crimson;
	display:block;
	line-height:18px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:10px;
}
.main-header
{
	margin-top:40px;
	margin-bottom:20px;
}
.header-container
{
	max-width:300px;
	margin:0 auto;
}
.header-container img
{
	width:100%;
}
.main-panel
{
	max-width:400px;
	background-color:#fff;  
	border:solid 1px #0b1e23;
	padding:0px;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;-webkit-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 29px 3px rgba(0,0,0,0.75);
}
.main-panel.flexi
{
	max-width:900px;
}
.main-panel.transparent
{
	background-color: rgba(0,0,0,0.1) ;
}
.link-white
{
	color:#ccc;
}
.link-white:hover,
.link-white:focus
{
	color:#fff; 
}
.rounded-edge
{	/*
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	-webkit-box-shadow: 1px 0px 0px 10px rgba(71,71,71,1);
	-moz-box-shadow: 1px 0px 0px 10px rgba(71,71,71,1);
	box-shadow: 1px 0px 0px 10px rgba(71,71,71,1);*/
}
.rounded-edge-border
{ 
}
.rounded-edge-image
{
	position:relative;
	/*
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright: 16px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height:250px;
}
.rounded-edge-text
{
	position:relative;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-topright: 16px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	 
}
.edge-label
{
	position:absolute;
	bottom:0;
	right:20px;
	background-color:#fff;
	padding: 10px 15px;
	font-weight:600; 
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: .5px;
}
.datepicker-inline
{
	width:100%;  
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; 
}
.datepicker table
{
	width:100%; 
	font-size:13px;
}
.datepicker-switch
{
	font-size:16px;
	padding-top:10px !important;
	padding-bottom:10px  !important;
	font-weight:600;
	letter-spacing: 1px;
}
.disabled-date,.disabled.day
{
	background-color:#eee !important;
	color:#fff !important;
	border:solid 1px #fff !important;
	
}
.datepicker table th.dow
{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	font-weight:bold;
	text-transform:uppercase;	
	border:solid 1px #eee !important;
	background-color:#333;
	color:#fff;			 	
}
.datepicker table td
{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;

	border:solid 1px #eee !important;	
	padding-top:10px!important;			
	padding-bottom:10px!important;			
}
.day:not(.disabled):hover
{
	background-color:#ccc !important;
	color:#fff !important;
}

.active.day,.active.day:hover
{
	background-color:#000 !important;
	color:#fff !important;
}
.form-select,
.form-control
{
	color:#333 !important;
}
.pixel,
.pixel:focus
{
	border:0px!important;
	color:#fff!important;
	width:1px!important;
	height:1px!important;
	margin:0px!important;
	padding:0px!important;
	box-shadow: none!important;
	border-color: rgba(0,0,0,.125)!important;
	outline: none!important;
}
.play-section
{
	background-color:#000;
	color:#fff;
	padding:10px 20px;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:500  ;
	font-size:14px;
	border-left:solid 10px #ccc;
	text-transform:uppercase;
}

.form-label
{
	font-weight: 400;
	font-size: 12px;
	letter-spacing: .5px;
	color: rgba(77,82,89,0.7) !important;
}
.form-text
{
	text-transform:uppercase;
	font-size: 14px !important;
	color: #48b0f7 !important;
	border-bottom: 1px solid #ebebeb !important;
	font-weight:600;
	
	letter-spacing: .5px;
}
.parallax {
  /* The image used */
  background-image: url('/images/wall-bg.jpg?1');
 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nav-menu > .nav-item> .nav-link
{
	color:#fff !important;
	font-size:14px;
	border:0px;
	margin-left:3px;
	margin-right:3px;
}
.nav-menu > .nav-item> .nav-link:hover
{
	color:#ccc !important;
}
.nav-menu > .nav-item> .nav-link.active
{
	color:#333 !important;
}

	.sign-area
	{
		margin-bottom:200px;
	}
	#signature-pad
	{
		border:dashed 1px #eee;
		width:100%;
		height:300px;
		background-color:#fff;
		max-width:300px; 
	}