/* updated July 2017 */

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  
  /* The html and body elements cannot have any padding or margin. */
}
body {/*border-top: 10px solid #3f444a;*/padding-top:0;}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
@media (max-width: 767px) { #wrap {padding:0 0 95px;}}
body.home>#wrap {padding:0;}

/* Set the fixed height of the footer here */
#footer {
  min-height: 60px;
  background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 960px;
  padding: 0 15px;
}
.container .credit {
  margin: 20px 0;
}


#header .container {padding:0;}

.sidebar {
	background-image: url(/assets/Images/left_generic.jpg);
	background-repeat: no-repeat;
	padding-bottom: 720px;
	background-position: bottom;
}

/* styles for internal pages */
h1, h2, h3, h4, h5, h6 {color:#7ab041; margin:0 0 10px;}
h2, h3 {color: #3f444a; margin:30px 0 15px; font-size:120%; font-weight:bold;}
h3 {font-size:1.1em}
h4 {color: #666; margin:10px 0; font-size:100%; font-weight:bold;}

.table th {color:#7ab041;}


/* About Us */
.bio-div {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eaeaea;}
.bio-div h2 {margin:0 0 15px; clear:both; color: #3f444a;font-size:1.5em;}
.bio-div p { margin:0 0 15px;}
.bio-div img {margin:auto;}
@media(max-width:991px){
/*.headshot {background: transparent url(/assets/images/about-us-bg.jpg) repeat-x 0 0;margin:10px auto;}*/
.headshot {margin:10px auto;}
}


/* footer nav */
#footer .container {padding:0;}
#footer ul {text-transform: capitalize;margin:0;padding:0;}
#footer .mainOnly {	display:none;	left:-9999px;}
#footer #top-nav-list { list-style:outside none;}
#footer #top-nav-list li {float:left; padding:5px;font-size:11px;}
#footer #top-nav-list li.separator.footOnly.last { visibility:hidden; }
#footer #top-nav-list  .copyright, #footer #top-nav-list .privacy {clear:both; width:100%;}
#footer a {color:#000;font-size:11px;}
#footer a:hover {text-decoration:underline;}


/* FAQ page */
div.question, div.answer {background-repeat:no-repeat; padding-left:30px;}
div.question {background-image:url(/Assets/Images/Q.jpg);  font-weight:bold; margin-bottom:5px;}
div.answer {background-image:url(/Assets/Images/A.jpg); min-height:31px; margin-bottom:40px;}


/*left-nav*/
#left-nav {width:313px; float:left;}
#left-nav a {color:#000;border-bottom:1px solid #000; padding:5px 0;display:block;}
#left-nav a:hover {text-decoration:underline;}
#left-nav ul {margin:0 0 20px 0; list-style:none outside; width:260px; padding:0;}
#left-nav .active-list-link {color:#587b0d;}

#left-nav li {}



/* -------------------------- customization -------------------------------- */

.button_remove_dependant, .button_remove_spouse {margin-top: 20px;}

.main-content {font-size:120%;padding: 0 0 50px 30px;}
/*
a.navbar-brand {height:34px;visibility:hidden;width:0px;}
.navbar {
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	float:right;}
.nav>li>a {text-transform:uppercase;font-size:11px;padding: 10px;}
*/

.navbar {
	position: relative;
	min-height: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
	border-radius: 0px;
	border:none;
	}
	
.navbar-inverse .navbar-nav li.active>a, 
.navbar-inverse .navbar-nav li>a:hover, 
.navbar-inverse .navbar-nav li.active>a:hover, 
.navbar-inverse .navbar-nav li.active>a:focus {
	color: #ffffff;
	background-color: #587b0d;
	}
@media (max-width: 767px) {.navbar {background-color:#3f444a;}}



.navbar-inverse .navbar-nav>li>a {
	padding:10px;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
	}
	

@media (min-width: 768px) {
.navbar-nav {
	float: right;
	background-color:#3f444a;
	margin: 0;
	}
}

	@media (max-width:790px) and (min-width:767px) {
    .navbar-inverse .navbar-nav>li>a {
        padding:10px 6px;
    }
}​
.navbar-inverse .navbar-toggle:focus {
	outline:#587b0d auto 5px
}

#header {
	border-bottom: 2px solid #587b0d;
background: #4f555d;
background: #fff;
margin-bottom: 40px;
background: rgb(63,68,74);
background: linear-gradient(180deg, rgb(63, 68, 74) 0%, rgb(63, 68, 74) 41px, rgb(255, 255, 255) 1px);
	}


	
body.home	#header {
	border-bottom: none;
	background: none;
	margin-bottom:0px;
	}
@media (max-width: 767px){
	body.home	#header {
	background: #4f555d url(/assets/images/homeImage_mobile.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	}
}
	

#footer {
	background: #c0c1c1;
	border-top: 10px solid #d4d4d4;
	}

.page-header {
padding-bottom: 8px;
margin: 0 0 18px;
border-bottom: none;
}

a.account-link {
	margin: 20px 0 30px 0;
	width: 259px;
	height: 25px;
	background-image: url(/Assets/Images/account.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	border:none !important;
	}
a.account-link:hover {background-image:url(/assets/Images/account_over.gif);}


img.image-left {float:left;margin: 0 20px 20px 0;}

.lead-in {width:100%; background:#4f555d; padding:30px 0; overflow:hidden; border-bottom:10px solid #d4d4d4; border-top:10px solid #d4d4d4;color:#fff; font-size:120%;}
.lead-in p { margin:25px 0;line-height: 20px;font-size: 15px;}
#lead-in-left>img {margin:20px auto 10px auto;}
@media (max-width: 991px) {
	#lead-in-right {
		text-align:center;
		}
	#bottom-content-left img {margin:auto;padding-top:30px;}
}

#direction-heading {width:467px; height:126px; background:url(../Images/direction.png); text-indent:-9999px; overflow:hidden;}

.bottom-content {color:#000; font-size:15px; margin:30px auto;}

.bottom-content h3 {color:#7ab041; font-size:18px; margin:0; font-weight:normal;}
#sepHeader {font-weight:bold !important; font-size:24px !important;}
.bottom-content ul { line-height:130%; margin:30px 0;  margin-left:15px;}
.bottom-content li {margin:5px 0;}















.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
.btn-primary {
	color: #fff;
	background-color: #587b0d;
	border-color: #587b0d;
	}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #415a0b;
  border-color: #415a0b;
  outline:#587b0d auto 5px
}

.back-to-top {
	padding:20px 10px;
	text-align:center;
	}
.back-to-top a {color:#fff !important;width:100%;}





/*
.SOLightBox:before, .SOLightBox:after, #SOInnerLightBox:before, #SOInnerLightBox:after,
iframe:before, iframe:after
*/

iframe {
	webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}








/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. 
.navbar-wrapper {
  position: relative;
  z-index: 15;
}*/

.navbar-brand {
	cursor: pointer;
	}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-wrap {background-color:#777;}

/*
.flexslider {
	margin:-160px 0 0 0;
	z-index:-999;
	background: #777;
	border: none;
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	}
*/	
	

body.loading .flexslider {min-height:300px;}

.flexslider {
	top: -180px; 
	margin: 0 0 -180px 0; 
	background: #777; 
	border: none; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.2); 
	-moz-box-shadow: 0 0 0 rgba(0,0,0,.2); 
	-o-box-shadow: 0 0 0 rgba(0,0,0,.2); 
	box-shadow: 0 0 0 rgba(0,0,0,.2); 
	zoom: 1; 
	z-index:-999;
	}


div.banner {
	margin:-160px 0 0 0;
	z-index:-999;
	background: #777;
	}






.sidebar-wrap {
	background: transparent url(/assets/images/left_generic.jpg) no-repeat center bottom;
	min-height:740px;
	}


.list-group-item {
	position: relative;
	display: block;
	padding: 5px;
	margin-bottom: -1px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #333;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	}


a.list-group-item:hover, a.list-group-item.active, a.list-group-item:focus, a.list-group-item.active:hover {
	background: rgb(88,123,13);
	background: rgba(88,123,13, 0.6);
	color:#fff;
	border-color:#333;
	}
.list-group-item:last-child, .list-group-item:first-child {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}


/*
 * Style tweaks
 * --------------------------------------------------
 */
/*html,*/
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
 /* padding-top: 70px;*/
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}



/*-------------------- client information form -----------------------*/

#client_information_form h1 {
font-size: 24px;
    color: #197009 !important;
    margin-top: 30px !important;
}

.same-as {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}




/*
.sticky-download {

    position: fixed;
    bottom: 0;
    left: 0;
    //background-color: rgb(88, 123, 13) !important;
    display: block;
    margin-bottom: 0px;
    margin-left: 10px;
    font-weight: 600;
    padding: 10px 20px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    color: #fff;
}
*/

.sticky-download:hover {
	color: #fff;
    //background-color: rgb(52, 72, 9) !important;
}

@media screen and (max-width: 767px) {
  .sticky-download {
    margin-bottom: 0px;
    padding: 10px 20px;
    color: #fff;
  }
}




/*#SOIC_M2Financial {background-position: -40px -8px !important;color: #fff !important;}*/

body.noborder {
	border: none !important
}

#header div.buttons {
    background-color: #0e1d2e;
    padding: 5px 0px;
    text-align: right;
}

#header div.navigation {
    background-color: #3f444a;
}

#header div.m2logo {
    background-color: #4f555d;

}

#header > .container > .logo {
	float: left;
    display: block;
}

#header > .container > .actions {
	float: right;
    display: block;
    text-align: right;
    width: 1%;
    overflow: visible;
}

.actions.home {
    display: block;
    text-align: center;
    background-color: #4f555d;
    padding: 10px 0px;
}


.btn-header {
	position: relative;
	float: right;
	margin: 15px 0 0 0;
    min-width: 200px;
}

.actions.home .btn-header {
    margin: 0px 10px;
    float: none;

}

@media screen and (max-width: 640px) {
	#header > .container > .actions {
		float: left;
	    width: 100%;
	    display: block;
	    padding: 0;
	    margin: 0;
	}

	.actions.home, .actions.home > div > div > div {
		margin: 0;
		padding: 0;
	}
	#header > .container > .actions .btn-header,
	.actions.home .btn-header {
		margin: 0px;
		float: none;
		width: 50%;
		float: left;
		min-width: 0px;
		border-radius: 0px;

	}

	#header > .container > .actions .btn-header:first-child,
	.actions.home .btn-header:first-child {
		float: right;

	}
}


/*
style="border-radius:6px 6px 0 0 !important;
position:fixed !important;
bottom:0 !important;
right:10px !important;
border-bottom:none !important;
bottom:-2px !important;
z-index:100 !important;
-webkit-appearance:none !important;
border:1px solid #c8c8c8 !important;
background-color:rgb(88, 123, 13) !important;
color:rgb(255, 255, 255) !important;
font-size:14px !important;
font-weight:bold !important;
padding:10px 20px !important;
cursor:pointer !important;"
*/


.has-success .input-group-addon {
	color: #000;
	border-color: #000;
	background-color: #eee;
}