/*
Theme Name: Retlif
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retlif
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

PWWD is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Structure

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
		box-sizing: border-box;

 }

body {
	padding: 0;
	margin: 0;
	font-family: "WorkSans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	line-height: 1.3;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


				/* contact form 7 forms */
				
				table.cform {
					padding: 10px;
					margin: 20px 0 20px 0;
					border: none;
					width: 100%;
					
					font-family: "WorkSans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
					font-weight: 400;
					font-size: 14px;
					line-height: 1.5;

				}
				
				table.cform input.startdate,
				table.cform input[type="text"],
				table.cform input[type="email"],
				table.cform input[type="date"],
				table.cform select
				{
					width: 85%;
					margin: 0 0 3px 0;
					padding: 0;
					font-family: "WorkSans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
					font-weight: 400;
					font-size: 14px;
				}
 
				table.cform textarea {
					width: 94%;
					margin: 0 0 12px 0;
					padding: 0;
					height: 110px;
					font-family: "WorkSans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
					font-weight: 400;
					font-size: 14px;
				}
				
 @media all and (min-width: 1px) and (max-width: 800px) {
				table.cform input[type="text"],
				table.cform input[type="email"],
				table.cform input[type="date"],
				table.cform select,
				table.cform textarea 
				{
					width: 100%;
				}
 }
 
				
						table.cform tr td,
						table.cform tr td.label-left,
						table.cform tr td.field-left,
						table.cform tr td.label-right,
						table.cform tr td.field-right
						{
							padding: 0;
							padding-bottom: 20px;
							margin: 0;
							width: 15%;
							vertical-align: top;
							border: none;
							text-align: left;
							color: #6e5038;
						}
						
						
				
						table.cform tr td.label-left,
						table.cform tr td.label-right
						{
							color: #6e5038;
						}
						
 @media all and (min-width: 1px) and (max-width: 800px) {
						table.cform tr td.label-left,
						table.cform tr td.label-right
						{
							padding-bottom: 2px;
						}
 }
						
						table.cform tr td.field-left,
						table.cform tr td.field-right
						{
							width: 35%;
						}
						
				
				span.wpcf7-list-item {
					display:block;
				}

				
 @media all and (max-width: 800px) {
						table.cform tr td,
						table.cform tr td.label-left,
						table.cform tr td.field-left,
						table.cform tr td.label-right,
						table.cform tr td.field-right
							{
								display: block;
								width: 100%;
							}
 }
				
				



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}


dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

 @media all and (max-width: 768px) {
ul,
ol {
	margin: 0 0 1.5em .2em;
}
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

		button.dpButton {
			border: none !important;
			background: none !important;
			box-shadow: none !important;
			color: rgba(0, 0, 0, .8);
			font-size: 12px;
			font-size: 0.75rem;
			line-height: 1;
			padding: .4em 0 .4em 0;
			text-shadow: none;
		}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}


		button.dpButton:hover {
			border: none !important;
			background-color: gray !important;
			box-shadow: none !important;
			color: white;
		}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/* Home Page Mailing List Form */

		form#mailing input[type="text"] {
			width: 60%;
			padding: 1%;
			margin: 0 4% 0 0;
			height: 40px;
						font-family: "WorkSans", Helvetica, Arial, sans-serif;

		}
		
		#avForm label {
				font-family: "WorkSans", Helvetica, Arial, sans-serif !important;
				font-size: 12px;
		}


		form#mailing input[type="submit"] {
			width: 30%;
			padding: 1%;
			margin: 0 0 0 0;
			height: 40px;
			border-radius: 0;
			background: #ab7928;
			color: white;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			float: right;
		}


/* Sidebar Mailing List Form */

		form#mailing_aside_form {
			clear: both;
		}

		form#mailing_aside_form input[type="text"] {
			width: 100%;
			padding: 1% 2%;
			margin: 10px 0 0 0;
			height: 40px;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
		}

		form#mailing_aside_form input[type="submit"] {
			width: 16%;
			padding: 1%;
			margin: 10px 0 30px 0;
			height: 40px;
			border-radius: 0;
			background: #ab7928;
			color: white;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			float: right;
		}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/





.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget
{
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}


		/* open table WP plugin */
		.powered-by-open-table {
			margin-bottom: 25px !important;	
		}
		
		h2.widget-title {
			font-family:"WorkSans", Helvetica, Arial, sans-serif;
			font-weight: 600;
			color: #594662;
		}
		
		
		/* open table */
		.ot_widget_div
	 {
			color: black; 
			background-color: white; 
			width: 100% !important; 
			color: #0F0F0F !important; 
			font-weight: normal !important;
			font-family: "WorkSans", Arial, Helvetica, sans-serif;
			font-size:14px;
			text-transform: uppercase !important;
			text-align: center !important;
			z-index: 9999; 
			border: 1px gray solid;
			margin: 0 0 20px 0;
		}
		
							#promo_detail_box .ot_widget_div {
								border: none;	
							}
		
				.ot_widget_div h1
				 {
					color: #632a7f !important; 
					font-size:22px !important; 
					font-weight: 600 !important;
					font-family: "WorkSans", Arial, Helvetica, sans-serif;
					text-align:center !important;
					margin: 15px 0 !important;
				}
		
		.partsizeselect {
			color: #632a7f; 
			background-color: #aadbc9; 
			font-family: "WorkSans", Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:normal !important;
			white-space:nowrap !important;
			z-index:9999;
		}
		
		.dateselect {
			color: #632a7f; 
			background-color: #aadbc9; 
			font-size:15px !important;
			font-family: "WorkSans", Arial, Helvetica, sans-serif;
			font-size:14px;
			z-index:9999; 
		}
		
		.timeselect {
			color: #632a7f; 
			background-color: #aadbc9; 
			font-family: "WorkSans", Arial, Helvetica, sans-serif;
			font-size:15px;
			z-index:9999; 
		}
		
		
		/* Formats the table for the widget.  */
			table.tg { 
				width: 100%; 
			}
		
				table.tg  {
						border-collapse:collapse;
						border-spacing:0;
				}
				
				table.tg td {
					font-family: "WorkSans", Arial, Helvetica, sans-serif;
					font-size:14px;
					padding:4px 5px;
					border-style:solid;
					border-width:1px;
					overflow:hidden;
					word-break:normal;
					border: 0px solid #FFFFFF;
				}
				
				table.tg th {
					font-family: "WorkSans", Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight:normal;
					padding:4px 5px;
					border-style:solid;
					border-width:1px;
					overflow:hidden;
					word-break:normal;
					border: 0px solid #FFFFFF;
				}
				
				table.tg .leftcol {
					font-family: "WorkSans", Arial, Helvetica, sans-serif;
					color: #632a7f; 
					font-weight:bold;
					text-align:right;
					vertical-align:top;
					width: 100px;
				} //left columns
				
				table.tg .rightcol {
					font-family: "WorkSans", Arial, Helvetica, sans-serif;
					vertical-align:top;
					text-align: left;
				} //right columns
		
	



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	/* margin: 1.5em 0 0; */
	margin: 0em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}











/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

#social_container, 
#header_container, 
#navigation_container, 
#main_image_container, 
#features_container, 
#content_container, 
#mailing_container, 
#map_container, 
#copyright_container, 
#footer_container
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#navigation_container {
	z-index: 999;
	position: relative;
}

#main_image_container {
	z-index: 800;
}

#social_container {
	background-color: #82958e;
}

#social {
	height: 47px;
	width: 2000px;
	margin: 0 auto;
	/* background: url(images/home_rem_02.jpg) top center no-repeat; */
	box-sizing: border-box;
	position: relative;
	padding: 0;
}

 @media all and (max-width: 2000px) {
	#social {
		width: 100%;	
	}
 }

		#social p#social_block {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
		}
		
			#social p#social_block a {
				opacity: .6;
			}
		
			#social p#social_block a:hover {
				opacity: 1;
			}

 @media all and (min-width: 1px) and (max-width: 2000px) {
		#social p#social_block {
			left: 20px;
		}
 }

		#social p#phone {
			font-weight: 400;
			font-size: 16px;
			text-align: center;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			padding-top: 12px; 
			color: white;
			margin: 0;
		}
		
 @media all and (max-width: 930px) {
		#social p#phone {
			display: none;
		}
 }
 
 #social p#phone strong {
					font-weight: 700;
				}

		#social p#phone_responsive {
			display: none;
		}
		
 @media all and (max-width: 930px) {
		#social p#phone_responsive {
			font-weight: 700;
			font-size: 16px;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			color: white;
			position: absolute;
			top: -3px;
			right: 20px;
			display: block;
		}
 }

		#social p#today {
			font-weight: 400;
			font-size: 16px;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			color: white;
			position: absolute;
			top: -3px;
			right: 0;
		}

 @media all and (min-width: 1px) and (max-width: 2000px) {
		#social p#today {
			right: 20px;
		}
 }
 
 @media all and (max-width: 930px) {
		#social p#today {
			display: none;
		}
 }
 


#header_container {
	background-color: #fff;
	/* background: url('images/home_rem_01.jpg') top center no-repeat; */
	
}

#header {
	height: 180px;
	width: 2000px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#header {
		width: 100%;	
	}
 }

	#header a#logo {
	  left: 198px;
	  top: 31px;
	  position: absolute;
	  width: 419px;
	  height: auto;
	}

 /*
 @media all and (min-width: 1px) and (max-width: 2000px) {
	#header a#logo {
		left: 4px;
		top: 4px;
		position: absolute;
	}
 } 
 */
 
	#header a#logo img {
		width: auto;
		height: auto;
	}
	
  /*
  @media all and (max-width: 2000px) {
	#header a#logo img {
		width: 85%;
		height: auto;
	}
 }
 
 @media all and (max-width: 500px) {
	#header a#logo img {
		width: 65%;
		height: auto;
	}
 }
 */
 
p#site-description {
		position: absolute;
		padding: 0;
		margin: 0;
		top: 62px;
		left: 176px;
		color: white;
		font-family: 'WorkSans', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 100;
		font-size: 36px;
}
	
 /*
 @media all and (max-width: 2000px) {
p#site-description {
		top: 52px;
		left: 146px;
		font-size: 22px;
		line-height: 1.0;
}
 }

 @media all and (max-width: 500px) {
p#site-description {
		top: 42px;
		left: 106px;
		font-size: 18px;
}
 }
 */
 
p#top-nav {
		position: absolute;
		padding: 10px 0 0 0;
		margin: 0;
		top: 53px;
		right: 434px;
		color: #000;
		font-family: 'Teko', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 39px;
		text-align: right;
		height: 33px;
}
	
 	
 /*
@media all and (max-width: 2000px) {
p#top-nav {
		top: 79px;
		right: 10px;
		font-size: 17px;
		height: 33px;
}
 }
 
 @media all and (max-width: 500px) {
p#top-nav {
		font-size: 13px;
		height: 33px;
}
 }
 */
 
p#top-nav a {
		color: #a7deff;
		font-family: 'WorkSans', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 17px;
		text-decoration: underline;
}
	 
		p#top-nav a:hover {
				color: white;
				text-decoration: none;
		}
	 
p#top-nav span.top-nav-text {
		padding: 0;
		margin: 0px;
}

p#top-nav img {
		padding: 0;
		margin-top: -2px;
}


p#top-btn {
		position: absolute;
		padding: 0px;
		margin: 0;
		top: 77px;
		right: 204px;
		color: #000;
		text-align: center;
}

p#top-btn a {
		padding: 17px 35px;
	background-color: #ee3a43;
		color: #fff;
		font-family: 'WorkSans', Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all .3s ease-in-out;
}

p#top-btn a:hover {
		padding: 17px 45px;
	background-color: #000;
		color: #fff;
	text-decoration: underline;
}








  
#top_navigation {
	height: 21px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 68px;
	right: 0;
	
}

 
 @media all and (max-width: 930px) {
	#top_navigation {
		display: none;	
	}
 }

		
		#top_navigation ul {
			list-style: none;
			margin: 0px 0 0 0;
			padding: 0px 0 0px 0;
		}

					#top_navigation ul li {
						margin: 0 0 0 0;
						padding: 0px 18px 0px 18px;
						display: inline;
						border-right: 1px #6e5038 solid;
						float: right;
					}
					
 @media all and (min-width: 1px) and (max-width: 2000px) {
					#top_navigation ul li {
						padding: 0px 8px 0px 8px;
					}
 }

														#top_navigation ul li:hover {
															display: inline;
															border-right: 1px #d6d2d5 solid;
														}

										

										#top_navigation ul li:first-child {
											border-right: none;
											padding-right: 0;
										}

							#top_navigation ul li a{
								margin: 0 0 0 0;
								padding: 0px 0 0 0;
								color: #6e5038;
								font-family:"WorkSans", Helvetica, Arial, sans-serif;
								font-weight: 300;
								text-decoration: none;
								font-size: 14px;
							}
			
									#top_navigation ul li:hover a{
										color: black;
										text-decoration: underline;
									}
			


		/* Main Navigation ----------------------------------------------------------------   */
		
		/*nav#nav_main {
			width: 1123px;
			height: auto;
			text-align: right;
			background-color: white;
			margin: 0;
			padding: 0;
			
			position: relative;
			
			z-index: 999;
			

		}
		
		.menu-main-container {
			display: block;	
		}
		
		.menu-responsive-container {
			display: none;	
		}
		
@media all and (max-width: 900px) {
		.menu-main-container {
			display: none;	
		}
		
		.menu-responsive-container {
			display: block;	
		}
}

@media all and (max-width: 1123px) {
		nav#nav_main {
			width: 100%;
		}
}
		
@media all and (max-width: 900px) {
		nav#nav_main {
		}
}


				nav#nav_main ul {
					margin: 0 auto;
					padding: 0;
					list-style: none;
				}
				
@media all and (max-width: 900px) {
				nav#nav_main ul {
					display: none;
				}
}

						nav#nav_main ul li {
							margin: 0;
							background-color: none;
							display: inline-block;
						}
				
						nav#nav_main ul li:hover,
						nav#nav_main ul li.current-page-ancestor,
						nav#nav_main ul li.current-menu-item
						 {
							background-color: #c52222;
						}
				
								nav#nav_main ul li a {
									margin: 0;
									padding: .7rem 2.15rem;
									text-transform: uppercase;
									font-size: .9em;
									color: #c52222;
									text-decoration: none;
									display: block;
									height: 1;
									font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
									font-weight: 700;
								}
								
		
@media all and (max-width: 1100px) {
								nav#nav_main ul li a {
									padding: .7rem 1.5rem;
								}
}
		
@media all and (max-width: 1000px) {
								nav#nav_main ul li a {
									padding: .7rem 1.25rem;
								}
}

								nav#nav_main ul li:hover a,
								nav#nav_main ul li a:hover,
								nav#nav_main ul li.current-page-ancestor a,
								nav#nav_main ul li.current-menu-item a
								 {
									color: white;
								}
								*/
								







#navigation_container {
	background-color: #000;
	postion: relative;
}

@media all and (max-width: 768px) {
	#navigation_container {
		display: none;	
	}
 }
 

#navigation {
	height: 51px;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

 @media all and (max-width: 1200px) {
	#navigation {
		width: 100%;	
	}
 }

		#navigation ul {
			list-style: none;
			margin: 0px 0 0 0;
			padding: 4px 0 7px 0;
		}

					#navigation ul li {
						margin: 0 0 0 0;
						padding: 10px 27px 8px 27px;
						display: inline-block;
						/* border-right: 1px #d6d2d5 solid; */
					}
					
 @media all and (max-width: 1200px) {
					#navigation ul li {
						padding: 7px 13px 12px 13px;
					}
 }
					
 @media all and (max-width: 1100px) {
					#navigation ul li {
						padding: 7px 7px 12px 7px;
					}
 }
 
														#navigation ul li:hover,
														#navigation ul li.current_page_ancestor,
														#navigation ul li.current-menu-item
														{
															background-color: #ee3a43;
														}

										

										#navigation ul li:last-child {
											border-right: none;
										}

							#navigation ul li a {
								margin: 0 0 0 0;
								padding: 7px 0 0 0;
								color: #fff;
								font-family:"WorkSans", Helvetica, Arial, sans-serif;
								font-weight: 600;
								text-decoration: none;
								text-transform: uppercase !important;
							}
			
									#navigation ul li:hover a,
									#navigation ul li.current-menu-item a
									{
										color: white;
									}
									
									
									
														
			/* Dropdown */
						/* Dropdown container */
						ul.sub-menu {
							position: absolute;
							display: inline-block;
							
						}
						
						/* Dropdown Content (Hidden by Default) */
						ul.sub-menu {
							display: none;
							position: absolute;
							background-color: #ee3a43;
							min-width: 160px;
							/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
							/* border-top: #999 1px solid; */
						}
						
						/* Dropdown Content (Hidden by Default) */
						ul.sub-menu li {
							display: block !important;
							text-align: left !important;
							padding: 3px 5px 3px 5px !important;
							background-color: #ee3a43 !important;
						}
						
						/* Links inside the dropdown */
						ul.sub-menu li a {
							color: #fff !important;
							padding: 3px 5px 3px 5px !important;
							text-decoration: none;
							display: block;
							text-transform: none !important;
						}
						
						/* Change color of dropdown links on hover */
						ul.sub-menu li a:hover { 
							color: #000 !important;
							background-color: #ee3a43 !important;
						}
						
						
						/* Show the dropdown menu on hover */
						ul li.menu-item-has-children:hover ul.sub-menu {
							display: block;
						}
						
									
		#responsive_nav {
			display: none;	
		}
	
	
#main_image {
	min-height: 20px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	z-index: 800;
}

			#main_image img {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
			}
			
			#main_image a#tour {
					display: none;
			}
			
			/* body.page-id-68 #main_image a#tour { */
			#main_image a#tour {
					position: absolute;
					bottom: 58px;
					right: 60px;
					display: block;
			}
			
 @media all and (max-width: 940px) {
			/* body.page-id-68 #main_image a#tour { */
			#main_image a#tour {
					bottom: 0px;
					right: 20px;
			}
 }
	
	
		
/*  Reservations box */		
		#reservations {
			background: url(images/70black.png);
			margin: -86px auto -23px auto;
			height: auto;
			position: relative;
			width: 100%;
			padding: 0;
			height: auto;
}
		
 @media all and (max-width: 940px) {
		#reservations {
			background: url(images/70black.png);
			margin: 0 auto;
			height: auto;
			position: relative;
			bottom: auto;
			clear: both;
			width: 100%;
			display: none;
		}
 }
 
 
 
 
 
 
/*  Reservations box without header */		
		#reservations_no_header {
			background: url(images/70black.png);
			margin: 0px auto 0px auto;
			height: auto;
			position: relative;
			width: 100%;
			padding: 0;
			height: auto;
}
		
 @media all and (max-width: 940px) {
		#reservations_no_header {
			display: none;
		}
 }
 
 
 
 
 
 
 
 
 
		#avFormCont {
			background: none !important;
		}
		
		#avForm {
			background: none !important;	
			box-shadow: none !important;
		}

				#avForm label {
					color: white !important;
				}

				#avForm .sbHolder {
					color: white !important;
				}

				#avForm #tbtTD a {
					background: #aadbc9 !important;
					color: #632a7f !important;
				}

						#avForm #tbtTD a:hover {
							background: #54b591 !important;
							color: white !important;
						}
						
						.promotionList {
							color: white !important;	
						}
						
		#reservations_responsive {
			background: white;
			margin: 5px auto;
			height: 35px;
			position: relative;
			width: 100%;
			text-align: center;
			display: none;
		}
		
 @media all and (max-width: 940px) {
		#reservations_responsive {
			display: block;
			padding-top: 2px;
	
		}
 }
 
		#reservations_responsive a#book_now{
			background: url(images/70black.png);
			padding: 5px;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			font-weight: 400;
			font-size: 18px;
			color: #d1ced2;
			text-transform: uppercase;
			border-radius: 4px;
			box-shadow: 0 0 6px #666;
			text-decoration: none;
		}

		#reservations_responsive a#book_now:hover {
			background: #ccc;
			color: #333;
			box-shadow: 0 0 9px #456;
		}
						
						
						
						
						

#features_container {
	background-color: white;
	/* background: url(images/purple_pattern.jpg) top center repeat; */
	position: relative;
	
}

	#features_container h1 {
		font-family: "WorkSans", Helvetica, Arial, sans-serif;
		font-weight: 200;
		font-size: 41px;
		line-height: 1.1;
		color: #d1ced2;
		text-align: center;	
		margin: 0;
		padding: 30px 0;
		text-transform: uppercase;
	}

@media all and (max-width: 768px) {
	#features_container h1 {
		font-weight: 300;
		font-size: 29px;
	}
}
 
 #features {
	display: table;
	height: auto;
	overflow: visible;
	width: 2000px;
	margin: 30px auto 0 auto;
	/* background: url(images/home_rem_14.jpg) top center no-repeat; */
	padding: 0 0 30px 0;
	box-sizing: border-box;
}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#features {
		width: 100%;	
		text-align: center;
	}
 }

		.feature_box {
			float: left;
			padding: 0;
			margin: 0 25px 0 0;	
			text-align: center;
			display: table-row;
		}

 @media all and (min-width: 1px) and (max-width: 2000px) {
		.feature_box {
			float: none;
			padding: 0;
			margin: 10px;	
			display: inline-block;
		}
 }

		.feature_box:last-of-type {
			margin-right: 0;	
		}
	
				.feature_box img {
					width: 263px;
					height: 180px;
					margin: 0 0 0 3px;
					padding: 0;	
					outline: 3px #afa5b0 solid;
					opacity: 1.0;
				}
	
							.feature_box img:hover {
								outline: 3px #e6ca9a solid;
								opacity: .8;
							}
	
				.feature_box h2 {
					text-align: center;	
					margin: 0;
					padding: 0px 0px 0px 0px;
				}
	
						.feature_box h2 a {
							font-family: "WorkSans", Helvetica, Arial, sans-serif;
							font-weight: 400;
							font-size: 20px;
							color: #004995;
							text-transform: uppercase;
							text-decoration: none;
						}
	
						.feature_box h2 a:hover {
							color: #e79201;
							text-decoration: underline;
						}
	
				.feature_box p {
					text-align: center;	
					margin: 0;
					padding: 0px 0px 0px 0px;
				}
				
						.feature_box p a {
							font-family: "PT Serif", "Times New Roman", serif;
							font-weight: normal;
							font-style: italic;
							font-size: 15px;
							color: #b1ddd0;
							text-decoration: none;
						}
	
						.feature_box p a:hover {
							color: #e6ca9a;
							text-decoration: underline;
						}



				

#content_container {
	background-color: white;
	border-top: #e79201 9px solid;
	margin-top: -8px;
}

		body.home #content_container {
			background-color: #114395;
		}

#wrapper {
	height: 20px;
	min-height: 20px;
	width: 2000px;
	margin: 0 auto;
	/* background: url(images/home_rem_17.jpg) top center no-repeat; */
	/* background-color: white; */
	padding: 30px 0 30px 0;
	overflow: auto;
	display: table;
}

		body.home #wrapper {
			background-color: #114395;
		}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#wrapper {
		width: 100%;	
	}
 }
 
 	.breadcrumbs {
		font-family: "WorkSans", Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-weight: 600;
		color: #6d5677;
		text-transform: uppercase;
		margin-bottom: 16px;
	}
 
			.breadcrumbs a {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-size: 13px;
				color: #6d5677;
				text-decoration: none;
				text-transform: uppercase;
			}
 
			.breadcrumbs a:hover {
				color: black;
				text-decoration: underline;
			}

	main {
		float: left;
		clear: both;
		width: 700px;
		margin: 0;
		padding: 0 0px 0 30px;
		/* border-right: 1px #d2d5d1 solid; */
		display:table-cell;
	}
	
			body.home main {
				float: right;
				width: 640px;
				margin: 0;
				padding: 0 0px 0 30px;
				display:table-cell;
			}
	

	
	#wide {
		width: 2000px;
		margin: 0;
		padding: 0;
	}
	
		body.home main footer.entry-footer {
			display: none;
		}

	main article.page{
		margin: 0 !important;
	}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	body.home main, main, #wide {
		width: 96%;	
		padding: 2%;
		border-right: none;
		float: none;
		clear: both;
		display: block;
	}
 }


 

/* main styles */


			/*
			main h1, #wide h1 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 600;
				font-size: 40px;
				line-height: 1.1;
				color: #3797f4;
				text-align: left;	
				margin: 0 0 22px 0;
				padding: 0px 0px 0px 0px;
			}
	
			main h2, #wide h2 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 600;
				font-size: 27px;
				line-height: 1.3;
				color: #66a109;
				text-align: left;	
				margin: 20px 0 20px 0;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
	
			main h2 a, #wide h2 a {
				font-weight: 300;
				font-size: 27px;
				color: #66a109;
				text-decoration: none;
			}
	
			main h2:first-of-type,
			#wide h2:first-of-type
			{
				padding-top: 0;
			}
			
			main h3, main h3 a,
			#wide h3, #wide h3 a
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 600;
				font-size: 21px;
				line-height: 1.3;
				color: #66a109;
				text-align: left;	
				margin: 0;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
				text-transform: uppercase;
			}

			
			main h4 a, main h4 a:link, main h4 a:visited, main h4 a:active
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 300;
				font-size: 14px;
				line-height: 1.3;
				color: white;
				text-align: left;	
				margin: 0;
				padding: 5px 15px;
				text-decoration: none;
				text-transform: uppercase;
				background-color: #e69200;
				transition: all 0.7s ease-in-out;
			}
			
					main h4 a:hover
					 {
						color: #e69200;
						background-color: black;
					}
			
			main h6, #wide h6
			 {
				font-family: "PT Serif", Times, "Times New Roman", serif;
				font-style: italic;
				font-size: 17px;
				line-height: 1.1;
				color: #6d686f;
				text-align: left;	
				margin: 0;
				padding: 0px 0px 15px 0px;
				text-decoration: none;
			}
			
			main p, #wide p,
			main ul, #wide ul,
			main ol, #wide ol
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 400;
				font-size: 16px;
				line-height: 1.6;
				color: black;
				text-align: left;
			}
	
			main em,
			#wide em
			 {
				font-family: "PT Serif", Times, "Times New Roman", serif;
				font-style: italic;
			}
			
	
					main p,
					#wide p
					 {
						margin: 0;
						padding: 0px 0px 16px 0px;
					}
			
			main h2 + p,
			#wide h2 + p
			 {
				padding-top: 0;
			}
	
			main ul, #wide ul,
			main ol, #wide ol
			 {
				margin: 0 0 0 0px;
				padding: 0px 0px 20px 34px;
			}
			
			main ul li, main ol li,
			#wide ul li, #wide ol li
			 {
			 	list-style-position:outside;
			 }
	
					main p:first-child, 
					#wide p:first-child 
					{
						padding-top: 0px;
					}
					
			main img.alignright {
				margin: 5px -43px 5px 5px;
			}
			
						*/
			
			a, a:link, a:visited, a:active {
				color: #3797f4;
				text-decoration: underline;
			}
			
			a:hover {
				color: #66a109;
				text-decoration: none;
			}
			



 @media all and (min-width: 1px) and (max-width: 2000px) {
			main p {
				padding: 0px 0px 20px 0px;
			}
 }
 
 
 

/* home page styles */


			body.home main h1 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 300;
				font-size: 29px;
				line-height: 1.1;
				color: #fddc40;
				text-align: left;	
				margin: 0 0 22px 0;
				padding: 0px 0px 0px 0px;
			}
	
			body.home main h2 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 300;
				font-size: 23px;
				line-height: 1.3;
				color: #6e5038;
				text-align: left;	
				margin: 20px 0 0 0;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
	
			body.home main h2 a {
				font-weight: 300;
				font-size: 23px;
				color: #6e5038;
				text-decoration: none;
			}
	
			body.home main h2:first-of-type
			{
				padding-top: 0;
			}
			
			body.home main h3, body.home main h3 a
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 15px;
				line-height: 1.3;
				color: #6d686f;
				text-align: left;	
				margin: 0;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			body.home main h6
			 {
				font-family: "PT Serif", Times, "Times New Roman", serif;
				font-style: italic;
				font-size: 17px;
				line-height: 1.1;
				color: #6d686f;
				text-align: left;	
				margin: 0;
				padding: 0px 0px 15px 0px;
				text-decoration: none;
			}
			
			body.home main p, 
			body.home main ul, 
			body.home main ol
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 300;
				font-size: 14px;
				line-height: 1.6;
				color: #ccecff;
				text-align: left;
			}
	
			body.home main em
			 {
				font-family: "PT Serif", Times, "Times New Roman", serif;
				font-style: italic;
			}
			
	
					body.home main p,
					 {
						margin: 0;
						padding: 0px 0px 16px 0px;
					}
			
			body.home main h2 + p
			 {
				padding-top: 0;
			}
	
			body.home main ul, #wide ul
			 {
				margin: 0 0 0 0px;
				padding: 0px 0px 0px 14px;
			}
			
			body.home main ul li, body.home main ol li
			 {
			 	list-style-position:outside;
			 }
	
					body.home main p:first-child
					{
						padding-top: 0px;
					}
					
			body.home main img.alignright {
				margin: 5px -43px 5px 5px;
			}
			





 
 
 
 #wide .column2 {
	 float: left;
	 width: 47.5%;
	 margin-right: 2.5%;
 }

 @media all and (max-width: 800px) {
 #wide .column2 {
	 float: none;
	 width: 100%;
	 margin-right: 0;
 }
 }



#wide .triple_column {
	 float: left;
	 width: 30%;
	 margin-right: 2.5%;
 }

 @media all and (max-width: 800px) {
 #wide .triple_column {
	 float: none;
	 width: 100%;
	 margin-right: 0;
 }
 }

 #wide #hotel_overview h1 {
	 clear: both;
	 padding-top: 30px;
 }
 
 #wide .amenities_column ul {
				margin: 0 0 0 0px;
				padding: 0px 0px 0px 15px;
 }

			#wide .amenities_column ul li
			 {
			 	list-style-position: outside;
				line-height: 1.6;
			 }
	
	
	
table.thumb_table {
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	width: 98%;
}
	
table.thumb_table td {
	width: 33%;
	vertical-align: top;
	padding: 15px 15px 0 0;
}

table.thumb_table td img {
	width: 195px;
	height: auto;
}

 @media all and (min-width: 1px) and (max-width: 1040px) {
		table.thumb_table td img {
			width: auto;
			height: auto;
		}
 }


 @media all and (min-width: 1px) and (max-width: 900px) {
		table.thumb_table td {
			width: 50%;
		}
 }

 @media all and (min-width: 1px) and (max-width: 500px) {
		table.thumb_table td {
			width: 100%;
			display: block;
		}
 }
 
 
	
table.link_table {
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	width: 100%;
}
	
table.link_table td {
	width: 50%;
	vertical-align: top;
	padding-bottom: 15px;
}

 @media all and (min-width: 1px) and (max-width: 800px) {
		table.link_table td {
			width: 100%;
			display: block;
		}
 }
	
table.link_table3 {
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	width: 100%;
}
	
table.link_table3 td {
	width: 33%;
	vertical-align: top;
	padding-bottom: 15px;
}

 @media all and (min-width: 1px) and (max-width: 800px) {
		table.link_table3 td {
			width: 100%;
			display: block;
		}
 }
	
	table.link_table strong, 
	table.link_table3 strong 
	{
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 600;
	}
	
	table.link_table h2, 
	table.link_table3 h2 
	{
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 400;
				color: rgb(110, 80, 56);
				font-size: 21px;
				border-bottom: 1px rgb(110, 80, 56) solid;
	}
	
 
 p.main_button {
	line-height: 1.1;
	margin: 10px 0 15px 0;
 }
		 
		 p.main_button a {
			padding: 9px;	
			border-radius: 4px;
			box-shadow: 0px 0px 8px #666; 
			color: white; 
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			background-color: #594662;
		 }
		 
		 p.main_button a:hover {
			background-color: #a38dae;
		 }
		 


	
aside {
	float: right;
	width: 359px;
	display:table-cell;
	text-align: left;
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
}
	
	body.home aside {
		float: left;
		width: 443px;
		display:table-cell;
		text-align: center;
	}
	
	aside section.widget {
		margin-bottom: 0 !important;
	}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	aside {
		width: 96%;	
		padding: 2%;
	}
 }
 
 	aside #secondary_navigation {
		background-color: #3797f4;	
		padding: 5px 20px 5px 40px;
	}

 	aside #secondary_navigation ul,
 	aside #secondary_navigation ul li,
 	aside #secondary_navigation ul li a
	 {
		color: white;	
		font-family: "WorkSans", Helvetica, Arial, sans-serif;
		font-size: 23px;
		font-weight: 300;
		line-height: 1.1;
		list-style: url(images/arrow.jpg) outside;
	}

 	aside #secondary_navigation ul
	 {
		margin: 15px;
		padding: 0;
	}

 	aside #secondary_navigation ul li
	 {
		color: white;
		margin: 0 0 0 0px;
		padding: 0 0 15px 0px;

	}

 	aside #secondary_navigation ul li a
	 {
		color: white;
		text-decoration: none;
	}

 	aside #secondary_navigation ul li a:hover,
 	aside #secondary_navigation ul li:hover a,
 	aside #secondary_navigation ul li.current_page_item,
 	aside #secondary_navigation ul li.current_page_item a
	 {
		color: black;
		font-weight: 600;
		list-style: url(images/arrow_over.jpg) outside;
	}
 
			aside h4 a, aside h4 a:link, aside h4 a:visited, aside h4 a:active
			 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 600;
				font-size: 19px;
				line-height: 1.3;
				color: white;
				text-align: left;	
				margin: 0;
				padding: 10px 10px;
				text-decoration: none;
				text-transform: uppercase;
				background-color: #74b70b;
				width: 100%;
				display: block;
				transition: all .7s ease-in-out;
			}
 
			aside h4 a:hover
			 {
				color: black;
				background-color: #3797f4;
			}
 
  p.sidebar_button {
	width: 100%;
	background-color: #594662;
	padding: 6px;	
	border-radius: 4px;
	box-shadow: 0px 0px 8px #666; 
	line-height: 1.1;
	text-align: center !important;
 }

		  p.sidebar_button:hover {
			background-color: #a38dae;
		 }
		 

		  p.sidebar_button a {
			color: white; 
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
		 }
		 

		body.home aside {
			padding: 0 10px 0 0px;
		}

 @media all and (min-width: 1px) and (max-width: 2000px) {
		body.home aside {
			width: 96%;	
			padding: 2%;
			float: none;
			clear: both;
			display: block;
		}
 }

				body.home aside img {
					/* width: 150px; */
					margin: 0 auto;
					padding: 0;
				}
			
				body.home aside p {
					margin: 0;
					padding: 0 0 14px 0;
					font-family: "PT Serif", Times, "Times New Roman", serif;
					font-weight: normal;
					font-size: 14px;
					line-height: 1.55;
					color: #8c8c8c;
				}
				
	






#mailing_container {
	background: url(images/home_rem_07.jpg) top center repeat;
	height: 557px;
	border-bottom: 1px white solid;
}


#mailing {
	height: 341px;
	width: 2000px;
	margin: 0 auto;
	/* background: url(images/home_rem_20.jpg) top center no-repeat; */
	padding: 50px 0 0 0;
}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#mailing {
		width: 96%;	
		padding: 2%;
		height: auto;
	}
 }

			#mailing h1 {
				font-family: "WorkSans", Helvetica, Arial, sans-serif;
				font-weight: 200;
				font-size: 30px;
				color: #f3f1ee;
				text-align: left;	
				margin: 0;
				padding: 0px 0px 20px 0px;
			}
			
			
			



/*  PARALLAX PRIMARY STRUCTURE  
============================================================ */
.container {
  /* max-width: 960px; */
  margin: 0 auto;
}

section.module:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: 300px;
  background-repeat: no-repeat;
  background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center; 
}







			
			
			

#map_container {
	background-color: #fff;
	/* background: url(images/contact_bkgd.jpg) top center; */
	position: relative;
	border-bottom: 1px white solid;
	
}

#map {
	height: 457px;
	width: 2000px;
	margin: 0 auto;
	/* background: url(images/home_rem_23.jpg) top center no-repeat; */
	padding: 35px 0;
}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#map {
		width: 92%;	
		padding: 4%;
		height: auto;
		display: table;
		text-align: center;
	}
 }

			#map a {
				color: #086497;
				text-decoration: none;
			}

			#map a:hover {
				color: #deb87a;
				text-decoration: underline;
			}

			#map img {
				float: right;	
				outline: 3px #9a9c9b solid;
				margin: 23px 3px 0 0;
				padding: 0px;
				width: 585px;
				opacity: 1; filter: alpha(opacity=100);
			}

					#map img:hover {
						outline: 3px white solid;
						opacity: .8; filter: alpha(opacity=80);
					}

 @media all and (min-width: 1px) and (max-width: 2000px) {
			#map img {
				float: none;	
				outline: 3px #9a9c9b solid;
				margin: 0 auto;
				padding: 0px;
				width: 585px;
			}
 }

			#map #contact_info {
				float: left;	
				margin: 0;
				padding: 0px 0px 0px 0px;
			}
			
 @media all and (min-width: 1px) and (max-width: 2000px) {
			#map #contact_info {
				float: none;	
				margin: 0;
				padding: 0px 0px 0px 0px;
				text-align: center;
			}
 }
				#map #contact_info h1 {
					font-family: "WorkSans", Helvetica, Arial, sans-serif;
					font-weight: 200;
					font-size: 36px;
					color: #114395;
					text-align: left;	
					margin: 0;
					padding: 0px 0px 20px 0px;
				}
				
 @media all and (min-width: 1px) and (max-width: 2000px) {
				#map #contact_info h1 {
					text-align: center;	
					padding: 0px;
				}
 }
 
				#map #contact_info #contact_box1 {
					display: inline-block;	
					margin: 0;
					padding: 0px 0px 0px 0px;
					width: 180px;
				}
				
 @media all and (min-width: 1px) and (max-width: 2000px) {
				#map #contact_info #contact_box1 {
					width: 40%;
					border-right: none;
				}
 }
				
 @media all and (max-width: 700px) {
				#map #contact_info #contact_box1 {
					width: 100%;
					padding-bottom: 20px;
				}
 }
 
						#map #contact_info #contact_box1 p {
							font-family: "WorkSans", Helvetica, Arial, sans-serif;
							margin: 0;
							padding: 0px 0px 20px 0px;
							color: #114395;
							font-size: 14px;
							line-height: 1.5;
							font-weight: normal;
						}
						
				#map #contact_info #contact_box2 {
					display: inline-block;	
					margin: 0;
					padding: 0px 0px 0px 60px;
					width: 330px;
					vertical-align: top;
				}
				
 @media all and (min-width: 1px) and (max-width: 2000px) {
				#map #contact_info #contact_box2 {
					width: 40%;
					padding: 0;
				}
 }
				
 @media all and (max-width: 700px) {
				#map #contact_info #contact_box2 {
					width: 100%;
				}
 }
 
						#map #contact_info #contact_box2 p {
							font-family: "WorkSans", Helvetica, Arial, sans-serif;
							margin: 0;
							padding: 0px 0px 20px 0px;
							color: #114395;
							font-size: 14px;
							line-height: 1.5;
							font-weight: normal;
						}



		

#footer_container {
	background-color: #000;
	
}

#footer {
	height: 220px;
	width: 2000px;
	margin: 0 auto;
	/* background: url(images/home_rem_29.jpg) top center no-repeat; */
	padding: 25px 0 0 0;
	color: #fff;
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
}

 @media all and (min-width: 1px) and (max-width: 2000px) {
	#footer {
		width: 92%;	
		padding: 4%;
		height: auto;
		display: table;
	}
 }

		#footer p {
			margin: 0 0 0 0;
			padding: 0px 0 20px 0;
			color: #fff;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			text-decoration: none;
			font-size: 13px;
		}

		#footer a {
			color: #fff;
			text-decoration: underline;
		}

		#footer a:hover {
			color: #ee3a43;
			text-decoration: none;
		}



		





		#copyright p {
			margin: 0 0 0 0;
			padding: 0px 0 20px 0;
			color: #fff;
			font-family: "WorkSans", Helvetica, Arial, sans-serif;
			text-decoration: none;
			font-size: 13px;
		}

		#copyright a {
			color: #fff;
			text-decoration: underline;
		}

		#copyright a:hover {
			color: #000;
			text-decoration: none;
		}





  
  
  
  
/* home news */

.textwidget #home_news {
	background-color: #f2f3f5;
	text-align: left;
	padding: 0;
	margin: -6px 0 0 0;
}

.textwidget #home_news h1 {
	background-color: #74b60a;
	font-family: 'WorkSans', sans-serif;
	font-weight: 300;
	font-size: 25px;
	color: white; 
	text-align: left;
	padding: 5px 20px;
	margin: 0px 0px 0px 0px;
	text-transform: none;
}

.textwidget #home_news_body {
	text-align: left;
	padding: 20px;
}

.textwidget #home_news_body h2 {
	font-family: 'WorkSans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #05496e; 
	padding: 0;
	margin: 0px 0px 0px 0px;
}

		.textwidget #home_news_body h2 a {
			font-size: 15px;
			font-weight: 600;
			color: #05496e; 
		}

.textwidget #home_news_body h3 {
	font-family: 'WorkSans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #777; 
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.textwidget #home_news_body p {
	font-family: 'WorkSans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #05496e; 
	padding: 0;
	margin: 0px 0px 16px 0px;
}

		.textwidget #home_news_body p a {
			color: #e79201; 
		}




/* management pages */
.mgmt {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 22px;	
	clear: both;
}

.mgmt:first-of-type,
.mgmt:nth-of-type(4)
 {
	padding-top: 0px;	
}



/* GTranslate */

.notranslate {
	float: right;
}

img#online_bill {
	width: 134px;
	height: auto;
}

@media screen and (max-width: 600px) {
img#online_bill {
	width: 90px;
	height: auto;
	margin-bottom: -6px;
}
	
}
img#signup {
	width: 181px;
	height: auto;
}

@media screen and (max-width: 600px) {
img#signup {
	width: 122px;
	height: auto;
	margin-bottom: -6px;
}
	
}
























/* INLINE SCRIPTS MOVED  */


body {
		font-family: 'WorkSans', Helvetica, Arial, sans-serif !important; 
}



/* header --------------*/

@media screen and (max-width: 1000px) {
#header {
  height: 140px;
}
}
#header a#logo {
  left: 1.5em;
}

@media screen and (max-width: 1000px) {
#header a#logo img {
  width: 60%;
  height: auto;
}
}

@media screen and (max-width: 768px) {
#header a#logo {
  width: 300px;
	left: 50%;
	margin: -20px 0 0 -150px;
	text-align: center;
	padding: 0;
}
	
#header a#logo img {
  width: 80%;
  height: auto;
}
}

p#top-btn {
  top: 77px;
  right: 2.5em;
}

@media screen and (max-width: 1000px) {
p#top-btn {
  top: 89px;
  right: 1.5em;
}
}

@media screen and (max-width: 768px) {
p#top-btn {
  display: none !important;
}
}



@media screen and (max-width: 1000px) {
p#top-nav {
  top:70px;
  right: 8em;
	font-size: 30px;
}
}

@media screen and (max-width: 768px) {
p#top-nav {
  top: 94px;
  right: 0;
  font-size: 25px;
	width: 100%;
	text-align: center
}
}

#header a[href^="tel"] {
  color: black !important; 
  text-decoration: none; 
}





/* nav -----------------*/

@media screen and (min-width: 769px) {
li.hide_desktop {
	display: none !important;
}
}

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

#navigation ul li {
  padding: 10px 10px 8px 10px;
}
}

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

#navigation ul li {
  padding: 10px 6px 8px 6px;
	font-size: 14px;
}
}

#mg-wprm-wrap li.menu-item ul.sub-menu {
  height: auto !important;
	z-index: 999;
}








/* news */

#news {
	display: flex;
	padding: 0 !important;
	margin: 0  auto !important;
	background-color: white !important;
	column-gap: 20px;
	position: relative;
	border: 5px white solid;
}

@media screen and (max-width: 978px) {
#news {
	flex-wrap: wrap !important;
}
}

.news_box {
	width: 33%;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	outline: none !important;
	position: relative;
	opacity: 1.0;
}

@media screen and (max-width: 978px) {
.news_box {
	width: 48% !important;
	margin-bottom: 50px !important;
}
}

@media screen and (max-width: 768px) {
.news_box {
	width: 99% !important;

}
}

.news_box:hover {
	opacity: .6 !important;
}

.news_box img {
	width: 100%;
	height: auto;
	border: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0 !important;
}

.news_box h2 {
	display: block;
	text-transform: uppercase;
	width: 100% !important;
	padding: 0px;
	margin: 6px 0px 0px 0px;
	text-align: left;
	color: #555;
		font-family: 'Teko', Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 1.1;
}

.news_box p.date {
	display: block;
	width: 100% !important;
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: #888;
		font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.news_box p.news_blurb {
	display: block;
	width: 100% !important;
	padding: 0px;
	margin: 6px 0px 0px 0px;
	text-align: left;
	color: #888;
		font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.3;
}

.news_box a.learn {
	width: 100% !important;
	padding: 0px;
	margin: 6px 0px 0px 0px;
	text-align: left;
	color: #000;
		font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: bold;
}

article {
	padding: 0 20px!important;;
}

main#main {
		padding:  52px  20px !important; 
}

@media screen and (max-width: 1000px) {
main#main {
		padding:  52px  0px !important;
}
}

.entry-meta{
	text-align: left;
	font-style: italic;
}






/* features */

#features {
	display: flex !important;
	padding: 0 !important;
	margin: 0  auto !important;
	background-color: white !important;
	column-gap: 8px;
	position: relative;
	border: 5px white solid;
}

@media screen and (max-width: 1000px) {
#features {
	flex-wrap: wrap !important;
		column-gap: 4px;
}
}

.feature_box {
	width: 25%;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	outline: none !important;
	position: relative;
	opacity: 1.0;
}

@media screen and (max-width: 1000px) {
	.feature_box {
	width: 49.5% !important;
}
}

@media screen and (max-width: 768px) {
	.feature_box {
	width: 49.5% !important;
}
}

@media screen and (max-width: 600px) {
	.feature_box {
	width: 99.5% !important;
}
}

.feature_box:hover {
	width: 25%;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	outline: none !important;
	position: relative;
	opacity: .8 !important;
}

.feature_box img {
	width: 100%;
	height: auto;
	border: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0 !important;
}

.feature_box h2 {
	position: absolute;
	bottom: 9px !important;
	background: url('https://www.retlif.com/staging/wp-content/uploads/2023/01/feature_bkgd85.png') top left repeat;
	display: block;
	text-transform: uppercase;
	width: 100% !important;
	padding: 10px 20px 0px 20px !important;
	text-align: left;
	color: white;
		font-family: 'Teko', Helvetica, Arial, sans-serif;
	font-size: 34px;
}

@media screen and (max-width: 1250px) {
.feature_box h2 {
	position: absolute;
	bottom: 9px !important;
	padding: 5px 5px 0px 5px;
	font-size: 25px;
}
}





/* main content */

#content_container {
  background-color: white !important;
  border-top: none;
  margin-top: -6px;
	width: 100% !important;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat; 
}

body.home #content_container {
		background: none;
}

#wrapper {
	background-color: none !important;
	padding: 0;
	width: 1600px !important; 
	margin: 0px auto !important;
	display: flex;
	height: auto;
}

@media screen and (max-width: 1600px) {
#wrapper {
	width: 92% !important;
	margin: 0px !important;
}
}

main {
	width:100% !important;
	padding: 30px 0;
}

body.home #wrapper {
	background-color: white !important;
	padding: 0;
	width: 1200px !important;
	margin: 0px auto !important;
}

body.home main {
	width:100% !important;
}

@media screen and (max-width: 1250px) {
body.home #wrapper {
	width: 92% !important;
	margin: 0px 4% !important;
}
	
#wrapper {
	width: 92% !important;
	margin: 0px 4% !important;
	background-color: none !important;
}
}

@media screen and (max-width: 768px) {
#wrapper {
	width: 98% !important;
	margin: 0px 1% !important;
}
}

main#main {
	padding: 50px 0;
	background-color: none !important;
	/* float: right !important; 
	width: 1120px !important; */
	order: 2;
	Flex: 1;
}

main#home {
	padding: 50px 0;
}

main#home h2{
	font-family: 'Teko', Helvetica, Arial, sans-serif;
	font-size: 44px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center !important;
	text-transform: uppercase;
	color: #00509f;
	font-weight: 500;
	line-height: 1.0
}

h1,h3,h4 {
	text-align: left;
	line-height: .8;
	padding: 0 0 0 0;
}

h1 {
		font-family: 'Teko', Helvetica, Arial, sans-serif !important;
	font-size: 54px  !important;
	margin: 0 0 20px 0  !important;
	padding: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	color: #00509f  !important;
	font-weight: 500;
}

@media screen and (max-width: 600px) {
h1 {
	font-size: 34px  !important;
}
}

h2 {
		font-family: 'Teko', Helvetica, Arial, sans-serif;
	font-size: 44px;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	text-align: center;
	text-transform: uppercase;
	color: #00509f;
	font-weight: 300;
	line-height: 1.0;
}


main#main h2 {
	text-align: left;
}

@media screen and (max-width: 600px) {
h2 {
	font-size: 30px  !important;
}
}

h3 {
		font-family: 'Teko', Helvetica, Arial, sans-serif  !important;
	font-size: 30px !important;
	margin: 10px 0 10px 0  !important;
	padding: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	color: #777  !important;
	font-weight: 500  !important;
}

@media screen and (max-width: 600px) {
h3 {
	font-size: 28px  !important;
}
}

main#main p, #wide p, main ul, #wide ul, main ol, #wide ol {
  font-family: "WorkSans", Helvetica, Arial, sans-serif ;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5 !important;
  color: #666 !important;
  text-align: left;
	padding-bottom: 0;
	margin-top: 0;
}

main#main ul ul.sub {
	margin-top: -24px;
}

p.special {
	color: #888 !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	margin: -24px 0 15px 0 !important;
	font-family: 'Teko', sans-serif  !important;
	text-transform: uppercase;
	line-height: 1.2;
}

p.special2 {
	color: #888 !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	margin: -14px 0 15px 0 !important;
	font-family: 'Teko', sans-serif  !important;
	text-transform: uppercase;
	line-height: .9;
}

@media screen and (max-width: 600px) {
p.special2 {
	margin: -8px 0 15px 0 !important;
	font-size: 22px !important;
}

}

table#home_tbl td {
		font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 20px 0;
	padding: 20px 0;
	text-align: left;
	color: #777;
	font-weight: 500;
	line-height: 1.4;
	border-top: 3px #888 solid;
	border-bottom: 3px #888 solid;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	table#home_tbl td {
	display: block;
		border: none;
		text-align: center;
		width: 100% !important;
}
}

table#home_tbl td:last-child{
	width: 25% !important
}

@media screen and (max-width: 1250px) {
	table#home_tbl td:last-child{
	width: 300px !important;
		padding-left: 20px;
}
}

@media screen and (max-width: 768px) {
		table#home_tbl td:last-child{
	width: 300px !important;
	padding: 0px;
	text-align: center;
		width: 100% !important;
}
}

body.home main img.alignright {
  margin: 0px 0px 5px 5px;
}

.color_container {
	background-color: #e7f6fd;
	padding: 30px 0;
	width: 100%;
}

.white_container {
	background-color: #fff;
	padding: 30px 0;
}

.white_container p.narrow{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	color: #888;
	font-size: 18px;
	line-height: 1.3;
}

@media screen and (max-width: 1050px) {
.white_container p.narrow{
	width: 100%;
	margin: 0 auto 15px auto;
	text-align: center;
	padding: 0 2%;;
	color: #888;
	font-size: 18px;
	line-height: 1.3;
}
}

ul.std {
	background-color: #b7e0f0;
	columns: 2;
	padding: 20px 0 20px 0px;
	margin: 0px 0 30px 0;
	list-style: none;
	font-size: 16px;
}


@media screen and (max-width: 768px) {
ul.std {
	columns: 1;
}
}


ul.std li::before {
  content: '■';  
  color: #ee3a43; 
  font-weight: bold; 
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; 
  margin-left: -1em; 
}

ul.std li {
	margin: 0px 0 0 40px;
	color: #666 !important;

}





/* sidebar */

aside {
	order: 1;
  text-align: left;
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
	padding: 51px 0 0px 0;
	flex: 0 0 383px;
	margin-right: 50px;
}


@media screen and (max-width: 1200px) {
aside {
	padding: 51px 0 0px 0;
	flex: 0 0 248px;
	margin-right: 20px;
}
}

@media screen and (max-width: 768px) {
aside {
	display: none;
}
}

@media screen and (max-width: 1200px) {
aside img {
	width: 100%;
}
}

ul#sidenav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#sidenav li {
	/* background: url('https://www.retlif.com/staging/wp-content/uploads/2023/01/sidebar-bkgd.jpg') top left no-repeat; */
	color: white;
	background-color: #114893;
	margin: 0 0 10px 0;
	padding: 0;
}

@media screen and (max-width: 1200px) {
ul#sidenav li {
	background-size: 100% ;
		margin: 0 0 0px 0;

}
}

ul#sidenav li:hover,
ul#sidenav li.current_page_item
{
	/* background: url('https://www.retlif.com/staging/wp-content/uploads/2023/01/sidebar-bkgd-ro.jpg') top left no-repeat; */
	color: white;
	margin: 0 0 10px 0;
	padding: 0;
}

@media screen and (max-width: 1200px) {
ul#sidenav li:hover {
	background-size: 100% ;
	margin: 0;
}
}

ul#sidenav li a {
	padding: 21px 0 25px 40px;
	color: white;
	font-size: 29px;
			font-family: 'Teko', Helvetica, Arial, sans-serif !important;
	text-decoration: none;
	display: block;
	font-weight: 500;
	background-color: #114893;

}

@media screen and (max-width: 1200px) {
ul#sidenav li a {
	padding: 14px 0 25px 10px;
	color: white;
	font-size: 22px;
}
}







/* industries */

#industries {
	display: flex !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	margin: 0 auto !important;
	background-color: none !important;
	column-gap: 1%;
	position: relative;
	width: 1500px;
}

@media screen and (max-width: 1600px) {
#industries {
	display: flex !important;
	flex-wrap: wrap !important;
	padding: 0 1% !important;
	margin: 0 auto !important;
	background-color: none !important;
	column-gap: 1%;
	position: relative;
	width: 100%;
}
}

.industries_box {
	width: 32.5% !important;
	padding: 0 !important;
	margin: 0px 0 15px 0 !important;
	border: none !important;
	outline: none !important;
	position: relative;
	opacity: 1.0;
	background-color: black;
	height: 192px;
}

@media screen and (max-width: 1500px) {
.industries_box {
	width: 49.5% !important;
}
}

@media screen and (max-width: 968px) {
.industries_box {
	width: 99.5% !important;
}
}

.industries_box img {
	width: 172px;
	height: auto;
	border: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 1.0 !important;
}

.industries_box h2 {
	display: block;
	position: absolute;
	top: 58px !important;
	left: 172px !important;
	text-transform: uppercase;
	padding: 0px 0px 0px 30px;
	text-align: left;
	color: white !important;
		font-family: 'Teko', Helvetica, Arial, sans-serif !important;
	font-size: 30px;
	line-height: .85;
}

.industries_box p {
	display: block;
	position: absolute;
	top: 49px ;
	left: 172px;
	padding: 20px 0px 0px 30px;
	text-align: left;
	color: white;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 20px;
}

@media screen and (max-width: 500px) {
.industries_box p {
	top: 109px !important;
}
}

.industries_box p a {
	padding: 0px;
	text-align: left;
	color: white;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.industries_box p a:hover {
	color: #ee3a43;
	text-decoration: underline;
}






/* image video and gallery */

#image_video_container {
	width: 100%;
	background-color: #00509f;
	color: white !important;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
}

#image_video {
	display: flex;
	width: 1600px;
	margin: 0 auto;
	height: auto;
}

@media screen and (max-width: 1600px) {
#image_video {
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
}
}

#left_box {
	flex: 1;
	padding: 30px;
}

#left_box p,
#left_box h2,
#left_box h3,
#left_box ul,
#left_box ol,
#left_box blank
{
	color: white !important;
	text-align: left;
}

#left_box h2,
#left_box h3,
#left_box blank
{
	line-height: .8;
}

#right_box {
	flex: 0 0 760px;
	padding: 0 30px;
}

@media screen and (max-width: 1200px) {
#right_box {
	flex: 0 0 360px;
	padding: 0 30px;
}
}

#right_box p,
#right_box h2,
#right_box h3,
#right_box ul,
#right_box ol,
#right_box blank
{
	color: white !important;
	text-align: left; 
}


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

#left_box {
	padding: 30px;
	text-align: center;
}

#right_box {
	padding: 30px;
	text-align: center;
}
	
}



#gallery_container {
	width: 100%;
}

#gallery_box {
	width: 100%;
	background-color: #fff;
	color: white !important;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	padding: 40px;
}






/* footer */

#footer_container {
	height: 377px;
	position: relative;
}

@media screen and (max-width: 1300px) {
#footer_container {
	height: 190px;
	position: relative;
}
}

@media screen and (max-width: 1000px) {
#footer_container {
	height: auto;
	position: relative;
}
}

#footer img#logo_footer{
	position: absolute;
	top: 50px;
	left: 1.5em;
}

@media screen and (max-width: 1000px) {
#footer img#logo_footer{
	position: relative;
	top: auto !important;
	left: 50% !important;
	margin-left: -75px !important;
}
}

@media screen and (max-width: 1300px) {
#footer img#logo_footer{
	top: 20px;
	left: 1.5em;
	width: 150px;
}
}

#footer_cols {
	position: absolute;
	top: 122px;
	left: 20.5em;
}

@media screen and (max-width: 1300px) {
#footer_cols {
	position: absolute;
	top: 52px;
	left: 13.5em;
}
}

@media screen and (max-width: 1000px) {
#footer_cols {
	position: relative;
	top: auto;
	left: 50%;
	width: 650px;
	margin-left: -323px;
}
}

#footer_cols p.col {
	display: inline-block;
	margin-right: 75px;
		color: #eee;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3;
}

@media screen and (max-width: 1300px) {
#footer_cols p.col {
	margin: 0px 30px 10px 0px !important;
	font-size: 14px;
	line-height: 1.3;
}
}

@media screen and (max-width: 1000px) {
#footer_cols p.col {
	display: block;
	text-align: center;
	margin: 0px 0px 10px 0px !important;
}

}

p#social{
	position: absolute;
	right: 1.5em;
	color: #eee;
	font-family: 'WorkSans', Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 1.3;
	width: 150px;
	text-align: right;
}

@media screen and (max-width: 1300px) {
p#social{
	top: 100px;
	font-size: 26px;
	width: 100px;
}
}

@media screen and (max-width: 1000px) {
p#social{
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	text-align: center;
}
}







/* copyright */

#copyright_container {
	background-color: #ee3a43;
}

#copyright {
	height: 100px;
	width: 2000px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	color: #fff;
	font-family: "WorkSans", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 2000px) {
#copyright {
  width: 98% !important;
  padding: .5% !important;
  height: 80px;
  display: block;
}
}

@media screen and (max-width: 1000px) {
#copyright {
  width: 98% !important;
  padding: .5% 1%!important;
  height: auto;
  display: block;
}
}



#copyright table {
  width: 98% !important;
  padding: 0% 1% !important;
}



#copyright table td{
  vertical-align: top; !important;
}

@media screen and (max-width: 1000px) {
#copyright table td{
  display: block; !important;
  width: 100%; !important;
	text-align: center !important;;
}
}

#footer a[href^="tel"] {
  color: white !important; 
  text-decoration: none; 
}


/* Request Quote Form */

h5 {
	text-align: left;
			font-family: 'Teko', Helvetica, Arial, sans-serif;
	font-size: 44px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: center;
	text-transform: uppercase;
	color: #00509f;
	font-weight: 500;
}

h6 {
	text-align: left;
			font-family: 'Teko', Helvetica, Arial, sans-serif !important;
	font-size: 28px  !important;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: center  !important;
	text-transform: uppercase;
	color: #00509f;
	font-weight: 500;
}

input, label, select{
	width: 100% !important;
	text-align: left !important;
}

input.gfield-choice-input {
	width: 22px !important;
}

@media screen and (max-width: 978px) {
main#main img {
	display: block;
	float: none;
	margin: 10px auto;
	max-width: 90%;
	height: auto;
}
}
	
	
	
/* second move */
	
	#footer_cols .col strong {
	font-size: 19px;
}

@media screen and (max-width: 800px) {
.alignright {
  float: none;
  margin: 1.5em;
}
}

figcaption {
	color: #00509f;
	font-size: 14px;
}

ul#sidenav li a {
	background-color: #114893 !important;
	padding: 18px 0 15px 20px;
	line-height: 1.0;
	font-size: 29px;
		margin: 0 0 10px 0 !important;

}

ul#sidenav li.current_page_item a {
	background-color: #002360 !important;
	margin: 0 0 10px 0 !important;
}

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

aside {
  padding: 51px 0 0px 0;
  flex: 0 0 220px;
  margin-right: 0px;
}
	
ul#sidenav li a {
	padding: 14px 0 15px 10px;
	line-height: 1.0;
	font-size: 22px;
}

ul#sidenav li.current_page_item a {
	background-color: #002360 !important;
}
}


#slider_mobile {
	display: none;
}

@media only screen and (max-width: 768px) {
#slider {
	display: none;
}
	
#slider_mobile {
	display: block;
}
}

@media only screen and (min-width: 1000px) {
p#top-nav {
  position: absolute;
  padding: 10px 0 0 0;
  margin: 0;
  top: 53px;
  right: 264px;
  color: #000;
  font-family: 'Teko', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 39px;
  text-align: right;
  height: 33px;
}
}