/*
 *
 * Simplisite rewrite stylesheet, Dillon Spicer, 2017
 *
 */
@font-face {
	font-family: "Effra";
	src: url("font/Effra/30D3BC_1_0.eot");
	src: url("font/Effra/30D3BC_1_0.tff"), format("truetype"),
		 url("font/Effra/30D3BC_1_0.woff"), format("woff"),
		 url("font/Effra/30D3BC_1_0.woff2"), format("woff2");
}

body {

	background: linear-gradient(#4444FF, #AA44FF);
	background-repeat: no-repeat;
	background-attachment: fixed;	
	text-align: center;
	vertical-align: middle;
	font-family: "Effra", Effra, sans-serif;
} 

html {
	overflow: hidden;
}

.redtiki-logo {
	color: #FFFFFF;
	float: left; 
	display: inline; 
	width: 49%;
	fill: #FFFFFF;
	z-index: -1;
	position: static;
}

.logos {
	margin: left;
	margin-top: 500px;
	text-align: center;
	z-index: 10;
	color: #FFFFFF;
	margin: auto;
	width: 47%;
	font-family: "Effra", Effra, sans-serif;
}

.footer {
	vertical-align: center;
	margin: auto;

}

.road {
	opacity: 0.3;
	fill: #FFFFFF;
}
																		
.street {
	fill:#FFFFFF;
	font-family:'Effra-Regular';
	font-size:13.9633px;
}
									
.st3 {
	fill: #FFFFFF;
	opacity: 0.7;
}

.st6 {
	fill: #B3B4B4;
	opacity: 0.7;
}

.st7 {
	fill: #CCCCCC;
	opacity: 0.7;
}

.st8 {
	fill: #999999;
	opacity: 0.7;
}

.st9 {
	fill: #808080;
	opacity: 0.7;
}

.st10 {
	fill: #E6E6E6;
	opacity: 0.7;
}

.st11 {
	display: none;
	fill: #FFFFFF;
	opacity: 0.7;
}

.scrollIcon .scrollBorder {
	opacity: 0.8;
}

.scrollIcon .arrow1 {
	opacity: 0.7;
}

.scrollIcon .arrow2 {
	opacity: 0.4;
}

a {
	color: #FFF;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}

.map {
	margin-left: 140px;
	position: relative;
	top: 120px;
	font-family: "Effra", Effra, sans-serif;
}

.footer-info {
	margin-left: 740px;
	width: 100%;
	text-align: left;
	position: relative;
	bottom: 270px;
	color: #FFF;

}

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

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.scrollIcon {
	position: relative;
	fill: #FFF;
	vertical-align: center;
	float: left;
	margin: auto;
	left: 100px;
	color: #FFF;
}

.fb-logo {
	fill: #FFF;
	opacity: 0.6;
	transform: scale(0.08);
	position: relative;
	bottom: 250px;
	right: 220px;
}

.scrollIcon h5 {
	position: relative;
	color: #FFFFFF;
	margin-right: 143px;
	font-size: 1.4em;
	top: 78px;
	left: 2px;
}

#Building {
	opacity: 0.5;
}
.scrollIcon h4 {
	position: relative;
	color: #FFFFFF;
	margin-right: 135px;
	top: 62px;
}

.logo-wrapper h3 {
	position: static;
	transform: translate(-45%, -160%);
	color: #FFFFFF;
	width: 115%;
	font-size: 1.4em;
}

.svg-client-logo--hawaiian {
	fill: #FFFFFF;
}

.simplisite-logo {
	float: right; 
	display: inline; 
	width: 51%;
	fill: #FFFFFF;
}
 
.body-wrapper {
	margin: auto;
	width: 80%;
}

.tagline {
	margin: left;
	margin-top: 500px;
	color: #FFFFFF;
	text-align: center;
	z-index: 10;
}

.body-wrapper .background{
	position: fixed;
}