@charset "UTF-8";
/* CSS Document */


body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;margin: 0 auto; font-family: Arial,Helvetica,sans-serif; background-color:#ffffff;}

p {font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.2px; color: #333333; -moz-text-size-adjust: none; padding: 10px 0px;}

h1 {color:#623670; letter-spacing: -0.2px; vertical-align: baseline; font-size: 30px; line-height: 38px; padding: 10px 0px;text-transform: none;font-weight:normal;}
h2 {color:#623670;font-size: 20px;font-weight: bold;text-transform: uppercase;padding-top: 0px;margin-top:0px;}

/*link style*/
 a {color: #623670;text-decoration: underline;outline: none;}
 a:hover { text-decoration:none !important; cursor:pointer;}

	ol {font-size:10px;text-align: left;}
  
.bodywrap {width:90%;margin:auto;}

/* #menu {margin-top:30px;background-color: #ffffff;} */

.clear {clear:both;}

.logo {float:left;border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt; text-align:center;margin:10px;}

.nav-button {min-width:150px;min-height:20px;text-align: center; border:none; margin-left:10px;padding:5px 10px;text-decoration: none;color:#ffffff;background-color: #623670;display: inline-block;font-size: 18px;}
.nav-button a {text-decoration: none;color:#ffffff;}
.nav-button a:hover {color:#c46e1e;}

.main-image {margin:0;}
.main-image img {width: 100%; object-fit: cover;}

.callouts {color:#623670;font-size:30px;text-align: left;margin:0px 0px;}
.callouts-column {float: left; width: 33%;padding: 30px 0px;}
.callouts-column-middle {float: left; width: 30%;padding: 30px 20px;}
.callouts-column-last {float: left; width: 33%;padding: 30px 0px;}
.callouts img {padding-right:10px;}

.map-image img {width: 100%; object-fit: cover;}


.services {color:#333333;font-size:16px;margin:0px 0px;text-align: center;}
.services-column {float: left; width: 23%;padding: 30px 0px;}
.services-column-middle {float: left; width: 22%;padding: 30px 20px;}
.services-column-last {float: left; width: 23%;padding: 30px 0px;}
.services img {padding-bottom:15px;display:block;margin-left:auto;margin-right: auto;}
.services h2 {color: #623670;font-size: 20px; text-transform: uppercase;padding-bottom:0px;margin-bottom:0px;} 

.cta		{
	margin: 0px auto;
	padding: 30px 30px;
	font-size:30px;
	color:#ffffff;
	line-height:110%;
	text-align:center;
	background-color: #623670;
}

.cta-button	{
	min-width:225px;min-height:25px;text-align: center; border:none; margin:40px 0px 20px 0px;padding:10px 30px;text-decoration: none;color:#ffffff;background-color: #c46e1e;display: inline-block;font-size: 18px;
	
}
.cta-button a {text-decoration: none;text-transform: uppercase; color:#ffffff;line-height: 200%;}
.cta-button a:hover {color:#623670;}

.cta2		{
	margin: 0 auto;
	padding: 0px 0px;
	font-size:18px;
	color:#623670;
	text-transform: uppercase;
	line-height:110%;
	text-align:center;
	background-color: #ffffff;
}

.cta-button2	{
	min-width:200px;min-height:25px;text-align: center; border:none; margin:20px 0px 20px 30px;padding:10px 10px;text-decoration: none;color:#ffffff;background-color: #c46e1e;display: inline-block;font-size: 18px;}

.cta-button2 a {text-decoration: none;text-transform: uppercase; color:#ffffff;line-height: 200%;}
.cta-button2 a:hover {color:#623670;}



.maparea		{
	margin: 0px auto;
	padding: 30px 30px;
	font-size:36px;
	color:#333333;
	background-color: #E2E2E2;
}

.footer {margin: 0px auto;background-color: #623670; color: #ffffff; font-size: 16px; line-height: 18px; padding: 20px 20px;}

.footer-column {float: left; width: 33%;padding: 10px;}
.footer-column-last {float: left; width: 30%;padding-top: 10px;}
.footer-left {float:left;}
.footer-right {float:right;}

.footer h2 {color:#ffffff;font-size: 20px;font-weight: normal;text-transform: uppercase;padding-top: 0px;margin-top:0px;}
.footer a {text-decoration: none;color:#ffffff;line-height: 200%;}
.footer a:hover {text-decoration: underline !important;}
.footer img {border: none;padding-right:10px;}

.blue-footer {margin: 0px auto;background-color: #000033; color: #ffffff; font-size: 12px; line-height: 16px; padding: 10px 10px;}

.blue-footer a {color: #ffffff;}


/* table styles */

table {border-collapse: collapse;margin-top:20px;}
table, th, td {border: 1px solid #cccccc;color:#333333;}
th, td {padding:10px;color:#333333;}
sup {font-size:10px;padding-left:2px;}

/* form styles */

.formstyle {width:90%;margin:auto;}

select {
  width: 90%;
 font-size:16px;
  padding: 12px 20px;
  margin: 8px 0;
  border: 1px solid #ececec;
  background-color: #ffffff;
}

input, input [type=text]{
  width: 90%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

input[type=password] {
  width: 90%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}


input[type=button], input[type=submit], input[type=reset] {
  width: 50%;
  background-color: #c46e1e;
  border: none;
  color: white;
  font-size:18px;
  padding: 16px 32px;
  text-decoration: none;
  text-transform: uppercase;
  margin: 20px 0px 50px 0px;
  cursor: pointer;
  text-align: center;
}

.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
	background-color: #eee;}

	/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.formcol-left {float:left; width: 50%; margin: 8px 0px;}
.formcol-right {float:right; width: 45%; padding: 30px 20px;}
.message {color:#888888;font-size:14px; padding: 20px 0px;}

/* responsive menu */

header {
    height: 70px;
    background-color: #ffffff;
    padding: 20px 0;
}
.menu-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.logo-img {
    height: 50px;
}
.menu-icon {
    font-size: 2.4em;
    color: #333333;
    line-height: 50px;
}
nav {
    position: absolute;
    background-color: #ffffff;
    top:70px;
    left:0;
    width: 100%;
}
nav ul {
    list-style-type: none;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s;
}
nav ul li {
    padding: 0 0px;
	font-size:16px;
	text-transform: uppercase;
}
nav ul li a {
    display: inline-block;
    padding:5px;
    /* Add your custom styles below to change appearance of links */
    color: #333333;
    text-decoration: none;
    letter-spacing: 0.05em;
}
nav ul li a:hover, nav ul li a:focus {
    color: #623670;
}
#checkbox {
    display: none;
}
#checkbox:checked ~ nav ul {
    max-height: 500px;
    padding: 15px 0;
    transition: all 0.5s;
}

@media (min-width: 800px) { 
    .menu-icon {display: none;} 
	
    nav {
        position: relative;
        top: -10px;
        background-color: transparent;
    }
    nav ul {
        max-height: 150px;
        padding: 15px 0;
        text-align: right;
    }
    nav ul li {
        display: inline-flex;
        padding-left: 20px;
    }
}

/* ---- end responsive nav  ----*/

@media only screen and (max-width: 760px) {

.bodywrap						{ width: 95% !important;padding:10px;}
.img							{ width: 100% !important;height: auto !important; max-width:100% !important;display:block !important;}
.callouts-column				{ float:none !important;width:90%;}
.callouts-column-middle 		{ float:none !important;width:90%;padding-left:0px;}
.callouts-column-last 			{ float:none !important;width:90%;}
.services-column 				{ float: left; width: 45%;padding: 30px 0px;}
.services-column-middle 		{ float: left; width: 45%;padding: 30px 0px;}
.services-column-last 			{ float: left; width: 45%;padding: 30px 0px;}
.footer-column 					{float: none; width: 90%;padding: 30px 10px;}
.footer-column-last 			{float: none;padding: 30px 10px;}

}

@media only screen and (max-width: 598px) {

.bodywrap						{ width: 95% !important;padding:10px;}
.img							{ width: 100% !important;height: auto !important; max-width:100% !important;display:block !important;}
.callouts-column				{ float:none !important;width:90%;}
.callouts-column-middle 		{ float:none !important;width:90%;padding-left:0px;}
.callouts-column-last 			{ float:none !important;width:90%;}

}

@media only screen and (max-width: 439px) {

.bodywrap						{ width: 435px !important; padding:10px;}

}

@media only screen and (max-width: 339px) {

.bodywrap						{ width: 335px !important;padding:10px; }
}