body,html {
	height:100%
}
.main-content-container {
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	margin-bottom:40px;
	color:#505050;
	font-size:18px;
	line-height:27px;
	padding:0 15px
}
p {
	color:#505050;
	font-size:18px;
	line-height:24px;
	padding:0;
	margin:0
}
p {
	color:#3d6d79;
	text-decoration:none
}
a {
	color:#387cc0;
	text-decoration:none
}
p a:focus,p a:hover {
	color:#3d6d79;
	text-decoration:none
}
.main-content-container .main-contact-us-container .contact-us-right-container .required-text {
	color:#505050;
	font-weight:400;
	font-size:12px;
	line-height:21px
}
.home-button-container {
	margin:0
}
.home-contact-container {
	max-width:90%;
	margin:auto;
	padding:35px 0;
	text-align:center
}
@media (min-width:1201px) {
	.home-contact-container {
		max-width:1000px
	}
}
.content ol {
	padding:5px 0 0 60px
}
.content ul {
	padding:5px 0 0 60px
}
.content ul>li {
	color:#505050;
	font-size:18px;
	line-height:27px;
	padding:15px 0 0 0;
	margin:0
}
.content ul>li a {
	color:#fff
}
.content ul>li a:focus,.content ul>li a:hover {
	color:#80befb;
	text-decoration:none
}
li.nav-item {
	padding:10px 15px!important
}
li.nav-item>a {
	color:#fff!important
}
li.nav-item:hover {
	background-color:#80befb!important
}
li.nav-item.active,li.nav-item.active:hover {
	background-color:#797979!important
}
ol>li {
	color:#505050;
	font-size:18px;
	line-height:36px;
	padding:15px 0 0 0;
	margin:0
}
.close {
	position:absolute;
	right:-30px;
	top:0;
	z-index:999;
	font-size:2rem;
	font-weight:400;
	color:#fff;
	opacity:1
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
	color:#387cc0;
	text-decoration:none;
	opacity:.75
}
body {
	font-family:'Open Sans',sans-serif!important
}
::selection {
	background:#505050;
	color:#fff
}
::-moz-selection {
	background:#505050;
	color:#fff
}
header .white-header-container {
	height:100px;
	background-image:url(../images/wood-bg1.png)
}
@media (min-width:1201px) {
	header .navhead .navsection {
		max-width:1140px
	}
}
@media (max-width:767px) {
	ul.menuthing {
		position:relative;
		padding:0!important
	}
	ul.menuthing>li {
		position:relative;
		padding:0!important
	}
	.navbar {
		padding:0!important
	}
	.cont {
		top:20px;
		position:relative
	}
}
@media (min-width:768px) {
	.menuthing {
		margin-left:auto!important
	}
}
svg:not(:root).svg-inline--fa {
	overflow:visible
}
.fa-2x {
	font-size:2em
}
.nav-link {
	display:block;
	padding:.5rem 1rem
}
a.nav-link {
	color:#fff;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase
}
.footerarea {
	bottom:0;
	background-color:#f0f0f0;
	width:100%;
	height:60px;
	line-height:60px;
	margin-right:auto;
	margin-left:auto;
	padding:0 15px
}
.footercontent {
	max-width:1140px;
	margin:0 auto;
	height:60px
}
.footerthing {
	float:right
}
.footertext {
	display:inline-block;
	font-size:smaller
}
.navbar {
	background-repeat:repeat
}
.navbar-brand {
	margin-right:0!important
}
.navhead {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/wood-bg1.png);
	background-repeat:repeat
}
.cont {
	min-height:100vh
}
footerarea {
	position:absolute;
	bottom:0
}
.carousel-indicators li {
	height:1px!important;
	padding: 5px 0 0 0
}

/* overwrite bootstrap styles */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-top: 0px;
    margin-left: 2px;
}
.checkbox label, .radio label {
   padding-left: 4px;
}

/* overwrite bootstrap styles */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
    margin-top: 0px;
    margin-left: 2px;
}
.checkbox label, .radio label {
   padding-left: 4px;
}

.jf-form > form{
  margin-bottom: 32px;
}
.jf-option-box{
  display: none;
  margin-left: 8px;
}
.jf-hide{
  display: none;
}
.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}
/* overwrite bootstrap default margin-left, because the <label></label> doesn't contain the <input></input> element. */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}
div.form-group{
  padding: 8px 8px 4px 8px;
}
.mainDescription{
  margin-bottom: 10px;
}
p.description{
  margin:0px;
}
.responsive img{
  width: 100%;
}
p.error, p.validation-error{
  padding: 5px;
}
p.error{
  margin-top: 10px;
  color:#a94442;
}
p.server-error{
  font-weight: bold;
}
div.thumbnail{
  position: relative;
  text-align: center;
}
div.thumbnail.selected p{
  color: #ffffff;
}
div.thumbnail .glyphicon-ok-circle{
  position: absolute;
  top: 16px;
  left: 16px;
  color: #ffffff;
  font-size: 32px;
}
.jf-copyright{color: #888888; display: inline-block; margin: 16px;display:none;}
.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}
.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}
/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}
.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}
.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}
.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}
.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}
.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}
.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}