/*- TABLE OF CONTENTS <<<-------
	1. RESETS AND OVERRIDES
	2. FOUNDATION OVERRIDE STYLES
	3. BASIC STYLES
	4. GLOBAL STYLES
	5. HEADER
	6. HERO
	7. SHOW ROOMS
	8. PROJECTS
	9. SLICK SLIDEF
	10. MAIN CONTENT
	11. BENEFITS
	12. CALLS TO ACTION [Quality Products and Spaces from Homepage live here]
	13. GALLERY / COLORBOX
	14. TAGLINE
	15. SUBFOOT CTA [Sub Footer Call to Action on Interiors]
	16. FOOTER STYLES
	17. FORMS
	18. DATE PICKER UI [Used In Header Form]
	19. RESPONSIVE IFRAMES [Maps, Videos, etc.]
	20. RESPONSIVE TABLES
	21. STYLE GUIDE
	22. COMMERCIAL/ARCHITECTURAL
	23. MAINTENANCE
	24. ACCORDION
	25. DESIGN TIPS
	26. SHARE THIS BUTTONS
	27. DEALER PAGES
	28. TIMELINE
    30. ALERT

/*- COLOR PALETTE <<<-------
	changed		orignal		orignal
	#880000 				rgb(0,128,148) 	  Primary Color [Logo Teal Blue]
				#0c232f 	rgb(12,35,47) 	  Secondary Color [Dark Slate Blue]
	#550000 				rgb(23,61,82) 	  Tertiary Color [Medium Slate Blue]
				#62727b 	rgb(98,114,123)   Support Color [Slate Gray]
	#FAF5F5		#cee6ea 	rgb(206,230,234)  Support #2 Color [Light White Blue]
				#0d4751 	rgb(13,71,81) 	  Support #3 Color [Dark Teal]
    #D9534F		#C93C38 	rgb(201,60,56) 	  Support #4 [Orange]


	
/*- FONT STACKS & TYPOGRAPHY <<<-------
	Font Family: 'Crimson Text', serif; [Primary Font | Google Fonts | 400]
	Font Family: 'Montserrat', sans-serif; [Secondary Font | Google Fonts | 400 & 700]
	Font Family: FontAwesome [Icon Font]
		SAMPLE CSS USAGE: fortawesome.github.io/Font-Awesome/cheatsheet/
		.myDiv {
			font-family:"FontAwesome";
			content:"\f111";
		}
		SAMPLE HTML USAGE: fortawesome.github.io/Font-Awesome/examples/
		<span class="fa-stack fa-lg">
			<i class="fa fa-square-o fa-stack-2x"></i>
			<i class="fa fa-twitter fa-stack-1x"></i>
		</span>
*/
/*- 1. RESETS AND OVERRIDES <<<-------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: 400;
    font-family:'Montserrat',sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
html, html a, body  {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
html, body {
	height:auto;
	min-height:100%;
}
body {
	line-height:1;
	box-sizing:border-box;
    margin:0;
    overflow-x:hidden;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
main, li {
    display:block;
}
a, button {
    color:inherit;
    transition:.3s;
}
a {
    text-decoration:none;
}
button {
    overflow:visible;
    border:0;
    font:inherit;
    -webkit-font-smoothing:inherit;
    letter-spacing:inherit;
    background:none;
    cursor:pointer;
}
::-moz-focus-inner {
    padding:0;
    border:0;
}
:focus {
    outline:0;
}
img {
    max-width:100%;
    height:auto;
    border:0;
}
/* Box Model Reset */
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Form Resets */
input, label, select, button, textarea {
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;	
	/* Browsers have different default form fonts */
   font-family: inherit;
   font-size: inherit;
   font-weight:inherit;
}
/* Remove the stupid outer glow in Webkit */
input:focus, select:focus{
	outline:0;
}
/* All of our custom controls should be what we expect them to be */
input, textarea {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week]{
}
input[type=checkbox], input[type=radio] {
/*	width:13px;
	height:13px;*/
}
input[type=file] {
}
input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}
::-webkit-search-decoration {
	display:none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}
::-webkit-file-upload-button {	
	padding:0;
	border:0;
	background:none;
}
textarea  {
	vertical-align:top;
	overflow:auto;
}
select {
}
select[multiple] {
	vertical-align:top;
}
/*- 2. FOUNDATION OVERRIDE STYLES <<<-------*/
.column, .columns {
	padding-left:0.625em;
	padding-right:0.625em;
}
.row {
	max-width:1200px;
	max-width:75em;
}
.interior .primaryContent .row {
	max-width:1050px;
	max-width:65.625em;
}
.row .row {
	margin:0 -0.625em;
}
.row .row.collapse {
    margin-right: 0;
    margin-left: 0;
}
/*- Tables -*/
table tbody, table tfoot, table thead {
    border:0;
    background-color:inherit;
}
table tbody td, table tbody th, table tfoot td, table tfoot th, table thead td, table thead th {
    padding:inherit;
    font-weight:inherit;
    text-align:inherit;
}
@media all and (min-width:64rem) { /*- 1024px and up -*/
	.large-shrink {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 100%;
	}
	.large-expand {
		max-width:100%;
	}
    .large-order-7 {
        order:7;
    }
    .large-order-8 {
        order:8;
    }
    .large-order-9 {
        order:9;
    }
    .large-order-10 {
        order:10;
    }
    .large-order-11 {
        order:11;
    }
    .large-order-12 {
        order:12;
    }
}
/*- 3. BASIC STYLES <<<-------*/
html {
	font-size:1rem;
}
body {
	background-color:#fff;
	font-family:'Montserrat',sans-serif;
	font-weight:400;
	color:#62727b;
}
a, a:active, a:visited {
	color:#880000;
}
a:hover {
	color:#880000;
}
a, a:link, a:active, a:visited, a:hover {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a:focus,
a:focus-visible {
    outline:0;
}
a:focus-visible {
    box-shadow:0 0 0 2px #D9534F !important;
}
abbr { /* Replaces acronym */
	color:#880000;
	text-decoration: none;
	border: 0px;
	cursor: help;
}
blockquote {
	display:block;
	padding:0 0 0 30px;
	position:relative;
	font-style:italic;
	border-bottom:3px solid #880000;
}
blockquote:before {
	content: "\201C";  
	font-family:arial, sans-serif;
	font-size:5rem;
	font-style:normal;
	color:#880000;
	position: absolute;
	left:-5px;
	top:-7px;
}
blockquote::after{
	content:"";
}
blockquote p {
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	font-style:italic;
	font-weight:400;
}
blockquote cite {
	display:block;
	position:relative;
	margin-top:5px;
	text-align:right;
}
blockquote cite:before {
    content: '\2014 \0020';
}
em { /* Replaces <i> */
	font-style:italic;
}
hr {
	width:80%;
	height:0.188rem;
	margin:2.5rem auto;
	background-image:linear-gradient(to right, rgba(0,128,148, 0), rgba(0,128,148, 1), rgba(0,128,148,0));
	border:0;
}
i { /* Outdated, still used for Font Awesome and Flexnav Menu Icons */
	font-style:normal;
}
small {
	font-size:80%;
}
strong { /*  Replaces <b> */
    font-weight: 700;
    text-align: center;
}
sup, sub {
	position:relative;
	top:0;
	vertical-align:baseline;
}
sub {
	top:0.4em;
}
h1, h2, h3, h4, h5, h6 {
	position:relative;
	margin:1.5rem 0;
	line-height:1.2;
	text-transform:uppercase;
	color:#62727b;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat', sans-serif;
	font-weight:400;
}
h1 {
	font-size:2.063rem;
}
h2 {
	font-size:2rem;
}
h3 {
	font-size:1.750rem; /*28px*/
}
h4 {
	font-size:1.438rem; /*23px*/
}
h5 {
	font-size:1.25rem; /*20px*/
}
h6 {
    font-size: 1.125rem; /*18px*/
    color: #880000;
    text-align: center;
    font-weight: 100;
}
h7 {
	color:#880000;
	text-transform:none;
	margin-bottom:0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	display:block;
	font-size:60%;
	color:inherit;
	line-height:inherit;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	font-weight:inherit;
	font-size:inherit;
	color:inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:inherit;
}
p, li, td, dt, dd {
	font-size:1rem;
	line-height:1.5em;
}
p, ul, ol, dt, table, blockquote {
    margin: 1.5rem 0;
    text-align: left;
}
ul:not([class]) {
	list-style: none;
	margin:1.5rem 0;
	padding:0 0 0 1.875rem;
}
ul:not([class]) li {
	padding-left:0.75rem;
	position: relative;
}
ul:not([class]) li:before {
	content:"\f111";
	font-family:'FontAwesome';
	font-size:0.313rem;
	color:#880000;
	position:absolute;
	top:0rem;
	left:0;
}
ol:not([class]) {
	list-style: none;
	margin:1.5rem 0;
	padding:0 0 0 1.875rem;
}
ol:not([class]) li {
	padding-left:0.75rem;
	position: relative;
	counter-increment: step-counter;
}
ol:not([class]) li:before {
	content: counter(step-counter) ".";
	color:#0c232f;
	position:absolute;
	top:0rem;
	left:-0.250rem;
	font-weight:700;
}
/*- Highlighting on Select [Click and Drag] -*/
::-moz-selection {
	background:#37b6dc;
	color:#fff;
}
::selection {
	background:#880000;
	color:#fff;
}
img::-moz-selection { 
	background:transparent; 
}
img::selection { 
	background:transparent; 
}
/*- 4. GLOBAL STYLES <<<-------*/
.emptyLink { /*- Used in Breadcrumbs Specifically -*/
	pointer-events:none;
}
/* Buttons */
.btn {
	background:#550000;
	display:inline-block;
	position:relative;
	top:0;
	padding:1rem 1.5rem;
	font-size:1rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.1;
	border-radius:10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.btn.large {
	font-size:1.5rem;
}
a.btn {
	color:#fff;
}
.btn:hover {
	top:2px;
}
.btn.ghost,
a.btn.ghost {
	color:#fff;
}
.btn.ghost {
	border:3px solid #880000;
	background:#880000;
}
a.btn.ghost:hover,
.btn.ghost:hover {
	color:#880000;
	background:#fff;	
}
/* Link Class with Arrows */
.more {
	font-weight:700;
	position:relative;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.more:after {
	position:relative;
	right:2px;
 	font-family:"FontAwesome";
	content:" \f105";
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.more:hover:after {
	right:-3px;
}
/* Link Class with Arrows 2*/
.viewAll {
	font-weight:700;
	position:relative;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.viewAll:after {
	position:relative;
	right:0px;
 	font-family:"FontAwesome";
	content:" \f105";
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.viewAll:hover:after {
	right:-3px;
}
/* Banner Under Header */
.banner {
	position:relative;
	text-align:center;
}
.banner a {
	display:block;
	width:100%;
	margin:0;
	padding:1.5rem 0.625rem;
	font-family:'Montserrat',sans-serif;
	font-size:1.688rem;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0px 6px 18px rgba(16, 66, 75, 0.25);	
	line-height:1.1;
	background:#880000;
	box-shadow:0px 6px 18px rgba(16, 66, 75, 0.25);
}
.banner a strong {
	font-weight:700;
}
/* Headers Class for Bottom Border */
.bottomBorder {
	position:relative;
	padding-bottom:50px;
}
h1.bottomBorder {
	margin-bottom:0px;
}
.bottomBorder:after {
	display:block;
	margin:0 auto;
	content:"";
	position:relative;
	bottom:-25px;
	left:0;
	right:0;
	width:220px;
	height:3px;
	background:#880000;
}
/* Headers Class for Side Border */
h1.sideBorders,
h2.sideBorders, 
h3.sideBorders,
h4.sideBorders {
	overflow: hidden;
 	text-align: center;
}
h1.sideBorders:before,
h1.sideBorders:after,
h2.sideBorders:before,
h2.sideBorders:after,
h3.sideBorders:before,
h3.sideBorders:after,
h4.sideBorders:before,
h4.sideBorders:after {
	background:#880000;
	content:"";
	display:inline-block;
	height:2px;
	position:relative;
	vertical-align: middle;
	width: 50%;
}
h1.sideBorders:before,
h2.sideBorders:before,
h3.sideBorders:before,
h4.sideBorders:before {
	right: 0.5em;
	margin-left: -50%;
}
h1.sideBorders:after,
h2.sideBorders:after,
h3.sideBorders:after,
h4.sideBorders:after {
	left: 0.5em;
	margin-right: -50%;
}
h1.logoHeading,
h2.logoHeading,
h3.logoHeading,
h4.logoHeading,
h5.logoHeading,
h6.logoHeading {
	margin-bottom:0 !important;
}
.logoHeading img {
	vertical-align: middle;
	margin:0 !important;
}
.logoHeading span {
	vertical-align: middle;
	margin:0;
}
.btn.ghost.logo img,
.btn.logo img {
	vertical-align: text-top !important;
	margin:0 !important;
	max-height: 25px !important;
}
/*- Utility Classes <---*/
/* Backgrounds */
.primaryBg	{
	background-color:#880000;
}
.secondaryBg	{
	background-color:#0c232f;
}
.tertiaryBg {
	background-color:#550000;
}
.supportBg {
	background-color:#62727b;
}
.support2Bg {
	background-color:#cdd6ea;
}
.support3Bg {
	background-color:#0d4751;
}
.lightBg {
	background-color:#fff;
}
.darkBg {
	background-color:#000;
}
/* Display */
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:inline-block;
}
.isHidden {
	display:none;
}
/* Width and Height */
.width20 {
	width:20%;
}
.width25 {
	width:25%;
}
.width30 {
	width:30%;
}
.width33 {
	width:33%;
}
.width40 {
	width:40%;
}
.width45 {
	width:45%;
}
.width50  {
	width:50%;
}
.width55  {
	width:55%;
}
.width60  {
	width:60%;
}
.width66 {
	width:66%;
}
.width70 {
	width:70%;
}
.width75 {
	width:75%;
}
.width100  {
	width:100%;
}
.height50 {
	height:50%;
}
.height100 {
	height:100%;
}
.widthAuto {
	width:auto;
}
.heightAuto {
	height:auto;
}
/* Positioning */
.fixed    {
	position:fixed;
}
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.static {
	position:static;
}
.valignMiddle {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.alignCenter {
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
}
.positionCenter{
	left:0;
	right:0;
	margin:0 auto;
}
/* Floats */
.clearfix {
	zoom:1;
}
.clearfix:before, 
.clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.floatLeft  {
	float:left;
}
.floatRight {
	float: right;
}
/* Typography */
.primaryColor {
	color:#880000;
}
.secondaryColor {
	color:#0c232f;
}
.tertiaryColor {
	color:#550000;
}
.supportColor {
	color:#62727b;
}
.support2Color {
	color:#FAF5F5;
}
.support3Color {
	color:#0d4751;
}
.lightColor {
	color:#fff;
}
.darkColor {
	color:#000;
}
.primaryFont {
	font-family:'Montserrat',sans-serif;
}
.secondaryFont {
	font-family:'Montserrat',sans-serif;
}
.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}
.lowercase {
	text-transform:none;
}
/* Text Alignment */
.textLeft {
	text-align:left;
}
.textCenter {
	text-align:center;
}
.textRight {
	text-align:right;
}
.textJustify {
	text-align:justify;
}
/*- 5. HEADER STYLES <<<--------*/
.branding-link {
    display:block;
	width:100%;
}
.branding-link__logo {
    display:block;
	width:100%;
	height:auto;
}
.masthead {
    background-color:#fff;
    position:relative;
    -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.23);
    -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.23);
    box-shadow:0px 3px 3px 0px rgba(0,0,0,0.23);
    z-index:9998;
}
@media all and (min-width:1025px) {
    .masthead--sticky {
        position:fixed;
        width:100%;
        left:0;
        right:0;
        top:0;
    }
}
.branding-link--masthead {
    padding:0.313rem;
    margin-left:-0.313rem;
    margin-right:-0.313rem;
    max-width:185px;
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
}
@media all and (min-width:1024px) {
    .branding-link--masthead {
        max-width:300px;
    }  
}
.branding-link--masthead::before {
    content:'';
    background-color:#550000;
    width:100vw;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    transform:skew(-20deg);
    z-index:-1;
}
.masthead__link {
    display:block;
    padding-top:0.625rem;
    padding-bottom:0.625rem;
    font-size:1.25rem;
    font-weight:700;
    color:#550000;
    text-transform:uppercase;
    text-align:center;
}
@media all and (min-width:1024px) {
    .masthead__link {
        padding-top:1.25rem;
        padding-bottom:1.25rem;
    }
}
.masthead__link--phone {
}
.btn--masthead {
    padding:0.625rem 1.25rem;
}
.masthead__form {
    margin-left:0;
    margin-right:0;
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    max-width:200px;
    background-color:#eee;
    box-shadow:0 0 0 3px #eee;
    border-radius:30px;
}
.masthead__form-label {
    flex:0 0 100%;
}
.masthead__form-input {
    flex:1 1 0px;
}
.masthead__form-input[type="text"] {
    margin-top:0;
    margin-right:0.313rem;
    border-radius:30px;
    background-color:#eee;
    background:
        url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_155_206)'%3E%3Cpath d='M11.8352 11.0398L8.0526 7.25726C8.64566 6.495 9 5.53843 9 4.50009C9 2.01874 6.98134 0 4.5 0C2.01866 0 0 2.01874 0 4.5C0 6.98126 2.01874 9 4.5 9C5.53843 9 6.49491 8.64548 7.25717 8.0526L11.0397 11.8352C11.1496 11.9451 11.2935 12 11.4375 12C11.5814 12 11.7253 11.9451 11.8352 11.8352C12.0549 11.6155 12.0549 11.2595 11.8352 11.0397V11.0398ZM4.5 7.875C2.63889 7.875 1.125 6.36111 1.125 4.5C1.125 2.63889 2.63889 1.125 4.5 1.125C6.36111 1.125 7.875 2.63889 7.875 4.5C7.875 6.36111 6.36111 7.875 4.5 7.875Z' fill='%23173D52'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_155_206'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat,
        #eee;
    background-position:7px center;
    font-size:0.875rem !important;
    color:#000;
    border-color:transparent;
    padding:0.188rem 0.625rem 0.188rem 1.5rem;
    line-height:1;
}
.masthead__form-submit {
    flex: 0 0 auto;
}
.masthead__form-submit[type="submit"] {
    font-size:0.875rem;
    font-weight:600;
    background-color:#550000;
    padding:0.313rem 0;
    width:45px;
    margin-top:0;
    border-radius:30px;
}
.masthead__form-submit[type="submit"]:hover,
.masthead__form-submit[type="submit"]:focus {
    top:0;
}
.masthead__form-submit[type="submit"]:hover {
    background-color:#880000;
}
.masthead__form-submit[type="submit"]::placeholder {
    color:#aaaaaa;
}

/*- 6. HERO STYLES <<<-------*/
.hero  {
	padding:0;
	display:block;
	width:100%;
	height:auto;
	position:relative;
	z-index:550;
}
.hero img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}
.hero--index {
    position:relative;
    /* Set Background color for Hero Messaging ADA Compliance */
    background-color:#550000;
}
.hero__media {
    position:relative;
    /* Remove whitespace */
    line-height:0;
    height:235px;
	overflow:hidden;
}
@media all and (min-width:768px) {    
    .hero__media {
        height:575px;
    }
}
.hero__media img,
.hero__image {
    display:block;
    position:relative;
    width:100%;
    height:100%;
	-o-object-fit:cover;
	object-fit:cover;
}
.hero__card {
    margin:0 0.625rem -2.5rem;
    position:relative;
    top:-3.5rem;
    border-radius:10px;
    background-color:#FFF;
    overflow:hidden;
    box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
@media all and (min-width:475px) {
    .hero__card {
        max-width:454px;
        margin-left:auto;
        margin-right:auto;
    }    
}
@media all and (min-width:768px) { 
    .hero__card {
        position:absolute;
        left:0;
        right:0;
        top:50%;
        transform:translateY(-50%);
        margin-bottom:0;
        margin-right:1.25rem;
    }
}
.hero__card__head {
    background-color:#550000;
    padding:1.063rem 0.625rem;
    text-align:center;
}
.hero__card__title {
    margin:0;
    font-size:1.125rem;
    font-weight:700;
    color:#fff;
}
.hero__card__main {
    padding:0 1.25rem 1.25rem;
}
.hero__card__subtitle,
.hero__card__text {
    color:#550000;
    text-align:center;
    margin:1rem auto;    
}
.hero__card__subtitle {
    max-width:325px;
    font-size:1.75rem;
    font-weight:700;
}
.hero__card__subtitle small {
    margin-top:0.313rem;
    margin-bottom:0.313rem;
    font-family:"Crimson Text", serif;
    font-size:2rem;
    font-weight:600;
}
.hero__card__text {
    max-width:265px;
}
.hero__form {
}
.hero__form > .row {
    margin-left:-0.625rem;
    margin-right:-0.625rem;
}
.hero__form input[type="submit"] {
    font-size:1.25rem;
    width:100%;
}
/*- 7. SHOW ROOMS [Showrooms Slider styles under Slick Slide] <<<-------*/
.showRooms {
	padding-top:25px;
	/*background:url(../images/bg-marble.jpg) bottom center no-repeat;*/
	background-color:#fff;
	color:#0c232f;
}
.showRooms .btn {
	padding:6px 0;
	font-size:0.75rem;
	width:100%;
}
.showRooms .medium-6.textCenter {
	padding:0rem 0.625rem;
	max-width:600px;
	max-width:37.5em;
}
.showRooms h2.hide-for-xlarge {
	display:block;
	margin-bottom:-0.5rem;
}
.showRooms h2.show-for-xlarge {
	display:none;
}
.showroomBox {
	margin-top:0.938rem;
	background:#550000;
	border:1px solid #333;
	box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.7);
}
.showroomBox .callouts{
	padding:0rem;
}
.showroomBox .callouts img{
	margin:0rem;
}
.showroomBox p{
	font-size:1.1rem;
	color:#FAF5F5;
	margin:1rem 0 0 0;
}
.showroomBox .btn {
	font-size:0.85rem;
	font-family: 'Montserrat', sans-serif;
	margin:1rem 0;
}
/*- 8. PROJECTS [Projects Slider styles under Slick Slide] <<<-------*/
.projects  {
	display:block;
	width:100%;
	position:relative;
	padding:0;
	padding-top:0.313rem;
	border-bottom:5px solid #fff;
}
.index .projects {
	padding-top:25px;	
}
.projects img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}
/*- 9. SLICK SLIDE <<<-------*/
.slick-loading .slick-list {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}
.projectsSlider,
.showRoomsSlider,
.landingpageSlider {
	width:100%;
	margin:0;
	padding:0;
}
.projectsSlider li,
.showRoomsSlider li,
.landingpageSlider li {
	 position:relative;
 }
.projectsSlider img,
.landingpageSlider img {
	display:block;
	width:100%;
	height:auto;
}
.designSlider .slick-center img{
	box-shadow: 0px 5px 5px #888888;
	border-bottom: 0px !important;
}
.designSlider .slick-center h6 span{
	border-bottom: 4px solid #880000 !important;
	font-weight: 700;
	color: #880000;
}
.designSlider .slider-for {
	margin: 0 auto !important;
	max-height:510px;
}
.designSlider .slider-for img {
	margin: 0 auto !important;
	max-height:450px;
}
.designSlider .slider-nav {
	margin: 0 auto !important;
	padding:15px;
}
.designSlider .slider-nav img {
	margin: 0 auto !important;
	cursor: pointer;
	border:1px solid #ccc;
	max-height: 100px;
}
.designSlider .slider-nav div h6{
	font-size:1.0rem;
	margin:0.75rem 0 0.25rem;
	color:#550000;
}
.designSlider .slider-nav div h5{
	font-size:0.79rem;
	margin:0;
	color:#550000;
	text-transform:capitalize;
}
.colorGlasLogo img{
	max-height:80px;
	vertical-align: middle;
	margin:0 0 5px 0;
}
/* Dots */
.slick-dots {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom:20px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.slick-dots li {
	background:rgba(255,255,255,0.80);
	height:11px;
	width:11px;
	color:transparent;
	margin:0 4px;
	border-radius:100%;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.slick-dots li:hover {
	cursor:pointer;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
	background:rgba(0,128,148,1);
	border-color:transparent;
}
.projectsSlider .slick-dots,
.landingpageSlider .slick-dots { /*ul*/
	width:calc(60% - 10px);
	list-style: none;
	margin: 0;
	padding: 0;
	display:none;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:flex-start;
	justify-content:flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top:2.5rem;
	left:auto;
	right:0;
	bottom:auto;
	margin:0;
}
.projectsSlider .slick-dots li,
.landingpageSlider .slick-dots li {
	display:none;
	width:auto;
	padding:0 0.625rem;
	margin:0;
	background-color:transparent;
}
.projectsSlider .slick-dots li:last-child,
.landingpageSlider .slick-dots li:last-child {
	padding-right:0;
}
.projectsSlider .slick-dots li p,
.landingpageSlider .slick-dots li p {
	margin:0;
	padding:0;
	text-align:center;
	line-height:1;
	font-size:0.75rem;
	font-weight:400;
	color:#62727b;
	text-transform:uppercase;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.projectsSlider .slick-dots li:hover,
.projectsSlider .slick-dots li.slick-active,
.landingpageSlider .slick-dots li:hover,
.landingpageSlider .slick-dots li.slick-active {
	background:transparent;
}
.projectsSlider .slick-dots li:hover,
.landingpageSlider .slick-dots li:hover {
	cursor:pointer;
}
.projectsSlider .slick-dots li:hover p,
.projectsSlider .slick-dots li.slick-active p,
.landingpageSlider .slick-dots li:hover p,
.landingpageSlider .slick-dots li.slick-active p {
	color:#880000;
}
/* Arrows */
.slick-prev,
.slick-next {
	display:block;
	width:30px;
	height:30px;
	padding:0;
	position:absolute;
	top:27px;
	cursor:pointer;
	color:transparent;
	outline:none;
	z-index:1;
}
.showRoomsSlider .slick-prev,
.showRoomsSlider .slick-next {
	top:auto;
	bottom:15px;
}
.slick-prev {
	left:0;
}
.slick-next {
	right:0;
}
.slick-prev:before,
.slick-next:before {
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left:0;
	right:0;
	font-family:"FontAwesome";
	font-weight:normal;
	font-size:2rem;
	color:rgba(255,255,255,0.5);
	text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.55); 
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.slick-prev:before {
	content:"\f104";
}
.slick-next:before {
	content:"\f105";
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	color:rgba(255,255,255,1);
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity:0.5;
}

.designSlider .slick-prev {
	left:0;
	right:auto;
	top:0px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.designSlider .slick-next {
	right:0;
	left:auto;
	top:0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.designSlider .slick-prev, .designSlider .slick-next {
    display: block;
    width: 40px;
    height: 102px;
    padding-top: 0;
    margin-top: 10px;
    position: absolute;
    cursor: pointer;
    color: transparent;
    background: #880000;
    box-shadow: 0px 5px 5px #888888;
}
.designSlider .slick-prev:before,
.designSlider .slick-next:before {
	color: #fff !important;
}
/* Messaging */
.projectsSlider .messaging,
.landingpageSlider .messaging {
	padding:20px 0 17px 0;
	text-align:center;
	border-bottom:5px solid #fff;
}
.showRoomsSlider .messaging {
	padding:13px 0 7px;
	text-align:center;
}
.projectsSlider .messaging,
.showRoomsSlider .messaging,
.landingpageSlider .messaging {
	background:#880000;
	box-shadow: inset 0px 4px 16px 0px rgba(0, 0, 0, 0.18);
}
.projectsSlider .messaging h5,
.showRoomsSlider .messaging h5  {
/*	padding: 0;
	margin: 0;*/
	font-size:1rem;
	color:#fff;
	margin:0 0 0.250rem;	
}
.landingpageSlider .messaging h5  {
	font-size:0.95rem;
	color:#fff;
	margin:0 0 0.250rem;	
}
.showRoomsSlider .messaging h5 span {
	display:block;
	font-size:0;
	color:transparent;
}
.showRoomsSlider .messaging h5 small {
	display:inline-block;
	font-size:90%;
	text-transform:none;
}
.projectsSlider .messaging a {
	font-size:1rem;
	color:#0d4751;
	text-transform:uppercase;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.landingpageSlider .messaging a {
	font-size: 0.79rem;
	color:#0d4751;
	text-transform:uppercase;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.projectsSlider .messaging p,
.landingpageSlider .messaging p {
	font-size:0.938rem;
	margin:0;
	color:#FAF5F5;
	text-transform:uppercase;
    text-align:center;
}
.projectsSlider .messaging a:hover,
.landingpageSlider .messaging a:hover {
	color:#fff;
}
/* Progress Bar */
.slider-progress {
	width:100%;
	height:3px;
	background:rgba(255,255,255,0);
	position:absolute;
	bottom:0;
}
.slider-progress .progress {
	width:0%;
	height:3px;
	background:#880000;
}
/*- 10. MAIN CONTENT <<<-------*/
main {
	position:relative;
}
.primaryContent {
	padding:25px 0;
	box-shadow: inset 0px -3px 25px 0px rgba(0, 0, 0, 0.15);
}
.primaryContent img {
	margin:7px 0;
	padding:0;
	border:0;
}
.primaryContent img.floatLeft {
	margin-right:7px;
}
.primaryContent img.floatRight {
	margin-left:7px;
}
.primaryContent img.styled {
	border:0;
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.25);
}
.primaryContent a:not([class]), 
.primaryContent a:link:not([class]), 
.primaryContent a:active:not([class]), 
.primaryContent a:visited:not([class]) {
	font-weight:700;
}
.primaryContent a:hover:not([class]) {
	text-decoration:underline;
}
.intro {
	background:#550000;
	padding:2rem 0;
	box-shadow: inset 0px 9px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.intro h1,
.intro p {
	color:#fff;	
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.intro h1 {
	max-width:700px;
}
.intro p {
	max-width:1050px;
}
.index .intro h1 {
	max-width:none;
}
/*- Anniversary Logo Home -*/
.index .intro .anniversaryLogo,
.tagline .anniversaryLogo {
	position:relative;
	display:inline-block;
	width:auto;
	margin:0 auto;
	color:#880000;
}
.index .intro .anniversaryLogo + p,
.tagline .anniversaryLogo + p  {
	margin-top:0;
}
.index .intro .anniversaryLogo:before,
.index .intro .anniversaryLogo:after,
.tagline .anniversaryLogo:before,
.tagline .anniversaryLogo:after {
	display:block;
	width:55px;
	height:3px;
	content:"";
	background:#880000;
	position:absolute;
	top:calc(50% - 3px);
	-webkit-transform:translateY(calc(-50% - 3px));
	transform:translateY(calc(-50% - 3px));	
}
.index .intro .anniversaryLogo:before,
.tagline .anniversaryLogo:before {
	left:-55px;
}
.index .intro .anniversaryLogo:after,
.tagline .anniversaryLogo:after {
	right:-55px;
}
.index .intro .anniversaryLogo img,
.tagline .anniversaryLogo img {
	display:block;
	width:100%;
	max-width:199px;
	margin:0 auto;
}
/*- 11. BENEFITS <<<--------*/
.benefits {
}
.benefits h2,
.benefits h6,
.benefits p {
	text-align:center;
}
.benefits h6 {
	color:#880000;
	text-transform:none;
	margin-bottom:0;
}
.benefits h6 + p {
    margin-top: -0.313rem;
    text-align: center;
}
.benefits p {
    padding: 0.625rem;
    text-align: left;
}
/*- 12. CALLS TO ACTION <<<-------*/
.callouts {
}
.callouts a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    visibility: inherit;
}
.callouts a:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,128,148,0.6);
	box-shadow: inset -3px 0px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
	transform: scale(0);
	-webkit-transform: scale(0);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.callouts a .wrap {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.callouts a .wrap::before,
.callouts a .wrap::after {
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	z-index: 3;
	content:'';
	position: absolute;
	top:5px;
	left:5px;
	box-sizing: border-box;
	transform: scale(0); 
	-webkit-transform: scale(0);
	transition:all 0.75s ease-in-out;
	-webkit-transition:all 0.75s ease-in-out;
}
.callouts a .wrap::before {
  border-bottom: 3px solid #FFF;
  border-left: 3px solid #FFF;
  -webkit-transform-origin: 0 100%;
}
.callouts a .wrap::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform-origin: 100% 0%;
}
.callouts a img {
	display:block;
	width:100%;
	height:auto;
	border:1px solid #ccc;
}
.callouts a h5,
.callouts a h6 {
	margin:0;
	position:absolute;
	top:0;
	background:rgba(255,255,255,1);
	font-weight:700;
	text-align:left;
	border:1px solid #ccc;
	box-shadow: 3px 4px 5px 0px rgba(255, 255, 255, 0.45); 
	transition:all 0.3s ease-in-out, background ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out, background ease-in-out 0s;
}
.callouts a h5 {
	padding:25px 50px;
	right:0;
	font-size:1.125rem;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.callouts a h6 {
	padding:0.438rem;
	left:0;
	font-size:0.813rem;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.callouts .small-12.medium-6 .row .columns {
	padding:0.313rem 0.625rem;
}
/* Index Specific */
.callouts .show-for-medium.medium-6 a {
	display:block;
	position:relative;
	padding-bottom:75%;
	height:0;
	overflow:hidden;
}
.callouts .show-for-medium.medium-6 a img {
	display:block;
	position:absolute;
	right:0;
	height:100%;
	width:auto;
	max-width:none;
	margin:0 auto;
}
.callouts .show-for-medium.medium-6 a .wrap {
	left:auto;
	right:0;
	width:100%;
	height:100%;
}
.callouts .show-for-medium.medium-6 a .wrap h5 {
	text-align:center;
}
/* Quality Products specific styles */
.qualityProducts {
	padding-top:25px;
}
.qualityProducts .callouts {
}
/* Spaces specific styles */
.spaces {
	padding-top:25px;
}
.spaces .callouts .show-for-medium.medium-6 a .wrap {
	left:0;
	right:auto;
	text-align:center;	
}
.spaces .callouts a h5 {
	left:0;
	right: auto;
}
/* Hover States */
.callouts a:hover:before {
	-webkit-transform:scale(1);
	transform:scale(1);
}
.callouts .show-for-medium.medium-6 a:hover .wrap {
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
	background:rgba(0,128,148,0.6);
	box-shadow: inset -3px 0px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.callouts a:hover .wrap::after,
.callouts a:hover .wrap::before {
  -webkit-transform: scale(1);
 	transform:scale(1);
}
.callouts a:hover h5,
.callouts a:hover h6 {
	background:rgba(255,255,255,0);
	margin:0;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
	text-shadow: -1.798px 0.877px 6px rgba(36, 93, 103, 0.46), 0px 0px 7px rgba(255, 255, 255, 0.55);
	box-shadow:none;
	border:none;
}
.callouts a:hover h5 {
	font-size:1.375rem;
}
.callouts a:hover h6 {
	font-size:1rem;
}
.logoCallout {
	padding:0 !important;
	width:100% !important;
	margin:0 auto !important;
}
.logoCallout img {
	margin:0 !important;
	border:0 !important;
}
.callouts a:hover h6.logoCallout {
	width:calc(100% - 10px) !important;
	background: rgba(255,255,255,1) !important;
	margin: 0 auto !important;
	top:0 !important;
	-webkit-transform: translateY(7px) !important;
	transform: translateY(7px) !important;
}
.callouts a:hover h6.logoCallout img{
	width:calc(100% - 10px) !important;
}
/*- 13. GALLERY / COLORBOX <<<-------*/
.gallery {
	padding-top:25px;
}
.gallery a {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.gallery a:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,128,148,0.6);
	box-shadow:inset -3px 0px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
	transform: scale(0);
	-webkit-transform: scale(0);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
} 
.gallery a:after {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-shadow:inset -3px 0px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.gallery a:hover:before {
	-webkit-transform:scale(1);
	transform:scale(1);
}
.gallery a .number {
	margin:0;	
	padding:0.438rem 0.625rem;
	position:absolute;
	top:0;
	left:0;	
	background:rgba(255,255,255,1);
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	font-weight:400;
	text-align:left;
	text-transform:uppercase;
	opacity:1;
	box-shadow: 3px 4px 5px 0px rgba(255, 255, 255, 0.45); 
	transition:opacity 0.3s ease-in-out;
	-webkit-transition:opacity 0.3s ease-in-out;
}
.gallery a:hover .number {
	opacity:0;
}
.gallery a .words {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.gallery a .words h6 {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	width:100%;
	text-align:center;
	color:rgba(255, 255, 255, 0);
	text-shadow: -1.798px 0.877px 6px rgba(36, 93, 103, 0), 0px 0px 7px rgba(255, 255, 255, 0);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.gallery a:hover .words h6 {
	text-shadow: -1.798px 0.877px 6px rgba(36, 93, 103, 0.46), 0px 0px 7px rgba(255, 255, 255, 0.55);
	color:rgba(255, 255, 255, 1);
}
.gallery a .words::before,
.gallery a .words::after {
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	z-index: 3;
	content:'';
	position: absolute;
	top:5px;
	left:5px;
	box-sizing: border-box;
	transform: scale(0); 
	-webkit-transform: scale(0);
	transition:all 0.75s ease-in-out;
	-webkit-transition:all 0.75s ease-in-out;
}
.gallery a .words::before {
  border-bottom: 3px solid #FFF;
  border-left: 3px solid #FFF;
  -webkit-transform-origin: 0 100%;
}
.gallery a .words::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform-origin: 100% 0%;
}
.gallery a:hover .words::after,
.gallery a:hover .words::before {
  -webkit-transform: scale(1);
 	transform:scale(1);
}
.gallery a img {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:-7px;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	object-fit:cover;
}
.gallery.vertical a,
.gallery.horizontal a {
	height:0;
	overflow:hidden;
	margin-bottom:1.25rem;	
}
.gallery.vertical a {
	padding-bottom:133%;
}
.gallery.horizontal a {
	padding-bottom:75%;
}
/*- Colorbox <---*/
/* Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	-webkit-transform: translate3d(0,0,0);
}
#cboxWrapper {
	max-width:none;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxContent {
	position:relative;
}
#cboxLoadedContent {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
	max-width:none;
	-ms-interpolation-mode:bicubic;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
	padding:0;
	margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
/*  Custom Styles*/
#cboxOverlay {
	background:#fff;
	opacity:0.9;
	filter:alpha(opacity = 90);
}
#colorbox {
	outline:0;
	border-radius:7px;
	background:#fff;
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.5);
}
#cboxContent {
	padding:0.625rem;
	background:#fff;
	overflow:hidden;
	position:relative;
}
.cboxIframe {
	background:#fff;
}
 #cboxError {
	 padding:50px;
	 border:1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom:50px;
	padding:2.5rem;
}
#cboxTitle {
	position:absolute;
	bottom:1.5rem;
	left:0;
	right:0;
	text-align:center;
	width:calc(100%);
	font-family:'Montserrat', sans-serif;
	color:#0c232f;
	font-weight:400;
	font-size:0.875rem;
}
#cboxCurrent {
	position:absolute;
	bottom:0.625rem;
	left:0.625rem;
	font-family:'Montserrat', sans-serif;
	font-size:0.75rem;
	color:#62727b;
}
#cboxLoadingOverlay {
	background:#fff url(../images/colorbox-loading.gif) no-repeat 5px 5px;
}
#cboxPrevious,
#cboxNext,
#cboxClose {
	position:relative;
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	width:20px;
	height:20px;
	background:none;
	border-radius:0;
}
#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);	
	font-family:'FontAwesome';
	font-size:1.5em;
	color:#880000;
	transition:all 0.75s ease-in-out;
	-webkit-transition:all 0.75s ease-in-out;
}
#cboxPrevious:before {
	content:"\f100";	
}
#cboxNext:before {
	content:"\f101";
}
#cboxClose:before {
	content:"\f00d";
}
#cboxPrevious:hover:before,
#cboxNext:hover:before,
#cboxClose:hover:before,
#cboxPrevious:active:before,
#cboxNext:active:before,
#cboxClose:active:before {
	color:#0c232f;
}
#cboxPrevious {
	position: absolute;
	bottom: 50%;
	left: 0.625rem;
	right: auto;
	width:2.0rem;
	height:2.0rem;
	font-size:2.0rem;
	color:transparent;
}
#cboxNext {
	position: absolute;
	bottom: 50%;
	left: auto;
	right: 0.625rem;
	width:2.0rem;
	height:2.0rem;
	font-size:2.0rem;
	color:transparent;
}
#cboxClose {
	position: absolute;
	bottom: auto;
	top: 0.438rem; 
	right: 0.625rem;
	width:1.5rem;
	height:1.5rem;
	font-size:1.5rem;
	display:block;
	color:transparent;
}

/*-------Old Version-------*/
/*
#cboxCurrent {
	position:absolute;
	bottom:0.625rem;
	left:55px;
	font-family:'Montserrat', sans-serif;
	font-size:0.75rem;
	color:#62727b;
}
#cboxPrevious {
	position:absolute;
	bottom:0.438rem;
	left:0.625rem;
	color:transparent;
}
#cboxNext {
	position:absolute;
	bottom:0.438rem;
	left:1.875rem;
	color:transparent;
}
#cboxClose {
	position:absolute;
	bottom:0.438rem;
	right:0.625rem;
	display:block;
	color:transparent;
}*/
/*- 14. TAGLINE <<<-------*/
.tagline {
	padding:1.5rem 0 1.25rem 0;
	background:#550000;
	box-shadow: inset 0px 9px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.tagline h2 {
	color:#fff;
	margin:0;
}
.tagline h2 em {
	font-family:'Crimson Text', serif;
	letter-spacing:0.125rem;
}
/*- 15. SUBFOOT CTA <<<--------*/
.subFootCta {
}
.subFootCta {
	padding-top:25px;
	/*background:url(../images/bg-marble.jpg) top left no-repeat;*/
	background-color:#ffffff;
	background-size:auto 100%;
	color:#0c232f;
}
.subFootCta .btn {
	padding:6px 0;
	font-size:1.125rem;
	width:205px;
	margin:0 auto;
}
.subFootCta .show-for-medium .btn {
	float:left;
}	
.subFootCta .medium-6.textCenter {
	padding:0rem 0.625rem;
	max-width:600px;
	max-width:37.5em;
}
.subFootCta h2 + p {
	margin-top:-1rem;
	font-size:1.25rem;
}
.subFootCta .image {
}
.subFootCta .image img {
	display:block;
	width:100%;
	height:auto;
}
/*- 16. FOOTER STYLES <<<-------*/
.colophon {
	position:relative;
	padding-bottom:25px;
	/*margin-bottom:20px;*/
	background:#550000;
	color:#FAF5F5;
    text-align:center;
	box-shadow: inset 0px 9px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.colophon__title:not(.textCenter),
.colophon__subtitle:not(.textCenter),
.colophon__text:not(.textCenter),
.colophon__list:not(.textCenter) {
    text-align:inherit;
}
.colophon__title,
.colophon__subtitle {
    color:#fff;
}
.colophon__title,
.colophon__subtitle,
.colophon__text--copyright {
    margin-top:3.5rem;
}
.colophon__subtitle {
	font-size:0.875rem;
    font-weight:500;
}
.colophon__list {
    list-style:none;
    padding-left:0;
}
.colophon__list-item,
.colophon__text {
    font-weight:500;
}
.colophon__text--copyright {
    margin-top:3.5rem;
    font-size:0.813rem;
}
.colophon__link,
.colophon__link:link,
.colophon__link:active,
.colophon__link:visited {
	color:inherit;
    font-weight:inherit;
}
.colophon__link:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}

.social-list {
    padding-left:0;
	display:flex;
    flex-flow:row wrap;
	list-style:none;
    align-items:middle;
    justify-content:center;
}
.social-list__item {
	line-height:1;
}
.social-list__item:not(:last-of-type) {
	margin-right:0.75rem;
}
.social-list__item::before {
    display:none;
}
.social-link {
	display:inline-block;
	padding:0.75rem 0.313rem;
	font-size:1.5rem;
	line-height:1;
	text-align:center;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.social-link,
.social-link:link,
.social-link:active,
.social-link:visited {
	background:rgba(0,128,148,0);
	color:#fff;
	border:0;
	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
}
.social-link:hover {
	background-color:rgba(0,128,148,1);
	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
@media all and (min-width:1024px) {
    .colophon {
        text-align:left;
    }
    .social-list {
        justify-content:space-around;
    }
    .social-list__item:not(:last-of-type) {
        margin-right:0;
    }
}
/*- 17. FORMS <<<-------*/
form {
	max-width: 900px;
	margin:0 auto;
}
form div:not([class]) {
	margin-bottom:0.313rem;
}
form label {
	display:block;
	font-size:1rem;
	font-weight:600;
	color:#550000;
    text-transform:uppercase;
	margin-top:1rem;
}
form label .required {
	font-family:'Crimson Text', serif;
    font-weight:600;
    color:#D9534F;
    top:-0.125rem;
    position:relative;
}
form input[type=text],
form input[type=tel],
form input[type=email],
form input[type=date],
form textarea,
form select {
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	padding:0.625rem;
	box-sizing:border-box;
	background-color:#fff;
	font-size:1rem;
	font-weight:400;
	color:#6e7c85;
	line-height:1.4rem;
	border:1px solid #ccc;
	border-radius:10px;
    box-shadow:none;
	-webkit-transition:all ease-in-out .15s;
	-o-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;	
}
form select {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
	background-position:100% center;
	background-repeat:no-repeat;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
}
form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=email]:focus,
form input[type=date]:focus,
form textarea:focus,
form select:focus,
form input[type=radio]:focus,
form input[type=checkbox]:focus {
	border:1px solid #880000;
}
form input[type=radio],
form input[type=checkbox] {
	margin:-7px 0 0 0;
}
form input[type=button],
form input[type=submit],
form input[type=reset] {
	margin:1rem 0 0 0;
	background:#550000;
	display:inline-block;
	position:relative;
	top:0;
	padding:1rem 1.5rem;
	font-size:1rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.1;
	border-radius:10px;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
form input[type=button]:hover,
form input[type=button]:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=reset]:hover,
form input[type=reset]:focus {
	top:2px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#6e7c85 !important;
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#6e7c85 !important;
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	color:#6e7c85 !important;
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	color:#6e7c85 !important;
	opacity:1;
}
form p {
	text-align:left;
	margin:0 0 1rem 0;
	line-height:1.2;
}
form img.inlineBlock {
	margin:0 0 -0.5rem 0;
	padding:0;
}
form p.small {
	font-size:80%;
	font-style:italic;
	margin:0.313rem 0 0 0;
	padding:0;
	line-height:1;
}
/*- CTA Form [.ctaForm in Header] -*/
.ctaForm form {
	position:absolute;
	top:auto;
	left:0.625rem;
	right:0.625rem;
	padding:0 0.625rem;
	background:#fff;
	max-height:0;
	overflow: hidden;
	box-shadow: 0px 2px 4px 0px rgba(1, 1, 1, 0.14);
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.ctaForm.active form {
	max-height:none;
	overflow:visible;
}
.ctaForm form p {
	margin:0 0 0.938rem;	
	font-family:'Montserrat', sans-serif;
	font-size:1.063rem;
}
.ctaForm form p span {
	font-family:'Montserrat', sans-serif;
	color:#880000;
	font-style:italic;
}
.ctaForm form p span a.phone {
	font-weight: 700;
	font-family:'Montserrat', sans-serif;
	color:#880000;
	font-style:normal;
	font-size:1.2rem;
}
.ctaForm form ul {
	margin:0.875rem 0;
	font-family:'Montserrat', sans-serif;
	text-align:left;
	padding:0 0 0 0.313rem;
}
.ctaForm form ul li {
	position:relative;
	font-size:0.813rem;
	padding-left:17px;
}
.ctaForm form ul li:before {
	display:block;
	background:url(../images/icon-triangle-bullet.png) top center no-repeat;
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.ctaForm form ul li span {
	font-weight:700;
}
.ctaForm form input[type=button],
.ctaForm form input[type=submit] {
	width:100%;
	margin:0 0 0.625rem;
}
/*- CTA Form [.CTAForm on Free Estimate Page] -*/
.CTAForm form {
	position:relative;
	padding:0;
}
.CTAForm form input[type=text],
.CTAForm form select,
.CTAForm form input[type=submit] {
	margin:3px 0 7px 0;
}
.CTAForm form input[type=submit] {
	width:100%;
}
.CTAForm h4 {
	margin:1rem 0 0 0;
}
.CTAForm ul {
	margin:0;
	font-family:'Montserrat', sans-serif;
	text-align:left;
	padding:0.313rem 0;
}
.CTAForm ul li {
	position:relative;
	font-size:1.125rem;
	padding:0.188rem 0 0.188rem 35px;
}
.CTAForm ul li:before {
	display:block;
	background:url(../images/icon-triangle-bullet-large.png) top center no-repeat;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:7px;
}
/*- Commercial Quote Request -*/
.commercial {
	padding-bottom:2rem;
}
.commercial p {
	margin:0;
}
.commercial .controls p {
	margin-top:1.125rem;	
	width: calc(50% - 0.625rem);	
}
.commercial .controls p:first-child {
	float:left;
}
.commercial .controls p:last-child {
	float:right;
}
.commercial label.fileUpload input[type="file"] {
    position: fixed;
    top: -1000px;
}
.commercial .fileUpload,
.commercial input[type=submit] {
	width:100%;
}
.commercial .fileUpload {
	margin:1rem 0 0 0;
	background:#880000;
	display:inline-block;
	position:relative;
	top:0;
	padding:9px 20px;
	font-family:'Montserrat',sans-serif;
	font-size:1.125rem;
	font-weight:400;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1.1;
	border:3px solid 008094;
	border-radius:0;
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.25);
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.commercial .fileUpload:active,
.commercial .fileUpload:hover,
.commercial .fileUpload:focus {
	top:2px;
	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.14);
}
.commercial .fileUpload:hover {
	cursor:pointer;
}
.commercial textarea {
	height:180px;
} 
/*- Date Picker -*/
.datepicker {
	background-image:url(/resources/images/icon-calendar.png);
	background-position:calc(100% - 10px) center;
	background-repeat:no-repeat;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
}
.datepicker:hover {
	cursor:default;
}
/*- 18. DATE PICKER UI <<<-------*/
.ui-datepicker {
	width:225px;
	height:auto;
	margin:5px auto 0;
	font-family:'Montserrat', sans-serif;
	font-weight:400;
	font-size:0.75rem;
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.25);
	z-index:10000 !important;
}
.ui-datepicker-header {
	background:#880000;
	color:#fff;
	box-shadow: inset 0px 4px 16px 0px rgba(0, 0, 0, 0.18);
	border:0;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform:uppercase;
	font-size:0.5rem;
	padding: 5px 0;
	color: #666;
	text-shadow:1px 0px 0px #fff;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-active {
  background: #880000;
  color:#fff;
  border:1px solid #0d4751;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  width:25px !important;
  height:25px !important;
  text-align: center;
  cursor: pointer;
  background-image:none;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display:none;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
	display:block;
	position:absolute;
	top:2px;
	left:0;
	right:0;
	margin:0 auto;
	font-family:'FontAwesome';
	font-size:1.5em;
	color:#fff;
	text-shadow: -1.798px 0.877px 3px rgba(0, 0, 0, 0.15);
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	z-index:5000;
}
.ui-datepicker .ui-datepicker-prev:before {
	content:"\f104";	
}
.ui-datepicker .ui-datepicker-next:before {
	content:"\f105";	
}
.ui-datepicker .ui-datepicker-next {
	right:0;
	float:right;
}
.ui-datepicker .ui-datepicker-prev {
	left:0;
	float: left;
}
.ui-datepicker .ui-datepicker-next-hover {
	right:0;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left:0;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top:inherit;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background:transparent;
	border:0;
	box-shadow:none;	
}
/*- 19. RESPONSIVE IFRAMES <<<-------*/
.google-maps { /*- Google Maps [div class="google-maps" then IFRAME] -*/
	position:relative;
	height:175px;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:25%;
}
.flex-container { /* Foundation Class [div class="flex-container" then IFRAME] -*/
	position:relative;
	height:0;
	overflow:hidden;
	padding-bottom:56.25%;
}
.google-maps.styled,
.flex-container.styled {
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.25);
}
.google-maps iframe,
.flex-container iframe,   
.flex-container object,  
.flex-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*- 20. RESPONSIVE TABLES <<<-------*/
table.styled {
	position:relative;
	width:100%;
	border-top:1px solid rgba(12,35,47,1);
	border-left:1px solid rgba(12,35,47,1);
	border-right:1px solid rgba(12,35,47,1);
	margin:2.5em auto;
	font-size:0.75rem;
	border-collapse:separate;
	text-align:center;
	box-shadow: 0px 3px 7px 0px rgba(1, 1, 1, 0.25);
	border-radius:0;
}
table.styled caption {
	font-family:'Montserrat', sans-serif;
	font-size: 1.625rem;
	font-weight: 700;
	color:#0c232f;	
	text-align:center;
	text-transform:uppercase;
}
table.styled thead tr th {
	padding:1rem 0;
	font-family:'Montserrat', sans-serif;
	font-weight:400;
	font-size:0.875rem;
	text-align:center;
	vertical-align:middle;
	background:rgba(23,61,82,1);
	color:#fff;
	border-bottom:1px solid rgba(12,35,47,1);
}
table.styled td {
	border-bottom:1px solid rgba(12,35,47,1);
	padding:.3em 0.5em;
	border-collapse:collapse;
}
table.styled tr:nth-child(even) {
	background:rgba(12,35,47,0.1);
}
table.styled tr:nth-child(odd) {
	background:#FFF;
}
/*- 21. STYLE GUIDE <<<-------*/
.styleGuide h6 small {
	display:block;
	font-size:80%;
}
.example {
	margin:25px 0;
	position:relative;
	border:1px dotted #0c232f;
	padding:1.875rem 0.938rem;
	box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.3);
}
.example:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Example";
	color:#fff;
	background:#880000;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
code {
	background:rgba(12,35,47,0.1);
	overflow:visible;
	padding-left:5px;
	padding-right:5px;
}
.code {
	position:relative;
	padding:1.875rem 0.938rem;
	border:1px solid #0c232f;
	background:rgba(12,35,47,0.1);
	line-height:1.4;
	font-size:inherit;
}
.code:before {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:75px;
	content:"Code";
	color:#fff;
	background:#0d4751;
	padding:0.313rem 0.438rem;
	font-size:0.813rem;
	text-align:center;
}
.code code {
	background:tranparent;
	padding:0;
	color:#d32027;
}
.colors {
	padding-top:1rem;
	padding-bottom:1.5rem;
}
.colors .box {
	margin-top:0.938rem;
	background:#fff;
	border:1px solid #333;
	box-shadow:0px 1px 9px 0px rgba(0, 0, 0, 0.7);
}
.colors .box div {
	width:100%;
	padding-top:0.7em;
	height:75px;
}
.colors .box div h6 {
	color:#fff;
	font-weight:400;
}
/*- 22. COMMERCIAL ARCHITECTURAL <<<-------*/
.project-features,
.project-features-small {
	padding-top:25px;
	text-align:center;
}
.project-features img,
.project-features-small img {
	margin:0;
}
.project-features h2,
.project-features-small h2 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 1.75rem;
	color:#880000;
	margin: 0;
}
.project-features-small h6 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 1.125rem;
	color:#880000;
	margin: 0;
}
.project-features ul,
.project-features-small ul {
	padding:0;
	margin-top:10px;
	text-align: left;
	display: inline-block;
}
.project-features ul li{
	font-family:'Montserrat', sans-serif;
	font-size:1.1rem;
	line-height:2.0rem;
}
.project-features-small ul li{
	font-family:'Montserrat', sans-serif;
	font-size:0.79rem;
	line-height:2.0rem;
}
.commercial-cta h3{
	margin:0;
	font-size:1.05rem;
}
.commercial-cta h3 a{
	color:#880000;
}
/*- 23. MAINTENANCE <<<-------*/
.careMaintenance h1{
	margin-bottom:0;
	padding-top: 11px;
	text-align:center;
}
.careMaintenance h2{
	margin-top:0;
	margin-bottom:0;
	font-size:1.25rem;
	color:#880000;
	text-align:center;
}
.careMaintenance h3{
	font-size:1.438rem;
}
.careMaintenance h4{
	font-size:1.125rem;
	margin-bottom:0;
	margin-top:0;
	color:#880000;
	text-transform:capitalize;
}
.careMaintenance h4 a{
	color:#550000;
}
.careMaintenance h4 a:hover{
	color:#880000;
}
.careMaintenance.logo img {
	vertical-align: text-top;
	margin:0;
}
.careMaintenance.logo h1 {
	margin-top:0;
	padding-top:0 !important;
}
.careMaintenance img{
	margin-top:0;
}
span.careGreen{
	font-weight:700;
	color:#00af50;
}
span.careRed{
	font-weight:700;
	color:#ff0000;
}
.careMaintenance p{
	margin-top:0;
}
.careMaintenance div.callouts {
	padding:1.5rem 0rem 1.5rem 0rem;
}
/*- 24. ACCORDION <<<-------*/
.accordion-list {
	list-style-type: none;
	padding:0 !important;
	margin:0 !important;
}
.accordion-list li:before {
	display:none !important;
}
.accordion-toggle {
	background:rgba(23,61,82,0.08);
	padding:0.938rem 0.625rem;
	padding-left:2.5rem;
	margin-bottom:1.25rem;
	position: relative;
	font-family:'Montserrat', sans-serif;
	font-size:0.813rem;
	line-height:1.2;
	text-transform:uppercase;
	cursor: pointer;
}
.accordion-toggle strong {
	text-transform:none;
}
.accordion-toggle::before {
	font-family:'FontAwesome';
	font-size:1.5rem;
	color: #880000;	
	content: '\f055';
	position: absolute;
	left:0.625rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;	
}
.accordion-toggle.active::before {
	content: '\f056';
}
.accordion-panel {
	max-height: 0;
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	opacity: 0;
	overflow: hidden;
	position: relative;
}
.accordion-panel p:first-child {
	margin-top:0;
}
.accordion-panel p:last-child {
	margin-bottom:0;
}
.accordion-panel img {
	display:block;
	width:100%;
	height:auto;
}
.accordion-panel.accordion-panel-show {
    max-height: 1000px;
    padding:0.625rem;
    opacity: 1;
}
/*- 25. DESIGN TIPS <<<-------*/
.designTips.accordion-list li {
	border: 1px #880000 solid !important;
	margin-bottom: 1.25rem !important;
}
.designTips div.accordion-toggle h6 {
	font-size:1.0rem !important;
	text-align:center !important;
	margin:0 !important;
	font-weight:700 !important;
	color:#880000 !important;	
}
.designTips div.accordion-toggle {	    		
	font-size:1.0rem !important;
	text-align:center !important;
	text-transform:capitalize !important;
	color:#000000 !important;
	background: #FAF5F5 !important;
	margin-bottom: 0px !important;
}
.designTips h3 {
	margin:0 !important;
	text-transform:capitalize !important;
	font-size:1.4rem !important;
	font-weight:700 !important;
	text-align:center !important;
}
.designTips h4 {
	margin-top:0 !important;
	text-transform:none !important;
	font-size:1.1rem !important;
	text-align:center !important;
}
.designTips h4 a{
	color:#880000 !important;
}
.designTips h5 {
	font-size:1.0rem !important;
	text-align:center !important;
	color:#880000 !important;
}
/*- HARDWARE <<<-------*/
.hardware.accordion-list li {
	border: 1px #880000 solid !important;
	margin-bottom: 1.25rem !important;
}
.hardware div.accordion-toggle {	    		
	font-size:1.5rem !important;
	text-align:center !important;
	text-transform:capitalize !important;
	color:#880000 !important;
	font-weight:700 !important;
	background: #FAF5F5 !important;
	margin-bottom: 0px !important;
}
.hardware .tabs {
	width: 100% !important;
	font-size:1.5rem !important;
	text-align: center !important;
	padding: 0 !important;
}
.hardware .tabs-title{
	float: none !important;
}
.hardware .tabs-title a {
	font-size:1.5rem !important;
}
.hardware .tabs-content {
	width:100% !important;
	background: transparent;
}
.hardware li.tabs-title.is-active a {
	background: #FAF5F5 !important;
	border: 1px #880000 solid !important;
}
/*- SHARE THIS BUTTONS <<<-------*/
.shareThis {
	display: none;
	position: fixed;
	text-align: left;
	top:160px;
	z-index: 94034;
}
.shareButton {
	background:#880000;
	display:block;	
	padding:7px;
	margin:0.313rem 0 0 0;	
	box-sizing: border-box;
	position: relative;
	top: 0;
	width:38px;	
	height:38px;
	line-height:25px;
	opacity: 1;
	overflow: hidden;
	color:#fff;
	text-align:left;
	vertical-align: top;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 3px 7px 0 rgba(1, 1, 1, 0.25);	
	transition: all 0.2s ease-in 0s;	
}
.shareButton .title {
	font-family: "Montserrat",sans-serif;
	font-size:0.875rem;
	font-weight:400;
	color: #fff;
	display: inline-block;
	left: -35px;
	opacity: 0;
	padding:0 0 0 6px;
	position: relative;
	transition: all 0.2s ease-in 0s;
	vertical-align: top;
}
.shareButton:hover {
	background-color:#0d4751;
	border-radius:0 3px 3px 0;
	width:90px;	
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;		
}
.shareButton:hover .title {
	display: inline-block;
	left: 0;
	opacity: 1;	
}
/*- DEALER PAGES <<<-------*/
.dealerBottom{
	text-align:center;
}
.dealerBottom h1,
.dealerBottom h2,
.dealerBottom h3,
.dealerBottom h4,
.dealerBottom h5,
.dealerBottom h6 {
	color:#880000;
	text-transform:none;
	margin:0.5rem 0 0.5rem 0;
}
.dealerBottom ul{
	padding:0 0 0 1.5rem;
	margin-top:0;
	text-align: left;
	display: inline-block;
}
.dealerBottom ul li{
	font-size:1.1rem;
	line-height:2.0rem;
}
.callouts.logo a .wrap.logo img {
	vertical-align: top;
	margin: 0;
	border: 0;
	display: inline-block;
}
.callouts.logo a .wrap.logo .glow {
	display: inline-block;
    margin: 0 auto;
   	width: 40%;
}
.callouts.logo a .wrap.logo h6 {
	width: calc(100% - 20px);
}
.callouts.logo a:hover .wrap.logo h6 {
	width: 100%;
}
.callouts.logo a h6 {
	line-height: 1.5rem;
}
/*-------.callouts.logo a:before {
	background: rgba(255,255,255,0.8);
}
.callouts.logo a:hover h6 {
	color: #62727b;
	text-shadow: none;
}
.callouts.logo a .wrap::before {
	border-bottom: 3px solid #62727b;
    border-left: 3px solid #62727b;
}
.callouts.logo a .wrap::after {
	border-top: 3px solid #62727b;
    border-right: 3px solid #62727b;
}-------*/
.callouts.logo a:hover .wrap.logo img {
	display: block;
	margin: 0 auto;
}
.callouts.logo a:hover .wrap.logo .glow {
	display: block;
    margin: 0 auto 10px auto;
    background: #fff;
    border-radius: 90%;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    box-shadow: 0 0 20px 10px #fff;
    -webkit-box-shadow: 0 0 20px 10px #fff;
    -moz-box-shadow: 0 0 20px 10px #fff;
}
/*- TIMELINE <<<-------*/
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #880000;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}
.timeline .container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}
.timeline .container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12.5px;
    background-color: white;
    border: 4px solid #880000;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}
.timeline .left {
    left: 0;
}
.timeline .right {
    left: 50%;
}
.timeline .left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #550000;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #550000;
}
.timeline .right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #550000;
    border-width: 10px 10px 10px 0;
    border-color: transparent #550000 transparent transparent;
}
.timeline .right::after {
    left: -12.5px;
}
.timeline .container .content {
    padding: 10px 10px 1px 10px;
    background-color: #550000;
    position: relative;
    border-radius: 6px;
}
.timeline .container .content h4 {
	color: #ffffff;
	margin: 0px;
	text-transform: capitalize;
}
.timeline .container .content h4 span{
	color: #880000;
	font-weight: 700;
}
.timeline .container .content p{
	margin: 20px 0px 10px 0px;
}
.timeline .container .content iframe{
	border: solid 3px #880000;
}
div.container.middle {
  width:90%; 
  padding: 40px 40px; 
  position: relative; 
  margin:auto;
}
div.container.middle .gallery a:before {
		background: rgba(55,55,55,0.6) !important;
}
div.container.middle .gallery a:hover:before {
		z-index: 1 !important;
}
div.container.middle .gallery a:hover .words {
		z-index: 2  !important;
}
div.container.middle .gallery img {
		z-index:0;
}
div.container.middle .content::before{
		content: " ";
		height: 0;
		position: absolute;
		top: 100%;
		width: 0;
		z-index: 1;
		right: calc(50% - 10px);
		border: medium solid #880000;
    	border-width: 10px 10px 0px 10px;
    	border-color: #880000 transparent transparent transparent;
}
/*- TECHNICAL GUIDES <<<-------*/
.technicalGuides div {
	padding:0 1.0em 1.0em 1.0em;
}
/*- ETCHED DESIGNS <<<-------*/
.etchedDesigns.callouts {
	padding:0.625em 0 0.625em 0;
}
.etchedDesigns.callouts section {
	padding:0.625em;
}
.etchedDesigns.callouts section a {
	border:2px solid #880000;
	padding:0px 5px 0px 5px;
}
/*- LANDING PAGES <<<-------*/
.process {
	padding:1.5rem 0 1.25rem 0;
	background:#FAF5F5;
	box-shadow: inset 0px 9px 17.28px 0.72px rgba(0, 0, 0, 0.27);	
}
.process h2 {
	color:#550000;
	margin:0;
	font-size:1.5rem;
}
.process h2 em {
	font-family:'Crimson Text', serif;
	letter-spacing:0.125rem;
}
.process h6 {
	font-weight:700;
	color:#550000;
	margin: 5px 0;
}
.process p {
	font-size: 1rem;
	line-height: 1.2rem;
	color:#550000;
	margin: 5px;
}
.process img {
	margin: 5px 0;
}
.signupBand{
  background-color: #550000;
  height: 50px;
}
#sib-container{
  background-color: #550000 !important;
  height: 50px;
  margin: 0 !important;
  padding: 0 !important;
  text-align:center; 
  border-radius:3px; 
  border-width:0px;
  border-style:solid;
}
.sib-form{
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
.sib-input{
  padding: 0 !important;
}
.sib-input.sib-form-block{
  position: relative;
  top:-19px;
}
.entry__field{
  background-color: #550000 !important;
  border: 0px solid !important;
  margin:0.25rem !important;
}
.sib-form-block__button {
  padding: 11px 20px !important;
}
.sib-form-block {
  padding: 0px 0px !important;
}
.signupText {
  margin:0.25rem 0 !important;
  color: #ffffff !important;
  padding:0 0.25rem 0 0 !important;
  text-align:right !important;
  line-height:2.875rem !important;
}
.landingPage { 
	padding-bottom: 0;
}
.topLanding {
	box-shadow: 0px 5px 5px 0.2px rgba(0, 0, 0, 0.27);
}
.landingForm {
	background-color:#FAF5F5;
	box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.27);
}
.landingpageText h1 {
	margin-bottom:0;
}
.landingpageText p {
	margin-top:0; 
	padding: 0px 40px;
}
/*- ALERT <<<-------*/
.alert {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    background-color:#757575;
    color:#fff;
	transition:all 0.3s ease;
}
.alert:has(a:hover) {
    background-color:#550000;
}
.alert__text,
.alert__link {
    color:inherit !important;
}
.alert__text {
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:0;
    text-align:center;
    line-height:1.2;
}
.alert__link {
    font-weight:600;
}
.alert__text strong {
    font-weight:800;
}

div.border {width: 320px;
  padding: 10px;
  border: 5px solid gray;
  margin: 0;}

strike{text-decoration-line: line-through;
	text-decoration-thickness: 0.1rem;}