/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */

@media all{

/* CSS Document */
@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
font-size: 16px; font-weight: 400; font: inherit normal 100% inherit; color: #444; }
/* remember to define focus styles! */
:focus { 	outline: 0; }
body {	line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }

 

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; } */

	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	

    body {font-size: 14px; font-family: Arial, Helvetica, sans-serif; 
    margin:0; width:100%; color:#444444; }
  
    p, a, li       {line-height: 1.5em; } 
	a {color:#466087; text-decoration:underline; }
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img {border:0; vertical-align:top; max-width:100%; }
	
    h1, h2, h3, h4 {line-height: 1.1em; text-align: center; }
	h1 {font-size: 3em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.5em; color:#3790bc;}
	h2, h2 a {font-size: 2em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.5em; color:#3790bc;}
	h3 {font-size: 1.5em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.5em; color:#3790bc;}
	
	h1 a, 
	h2 a,
	h3 a {font-size: 1em; text-decoration: none; }

	h1 a:hover, 
	h2 a:hover,
	h3 a:hover {text-decoration: underline;}
		
	ol, ul {padding:0; margin:0; list-style:none; }
    ul li  {list-style-type: disc; }
    ol li  {list-style-type: decimal; }
    li     {padding:0 0 0.5em .25em; margin-left: 1em;}
    p      {margin:0 0 1em;}
    hr     {color:#666; background-color:#666; width: 75px; margin: 1em auto; height:1px; border:none; clear: both;}
    td     {border: 1px solid #aaa;}
    .more       {float: right; display: inline-block;}
    .imageright {float: right; margin: 15px  0 5px 10px;}
    .imageleft  {float: left;  margin: 15px 10px 5px 0;}
    .readmore   {text-align: right; text-decoration: underline;}
	.image50    {width: 50%;}
	.image33    {width: 33%;}

	.imageshadow {
		-moz-box-shadow: 3px 3px 5px #aaa;
    	-webkit-box-shadow: 3px 3px 5px #aaa;
    	box-shadow: 3px 3px 5px #aaa;}

    .justifyright {text-align: right;}
    .justifyleft  {text-align: left;}
	.alignLeft    {float:left; margin-right:1em; }
	.alignRight   {float:right; margin-left:1em; }
	.no-scale  {width: auto;}
	
	.box-main:after,
	.center:after {content:""; clear:both; display:block; }

	
	.columns       {width:100%	}
	.columns:after {content:""; display:block; clear:both; }
	.columns > div {float:left; vertical-align:top; }
	.columns > div:first-child,
	.columns > article:first-child {margin-left:0;}
	

	.twoThird {width:64%; margin:1%; float: left; }

	
	
	.threeForth{width:74.5%;}
	
	.docnotfound li {list-style-type: none;}	
	 li.last {float: none;}

	.mobile-only {display: none;}

.clear {clear: both;}

/*** main styles ***/
	.pagewidth {width:100%; padding: 0;}
	.center {max-width:1100px; width: 100%;	margin:0 auto; padding: 0 15px;}
	section {padding: 45px 0;}
	section:nth-of-type(odd) {background-color: #efefef;}

	header {width:100%; padding: .5em 5%; }


	#logo {float: none; max-width: 85px; width: 15%; padding: 0; margin: 0;}
	#logo img {  width: 75px; border-radius: 50%;}

	.social {display: inline-block; float: right;}
	.social a { margin: 0 .5em; text-decoration: none;}
	a.social .icon-hover {display: none;}
	a.social:hover .icon {display: none;;}
	a.social:hover .icon-hover {display: inline-block;}
	.social img {width: 20px;  margin: 3px 0 0 0; width: 24px;}	

header #appt-button {float: right;}	
#appt-button {background-color: red; padding: 10px 25px; color: white; border-radius: 25px;
    
        text-transform: uppercase; text-decoration: none; 
        font-weight: bold; margin: 15px 0 0; }

#appt-button:hover {background-color: #3790bc;}
#tagline {margin: 30px 0 0; text-align: left; font-size: 1.15em; display: inline-block;}

#header-image {background-color: #000; position: relative; max-height: 300px; overflow: hidden;}
#header-image img { opacity: .5; }

.image-copy div { text-align: center;
    position: absolute; width: 100%; top: 35%;  }

.image-copy h1,
#header-image .image-copy h2 {font-size: 3em; color: white; text-align: center;}
.image-copy p {font-size: 2em;  color: white;}

section.header {padding: 0;}

.retirement p {font-size: 1.35em;}

#menu {display: inline-block;}
header {position: relative;}
.dropdownmenu {position: absolute; bottom: 15px; left:325px; right: 245px; background-color: none;}
header .dropdownmenu ul {background-color: transparent; ;}

.footer h3 {text-align: left;}
section.map {background-color: white; padding: 0;}

#page3 h1,
#page3 h2,
#page3 h3 {text-align: left; margin-top: 1em;}
#page2 .center,
#page3 .center {max-width: 800px;}

.services ul {column-count: 2; column-gap: 4em; width: 75%; float: left;}
.services img {width: 25%; float: right;}

#page2 h2 {text-align: left;}

/* forms */	

	form,
	fieldset {padding:0; margin:0; border:0; max-width: 800px; margin: auto; }
	input:focus, textarea:focus, select:focus {border:1px solid #fafafa; outline: none; 
	background-color: #fff; color: #444;}
	textarea:hover, input:hover {background-color: #fff; border: 1px solid #444;}
	input, select, textarea, label  {background:#fff; font:1em/1.214em Arial, Helvetica, sans-serif; 
		color:#444; resize:none; float: left; display: block; width: 100%; margin-bottom: 1em; }
	input, select, textarea {border:1px solid #aaa; padding:0.75em 1.5em;  }
	textarea {overflow:auto; height:10.812em; }
	
	#city, #state, #zip {float: left; margin-right: 10px; width: 30%;}
	label {margin-top: 1em; display: none; }
	.error {color: #ff0000; padding: 2px 5px;}
    #workemail {margin-left: -10000px;}
	.form-buttons input {width: 25%; background-color: #ff0000;}
	.form-buttons input:hover {color: #fff;}
	.form  input[type="checkbox"] {width: 30px; display: inline-block; border: 0; padding: 0; clear: left; }
	input[type=submit] {padding: .75em 2em; color: #fff; float: right; margin-top: 2em; border: 0; width: auto;

	-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; background-color: #ff0000;}
	input[type=submit]:hover {cursor: pointer; background-color: #3790bc; color: #fff; } 



/**************  Variable Layout Style **************/

	.full-width,
	.full-width .box {width:100%;}
	.full-width img {width:100%;}
	.row           {width:100%; }
	.content-rows:after,	
	.row:after     {content:""; display:block; clear:both; }	
	
	.content-row {padding: 2em 0;}	
	/* .content-row:nth-of-type(odd)	{background-color: #ddd;}	*/
	.content-row .one-col {width: 100%;}
	.content-row .box {float: left;}
	.content-row .box p {font-size: 1.5em;}
	.content-row .box div {width:100%; padding: 0 0;}
	
	.oneForth {width:23.5%; }	
	.content-row .box.oneForth  {margin: 0 1%;}
	.content-row .box.oneForth:nth-of-type(1) {margin-left: 0;}
	.content-row .box.oneForth:nth-of-type(4) {margin-right: 0;}

	.oneThird {width:32%; margin:0; float: left;}
	.content-row .box.oneThird  {margin: 0;}
	.center .columns .oneThird:nth-of-type(2),
	.content-row .box.oneThird:nth-of-type(2) {margin: 0 2%;}
	

	.half     {width: 49.5%; margin: 0; float: left;}
    .half:nth-of-type(1),
    .half:nth-of-type(3) {padding-right: 3%; padding-left: 0; clear: left;}
	.half:nth-of-type(2),
	.half:nth-of-type(4) {padding-left: 3%;}
	
	
	
	.content-row .box a {text-decoration: none;}
	.content-row .box {position: relative;}
	.multi-layout-button {margin: 1em auto; display: inline-block; min-width: 175px; font-size: 1.75em; padding: .5em 1em;
	border: 3px solid #888; text-align: center; color: #888; float: none;	}
	
	.multi-layout-button {position: absolute; left: 49%; bottom: 0; 
		-webkit-transform: translateX(-50%); transform: translateX(-50%) }
	
	.multi-layout-button:hover {border-color: #aaa; }
	.link-padding {padding-bottom: 100px; }
	
	.full-width  {min-height: 125--px; position: relative;}
	
	
	
	.oneThird {padding: 0 3%;}
	.oneThird:nth-of-type(1) div {padding-left: 0;}
	.oneThird:nth-of-type(3) div {padding-right: 0;}
	.content-row .box img {margin: 0 0 1em;}	
		

/**************  Drop Down Menu Style **************/
	
	.dropdownmenu    {padding-left: 0px; clear: both;}
	.dropdownmenu ul {padding:0; position: relative; z-index: 500; background-color: transparent; width: 100%;
	        text-align: center;	}
	.dropdownmenu ul li   {background-color: transparent; padding: 0; margin: 0; float: none; display: inline-block;}
	.dropdownmenu ul li.last { margin-right:0; }
	.dropdownmenu ul li a {color:#666; height:1.5em; line-height:1.5em; border:0px solid #fff;}
	.dropdownmenu ul li a  { padding: 0 20px;}
	.dropdownmenu ul li ul { color:#fff; }
	.dropdownmenu ul li:hover a,
	.dropdownmenu ul li a:hover {color:#888;}
	.dropdownmenu ul li.active a {color: #000;}
	.dropdownmenu ul li:hover ul,
	.dropdownmenu ul li a:hover ul { top:3em; left:0; width:100px; }



/*** Quotes ***/
	
	.quote-author,
	.quote {display: inline-block; font-size: 1.5em; line-height: 1.25em; padding: 3%;
	width: 80%; margin: 2em 10% 0; text-align: center; font-style: italic; color: #666;}
	.quote .quote-left {margin-top: -5px;}
	.quote .quote-right {bottom: -17px; display: inline-block; vertical-align: bottom;}
	.quote-author {font-size: 1em; font-style: italic; text-align: right; margin-top: 0;}
	
/*** Footer ***/
	footer {width:100%; overflow:hidden; padding:24px 0; color:#fff; line-height:16px; }
	footer a {color:#000; }
	footer .social {float: right;}
	footer .social a {text-decoration: none;}	
	#copyright {padding: 0;}


/******* make standard embedded google maps responsive ********/
	#google-map {position: relative; padding-bottom: 56%; /* This is the aspect ratio */
	height: 0; overflow: hidden;}
	#google-map iframe {position: absolute; top: 0; left: 0;
	width: 100% !important; height: 100% !important;}	



/*** clearing ***/
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */

} /* End Media Query */

@media all and (max-width: 1024px){
}

@media all and (max-width: 850px){

.dropdownmenu {position: relative; bottom: 0; left: 0; right: 0;}

}

@media all and (max-width: 780px){

.image-copy h1 {font-size: 2em;}
.image-copy p {font-size: 1.25em;}

	form label,
	form input,
	form textarea,
	form select,
	form .checkbox,
	form #zip,
	form #state {text-align: left!important; width: 100%!important; margin-right: 0;}
	.form input[type="checkbox"] {width: 35px!important;}
    .form-buttons input {margin-left: 0;}
}


@media all and (max-width: 600px){


.image-copy h1 {font-size: 1.5em;}
.image-copy p {font-size: 1.25em;}

#appt-button {margin: -.5em 0 1em;}
.services ul {column-count: 1;}
.services img {width: 100%; float: none;}
.half img {margin-bottom: 1em;}
	.columns > div {float:none; margin:0; width:100%; }
.oneThird,
.half,
.half:nth-of-type(1), 
.half:nth-of-type(3),
.half:nth-of-type(1)
.half:nth-of-type(3),
.half:nth-of-type(2), 
.half:nth-of-type(4) {padding: 0;

	/* .js #menu,
	.dropdownmenu {display:none;} 
	.js .slicknav_menu {display:block;} */
	.mobile-only {display: block;}
	.desktop-only {display: none;}
	
	.content-row .box {width: 100%!important; float: none;}



}

@media all and (max-width: 504px){

}
@media all and (max-width: 320px){
.image-copy div {top: 25%;}
.image-copy h1 {font-size: 1.25em;}
.image-copy p {font-size: .85em;}
#logo img {width: 50px; margin-top:.5em;}
.dropdownmenu ul li a {padding: 0 10px;}
#appt-button {margin: 1em auto; float: none; width: 168px; display: block;}
}

@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	
}