/* CSS Document
complied by Guy Hoogewerf - www.ncompass.co.uk - ©2013
*/
* {
	margin: 0;
	padding: 0;
}
/* mac hide \*/
html, body {
	height: 100%;
	width: 100%;
	font-size: 100%;
}
/* end hide */
* {
    margin: 0;
    padding: 0;
}
html, body {
    font: 100%/140.0% 'Times New Roman',Times,serif;
	height: 100%;
    width: 100%;
}
body {
	background: #ffffff;
	color: #7a7862;
	font-size: 125%;
	
}

body, .smooth-container { scroll-behavior: smooth }

article, aside, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
a:link, a:visited {
	color: #bf8890;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #8f3d4b;
	text-decoration: none;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out; /* Safari */

}
h1, h2, h3 {
	font-family: 'Garamond', sans-serif;
	color: #8f3d48;
}

h1 {
    text-align: center;
    font-weight: bold;
    font-size: 2.9rem;
    letter-spacing: 0.2rem;
    line-height: 3.0rem;
    padding-bottom: 20px;
    /*text-shadow: 4px 4px 4px rgba(102,102,102, 1);*/
}

h3 {
	font-weight: bold;
	text-decoration: underline;
	color: #7a7862;
}
p, li {
	font-size: 1.25rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	color: #7a7862;
}

li {
	margin-bottom: 0.5rem;
	margin-left: 20px;
	text-align: left;
	list-style-position: outside;
}

img {
	border: 0 none;
	height: auto;
}
.photo { padding: 10px; border: 2px solid rgb(191, 136, 144); margin-bottom: 10px; }
.imgleft { float: left; margin-right: 20px; }
.imgright { float: right; margin-left: 20px; }
.circle { border-radius: 50%; }
.column2 { display: inline-block; float: left; width: 45%; text-align: center; margin-right: 30px; }
.column3 { display: inline-block; float: left; width: 30%; text-align: center; margin-right: 30px; }
.alnleft { text-align: left; }
.almcenter {text-align: center; }
.alnright { text-align: right; }
.alnjustify { text-align: justify; }
.consent { font-size: 60%; line-height: 1.0rem; }
.clear {
	clear: both;
}
.clearFieldBlurred, .clearField { color: #ababab; font-style: normal; }
.clearFieldActive { color: #464646; font-style: normal; }


/* Header */
header {
	background: linear-gradient(0deg, #ffffff 25%, #f2eee4 100%);
	/*
	background: rgba(205,205,207,1);
	background: -moz-linear-gradient(top, rgba(205,205,207,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,205,207,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(205,205,207,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(205,205,207,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(205,205,207,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(205,205,207,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcf', endColorstr='#ffffff', GradientType=0 );
	*/
	margin: 0 auto;
	padding-top: 5px;
	width: 100%;
	height: 150px;
    /*font-family: Surana;*/
}

header .logo {
	float: left;
	width: auto;
	margin-left: 20px;
	margin-top: 0px;
	height: 150px;
}
header #contact-info {
	display: flex;
	justify-content: space-between;
	padding: 0px 35px 0px 35px; 
	margin-top: 10px;
	flex-wrap: wrap;
}

header #contact-info p {
	color: #bf8890;
	font-size: 1.5rem;
	font-weight: 100;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 2px;
}

header #contact-info a:link, header #contact-info a:visited {
	color: #bf8890;
	text-decoration: none;
}

header #contact-info a:hover, header #contact-info a:active {
	color: #8f3d4b;
	text-decoration: underline;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out; /* Safari */
}



/* Nav */
nav {
	display: flex;
	margin-top: 35px;
}
nav ul {
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
}
nav ul li {
	display: inline-flex;
	font-size: 1.0rem;
	margin: 0px;	
	color: #bf8890;
	font-weight: 100;
	letter-spacing: 5px
}
nav ul li a {
	display: block;
	padding: 4px;
	padding: 0.25rem;
	text-transform: uppercase;
}
nav ul li a:link, nav ul li a:visited {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #bf8890;	
	text-decoration: none;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	border-top: 1px solid #8f3d4b;
	border-bottom: 1px solid #8f3d4b;
	color: #8f3d4b;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out; /* Safari */
}

/* Section */
section {
	background-color: rgba(255,255,255,0.75);
	clear: left;
	margin: 0px auto;
	width: 100%;
	padding-bottom: 20px;
}

.breakline {
	margin: 0px auto 50px auto;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    width: 50%;
}

.whitespace {
	margin: 0px auto 75px auto;
	width: 100%;
}



/* Article */
article {
	margin: 0 32px;
	vertical-align: top;
	width: 80%;
	margin-bottom: 30px;	
}
.fullpage {
	width: 85%;
	margin: 0 auto;
}
.liftup {
	box-shadow: 0 0 15px 10px rgba(0,0,0,0.5);
}
.liftup-small {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
}

.columncontainer {
	display: inline-flex;
	justify-content: space-evenly;
	width: 100%;
	flex-wrap: wrap;
}

.column {
	width: 300px;
	padding: 0 20px;
	padding-bottom: 50px;
}

.overlay {
	position: relative; 
	text-align: center; 
}
.overlay-text {
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%);
	font-size: 1.6rem;
	font-weight: normal;
	letter-spacing: 5px;
	color: #ffffff;
	background-color: rgb(0,0,0,0.5);
	padding: 15px;
	line-height: 2.0rem;
}




article ul, article ol {
	list-style-position: inside;
}

article h2 {
  color: #7a7862;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2.0rem;
  margin-bottom: 20px;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-align: center;
  text-decoration-color: #7a7862;
}

article h3 {
	text-align: center;
	color: #7a7862;
	font-size: 1.5rem;
	font-style: italic;
	font-weight: bold;
	line-height: 1.75rem;
	margin-bottom: 1rem;
	text-decoration: none;
}

.locations {
	font-size: 2.0rem;
    text-transform: capitalize;
    text-shadow: none;
}
.servicechoice {
	display: flex;
	justify-content: space-between;
}
.col {
	flex-direction: column;
}
.col h2 {
	text-align: center;
}
.col p {
	width: 300px;
	text-align: justify;
}
.testimonial {
    /*border: 1px dotted #3a3a3a;
    border-radius: 20px;*/
    font-style: italic;
    line-height: 1.25rem;
    margin: 10px 0 20px;
    padding: 10px;
}
.author {
    font-weight: 700;
    float: right;
}
.gallery {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.gallery img {
	width: 250px;
	margin-bottom: 30px;
}
.columns {
	column-count: 3;
	column-gap: 30px;
}

/* Form */
.required { color: #990000; font-weight: bold; }

.highlight {
	font-style: italic;
	border: 2px solid #9F1319;
	background:url(/images/iconCaution.gif) no-repeat right;
	background-color: #ffffff;
}

.loading {
	background:url(/images/ajax-loader.gif) no-repeat 150px;
	height:30px;
	width:100%;
	display:none;  
 }  
.done {
	clear: left;
	display:none;
} 
.form-style {
	background-color: rgba(197,224,158,0.75);
    padding: 20px;
    border: 1px solid #a4a71e;
}


.form {
}
fieldset {
	border: 0 none;
}
fieldset legend {
	/*font-family:'Caslon 540 LT W01 Roman',serif;*/
	/*font-family: Big Caslon,Book Antiqua,Palatino Linotype,Georgia,serif;*/
	font-size: 18px;
	font-size: 1.125rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
fieldset label {
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	vertical-align: top;
}
fieldset .textarea {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	margin: 3px 0px;
	padding: 4px;
	width: 99%;
	min-width: 300px;
	height: 150px;
}

fieldset .textarea:hover, fieldset .textarea:active  {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
}


fieldset .text {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	margin: 3px 0;
	padding: 4px;
	width: 99%;
	max-width: 100%;
	margin-bottom: 10px;
}
fieldset .text:hover, fieldset .text:active  {
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.5);
}


fieldset .select {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	margin: 3px 0;
	padding: 4px;
	width: 99%;
	min-width: 340px;
}

input.button {
	background: rgba(26,26,24,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(26,26,24,1)), color-stop(54%, rgba(67,67,66,1)), color-stop(100%, rgba(102,102,102,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: radial-gradient(ellipse at center, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a18', endColorstr='#666666', GradientType=1 );

	border-radius: 20px;
	text-transform: uppercase;
	color: #ffffff;
	display:  block;
	margin: 0 auto;
	padding: 17px;
	border: 2px outset #666666;
	font-weight: bold;
	text-decoration: none;

}
input.button:hover,
input.button:active,
input.button:focus {
	cursor: pointer;
	border: 2px inset #666666;
	color: #cc6600;
	text-decoration: underline;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out; /* Safari */

}
.url { display: none; }


button {
	background: radial-gradient(#f2eee4 30%, #bf8890 100%);

	/*background: rgba(26,26,24,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(26,26,24,1)), color-stop(54%, rgba(67,67,66,1)), color-stop(100%, rgba(102,102,102,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	background: radial-gradient(ellipse at center, rgba(26,26,24,1) 0%, rgba(67,67,66,1) 54%, rgba(102,102,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a18', endColorstr='#666666', GradientType=1 );*/
	border-radius: 20px;
	text-transform: uppercase;
	color: #ffffff;
	display:  block;
	margin: 0 auto;
	padding: 17px;
	border: 2px outset #decdba;
	font-weight: bold;
	text-decoration: none;
	width: 250px;
}

button a:link, button a:visited {
	color: #8f3d4b !important;
	text-decoration: none !important;
}

button:hover, button:active, button:focus {
	color: #8f3d4b;
	text-decoration: underline;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out; /* Safari */
	cursor: pointer;
	border: 2px inset #decdba;
}

._1mA-Z {
	display: none !important;
}

#carousel {
	margin-right: 0px !important;
	margin-left: 0px !important;
}


#curator-feed-default-feed-layout button span {
	color: #ffffff;
}
#curator-feed-default-feed-layout button span:hover {
	text-decoration: underline !important;
}

.example-wrapper {
	display: flex; 
	justify-content: space-between;
	flex-wrap: 	wrap;
	width: 100%;	
}

.example-image {
	padding: 10px;
	width: 30%;
	display: flex;
	min-width: 300px;
	flex-direction: column;
	text-align:	center;	
}
.example-image img {
	height: auto;
}
.example-words {
	padding: 10px;
	width: 45%;
	min-width: 300px;
	display: flex;
	align-items: center;
	text-align:	justify;	
}




.iframe-rwd  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Aside */
aside {
	background-color: rgba(205,205,207,0.75);
	border: 1px solid #1a1a18;
	/* margin: 32px 0;
	margin: 0rem 0; */
	margin: 0 auto;
	padding: 20px;
	padding: 1.25rem;
	width: 350px;
	border-radius: 0px;
}

aside h3 {
	text-align: center;
	color: #666666;
  	font-size: 2.0rem;
 	font-weight: bold;
 	line-height: 2.0rem;
  	margin-bottom: 20px;
  	letter-spacing: 0.2rem;
  	text-decoration: none;
  	text-decoration-color: #666666;
  	overflow-wrap: break-word;
}

aside p {
	/*font-family:'Caslon 540 LT W01 Roman',serif;*/
	font-family: Big Caslon,Book Antiqua,Palatino Linotype,Georgia,serif;
	font-size: 1rem;
	margin-bottom: 0;
	text-align: justify;
}
aside ul {
	margin: 16px 0;
	margin: 1rem 0;
}
aside ul li {
	list-style: outside;
	margin: 10px 00px 10px 20px;
}


/* Footer */
footer {
	background: linear-gradient(0deg, #f2eee4 25%, #ffffff 75%);
	/*
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,207,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(205,205,207,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,207,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,207,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,207,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(205,205,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcf', GradientType=0 );
	*/
	/*background-color: #cdcdcf;*/
	padding: 20px 0;
	text-align: center;
    width: 100%;
    color: #ffffff;
    margin: 0 auto;
}
footer p {
	margin: 0 1rem 0.5rem;
	font-size: 0.75rem;
	color: #1a1a18;
}
footer p.copy {
	font-size: 0.6875rem;
	margin-top: 1rem;
}

footer a:link, footer a:visited {
	color: #bf8890;
	text-decoration: underline;
}
footer a:active, footer a:hover, footer a:focus {
	color: #8f3d4b;
	text-decoration: none;
	transition: color 0.5s ease-in-out;
}


#mti_wfs_colophon img { display: none; }

@media (max-width: 1024px) {
	html, body { font-size: 100%; }
}
@media (max-width: 850px) {
	html, body { font-size: 100%; } /*75% */
	nav ul li a { font-size: 12px; font-size: 1rem; line-height: 18px; line-height: 1.5rem; }
	section p { font-size: 1rem; line-height: 1.333rem; }
	header .logo {height: 50%; float:none; display: block; margin: 0 auto;}
	header #contact-info { display: block; padding: 0px; }
	header #contact-info p { line-height: 1.0em; font-size: 1.0rem; text-align: center; margin-bottom: 5px; }
}
@media (max-width: 650px) {
	/*html, body { font-size: 62.5%; }*/
}
@media (max-width: 480px) {
	html, body { font-size: 100%; } /*75% */
	header { /*height: 108px; height: 9rem;*/ margin: 0 1%; width: 98%; }
	section { margin: 0 1%; width: 98% }
	footer { margin: 16px 1%; margin: 1rem 1%; width: 98%; }
	/*header p { float: none; margin-bottom: 0; text-align: center; }*/
	nav { margin-top: 0; }
	nav ul li a { font-size: 10px; font-size: 0.8333333rem; }
	.slideshow, .slideshow #imagesContainer { height: 13.5rem !important; width: 100% !important; }
	article, aside { margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%; width: 92%; }
}
@media (max-width: 320px) {
	html, body { font-size: 100%; } /*75% */
	fieldset .text { max-height: 300px; }
	header { /*height: 115px; height: 11.5rem;*/ }
	header h1, header p { float: none; text-align: center; }
	nav { text-align: center; }
	nav ul li { float: none; }
	.slideshow #titleContainer { bottom: 0 !important; left: 0 !important; margin-top: 8rem; position: relative !important; }
	article h2 { font-size: 2.25rem; line-height: 2.25rem; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}

/*SLICK NAV */
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 860px) {
	.js #menu {
		display:none;

	}
	
	.js .slicknav_menu {
		display:block;
		margin: 0 auto;
		width: 62.5rem;
	}
}


@media print {
	/*Reset Style */
	body { margin: 0; padding: 0; }
	nav, .backstretch, .slideshow { display: none; }
	header h1, header p { float: none; margin:0; text-align: left; }
	article { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	footer { width: 100%; }
}
/* END */