html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 2em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle; }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea { resize: vertical; }


/* 	==========================================================================
	Common styles
	========================================================================== */

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

	body,html { height: 100%; }

	body {
		font-size: 1rem;
		font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		color: #333;
		line-height: 1.5;
		}

		p,ul,ol { margin: 0 0 1em; }

		img {
			max-width: 100%;
			height: auto !important;
		}

		.alignleft,
		.alignright,
		.alligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1rem;
			}
			.alignleft {
				float: left;
				margin-right: 1rem;
			}
			.alignright {
				float: right;
				margin-left: 1rem;
			}

		.container {
			max-width: 1170px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 1rem;
			padding-right: 1rem;
		}
		
		.hidden-xs { display: none; }



/* 	==========================================================================
	Flexbox styles
	========================================================================== */


/* 	==========================================================================
	Grid styles
	========================================================================== */

	.row {
		margin-left: -1rem;
		margin-right: -1rem;
		}

		.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
		.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
		.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
		.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
		.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
		.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
			float: left;
			min-height: 1px;
			padding-left: 1rem;
			padding-right: 1rem;
		}

		.col-xs-3 { width: 25%; }
		.col-xs-4 { width: 33.3333334%; }
		.col-xs-6 { width: 50%; }
		.col-xs-8 { width: 66.6666667%; }
		.col-xs-9 { width: 75%; }
		.col-xs-12 { width: 100%; }

	@media only screen and (min-width: 35em) {
		.col-sm-3 { width: 25%; }
		.col-sm-4 { width: 33.3333334%; }
		.col-sm-6 { width: 50%; }
		.col-sm-8 { width: 66.6666667%; }
		.col-sm-9 { width: 75%; }
		.col-sm-12 { width: 100%; }
	}

	@media only screen and (min-width: 62em) {
		.col-md-3 { width: 25%; }
		.col-md-4 { width: 33.3333334%; }
		.col-md-6 { width: 50%; }
		.col-md-8 { width: 66.6666667%; }
		.col-md-9 { width: 75%; }
		.col-md-12 { width: 100%; }
	}

	@media only screen and (min-width: 75em) {
		.col-lg-3 { width: 25%; }
		.col-lg-4 { width: 33.3333334%; }
		.col-lg-6 { width: 50%; }
		.col-lg-8 { width: 66.6666667%; }
		.col-lg-9 { width: 75%; }
		.col-lg-12 { width: 100%; }
	}



/* 	==========================================================================
	Navigation styles
	========================================================================== */

	.menu,.sub-menu { margin: 0; padding: 0; list-style: none; }


/* 	==========================================================================
	Dividers
	========================================================================== */
	
	.divider {
		margin-top: 1rem;
		margin-bottom: 1rem;
		height: 0px;
		font-size: 0;
		line-height: 1;
		border-top: 1px solid white;
		}
		.divider-double {
			height: 6px;
			border-bottom: 1px solid white;
		}



/* 	==========================================================================
	Under Construction styles
	========================================================================== */
	
	body.uc {
		background-color: #928877;
		}
		
		.uc-content {
			padding: 1rem;
			padding-top: 12%;
			color: #fff;
			font-size: 1.25rem;
			font-family: 'IM Fell DW Pica', Georgia, 'Times New Roman', serif;
			line-height: 1.3;
			text-align: center;
			}
			.uc-content *:last-child { margin-bottom: 0; }
			
			.uc-content h1 {
				margin: 0;
				margin-top: 1.25em;
				font-size: 1.75em;
				font-weight: 400;
				line-height: 1;
				text-transform: uppercase;
			}
			
		.uc-content .divider {
			display: inline-block;
			width: 62%;
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
			opacity: 0.62;
		}
		
	body.uc .overlay {
		position: fixed;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url(images/interior-refit-800.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		}
		body.uc .overlay:before {
			content: " ";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: rgba(0,0,0,0.62);
		}


















/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden { display: none !important; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.row:after { clear: both; }


@media only screen and (min-width: 35em) {
	/* Common */
	.hidden-xs { display: block; }
	
	/* Under Construction */
	body.uc #page {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		}
		body.uc .uc-content {
			margin-top: -1rem;
			padding-top: 0;
		}
		
    body.uc .overlay { background-image: url('images/interior-refit-1200.jpg'); }
}

@media only screen and (min-width: 62em) {
	
	/* Under Construction */
	.uc-content h1 { font-size: 2em; }
    body.uc .overlay { background-image: url('images/interior-refit-1920.jpg'); }
}


@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }

    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 { page-break-after: avoid; }
}