body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: auto;
    font-smooth: never;
    font-smooth: always;

    /* <length> */
    font-smooth: 2em;

    -webkit-text-stroke: 0px;

    font-weight: 500;

    font-size: 16px;
    font-family: 'Raleway',sans serif;
    background: url(/img/wood2.jpg) #444;
    background-position: top left;
    line-height: 28px;
}
* {
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
}
*:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
a {
	color: #fff;
	text-decoration: none !important;
	transition: 200ms;
}
a:hover {
	color: #888 !important;
	font-weight: 900;
	text-decoration: none !important;
}
.footer {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	background: url(/img/wood.jpg) #444;
	box-shadow: 20px 0px 4px 13px rgba(0,0,0,1);
	background-position: -400px 200px;
	padding-bottom: 40px;
}
.footer .inside {
	width: 105%; 
	position: absolute; 
	left: -2%; 
	top: 150px; 
	z-index: 5;
}
.footer .inside-content {
	padding-top: 30px;
	position: relative;
	z-index: 6;
	color: #fff;
}
.menu-white {
	background: rgba(0,0,0,0.8);
	color: #333;
	box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.6);
}
#menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	transition: 420ms;
	padding: 20px;
	font-size: 14px;
}
#menu .menu-link {
	color: #fff;
}
.menu-link {
	display: inline;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	transition: 220ms;
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none !important;
}
.menu-link:hover {
	display: inline;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	background: #d8254e;
	color: #fff;
	text-decoration: none !important;
}
.menu-link.active {
	background: #fff;
	color: #d8254e !important;	
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.home-thumb {
	position: relative;
	margin-bottom: 30px;
}
.home-thumb .thumb-caption {
	position: absolute;
	background: rgba(0,0,0,0.45);
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	height: 70px;
	padding: 20px;
	bottom: 30px;
	left: 0%;
	box-sizing: border-box;
	transition: 150ms;
}
.home-thumb:hover .thumb-caption {
	background: rgba(0,0,0,0.9);
	bottom: 0px;
	padding-top: 120px;
	height: 100%;
	opacity: 0.8;
}
#home-header {
    position: relative;
    width: 100%;
    height: 900px;
    z-index: 5;
    color: #fff;
    text-align: center;
    background: url(/img/bg1.jpg);
    background-size: cover;
    background-position: bottom center;
    overflow: hidden;
    box-shadow: 0 0 10px 15px rgba(0,0,0,0.7);
    background-attachment: fixed;
}
.logo {
	position: absolute;
	top: 50px;
	left: -10%;
	max-width: 80%;
}
#home-header.half-height {
    height: 500px !important;
    background: url(/img/bg1.jpg);
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
}
#home-header.half-height .logo {
	position: absolute;
	top: -70px;
	left: -10%;
}
b {
	font-weight: 900 !important;
}
.box {
	 background: rgba(0,0,0,0.6); 
	 border-radius: 3px; 
	 padding: 40px; 
	 padding-top: 30px;
	 color: #fff;
	 margin-bottom: 20px;
}
.box-red {
	 background: rgba(237,28,28,0.8);
}
.box-hover { transition: 220ms; }
.box-hover:hover {
	background: #222;
}
.shadow {
	box-shadow: 0px 5px 3px 4px rgba(0,0,0,0.3);
}
#alt-header {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 5;
    color: #fff;
    text-align: center;
    background: url(/img/acc.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
#alt-header.acc {
    background: url(/img/acc.jpg);
    background-size: cover;
    background-position: center;
}
#alt-header.fac {
    background: url(/img/fac.jpg);
    background-size: cover;
    background-position: center;
}
#alt-header.dis {
    background: url(/img/dis.jpg);
    background-size: cover;
    background-position: center;
}
h1,h2,h3 {
	color: #fff;
	display: block;
	margin-top: -10px;
}
.distance-table {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	transition: 220ms;
}
.distance-table:hover {
	background: #eee;
}
.project-label {
	background: #ef5d31;
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: -10px;
	min-width: 40%;
	border-radius: 3px;
	font-weight: 500;
}
.bond-button {
	background: #ef5d31;
	border: none;
	transition: 220ms;
	font-size: 16px;
	padding: 10px;
	padding-left: 50px;
	padding-right: 50px;
	font-weight: 500;
}
.testimonial-quote {
	color: #666;
	font-size: 14px;
}
.testimonial-by {
	color: #ef5d31;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 12px;
}
.bond-button:hover {
	background: #ee734e;
}
.banner-screen {
    position: absolute;
    top: 0px;
    height: 179px;
    width: 100%;
    background: url(/img/shadow.png);
    background-repeat: repeat-x;
}
.logo-left {
	width: 50%;
	position: absolute;
	top: -300px;
	left: 0px;
	text-align: right;
	box-sizing: border-box;
	padding-right: 2px;
	transition: 0.8s;
	opacity: 0;
}
.logo-right {
	width: 50%;
	position: absolute;
	top: 1800px;
	right: 0px;
	text-align: left;
	box-sizing: border-box;
	padding-left: 2px;
	transition: 0.8s;
	opacity: 0;
}
.logo-text {
	width: 100%;
	position: absolute;
	top: -800px;
	text-align: center;
	transition: 0.8s;
	opacity: 0;
}
.logo-comingsoon {
	position: absolute;
	top: 2000px;
	left: 0px;
	transition: 0.8s;
	text-align: center;
	width: 100%;
	margin-top: 150px;
}
.logo-comingsoon span {
	font-size: 18px;
	background: rgba(0,0,0,0.3);
	padding: 20px;
	border-radius: 50px;
}
.logo-slogan {
	position: absolute;
	top: 2000px;
	left: 0px;
	transition: 0.8s;
	text-align: center;
	width: 100%;
	margin-top: 150px;
}
.logo-slogan span {
	font-size: 18px;
	padding: 20px;
	border-radius: 50px;
}
.logo-right img,.logo-left img {
	max-width: 40%;
}
.logo-text img {
	max-width: 70%;
}
.menu-screen {
	display: none;
	background: #292929;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.menu-icon { display: none; }

@media (max-width: 1200px) {
	.menu-icon { 
		display: block; 
		position: absolute; 
		top: 0px;
		right: 0px;
		color: #fff;
		font-size: 28px;
	}
	#menu {
		position: fixed;
		top: 5px;
		left: 0px;
		width: 100%;
		z-index: 999;
		transition: 220ms;
		padding: 20px;
		font-size: 14px;
	}
	.logo-circle {
		border-radius: 50%; 
		height: 100px; 
		width: 250px; 
		max-width: 100%;
		background: none; 
		position: absolute; 
		left: 0px; 
		top: -185px;
	}
	.menu {
		display: none;
		padding-top: 50px;
		height: 100%;
	}
	.menu-link { 
		display: block; 
		text-align: center;
		padding: 15px !important;
		border-radius: 5px;
	}
	.menu-link.active { 
		display: block; 
		background: #444;
		border: none;
		border-radius: 5px;
	}
	.menu-link:hover { 
		display: block; 
		text-align: center;
		padding: 15px !important;
	}
}
.footer-right {
	text-align: right;
	float: right;
}
.footer-left {
	text-align: left;
	float: left;
}
@media (max-width: 700px) {
	.logo {
		position: absolute;
		top: -40px !important;
		left: -10%;
		max-width: 80%;
	}
	.footer-right {
		text-align: center;
		float: none;
	}
	.footer-left {
		padding-top: 50px;
		text-align: center;
		float: none;
	}
}