* {
	color: #555;
	box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
	background-color: #fff;
	font-size: 1vw;
	line-height: 1.5vw;
}
body {
	margin: 0;
}
h1, h2, h3 {
	font-size: 2vw;
	line-height: 2.5vw;
}
h1, h2, h3, p {
	margin: 0 0 1vw;
}
#main {
	width: 100%;
	float: left;
}
.onecolumn {
	width: 100%;
	float: left;
}
.twocolumn {
	width: 50%;
	float: left;
}
.threecolumn {
	width: 33.33333%;
	float: left;
}
.fourcolumn {
	width: 25%;
	float: left;
}
.twothirdscolumn {
	width: 66.6666%;
	float: left;
}
.threequartercolumn {
	width: 75%;
	float: left;
}

/* General
-------------------------*/
.main-section {
	width: 100%;
	float: left;
}
.section {
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
textarea,
input,
select {
	-webkit-appearance: none !important;
}
select {
	cursor: pointer;
}

/* button styles
-------------------------*/
.button {
	padding: 1vw 2vw;
	text-decoration: none;
	cursor: pointer;
}
.button-style-05,
.button-style-04,
.button-style-03,
.button-style-02,
.button-style-01 {
	color: #fff;
	background-color: #d52155;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 5vw;
	-webkit-border-radius: 5vw;
	border-radius: 5vw;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.button-style-02 {
	background: radial-gradient(circle at top left, #6984f5,#d52155);
}
.button-style-03 {
	background: radial-gradient(circle at top left, #d52155,#970d30);
}
.button-style-04 {
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
}
.button-style-05 {
	color: #333;
	background: radial-gradient(circle at top left, #fff,#eee);
}
.button-style-01:hover {
	background-color: #ff004a;
}
.button-style-02:hover {
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
}
.button-style-03:hover {
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
}
.button-style-04:hover {
	background: radial-gradient(circle at top left, #6984f5,#d52155);
}
.button-style-05:hover {
	color: #fff;
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
}

/* border styles
-------------------------*/
.border-style-01 {
	width: 100%;
	float: left;
	clear: both;
}
.border-style-01::after,
.border-style-01::before {
	content: "";
	width: 50%;
	height: 4vh;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 2px solid transparent;
	display: block;
	float: left;
	box-sizing: border-box;
}
.border-style-01::before {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #d52155,#ea5e2a);
	border-top: none;
	border-right: none;
	border-left: 1px solid transparent;
	-moz-border-radius-bottomleft: 5vh;
	border-bottom-left-radius: 5vh;
}
.border-style-01::after {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ea5e2a,#f90);
	margin-top: calc(4vh - 2px);
	border-bottom: none;
	border-left: none;
	border-right: 1px solid transparent;
	-moz-border-radius-topright: 5vh;
	border-top-right-radius: 5vh;
}

.border-style-02 {
	width: 100%;
	float: left;
	clear: both;
}
.border-style-02::after,
.border-style-02::before {
	content: "";
	width: 50%;
	height: 4vh;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 2px solid transparent;
	display: block;
	float: left;
	box-sizing: border-box;
}
.border-style-02::before {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #d52155,#ea5e2a);
	margin-top: calc(4vh - 2px);
	border-bottom: none;
	border-right: none;
	border-left: 1px solid transparent;
	-moz-border-radius-topleft: 5vh;
	border-top-left-radius: 5vh;
}
.border-style-02::after {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ea5e2a,#f90);
	border-top: none;
	border-left: none;
	border-right: 1px solid transparent;
	-moz-border-radius-bottomright: 5vh;
	border-bottom-right-radius: 5vh;
}
.border-style-03::before {
	content: "";
	width: 100%;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 2px solid transparent;
	display: block;
	float: left;
	box-sizing: border-box;
}
.border-style-03::before {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #d52155,#b5cff2);
	border-bottom: none;
	border-right: none;
	border-left: 1px solid transparent;
}

.border-style-04::before {
	content: "";
	width: 100%;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 2px solid transparent;
	display: block;
	float: left;
	box-sizing: border-box;
}
.border-style-04::before {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #b5cff2,#f90);
	border-bottom: none;
	border-right: none;
	border-left: 1px solid transparent;
}
.border-style-05::before {
	content: "";
	width: 100%;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border: 2px solid transparent;
	display: block;
	float: left;
	box-sizing: border-box;
}
.border-style-05::before {
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #fff,#8ac34c);
	border-bottom: none;
	border-right: none;
	border-left: 1px solid transparent;
}
.open-border {
	padding: 0 20vw;
}

/* Header
-------------------------*/
.header {
	width: 100%;
	background-color: rgba(255, 255, 255, 0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.scrolled .header {
	background-color: rgba(255, 255, 255, 0.7);
}
.header .logo {
	padding: 1vw 0 1vw 15vw;
	text-align: right;
}
.header .logo img {
	width: 15vw;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.scrolled .header .logo {
	
}
.scrolled .header .logo img {
	width: 10vw;
}

/* Navigation
-------------------------*/
.navigation-outer {
	padding: 0 10vw 0 15vw;
}
.navigation {
}
.nav {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
}
.nav li {
	display: block;
}
.nav li a {
	padding: 0.5vw 1vw;
	color: #fff;
	display: block;
	text-decoration: none;
	-moz-border-radius: 3vw;
	-webkit-border-radius: 3vw;
	border-radius: 3vw;
}
.scrolled .nav li a {
	color: #333;
}
.nav li a:hover {
	color: #fff;
	background-color: #6984f5;
}

/* Site Builder
-------------------------*/
.site-builder {
	padding: 9vw 0 4vw 10vw;
	overflow: hidden;
	position: relative;
}
.site-builder::after,
.site-builder::before {
	content: "";
	position: absolute;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.site-builder::before {
	width: 30vw;
	height: 30vw;
	right: 6vw;
	top: 6vw;
	background: -webkit-gradient(linear, left, right, from(rgb(111, 127, 237)), to(#00BCD4));
	background: -moz-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: -o-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 1;
}
.site-builder::after {
	width: 70vw;
	height: 70vw;
	top: 0;
	right: 0;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: -o-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: linear-gradient(to right,  #8BC34A,  #00BCD4);
	-moz-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	z-index: 0;
	transform: translate(11vw, -25vw);
}
.site-builder-outer {
	width: 100%;
	padding: 0;
	float: left;
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
}
.site-builder-outer fieldset {
	padding: 0;
	background-color: #fff;
	border: none;
}
.site-builder-outer fieldset input,
.site-builder-outer fieldset select {
	width: 100%;
	padding: 1vw;
	margin: 0.5vw 0;
	border: 2px solid rgba(0, 0, 0, 0.2);
	outline: none;
	-moz-border-radius: 5vw;
	-webkit-border-radius: 5vw;
	border-radius: 5vw;
}
.site-builder-outer .threecolumn {
	padding: 1.8vw;
	border: 0.5vw solid #fff;
	background: radial-gradient(circle at top left, rgba(214, 34, 85, 1),rgb(156, 14, 51));
	text-align: center;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.3), 0 5px 15px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.3), 0 5px 15px rgba(0,0,0,.1);
	box-shadow: 0 15px 35px rgba(50,50,93,.3), 0 5px 15px rgba(0,0,0,.1);
	transform: translateX(5vw);
	z-index: 5;
}
.site-builder-outer .threecolumn h2 {
	color: #fff;
	font-size: 90px;
	line-height: 90px;
	text-transform: uppercase;
}
.site-builder-outer .threecolumn p {
	color: #fff;
}
.site-builder-outer #ajax-form {
	margin: 0;
}
.site-builder-outer .threecolumn fieldset {
	background: transparent;
}
.site-builder-outer #ajax-form input.generate-example-site.button {
	margin-bottom: 0;
	color: #fff;
	border: 0px solid #fff;
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
	font-size: 2vw;
	line-height: 2vw;
	font-weight: bold;
	cursor: pointer;
}
.site-builder-outer #ajax-form input.generate-example-site.button:hover {
	background: radial-gradient(circle at top left, #6984f5,#d52155);
}
.site-builder-outer .twothirdscolumn {
	position: relative;
}
.site-builder-outer .twothirdscolumn::before {
	content: "Get Your Site For Only \00a3 9.99 Per Month";
	width: 25vw;
	position: absolute;
	top: 6vw;
	right: 12vw;
	font-size: 3vw;
	line-height: 4vw;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(-8deg);
}
.site-builder-outer .twothirdscolumn img {
	width: 100%;
	padding: 0 1vw 0 5vw;
}
.site-builder-outer .border {
	width: 50%;
	margin-bottom: 1vw;
	display: inline-block;
}

/* Examples
-------------------------*/
.examples {
	padding: 4vw 15vw;
	position: relative;
	overflow: hidden;
}
.examples::after,
.examples::before {
	content: "";
	position: absolute;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.examples::before {
	width: 30vw;
	height: 30vw;
	left: 6vw;
	top: 3vw;
	background: -webkit-gradient(linear, left, right, from(rgb(111, 127, 237)), to(#00BCD4));
	background: -moz-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: -o-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 1;
}
.examples::after {
	width: 40vw;
	height: 40vw;
	top: 50%;
	left: 0;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: -o-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: linear-gradient(to right,  #8BC34A,  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 0;
	transform: translate(-20vw, -50%);
}
.examples .section {
	padding:4vw;
	background:#fff;
	text-align: center;
	position: relative;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	z-index: 2;
}
.examples .section::before {
	content: "";
	width: 5vw;
	height: 5vw;
	position: absolute;
	right: 1vw;
	top: 1vw;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: -o-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: linear-gradient(to right,  #8BC34A,  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.examples .section .onecolumn {
	padding: 2vw;
}
.examples .section .onecolumn h2 {
	color: #555;
	text-transform: uppercase;
}
.examples .section .onecolumn .border-style-03 {
	padding: 0 20vw 1vw;
}
.examples .section .fourcolumn {
	padding: 1vw;
}
.examples .section .fourcolumn img {
	width: 100%;
}
.examples .button-style-02 {
	margin-top: 2vw;
}

/* How It Works
-------------------------*/
.how-works {
	padding: 2vw 15vw;
	text-align: center;
}
.how-works .section .onecolumn.main-content {
	padding: 2vw 10vw;
}
.how-works .section .onecolumn.main-content h2 {
	color: #555;
	text-transform: uppercase;
}
.how-works .section .onecolumn.main-content .border-style-03 {
	padding: 0 10vw 1vw;
}
.how-works .section .threecolumn {
	padding: 1vw;
}
.how-works .section .threecolumn .how-content {
	padding: 2vw;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: -o-radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.how-works .section .threecolumn .how-content h2 {
	color: #fff;
	text-transform: uppercase;
	flex-grow: 1;
}
.how-works .section .threecolumn .how-content .border {
	flex-grow: 1;
}
.how-works .section .threecolumn .how-content p a,
.how-works .section .threecolumn .how-content p {
	color: #fff;
	flex-grow: 1;
}
.how-works .section .threecolumn .button {
	width: 100%;
	border: none;
	align-self: flex-end;
	-moz-box-shadow: 0 15px 35px rgba(0,0,0,0.25) inset;
    -webkit-box-shadow: 0 15px 35px rgba(0,0,0,0.25) inset;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25) inset;
}
.how-works .section .threecolumn .how-content .border-style-04 {
	padding: 0 3vw 1vw;
}
.how-works .section .column-content {
	display: flex;
	align-items: stretch;
}
.how-works .section .column-content .threecolumn {
	display: flex;
	align-items: stretch;
}

/* Why Us
-------------------------*/
.why-us {
	padding: 4vw 10vw;
}
.why-us .section .onecolumn {
	display: flex;
	align-items: center;
}
.why-us .section .twocolumn {
	padding: 2vw;
	position: relative;
}
.why-us .section .border {
	padding: 0 10vw;
}
.why-us .section .border.border-style-04,
.why-us .section .border.border-style-03 {
	width: 100%;
	padding: 0 20vw 0 0;
	margin-bottom: 1vw;
	float: left;
	clear: both;
}
.why-us .section .border.border-style-04 {
	padding: 0 0 0 20vw;
}
.why-us .why-us-image-01,
.why-us .why-us-image-02,
.why-us .why-us-image-03 {
	position: relative;
}

/* Why Us section 01
-------------------------*/
.why-us .why-us-block-01 .twocolumn {
	width: 60%;
	padding: 0;
	display: flex;
	align-items: center;
}
.why-us .why-us-block-01 .fourcolumn {
	width: 4vw;
}
.why-us .why-us-block-01 .threequartercolumn {
	width: calc(100% - 4vw);
	padding: 0 3vw;
}
.why-us .why-us-block-01 .twocolumn .fourcolumn span {
	background-color: #2672d8;
	color: #fff;
	width: 4vw;
	height: 4vw;
	margin: 0 auto;
	display: block;
	font-size: 4vw;
	line-height: 3.5vw;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.why-us .why-us-block-01 .threequartercolumn h2 {
	color: #555;
	text-transform: uppercase;
}
.why-us .why-us-block-01 .why-us-image {
	width: 40%;
	padding: 0;
}
.why-us .why-us-block-01 .why-us-image::before {
	background-color: #b5cff2;
	left: 0;
}

/* Why Us section 02
-------------------------*/
.why-us .why-us-block-02 .twocolumn {
	width: 60%;
	padding: 0;
	display: flex;
	align-items: center;
	text-align: right;
}
.why-us .why-us-block-02 .fourcolumn {
	width: 4vw;
}
.why-us .why-us-block-02 .threequartercolumn {
	width: calc(100% - 4vw);
	padding: 0 3vw;
}
.why-us .why-us-block-02 .twocolumn .fourcolumn span {
	background-color: #ff004a;
	color: #fff;
	width: 4vw;
	height: 4vw;
	margin: 0 auto;
	display: block;
	font-size: 4vw;
	line-height: 3.5vw;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.why-us .why-us-block-02 .threequartercolumn h2 {
	color: #555;
	text-transform: uppercase;
}
.why-us .section .why-us-block-02 .border.border-style-03 {
	padding: 0 0 0 20vw;
}
.why-us .why-us-block-02 .why-us-image {
	width: 40%;
	padding: 0 0 0 3vw;
}
.why-us .why-us-block-02 .why-us-image::before {
	background-color: #d52155;
	left: auto;
	right: 0;
}
.why-us .why-us-block-02 .why-us-image img {
	width: 25vw;
	padding: 2vw 0;
	float: left;
}

/* Why Us section 03
-------------------------*/
.why-us .why-us-block-03 .twocolumn {
	width: 60%;
	padding: 0;
	display: flex;
	align-items: center;
}
.why-us .why-us-block-03 .fourcolumn {
	width: 4vw;
}
.why-us .why-us-block-03 .threequartercolumn {
	width: calc(100% - 4vw);
	padding: 0 3vw;
}
.why-us .why-us-block-03 .twocolumn .fourcolumn span {
	background-color: #2672d8;
	color: #fff;
	width: 4vw;
	height: 4vw;
	margin: 0 auto;
	display: block;
	font-size: 4vw;
	line-height: 3vw;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.why-us .why-us-block-03 .threequartercolumn h2 {
	color: #555;
	text-transform: uppercase;
}
.why-us .why-us-block-03 .why-us-image {
	width: 40%;
	padding: 3vw 0;
}
.why-us .why-us-block-03 .why-us-image::before {
	background-color: #6984f5;
	left: 0;
}
.why-us .why-us-image::before {
	content: "";
	width: 25vw;
	height: 25vw;
	position: absolute;
	top: 50%;
	z-index: -1;
	transform: translateY(-50%);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.why-us img {
	width: 100%;
}

/* call to action 01
-------------------------*/
.call01 {
	padding: 4vw 0;
	display: flex;
	align-items: center;
}
.call01 .call01-image {
	background: #fff;
	position: relative;
	text-align: right;
}
.call01 .call01-image::after,
.call01 .call01-image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-moz-border-radius-topright: 10vw;
	border-top-right-radius: 10vw;
	-moz-border-radius-bottomright: 10vw;
	border-bottom-right-radius: 10vw;
}
.call01 .call01-image::before {
	background-image: url(images/bubbles-01.png);
	background-size: cover;
	z-index: 0;
}
.call01 .call01-image::after {
	background: -webkit-gradient(linear, left, right, from(rgba(136, 195, 77, 0.8)), to(rgba(4, 188, 209, 0.8)));
	background: -moz-linear-gradient(to right,  rgba(136, 195, 77, 0.8),  rgba(4, 188, 209, 0.8));
	background: -o-linear-gradient(to right,  rgba(136, 195, 77, 0.8),  rgba(4, 188, 209, 0.8));
	background: linear-gradient(to right,  rgba(136, 195, 77, 0.8),  rgba(4, 188, 209, 0.8));
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 1;
}
.call01 .call01-image h2 {
	color: #fff;
	margin: 0;
	padding: 4vw 10vw 4vw 5vw;
	font-size: 3.5vw;
	line-height: 4vw;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}
.call01 .call01-image h2 a {
	color: #fff;
	text-decoration: none;
}
.call01 .call01-text {
	width: 100%;
	padding: 0 10vw;
	float: left;
}
.call01 .call01-text h2 {
	color: #555;
	text-transform: uppercase;
}
.call01 .call01-text .border-style-03 {
	padding: 0 10vw 1vw 0;
}
.call01 .call01-text .button {
	width: calc(50% - 0.5vw);
	float: left;
}
.call01 .call01-text .button:first-of-type {
	margin-right: 0.5vw;
	background-color: #6984f5;
}
.call01 .call01-text .button:last-of-type {
	margin-left: 0.5vw;
}
.call01 .call01-text .button:first-of-type:hover {
	background-color: #2672d8;
}

/* Features
-------------------------*/
.features {
	padding: 4vw 15vw;
}
.features .twocolumn {
	padding: 0 0 0 5vw;
	text-align: left;
}
.features .twocolumn.main-content h2 {
	color: #555;
	text-transform: uppercase;
}
.features .twocolumn.main-content h2,
.features .twocolumn.main-content p {
	padding: 0 2vw;
}
.features .twocolumn.main-content > h2:first-child {
	margin: 0;
}
.features .twocolumn.main-content .border-style-03 {
	padding: 0 5vw 1vw;
}
.features .twocolumn.image-content img {
	width: 100%;
}

/* Difference
-------------------------*/
.difference {
	padding: 4vw 0;
	text-align: center;
}
.difference .onecolumn.main-content h2 {
	color: #555;
	text-transform: uppercase;
}
.difference .onecolumn.main-content .border-style-03 {
	padding: 0 40vw 1vw;
}
.difference-outer {
	padding: 1vw 0;
	width: fit-content;
    margin: 0 auto;
	display: flex;
	align-items: stretch;
}
.difference-inner {
	border-right: 1px solid #eee;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.difference-inner:last-child {
	border-right: none;
}
.difference-inner .difference-text {
	min-width: 10vw;
	padding: 1vw 1vw;
	text-align: center;
}
.difference-inner .difference-text:first-child {
	border-top: none;
}
.difference-inner .difference-text:last-child {
	border-bottom: none;
}
.difference-inner:first-child .difference-text {
	border-left: none;
}
.difference-inner:last-child .difference-text {
	border-right: none;
}
.difference-inner .difference-text.image img {
	width: 100%;
}
.difference-inner .difference-text.tick {
	color: #54c331;
	font-size: 2vw;
}
.difference-inner .difference-text.cross {
	color: #d52155;
	font-size: 2vw;
}
.difference .button {
	margin-top: 2vw;
	display: inline-block;
}

/* Testimonials
-------------------------*/
.testimonials {
	padding: 4vw 0 0;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.testimonials::after,
.testimonials::before {
	content: "";
	position: absolute;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.testimonials::before {
	width: 30vw;
	height: 30vw;
	right: 6vw;
	top: 3vw;
	background: -webkit-gradient(linear, left, right, from(rgb(111, 127, 237)), to(#00BCD4));
	background: -moz-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: -o-linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	background: linear-gradient(to right,  rgb(111, 127, 237),  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 1;
}
.testimonials::after {
	width: 40vw;
	height: 40vw;
	top: 50%;
	right: 0;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: -o-linear-gradient(to right,  #8BC34A,  #00BCD4);
	background: linear-gradient(to right,  #8BC34A,  #00BCD4);
	-moz-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 1vw rgba(50, 50, 50, 0.5) inset;
	z-index: 0;
	transform: translate(20vw, -50%);
}
.testimonials .twocolumn {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
}
.testimonials .testimonials-text {
	padding: 0 10vw;
}
.testimonials .testimonials-text h2 {
	color: #555;
	margin-bottom: 2vw;
	text-transform: uppercase;
}
.testimonials .testimonials-text .border-style-03 {
	padding: 0 10vw 2vw 0;
}
.testimonials .testimonials-text p {
	margin-bottom: 2vw;
}
.testimonials .testimonials-outer {
	width: 100%;
	height: 40vw;
	float: left;
}
.testimonials .testimonials-outer .testimonials-block {
	width: 30vw;
	padding: 4vw 3vw;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 20vw;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	transform: translateY(-50%) scale(0);
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.testimonials .testimonials-outer .testimonials-block::before {
	content: "\00201d";
	color: #eee;
	font-size: 10vw;
	line-height: 0vw;
	font-family: serif;
	display: block;
	position: absolute;
	right: 1vw;
	bottom: 1vw;
}
.testimonials .testimonials-outer .testimonials-block.wait-block {
	right: 1vw;
	transform: translateY(-50%) scale(0.5);
	z-index: 2;
	cursor: pointer;
}
.testimonials .testimonials-outer .testimonials-block.active-block {
	transform: translateY(-50%) scale(1);
	z-index: 3;
}
.testimonials-block .onecolumn {
	padding: 1vw 0;
	display: flex;
	align-items: center;
}
.testimonials-block .onecolumn h2 {
	color: #555;
	text-transform: uppercase;
}
.testimonials-block .onecolumn .threequartercolumn p {
	margin: 0;
	color: #d52155;
}
.testimonials-block .image {
	padding-right: 1vw;
}
.testimonials-block .image img {
	width: 100%;
	-moz-border-radius: 10vw;
	-webkit-border-radius: 10vw;
	border-radius: 10vw;
}

/* Partners
-------------------------*/
.partners {
	margin: 0 0 3vw;
	padding: 4vw 10vw;
	text-align: center;
}
.partners .onecolumn {
	padding: 1vw 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.partners h2 {
	color: #555;
	text-transform: uppercase;
}
.partners .border.border-style-03 {
	padding: 0 30vw 1vw;
}
.partners .onecolumn img {
	height: 5vw;
}

/* faqs
-------------------------*/
.faqs {
	padding: 0 10vw;
	text-align: center;
}
.faqs .faqs-outer {
	padding: 4vw 10vw;
	float: left;
}
.faqs h2 {
	color: #555;
	text-transform: uppercase;
}
.faqs .border.border-style-03 {
	padding: 0 20vw 1vw;
}
.faqs-inner {
	text-align: left;
	display: flex;
	align-items: center;
}
.faqs .faqs-header {
	width: 50%;
	padding: 1vw;
	margin: 1vw 0;
	text-align: center;
	background: -webkit-gradient(linear, left, right, from(#8BC34A), to(#00BCD4));
	background: -moz-radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: -o-radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
	background: radial-gradient(circle at top left, #8BC34A,#00BCD4);
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
}
.faqs .faqs-header p {
	color: #fff;
	margin: 0;
}
.faqs .faqs-text {
	width: 100%;
	padding: 1vw 2vw;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.faqs .faqs-text p {
	margin: 0.5vw 0;
}
.faqs .faqs-outer .border {
	margin-top: 1vw;
}
.faqs .faqs-outer .button {
	margin: 2vw 0 1vw;
	display: inline-block;
}

/* Footer
-------------------------*/
.footer {
	border-top: 1px solid #eee;
	padding: 2vw 0;
	text-align: center;
}
.footer p {
	margin: 0;
}
.footer p a {
	color: #d52155;
}
.footer p a:hover {
	color: #bbb;
}

/* Cookies
-------------------------*/
.cookies {
	width: 100%;
	padding: 0.5vw 2vw;
	background: #fff;
	float: left;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	border-top: 1px solid #ddd;
}
.cookie-accept.cookies {
	display: none;
}
.cookies .button {
	padding: 0 2vw;
}

/* Main Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	html {
		font-size: 2vw;
		line-height: 3vw;
	}
	h1, h2, h3 {
		font-size: 4vw;
		line-height: 6vw;
	}
	h1, h2, h3, p {
		margin: 0 0 2vw;
	}

	/* borders
	--------------------------*/
	.open-border {
		padding: 0 8vw;
	}
	.why-us .section .border {
		padding: 0;
	}

	/* button
	--------------------------*/
	.button {
		padding: 2vw 4vw;
	}

	/* header
	--------------------------*/
	.header {
		position: absolute;
	}
	.scrolled .header {
		background-color: transparent;
	}
	.scrolled .header .logo img {
		width: 10vw;
	}
	.navigation {
		display: none;
	}

	/* site builder
	--------------------------*/
	.site-builder {
		padding: 8vw;
	}
	.site-builder-outer .threecolumn {
		width: 100%;
		padding: 4vw;
		transform: translateX(0);
	}
	.site-builder-outer .twothirdscolumn {
		display: none;
	}
	.site-builder-outer #ajax-form input.generate-example-site.button {
		font-size: 2vw;
		line-height: 3vw;
	}
	.site-builder-outer fieldset input,
	.site-builder-outer fieldset select {
		padding: 2vw;
		margin: 1vw 0;
	}
	.site-builder-outer .border {
		margin-bottom: 3vw;
	}

	/* examples
	--------------------------*/
	.examples {
		padding: 8vw;
	}
	.examples .section .onecolumn .border-style-03 {
		padding: 0 20vw 3vw;
	}

	/* How It Works
	--------------------------*/
	.how-works {
		padding: 4vw 8vw;
	}
	.how-works .section .column-content {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.how-works .section .column-content .threecolumn {
		width: 100%;
	}
	.how-works .section .threecolumn .how-content {
		padding: 4vw;
	}

	/* Why Us
	--------------------------*/
	.why-us {
		padding: 8vw;
	}
	.why-us .why-us-block-01 .threequartercolumn h2,
	.why-us .why-us-block-02 .threequartercolumn h2,
	.why-us .why-us-block-03 .threequartercolumn h2 {
		font-size: 2vw;
		line-height: 3vw;
	}

	/* call to action
	--------------------------*/
	.call01 {
		flex-wrap: wrap;
	}
	.call01 .twocolumn {
		width: 100%;
	}
	.call01 .call01-image {
		margin-right: 8vw;
	}
	.call01 .call01-image h2 {
		padding: 4vw 15vw 4vw 5vw;
		font-size: 6vw;
		line-height: 6vw;
	}
	.call01 .call01-image::after,
	.call01 .call01-image::before {
		-moz-border-radius-topright: 20vw;
		border-top-right-radius: 20vw;
		-moz-border-radius-bottomright: 20vw;
		border-bottom-right-radius: 20vw;
	}
	.call01 .call01-text {
		padding: 8vw;
	}

	/* features
	--------------------------*/
	.features {
		padding: 0 8vw;
	}
	.features .twocolumn {
		width: 100%;
		padding: 0;
	}
	.features .twocolumn.image-content {
		display: none;
	}
	.features .twocolumn .border-style-01,
	.features .twocolumn .border-style-02 {
		margin: 2vw 0;
	}

	/* diffrence
	--------------------------*/
	.difference {
		padding: 4vw 8vw;
	}
	.difference-inner .difference-text {
		font-size: 1vw;
		line-height: 2.5vw;
	}

	/* testimonials
	--------------------------*/
	.testimonials {
		flex-wrap: wrap;
	}
	.testimonials .twocolumn {
		width: 100%;
	}
	.testimonials .testimonials-text {
		padding: 0 40vw 0 8vw;
	}
	.testimonials .testimonials-outer {
		margin: 8vw 0;
	}
	.testimonials .testimonials-outer .testimonials-block {
		width: 70vw;
	}
	.testimonials .testimonials-outer .testimonials-block.wait-block {
		right: -10vw;
	}

	/* faqs
	--------------------------*/
	.faqs {
		padding: 0 8vw;
	}
	.faqs .faqs-outer {
		padding: 4vw 0;
	}
	.faqs .border.border-style-03 {
		padding: 0 20vw 3vw;
	}
	.faqs-inner {
		flex-wrap: wrap;
	}
	.faqs .faqs-header {
		width: 100%;
	}
	.faqs .faqs-text {
		text-align: center;
	}
}

/* Main Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	html {
		font-size: 4vw;
		line-height: 6vw;
	}
	h1, h2, h3 {
		font-size: 6vw;
		line-height: 8vw;
	}
	h1, h2, h3, p {
		margin: 0 0 4vw;
	}

	/* site builder
	--------------------------*/
	.scrolled .header .logo img,
	.header .logo img {
		width: 25vw;
	}

	/* site builder
	--------------------------*/
	.site-builder {
		padding-top: 17vw;
	}
	.site-builder-outer #ajax-form input.generate-example-site.button {
		font-size: 5vw;
		line-height: 4vw;
	}
	.site-builder-outer fieldset input,
	.site-builder-outer fieldset select {
		padding: 3vw;
		margin: 2vw 0;
	}

	.how-works .section .onecolumn.main-content .border-style-03 {
    	padding: 0 10vw 4vw;
	}
	.how-works .section .threecolumn .how-content .border-style-04 {
		padding: 0 3vw 4vw;
	}

	/* examples
	--------------------------*/
	.examples .section .fourcolumn {
		width: 50%;
	}

	.why-us .why-us-block-01 .threequartercolumn h2,
	.why-us .why-us-block-02 .threequartercolumn h2,
	.why-us .why-us-block-03 .threequartercolumn h2 {
		font-size: 4vw;
		line-height: 5vw;
	}

	/* call to action
	--------------------------*/
	.call01 .call01-image h2 {
		font-size: 7vw;
		line-height: 10vw;
	}

	/* difference 
	--------------------------*/
	.difference {
		display: none;
	}

	/* testimonials
	--------------------------*/
	.testimonials::before {
		top: 27vw;
		right: -15vw;
	}
	.testimonials .testimonials-text {
		padding-right: 10vw;
	}
	.testimonials .testimonials-outer {
		height: 85vw;
	}

	/* faqs
	--------------------------*/
	.faqs .faqs-header {
		padding: 3vw;
		margin: 3vw 0;
	}
	.faqs .faqs-outer .border {
		margin-top: 3vw;
	}
}

/* Site Load
-------------------------*/
.load-block {
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	transform: scale(0);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.load-block::before {
	content: "";
	width: 4vw;
	height: 4vw;
	background: url(images/loading01.png) center center no-repeat;
	background-size: 98%;
	position: absolute;
	top: 50%;
	left: 50%;
	animation: load-spin 1s infinite;
}
.site-load .load-block {
	transform: scale(1);
}
@keyframes load-spin {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


/* Generated Site
------------------------------------------*/
#site-generation * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#site-generation {
	width: 100%;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -999;
}
#generated-site {
	padding-bottom: 5vw;
	position: relative;
	opacity:0;
	filter:alpha(opacity=0);
}
.generated-site-main {
	position: relative;
	z-index: 0;
}
.site-generated {
	overflow: hidden;
}
.site-generated #site-generation {
	z-index: 999;
	overflow-y: scroll;
}
.site-generated #site-generation #generated-site {
	opacity:1;
	filter:alpha(opacity=100);
}
.option-selector {
	padding: 1vw;
	background-color: #fff;
	position: fixed;
	left: calc(50% - 10px);
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-border-radius-topleft: 1vw;
	border-top-left-radius: 1vw;
	-moz-border-radius-topright: 1vw;
	border-top-right-radius: 1vw;
	transform: translateX(-50%);
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.option-selector fieldset {
	border: none;
	padding: 0;
}
.option-selector fieldset form {
	margin: 0;
}
#site-generation .option-selector .button {
	margin: 0 0.5vw;
	padding: 0 2vw;
	color: #fff;
	background-color: #d52155;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
#site-generation .option-selector .button:last-child {
	padding: 0.5vw 2vw;
	background-color: #6c81f0;
}

/* Generated Site Banner
------------------------------------------*/
.generated-site-banner {
	width: 100%;
	padding: 0 10vw;
	position: relative;
}
.generated-site-banner::before {
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	right: 10vw;
	bottom: 0;
	left: 10vw;
	z-index: 3;
}
.generated-site-banner .generated-site-banner-text {
	padding: 2vw;
	border: 0.5vw solid #fff;
	border-left: 0.5vw solid transparent;
	border-right: 0.5vw solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 4;
}
.generated-site-banner .generated-site-banner-text h2 {
	font-size: 4vw;
	line-height: 4vw;
	text-transform: uppercase;
}
.generated-site-banner .generated-site-banner-text p {
	margin: 0;
	font-size: 2vw;
	line-height: 2vw;
}
.generated-site-banner .generated-site-banner-text h2 span,
.generated-site-banner .generated-site-banner-text p,
.generated-site-banner .generated-site-banner-text p span {
	color: #fff;
}
.generated-site-banner img {
	width: 100%;
	padding: 0;
}

/* Generated Site 01
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site01 {
	background: #efefef;
}
.site01 .button {
	padding: 0.5vw 2vw;
	color: #fff;
	background-color: #f90;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site01 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site01 .generated-site-contact {
	padding: 0.5vw 0;
	background-color: #212121;
	text-align: center;
}
.site01 .generated-site-contact h2 {
	color: #fff;
	margin: 0;
}
.site01 .generated-site-contact h2 span {

}
.site01 .generated-site-logo {
	padding: 1vw 0;
	text-align: center;
}
.site01 .generated-site-logo h2 {
	margin: 0;
	font-size: 4vw;
	line-height: 5vw;
}

/* Nav
--------------*/
.site01 .generated-site-nav {
	margin: 0 10vw;
	background-color: #212121;
}
.site01 .generated-site-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.site01 .generated-site-nav ul li {
	padding: 1vw;
	margin-bottom: 10px;
	color: #fff;
	border-top: 10px solid transparent;
	display: inline-block;
	cursor: pointer;
}
.site01 .generated-site-nav ul li:hover,
.site01 .generated-site-nav ul li.current {
	border-color: #f90;
}

/* Banner
--------------*/
.site01 .generated-site-banner {
}

/* Sub Content Top
--------------*/
.site01 .generated-site-subcontent-top {
	padding: 1vw;
	margin: 0 10vw;
	background-color: #212121;
	display: flex;
	flex-wrap: wrap;
}
.site01 .generated-site-subcontent-top .subcontent {
	width: 25%;
	padding: 1vw;
	text-align: center;
}
.site01 .generated-site-subcontent-top .subcontent:last-child {
	display: none;
}
.site01 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site01 .generated-site-subcontent-top .subcontent p {
	display: none;
}

/* Site Content
--------------*/
.site01 .generated-site-content {
	width: 100%;
	padding: 0 10vw;
}
.site01 .generated-site-content .main-content {
	padding: 4vw 10vw;
	background-color: #fff;
}

/* Sidebar
--------------*/
.site01 .generated-site-contact-form {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site01 .generated-site-subcontent-bottom {
	padding: 1vw;
	margin: 0 10vw;
	background-color: #212121;
	display: flex;
	flex-wrap: wrap;
}
.site01 .generated-site-subcontent-bottom .subcontent {
	width: 25%;
	padding: 1vw;
	text-align: center;
}
.site01 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site01 .generated-site-subcontent-bottom .subcontent p {
	display: none;
}

/* Footer
--------------*/
.site01 .generated-site-footer {
	margin: 0 10vw;
	padding: 2vw;
	background-color: #fff;
	text-align: center;
}
.site01 .generated-site-footer p {
	margin: 0;
}

/* Site01 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site01 h1,
	.site01 h2,
	.site01 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}
	/* header
	--------------*/
	.site01 .generated-site-header {
		position: relative;
	}
	.site01 .generated-site-logo h2 {
		font-size: 5vw;
		line-height: 7vw;
	}
	.site01 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		margin: 0;
		position: absolute;
		right: 5vw;
		bottom: 2vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site01 .generated-site-nav::before,
	.site01 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site01 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site01 .generated-site-nav ul {
		display: none;
	}

	/* banner
	--------------*/	
	.site01 .generated-site-banner {
		padding: 0 5vw;
	}
	.site01 .generated-site-banner::before {
		right: 5vw;
		left: 5vw;
	}

	/* sub content top
	--------------*/
	.site01 .generated-site-subcontent-top {
		margin: 0 5vw;
	}
	.site01 .generated-site-subcontent-top .subcontent {
		width: 50%;
		padding: 2vw;
	}

	/* main content
	--------------*/
	.site01 .generated-site-content {
		padding: 0 5vw;
	}

	/* sub content bottom
	--------------*/
	.site01 .generated-site-subcontent-bottom {
		margin: 0 5vw;
	}
	.site01 .generated-site-subcontent-bottom .subcontent {
		width: 50%;
		padding: 2vw;
	}

	/* footer
	--------------*/
	.site01 .generated-site-footer {
		margin: 0 5vw;
	}
}

/* Site01 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site01 h1,
	.site01 h2,
	.site01 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site01 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 12vw;
	}
	.site01 .generated-site-contact h2 {
		font-size: 5vw;
		line-height: 8vw;
	}
	.site01 .generated-site-nav {
		width: 10vw;
		height: 10vw;
	}
	.site01 .generated-site-nav::before,
	.site01 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site01 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site01 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site01 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.site01 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 5vw;
	}

	/* sub content top
	--------------*/
	.site01 .generated-site-subcontent-top .subcontent {
		width: 100%;
		padding: 6vw;
	}
	.site01 .generated-site-subcontent-top .subcontent img {
		margin-bottom: 3vw;
	}

	/* main content
	--------------*/
	.site01 .generated-site-content .main-content {
		text-align: center;
	}

	/* sub content bottom
	--------------*/
	.site01 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
		padding: 6vw;
	}
	.site01 .generated-site-subcontent-bottom .subcontent img {
		margin-bottom: 3vw;
	}
}

/* Generated Site 01 colour01
-------------------------*/
.site01.colour01 .button {
	background-color: #1ea5ea;
}
.site01.colour01 {
	background-color: #f1f1f1;
}
.site01.colour01 .generated-site-contact h2,
.site01.colour01 .generated-site-contact h2 span,
.site01.colour01 .generated-site-logo h2 span {
	color: #1ea5ea;
}
.site01.colour01 .generated-site-nav {
	background-color: ;
}
.site01.colour01 .generated-site-nav ul li {
	color: ;
}
.site01.colour01 .generated-site-nav ul li:hover,
.site01.colour01 .generated-site-nav ul li.current {
	color: ;
	border-color: #1ea5ea;
}
.site01.colour01 .generated-site-subcontent-top {
	background-color: ;
}
.site01.colour01 .generated-site-subcontent-top h2 {
	color: ;
}
.site01.colour01 .generated-site-content .main-content {
	background-color: ;
}
.site01.colour01 .generated-site-content .main-content h2 {
	color: ;
}
.site01.colour01 .generated-site-content .main-content p {
	color: ;
}
.site01.colour01 .generated-site-subcontent-bottom {
	background-color: ;
}
.site01.colour01 .generated-site-subcontent-bottom h2 {
	color: ;
}
.site01.colour01 .generated-site-footer {
	background-color: ;
}
.site01.colour01 .generated-site-footer p {
	color: ;
}

/* Generated Site 01 colour02
-------------------------*/
.site01.colour02 .button {
	background-color: #f44336;
}
.site01.colour02 {
	background-color: #f1f1f1;
}
.site01.colour02 .generated-site-contact h2,
.site01.colour02 .generated-site-contact h2 span,
.site01.colour02 .generated-site-logo h2 span {
	color: #f44336;
}
.site01.colour02 .generated-site-nav {
	background-color: ;
}
.site01.colour02 .generated-site-nav ul li {
	color: ;
}
.site01.colour02 .generated-site-nav ul li:hover,
.site01.colour02 .generated-site-nav ul li.current {
	color: ;
	border-color: #f44336;
}
.site01.colour02 .generated-site-subcontent-top {
	background-color: ;
}
.site01.colour02 .generated-site-subcontent-top h2 {
	color: ;
}
.site01.colour02 .generated-site-content .main-content {
	background-color: ;
}
.site01.colour02 .generated-site-content .main-content h2 {
	color: ;
}
.site01.colour02 .generated-site-content .main-content p {
	color: ;
}
.site01.colour02 .generated-site-subcontent-bottom {
	background-color: ;
}
.site01.colour02 .generated-site-subcontent-bottom h2 {
	color: ;
}
.site01.colour02 .generated-site-footer {
	background-color: ;
}
.site01.colour02 .generated-site-footer p {
	color: ;
}

/* Generated Site 01 colour03
-------------------------*/
.site01.colour03 .button {
	background-color: #8BC34A;
}
.site01.colour03 {
	background-color: #f1f1f1;
}
.site01.colour03 .generated-site-contact h2,
.site01.colour03 .generated-site-contact h2 span,
.site01.colour03 .generated-site-logo h2 span {
	color: #8BC34A;
}
.site01.colour03 .generated-site-nav {
	background-color: ;
}
.site01.colour03 .generated-site-nav ul li {
	color: ;
}
.site01.colour03 .generated-site-nav ul li:hover,
.site01.colour03 .generated-site-nav ul li.current {
	color: ;
	border-color: #8BC34A;
}
.site01.colour03 .generated-site-subcontent-top {
	background-color: ;
}
.site01.colour03 .generated-site-subcontent-top h2 {
	color: ;
}
.site01.colour03 .generated-site-content .main-content {
	background-color: ;
}
.site01.colour03 .generated-site-content .main-content h2 {
	color: ;
}
.site01.colour03 .generated-site-content .main-content p {
	color: ;
}
.site01.colour03 .generated-site-subcontent-bottom {
	background-color: ;
}
.site01.colour03 .generated-site-subcontent-bottom h2 {
	color: ;
}
.site01.colour03 .generated-site-footer {
	background-color: ;
}
.site01.colour03 .generated-site-footer p {
	color: ;
}

/* Generated Site 02
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site02 {
	background: #291715;
}
.site02::before {
	content: "";
	height: 80vh;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
.site02 .button {
	padding: 0.5vw 2vw;
	color: #fff;
	background-color: #f90;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site02 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site02 .generated-site-header {
	padding-top: 1vw;
	display: flex;
	flex-wrap: wrap;
}
.site02 .generated-site-contact {
	width: calc(100% - 20vw);
	margin: 0 10vw;
	padding: 0.5vw 0;
	background-color: #fff;
	text-align: center;
	order: 3;
}
.site02 .generated-site-contact h2 {
	margin: 0;
}
.site02 .generated-site-contact h2 span {

}
.site02 .generated-site-logo {
	width: calc(100% - 20vw);
	margin: 0 10vw;
	padding: 1vw 0;
	background-color: #fff;
	text-align: center;
	order: 2;
}
.site02 .generated-site-logo h2 {
	margin: 0;
	font-size: 4vw;
	line-height: 5vw;
}

/* Nav
--------------*/
.site02 .generated-site-nav {
	width: calc(100% - 20vw);
	margin: 0 10vw;
	background-color: #fff;
	order: 1;
	z-index: 9;
}
.site02 .generated-site-nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.site02 .generated-site-nav ul li {
	padding: 1vw 1vw 0;
	border-top: 10px solid transparent;
	display: inline-block;
	cursor: pointer;
}
.site02 .generated-site-nav ul li:hover,
.site02 .generated-site-nav ul li.current {
	border-color: #f90;
}

/* Banner
--------------*/
.site02 .generated-site-banner {
}

/* Sub Content Top
--------------*/
.site02 .generated-site-subcontent-top {
	margin: 0 10vw;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.site02 .generated-site-subcontent-top .subcontent {
	width: 50%;
	padding: 2vw;
	text-align: center;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.site02 .generated-site-subcontent-top .subcontent:nth-child(1) img {
}
.site02 .generated-site-subcontent-top .subcontent:nth-child(1) p,
.site02 .generated-site-subcontent-top .subcontent:nth-child(1) .button,
.site02 .generated-site-subcontent-top .subcontent:nth-child(1) h2 {
	display: none;
}
.site02 .generated-site-subcontent-top .subcontent:nth-child(2) img {
	display: none;
}
.site02 .generated-site-subcontent-top .subcontent:nth-child(2) h2,
.site02 .generated-site-subcontent-top .subcontent:nth-child(2) p {
	width: 100%;
}
.site02 .generated-site-subcontent-top .subcontent:nth-child(3),
.site02 .generated-site-subcontent-top .subcontent:nth-child(4) {
	display: none;
}
.site02 .generated-site-subcontent-top .subcontent:last-child {
	width: 100%;
	background-color: rgb(47, 37, 35);
}
.site02 .generated-site-subcontent-top .subcontent:last-child h2 {
	margin: 0;
	color: #f90;
	font-size: 3vw;
	line-height: 4vw;
}
.site02 .generated-site-subcontent-top .subcontent:last-child h2 span {
	color: #fff;
}
.site02 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	border: 1vw solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	-moz-box-shadow: 2px 2px 4px #ccc;
	box-shadow: 2px 2px 4px #ccc;
}

/* Site Content
--------------*/
.site02 .generated-site-content {
	width: calc(100% - 20vw);
	margin: 0 10vw;
	background-color: #251D1B;
	display: flex;
	align-items: center;
}
.site02 .generated-site-content .main-content {
	width: 75%;
	padding: 4vw 5vw;
}

/* Sidebar
--------------*/
.site02 .side-content {
	width: 25%;
	padding: 5vw 5vw  5vw 0;
}
.site02 .side-content h2{
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.site02 .generated-site-contact-form form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.site02 .generated-site-contact-form form input,
.site02 .generated-site-contact-form form textarea {
	width: 100%;
	padding: 1vw;
	margin: 0 0 1vw;
	border: none;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site02 .generated-site-contact-form:last-child {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site02 .generated-site-subcontent-bottom {
	padding: 1vw;
	margin: 0 10vw;
	background-color: rgb(47, 37, 35);
	display: flex;
	flex-wrap: wrap;
}
.site02 .generated-site-subcontent-bottom .subcontent {
	width: 33.333%;
	padding: 1vw;
	text-align: center;
}
.site02 .generated-site-subcontent-bottom .subcontent p,
.site02 .generated-site-subcontent-bottom .subcontent:last-child {
	display: none;
}
.site02 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Footer
--------------*/
.site02 .generated-site-footer {
	margin: 0 10vw;
	padding: 2vw;
	background-color: #251D1B;
	text-align: center;
}
.site02 .generated-site-footer p {
	margin: 0;
}

/* Site02 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site02 h1,
	.site02 h2,
	.site02 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site02 .generated-site-header {
		position: relative;
	}
	.site02 .generated-site-logo,
	.site02 .generated-site-contact {
		width: calc(100% - 10vw);
		margin: 0 5vw;
	}
	.site02 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 1vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site02 .generated-site-nav::before,
	.site02 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #333;
		border-bottom: 1px solid #333;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site02 .generated-site-nav::after {
		border-top: 1px solid #333;
		border-bottom: 2px solid #333;
		top: auto;
		bottom: 1.5vw;
	}
	.site02 .generated-site-nav ul {
		display: none;
	}
	.site02 .generated-site-banner::before {
		right: 5vw;
		left: 5vw;
	}

	/* banner
	--------------*/
	.site02 .generated-site-banner {
		padding: 0 5vw;
	}
	.site02 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}

	/* sub content top
	--------------*/
	.site02 .generated-site-subcontent-top {
		margin: 0 5vw;
	}
	.site02 .generated-site-content {
		width: calc(100% - 10vw);
		margin: 0 5vw;
	}
	.site02 .generated-site-subcontent-top .subcontent {
		padding: 4vw;
	}

	/* main content
	--------------*/
	.site02 .generated-site-content .main-content {
		width: 65%;
	}

	/* side content
	--------------*/
	.site02 .side-content {
		width: 35%;
	}

	/* sub content bottom
	--------------*/
	.site02 .generated-site-subcontent-bottom {
		margin: 0 5vw;
	}

	/* footer
	--------------*/
	.site02 .generated-site-footer {
		margin: 0 5vw;
	}
}

/* Site02 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site02 h1,
	.site02 h2,
	.site02 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}
	.site02 .button {
		padding: 2vw 4vw;
	}

	/* header
	--------------*/
	.site02 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site02 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site02 .generated-site-nav {
		width: 10vw;
		height: 10vw;
	}
	.site02 .generated-site-nav::before,
	.site02 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site02 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site01 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site01 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.site02 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 6vw;
	}

	/* sub content top
	--------------*/
	.site02 .generated-site-subcontent-top .subcontent {
		width: 100%;
	}
	.site02 .generated-site-subcontent-top .subcontent:last-child h2 {
		font-size: 5vw;
		line-height: 7vw;
	}

	/* main content
	--------------*/
	.site02 .generated-site-content {
		flex-wrap: wrap;
		text-align: center;
	}
	.site02 .generated-site-content .main-content {
		width: 100%;
	}
	.site02 .generated-site-contact-form form input,
	.site02 .generated-site-contact-form form textarea {
		padding: 2vw;
	}

	/* side content
	--------------*/
	.site02 .side-content {
		width: 100%;
		padding: 5vw;
	}

	.site02 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
		padding: 5vw;
	}

	/* sub content bottom
	--------------*/
	.site02 .generated-site-subcontent-bottom .subcontent img {
		margin-bottom: 3vw;
	}
}

/* Generated Site 02 colour01
-------------------------*/
.site02.colour01 .button {
	background-color: #8BC34A;
}
.site02.colour01 {
	background-color: #333;
}
.site02.colour01 .generated-site-contact h2,
.site02.colour01 .generated-site-contact h2 span,
.site02.colour01 .generated-site-logo h2 span {
	color: #8BC34A;
}
.site02.colour01 .generated-site-nav {
	background-color: ;
}
.site02.colour01 .generated-site-nav ul li {
	color: ;
}
.site02.colour01 .generated-site-nav ul li:hover,
.site02.colour01 .generated-site-nav ul li.current {
	color: ;
	border-color: #8BC34A;
}
.site02.colour01 .generated-site-subcontent-top {
	background-color: ;
}
.site02.colour01 .generated-site-subcontent-top .subcontent:last-child {
	background-color: #222;
}
.site02.colour01 .generated-site-subcontent-top .subcontent:last-child h2,
.site02.colour01 .generated-site-subcontent-top h2 {
	color: #8BC34A;
}
.site02.colour01 .generated-site-content {
	background-color: #111;
}
.site02.colour01 .generated-site-content .main-content {
	background-color: ;
}
.site02.colour01 .generated-site-content .main-content h2 {
	color: ;
}
.site02.colour01 .generated-site-content .main-content p {
	color: ;
}
.site02.colour01 .generated-site-subcontent-bottom {
	background-color: #222;
}
.site02.colour01 .generated-site-subcontent-bottom h2 {
	color: ;
}
.site02.colour01 .generated-site-footer {
	background-color: #222;
}
.site02.colour01 .generated-site-footer p {
	color: ;
}
/* Generated Site 02 colour02
-------------------------*/
.site02.colour02 .button {
	background-color: #705D56;
}
.site02.colour02 {
	background-color: #3a0101;
}
.site02.colour02 .generated-site-contact h2,
.site02.colour02 .generated-site-contact h2 span,
.site02.colour02 .generated-site-logo h2 span {
	color: #705D56;
}
.site02.colour02 .generated-site-nav {
	background-color: ;
}
.site02.colour02 .generated-site-nav ul li {
	color: ;
}
.site02.colour02 .generated-site-nav ul li:hover,
.site02.colour02 .generated-site-nav ul li.current {
	color: ;
	border-color: #705D56;
}
.site02.colour02 .generated-site-subcontent-top {
	background-color: ;
}
.site02.colour02 .generated-site-subcontent-top .subcontent:last-child {
	background-color: #8C001A;
}
.site02.colour02 .generated-site-subcontent-top h2 {
	color: #705D56;
}
.site02.colour02 .generated-site-subcontent-top .subcontent:last-child h2 {
	color: #fff;
}
.site02.colour02 .generated-site-content {
	background-color: #710015;
}
.site02.colour02 .generated-site-content .main-content {
	background-color: ;
}
.site02.colour02 .generated-site-content .main-content h2 {
	color: ;
}
.site02.colour02 .generated-site-content .main-content p {
	color: #f1f1f1;
}
.site02.colour02 .generated-site-subcontent-bottom {
	background-color: #8C001A;
}
.site02.colour02 .generated-site-subcontent-bottom h2 {
	color: #f1f1f1;
}
.site02.colour02 .generated-site-footer {
	background-color: #710015;
}
.site02.colour02 .generated-site-footer p {
	color: #f1f1f1;
}

/* Generated Site 03
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site03 {
	background-color: #210A11;
}
.site03 .button {
	padding: 0.5vw 2vw;
	color: #fff;
	background-color: #f90;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site03 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site03 .generated-site-header {
	background-color: #3B111F;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site03 .generated-site-contact {
	width: 100%;
	padding: 0.5vw 0;
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #fff;
	text-align: center;
}
.site03 .generated-site-contact h2 {
	color: #fff;
	margin: 0;
}
.site03 .generated-site-contact h2 span {

}
.site03 .generated-site-logo {
	width: 50%;
	padding: 3vw 0;
	text-align: center;
}
.site03 .generated-site-logo h2 {
	margin: 0;
	font-size: 2vw;
	line-height: 2vw;
}

/* Nav
--------------*/
.site03 .generated-site-nav {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.site03 .generated-site-nav ul {
	display: inline-block;
	margin: 0.5vw 0;
	padding: 0.5vw 0;
	border-bottom: 1px solid #fff;
}
.site03 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.5vw 2vw;
	cursor: pointer;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site03 .generated-site-nav ul li:hover,
.site03 .generated-site-nav ul li.current {
	background-color: #eee;
}

/* Banner
--------------*/
.site03 .generated-site-banner {
	padding: 0;
}
.site03 .generated-site-banner::before {
	right: 0;
	left: 0;
}

/* Sub Content Top
--------------*/
.site03 .generated-site-subcontent-top {
	width: 100%;
	padding: 0 8vw;
	background-color: #fff;
	display: flex;
	flex-wrap: nowrap;
}
.site03 .generated-site-subcontent-top .subcontent {
	width: 33.3333%;
	padding: 4vw 2vw;
}
.site03 .generated-site-subcontent-top .subcontent:nth-child(4),
.site03 .generated-site-subcontent-top .subcontent:nth-child(5) {
	display: none;
}
.site03 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site03 .generated-site-subcontent-top .subcontent h2 {
	padding-bottom: 1vw;
	color: #3B111F;
	border-bottom: 1px solid #3B111F;
}
.site03 .generated-site-subcontent-top .subcontent .button {
	display: none;
}

/* Site Content
--------------*/
.site03 .generated-site-content {
	background-color: #3B111F;
	padding: 4vw 10vw;
}
.site03 .generated-site-content .main-content {
}
.site03 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.site03 .generated-site-content .main-content p {
	color: #fff;
}

/* Sidebar
--------------*/
.site03 .generated-site-contact-form {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site03 .generated-site-subcontent-bottom {
	padding: 2vw 8vw;
	color: #fff;
	background-color: #210A11;
	display: flex;
	flex-wrap: nowrap;
}
.site03 .generated-site-subcontent-bottom .subcontent {
	width: 50%;
	padding: 4vw 2vw;
}
.site03 .generated-site-subcontent-bottom .subcontent:nth-child(3),
.site03 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site03 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site03 .generated-site-subcontent-bottom .subcontent h2 {
	padding-bottom: 1vw;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.site03 .generated-site-subcontent-bottom .subcontent p {
	color: #fff;
}
.site03 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site03 .generated-site-footer {
	background-color: #210A11;
	text-align: center;
}
.site03 .generated-site-footer p {
	color: #fff;
}

/* Site03 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site03 h1,
	.site03 h2,
	.site03 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site03 .generated-site-header {
		position: relative;
	}
	.site03 .generated-site-logo {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site03 .generated-site-logo h2 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.site03 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 3vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site03 .generated-site-nav::before,
	.site03 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site03 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site03 .generated-site-nav ul {
		display: none;
	}

	/* sub content top
	--------------*/
	.site03 .generated-site-subcontent-top {
		flex-wrap: wrap;
	}
	.site03 .generated-site-subcontent-top .subcontent {
		width: 100%;
	}
}

/* Site03 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site03 h1,
	.site03 h2,
	.site03 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site03 .generated-site-logo {
		width: 100%;
	}
	.site03 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site03 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site03 .generated-site-nav {
		width: 10vw;
		height: 10vw;
	}
	.site03 .generated-site-nav::before,
	.site03 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site03 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site03 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 4vw;
	}
	.site03 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}

	/* sub content top
	--------------*/
	.site03 .generated-site-subcontent-top {
		padding-top: 6vw;
	}

	/* main content
	--------------*/
	.site03 .generated-site-content {
		padding: 10vw;
	}

	/* sub content bottom
	--------------*/
	.site03 .generated-site-subcontent-bottom {
		padding: 6vw 8vw;
		flex-wrap: wrap;
	}
	.site03 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
	}
}

/* Generated Site 04
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site04 {
	background-color: #fff;
}
.site04 .button {
	padding: 0.5vw 2vw;
	color: #fff;
	background-color: #71468B;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site04 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site04 .generated-site-header {
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site04 .generated-site-contact {
	width: 100%;
	padding: 0.5vw 0;
	background-color: #afbe1d;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.site04 .generated-site-contact h2 {
	color: #fff;
	margin: 0;
}
.site04 .generated-site-contact h2 span {
	color: #fff;
}
.site04 .generated-site-logo {
	width: 100%;
	padding: 2vw 0;
	text-align: center;
}
.site04 .generated-site-logo h2 {
	margin: 0;
	font-size: 5vw;
	line-height: 5vw;
}
.site04 .generated-site-logo h2 span {
	color: #71468B;
}

/* Nav
--------------*/
.site04 .generated-site-nav {
	width: 100%;
	background-color: #71468B;
	display: flex;
	align-items: center;
	justify-content: center;
}
.site04 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.site04 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.5vw 2vw;
	color: #fff;
	cursor: pointer;
}
.site04 .generated-site-nav ul li:hover,
.site04 .generated-site-nav ul li.current {
	background-color: #afbe1d;
}

/* Banner
--------------*/
.site04 .generated-site-banner {
	padding: 0;
}
.site04 .generated-site-banner::before {
	right: 0;
	left: 0;
}

/* Sub Content Top
--------------*/
.site04 .generated-site-subcontent-top {
	display: none;
}

/* Site Content
--------------*/
.site04 .generated-site-content {
	width: calc(100% - 20vw);
	margin: 0 10vw;
	display: flex;
	align-items: center;
}
.site04 .generated-site-content .main-content {
	width: 75%;
	padding: 4vw 5vw;
}
.site04 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	border-bottom: 1px solid;
}

/* Sidebar
--------------*/
.site04 .side-content {
	width: 25%;
	padding: 5vw 5vw  5vw 0;
}
.site04 .side-content h2 {
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	border-bottom: 1px solid;
}
.site04 .generated-site-contact-form form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.site04 .generated-site-contact-form form input,
.site04 .generated-site-contact-form form textarea {
	width: 100%;
	padding: 1vw;
	margin: 0 0 1vw;
	border: 1px solid #eee;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site04 .generated-site-contact-form:last-child {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site04 .generated-site-subcontent-bottom {
	padding: 2vw 13vw;
	color: #fff;
	background-color: #71468B;
	display: flex;
	flex-wrap: nowrap;
}
.site04 .generated-site-subcontent-bottom .subcontent {
	width: 50%;
	padding: 2vw 2vw 1vw;
}
.site04 .generated-site-subcontent-bottom .subcontent:nth-child(3),
.site04 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site04 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site04 .generated-site-subcontent-bottom .subcontent h2 {
	padding-bottom: 1vw;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.site04 .generated-site-subcontent-bottom .subcontent p {
	color: #fff;
}
.site04 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site04 .generated-site-footer {
	padding: 2vw;
	background-color: #fff;
	text-align: center;
}
.site04 .generated-site-footer p {
	color: #71468B;
}

/* Site04 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site04 h1,
	.site04 h2,
	.site04 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site04 .generated-site-header {
		position: relative;
	}
	.site04 .generated-site-logo {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site04 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 2vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site04 .generated-site-nav::before,
	.site04 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site04 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site04 .generated-site-nav ul {
		display: none;
	}

	/* main content
	--------------*/
	.site04 .generated-site-content {
		width: calc(100% - 10vw);
		margin: 0 5vw;
	}
	.site04 .generated-site-content .main-content {
		width: 65%;
	}

	/* side content
	--------------*/
	.site04 .side-content {
		width: 35%;
	}

	/* sub content bottom
	--------------*/
	.site04 .generated-site-subcontent-bottom {
		padding: 2vw 8vw;
	}
}

/* Site04 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site04 h1,
	.site04 h2,
	.site04 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site04 .generated-site-logo {
		width: 100%;
	}
	.site04 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site04 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site04 .generated-site-nav {
		width: 10vw;
		height: 10vw;
	}
	.site04 .generated-site-nav::before,
	.site04 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site04 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site04 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site04 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 8vw;
		line-height: 8vw;
	}
	.site04 .generated-site-banner .generated-site-banner-text p {
		font-size: 5vw;
		line-height: 6vw;
	}

	/* main content
	--------------*/
	.site04 .generated-site-content {
		width: calc(100% - 10vw);
		margin: 0 5vw;
		flex-wrap: wrap;
	}
	.site04 .generated-site-content .main-content {
		width: 100%;
		text-align: center;
	}

	/* side content
	--------------*/
	.site04 .side-content {
		width: 100%;
		padding: 5vw;
	}
	.site04 .generated-site-contact-form form input,
	.site04 .generated-site-contact-form form textarea {
		padding: 2vw;
	}

	/* sub content bottom
	--------------*/
	.site04 .generated-site-subcontent-bottom {
		padding: 8vw;
		flex-wrap: wrap;
		text-align: center;
	}
	.site04 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
	}
}

/* Generated Site 05
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site05 {
	padding: 2vw 10vw 5vw;
	background-color: #e1e1e1;
}
.site05 .generated-site-main {
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.site05 .button {
	padding: 0.5vw 2vw;
	color: #fff;
	background-color: #fff;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site05 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site05 .generated-site-header {
	margin-bottom: 3vw;
	background-color: #fff;
	border-bottom: 3px double #eee;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site05 .generated-site-contact {
	width: 100%;
	padding: 0.5vw 0;
	background-color: #fff;
	border-bottom: 3px double #eee;
	text-align: center;
}
.site05 .generated-site-contact h2 {
	margin: 0;
}
.site05 .generated-site-contact h2 span {
	color: #0F7CC9;
}
.site05 .generated-site-logo {
	width: 50%;
	padding: 2vw 0;
	text-align: center;
}
.site05 .generated-site-logo h2 {
	margin: 0;
	font-size: 3vw;
	line-height: 3vw;
}
.site05 .generated-site-logo h2 span {
	color: #0F7CC9;
}

/* Nav
--------------*/
.site05 .generated-site-nav {
	width: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.site05 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0 3vw 0 0;
}
.site05 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.5vw 2vw;
	border-right: 1px solid #e1e1e1;
	cursor: pointer;
	position: relative;
}
.site05 .generated-site-nav ul li::before {
	content: "";
	height: 1.5vw;
	border-right: 0.5vw solid transparent;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.site05 .generated-site-nav ul li:hover,
.site05 .generated-site-nav ul li.current {
	color: #0F7CC9;
}
.site05 .generated-site-nav ul li:hover::before,
.site05 .generated-site-nav ul li.current::before {
	border-color: #0F7CC9;
}

/* Banner
--------------*/
.site05 .generated-site-banner {
	padding: 0;
}
.site05 .generated-site-banner::before {
	right: 0;
	left: 0;
}
.site05 .generated-site-banner::after {
	content: "";
	border: 0.5vw solid #fff;
	position: absolute;
	top: 3vw;
	right: 3vw;
	bottom: 3vw;
	left: 3vw;
	z-index: 3;
}

/* Sub Content Top
--------------*/
.site05 .generated-site-subcontent-top {
	width: 100%;
	padding: 0 1.5vw;
	margin-top: 3vw;
	background-color: #fff;
	border-top: 3px double #eee;
	display: flex;
	flex-wrap: nowrap;
}
.site05 .generated-site-subcontent-top .subcontent {
	width: 33.3333%;
	padding: 3vw 1.5vw;
}
.site05 .generated-site-subcontent-top .subcontent:nth-child(4),
.site05 .generated-site-subcontent-top .subcontent:nth-child(5) {
	display: none;
}
.site05 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	border: 0.5vw solid #e1e1e1;
}
.site05 .generated-site-subcontent-top .subcontent h2,
.site05 .generated-site-subcontent-top .subcontent p,
.site05 .generated-site-subcontent-top .subcontent .button {
	display: none;
}

/* Site Content
--------------*/
.site05 .generated-site-content {
	width: 100%;
	border-top: 3px double #eee;
	display: flex;
	align-items: center;
}
.site05 .generated-site-content .main-content {
	width: 100%;
	padding: 3vw 3vw 2vw;
}
.site05 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	border-bottom: 1px solid;
}

/* Sidebar
--------------*/
.site05 .side-content {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site05 .generated-site-subcontent-bottom {
	padding: 3vw 1.5vw 0;
	background-color: #fff;
	border-top: 3px double #eee;
	display: flex;
	flex-wrap: nowrap;
}
.site05 .generated-site-subcontent-bottom .subcontent {
	width: 50%;
	padding: 0 1.5vw;
}
.site05 .generated-site-subcontent-bottom .subcontent:nth-child(3),
.site05 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site05 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	border: 0.5vw solid #e1e1e1;
}
.site05 .generated-site-subcontent-bottom .subcontent h2,
.site05 .generated-site-subcontent-bottom .subcontent p,
.site05 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site05 .generated-site-footer {
	padding: 3vw;
	background-color: #fff;
	text-align: center;
}
.site05 .generated-site-footer p {
	margin: 0;
	color: #71468B;
}

/* Site05 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site05 {
		padding: 2vw 2vw 5vw;
	}
	.site05 h1,
	.site05 h2,
	.site05 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site05 .generated-site-header {
		position: relative;
	}
	.site05 .generated-site-logo {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site05 .generated-site-logo h2 {
		font-size: 4vw;
		line-height: 4vw;
	}
	.site05 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 2vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site05 .generated-site-nav::before,
	.site05 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #333;
		border-bottom: 1px solid #333;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site05 .generated-site-nav::after {
		border-top: 1px solid #333;
		border-bottom: 2px solid #333;
		top: auto;
		bottom: 1.5vw;
	}
	.site05 .generated-site-nav ul {
		display: none;
	}
}

/* Site05 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site05 h1,
	.site05 h2,
	.site05 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site05 .generated-site-logo {
		width: 100%;
	}
	.site05 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site05 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site05 .generated-site-nav {
		width: 10vw;
		height: 10vw;
		bottom: 2vw;
	}
	.site05 .generated-site-nav::before,
	.site05 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site05 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site05 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site05 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 8vw;
		line-height: 8vw;
	}
	.site05 .generated-site-banner .generated-site-banner-text p {
		font-size: 5vw;
		line-height: 6vw;
	}

	/* sub content top
	--------------*/
	.site05 .generated-site-subcontent-top {
		flex-wrap: wrap;
	}
	.site05 .generated-site-subcontent-top .subcontent {
		width: 100%;
		padding: 3vw;
	}

	/* main content
	--------------*/
	.site05 .generated-site-content .main-content {
		padding: 5vw 10vw;
		text-align: center;
	}

	/* sub content bottom
	--------------*/
	.site05 .generated-site-subcontent-bottom {
		flex-wrap: wrap;
	}
	.site05 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
		padding: 3vw;
	}
}

/* Generated Site 06
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site06 {
	background-color: #34323D;
}
.site06 .generated-site-main {
}
.site06 .button {
	padding: 0.5vw 2vw;
	background-color: #fff;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site06 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site06 .generated-site-header {
	background-color: #34323D;
	border-bottom: 2vw solid #494751;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.site06 .generated-site-contact {
	width: 100%;
	padding: 0;
	background-color: #494751;
	text-align: center;
}
.site06 .generated-site-contact h2 {
	margin: 0;
}
.site06 .generated-site-contact h2 span {
	color: #0F7CC9;
}
.site06 .generated-site-logo {
	width: 50%;
	padding: 2vw 0;
	text-align: center;
}
.site06 .generated-site-logo h2 {
	margin: 0;
	font-size: 3vw;
	line-height: 3vw;
}
.site06 .generated-site-logo h2 span {
	color: #0F7CC9;
}

/* Nav
--------------*/
.site06 .generated-site-nav {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.site06 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0 3vw 0 0;
}
.site06 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.5vw 2vw;
	color: #fff;
	border: 1px solid transparent;
	border-bottom: 1px solid #e1e1e1;
	cursor: pointer;
	position: relative;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site06 .generated-site-nav ul li:hover,
.site06 .generated-site-nav ul li.current {
	color: #fff;
	background-color: #0F7CC9;
	border-color: #0F7CC9;
}

/* Banner
--------------*/
.site06 .generated-site-banner {
	padding: 0;
}
.site06 .generated-site-banner::before {
	right: 0;
	left: 0;
}
.site06 .generated-site-banner .generated-site-banner-text {
	top: calc(50% + 5vw);
}

/* Sub Content Top
--------------*/
.site06 .generated-site-subcontent-top {
	width: 100%;
	padding: 0;
	background-color: #34323D;
	border-top: 2vw solid #494751;
	display: flex;
	flex-wrap: wrap;
}
.site06 .generated-site-subcontent-top .subcontent {
	width: calc(25% - 5vw);
	padding: 3vw 1vw;
	text-align: center;
}
.site06 .generated-site-subcontent-top .subcontent:nth-child(1) {
	margin-left: 10vw;
}
.site06 .generated-site-subcontent-top .subcontent:nth-child(4) {
	margin-right: 10vw;
}
.site06 .generated-site-subcontent-top .subcontent:last-child {
	width: 100%;
	padding: 3vw 10vw;
	background-color: #e1e1e1;
	border-top: 2vw solid #494751;
}
.site06 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site06 .generated-site-subcontent-top .subcontent h2 {
	color: #fff;
}
.site06 .generated-site-subcontent-top .subcontent:last-child h2 {
	margin: 0;
	color: #333;
	font-size: 3vw;
	line-height: 3vw;
}
.site06 .generated-site-subcontent-top .subcontent:last-child h2 span {
	color: #0F7CC9;
}
.site06 .generated-site-subcontent-top .subcontent p,
.site06 .generated-site-subcontent-top .subcontent .button {
	display: none;
}

/* Site Content
--------------*/
.site06 .generated-site-content {
	width: 100%;
	padding: 3vw 11vw;
	background-color: #34323D;
	display: flex;
	align-items: center;
}
.site06 .generated-site-content .main-content {
	width: 75%;
	padding: 0 5vw 0 0;
}
.site06 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	border-bottom: 1px solid;
	color: #fff;
}

/* Sidebar
--------------*/
.site06 .side-content {
	width: 25%;
	padding: 0;
}
.site06 .side-content h2 {
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	color: #fff;
	border-bottom: 1px solid;
}
.site06 .generated-site-contact-form {
	padding: 2vw 2vw 1vw;
	background: rgba(0, 0, 0, 0.5);
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
}
.site06 .generated-site-contact-form form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.site06 .generated-site-contact-form form input,
.site06 .generated-site-contact-form form textarea {
	width: 100%;
	padding: 1vw;
	margin: 0 0 1vw;
	border: 1px solid #eee;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site06 .generated-site-contact-form:last-child {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site06 .generated-site-subcontent-bottom {
	padding: 3vw 10vw;
	background-color: #e1e1e1;
	display: flex;
	flex-wrap: nowrap;
}
.site06 .generated-site-subcontent-bottom .subcontent {
	width: 50%;
	padding: 0 1.5vw;
	text-align: center;
}
.site06 .generated-site-subcontent-bottom .subcontent:nth-child(3),
.site06 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site06 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site06 .generated-site-subcontent-bottom .subcontent h2 {
	margin: 0;
}
.site06 .generated-site-subcontent-bottom .subcontent p,
.site06 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site06 .generated-site-footer {
	padding: 3vw;
	background-color: #34323D;
	border-top: 2vw solid #494751;
	border-bottom: 2vw solid #494751;
	text-align: center;
}
.site06 .generated-site-footer p {
	margin: 0;
	color: #fff;
}

/* Site06 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site06 h1,
	.site06 h2,
	.site06 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site06 .generated-site-header {
		position: relative;
	}
	.site06 .generated-site-logo h2,
	.site06 .generated-site-logo {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site06 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 2vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site06 .generated-site-nav::before,
	.site06 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site06 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site06 .generated-site-nav ul {
		display: none;
	}

	/* banner
	--------------*/
	.site06 .generated-site-banner .generated-site-banner-text {
		top: 50%;
	}

	/* sub content top
	--------------*/
	.site06 .generated-site-subcontent-top {
		padding-top: 6vw;
	}
	.site06 .generated-site-subcontent-top .subcontent {
		width: calc(50% - 5vw);
		padding: 0 1vw;
	}
	.site06 .generated-site-subcontent-top .subcontent:nth-child(3),
	.site06 .generated-site-subcontent-top .subcontent:nth-child(1) {
		margin-left: 5vw;
	}
	.site06 .generated-site-subcontent-top .subcontent:nth-child(4) {
		margin-right: 5vw;
	}

	/* main content
	--------------*/
	.site06 .generated-site-content {
		padding: 3vw 6vw;
	}
	.site06 .generated-site-content .main-content {
		width: 65%;
	}

	/* side content
	--------------*/
	.site06 .side-content {
		width: 35%;
	}

	/* sub content bottom
	--------------*/
	.site06 .generated-site-subcontent-bottom {
		padding: 3vw 4vw;
	}
}

/* Site06 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site06 h1,
	.site06 h2,
	.site06 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site06 .generated-site-logo {
		width: 100%;
	}
	.site06 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site06 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site06 .generated-site-nav {
		width: 10vw;
		height: 10vw;
		bottom: 2vw;
	}
	.site06 .generated-site-nav::before,
	.site06 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site06 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site06 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site06 .generated-site-subcontent-top .subcontent img {
		margin-bottom: 3vw;
	}
	.site06 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site06 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 4vw;
	}

	/* sub content top
	--------------*/
	.site06 .generated-site-subcontent-top {
		padding: 8vw 0 0;
	}
	.site06 .generated-site-subcontent-top .subcontent {
		width: 100%;
		padding: 0 8vw;
	}
	.site06 .generated-site-subcontent-top .subcontent:nth-child(4),
	.site06 .generated-site-subcontent-top .subcontent:nth-child(3),
	.site06 .generated-site-subcontent-top .subcontent:nth-child(1) {
		margin: 0;
	}
	.site06 .generated-site-subcontent-top .subcontent:last-child h2 {
		font-size: 6vw;
		line-height: 7vw;
	}

	/* main content
	--------------*/
	.site06 .generated-site-content {
		padding: 8vw;
		flex-wrap: wrap;
	}
	.site06 .generated-site-content .main-content {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.site06 .generated-site-contact-form form input,
	.site06 .generated-site-contact-form form textarea {
		padding: 2vw;
	}

	/* side content
	--------------*/
	.site06 .side-content {
		width: 100%;
	}

	/* sub content bottom
	--------------*/
	.site06 .generated-site-subcontent-bottom {
		padding: 8vw 0 0;
		flex-wrap: wrap;
	}
	.site06 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
		padding: 0 8vw;
	}
	.site06 .generated-site-subcontent-bottom .subcontent img {
		margin-bottom: 3vw;
	}
	.site06 .generated-site-subcontent-bottom .subcontent h2 {
		margin-bottom: 4vw;
	}
}

/* Generated Site 07
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site07 {
	background-color: #fff;
}
.site07 .generated-site-main {
}
.site07 .button {
	padding: 0.5vw 2vw;
	background-color: #fff;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site07 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site07 .generated-site-header {
	background-color: #333;
	border-top: 3vw solid #292929;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site07 .generated-site-contact {
	width: 50%;
	padding: 0;
	text-align: center;
	order: 2;
}
.site07 .generated-site-contact h2 {
	margin: 0;
}
.site07 .generated-site-contact h2 span {
	color: #0F7CC9;
}
.site07 .generated-site-logo {
	width: 50%;
	padding: 2vw 0;
	text-align: center;
	order: 1;
}
.site07 .generated-site-logo h2 {
	margin: 0;
	font-size: 3vw;
	line-height: 3vw;
}
.site07 .generated-site-logo h2 span {
	color: #0F7CC9;
}

/* Nav
--------------*/
.site07 .generated-site-nav {
	width: 100%;
	background-color: #292929;
	display: flex;
	align-items: center;
	order: 3;
	justify-content: center;
	-moz-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.7);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.7);
}
.site07 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0 3vw 0 0;
}
.site07 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.75vw 2vw;
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	cursor: pointer;
}
.site07 .generated-site-nav ul li:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.site07 .generated-site-nav ul li:hover,
.site07 .generated-site-nav ul li.current {
	color: #fff;
	background-color: #0F7CC9;
	border-color: #0F7CC9;
}

/* Banner
--------------*/
.site07 .generated-site-banner {
	padding: 0 10vw;
	background-color: #eee;
}

/* Sub Content Top
--------------*/
.site07 .generated-site-subcontent-top {
	width: 100%;
	padding: 0 9vw;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
}
.site07 .generated-site-subcontent-top .subcontent {
	width: 33.33333%;
	padding: 3vw 1vw;
	text-align: center;
}
.site07 .generated-site-subcontent-top .subcontent:nth-child(4),
.site07 .generated-site-subcontent-top .subcontent:last-child {
	display: none;
}
.site07 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	margin-bottom: 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site07 .generated-site-subcontent-top .subcontent h2 {
	color: #0F7CC9;
	margin: 0;
}
.site07 .generated-site-subcontent-top .subcontent p,
.site07 .generated-site-subcontent-top .subcontent .button {
	display: none;
}

/* Site Content
--------------*/
.site07 .generated-site-content {
	width: 100%;
	padding: 3vw 10vw;
	display: flex;
	align-items: center;
}
.site07 .generated-site-content .main-content {
	width: 100%;
	padding: 0;
}
.site07 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	border-bottom: 1px solid;
	color: #0F7CC9;
}

/* Sidebar
--------------*/
.site07 .side-content {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site07 .generated-site-subcontent-bottom {
	padding: 3vw 10vw;
	background-color: #eee;
	display: flex;
	flex-wrap: nowrap;
}
.site07 .generated-site-subcontent-bottom .subcontent {
	width: 50%;
	padding: 0 1.5vw;
	text-align: center;
}
.site07 .generated-site-subcontent-bottom .subcontent:first-child {
	border-right: 1px solid #bbb;
}
.site07 .generated-site-subcontent-bottom .subcontent:nth-child(3),
.site07 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site07 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin: 3vw 0 1vw;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}
.site07 .generated-site-subcontent-bottom .subcontent h2 {
	margin: 0;
}
.site07 .generated-site-subcontent-bottom .subcontent p,
.site07 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site07 .generated-site-footer {
	padding: 3vw;
	background-color: #fff;
	text-align: center;
}
.site07 .generated-site-footer p {
	margin: 0;
}

/* Site07 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site07 h1,
	.site07 h2,
	.site07 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site07 .generated-site-header {
		position: relative;
	}
	.site07 .generated-site-logo {
		width: 100%;
		font-size: 6vw;
		line-height: 6vw;
	}
	.site07 .generated-site-logo h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site07 .generated-site-contact {
		width: 100%;
	}
	.site07 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 6vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site07 .generated-site-nav::before,
	.site07 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site07 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site07 .generated-site-nav ul {
		display: none;
	}

	/* banner
	--------------*/
	.site07 .generated-site-banner {
		padding: 0 5vw;
	}
	.site07 .generated-site-banner::before {
		right: 5vw;
		left: 5vw;
	}

	/* sub content top
	--------------*/
	.site07 .generated-site-subcontent-top {
		padding: 0 4vw;
	}

	/* main content
	--------------*/
	.site07 .generated-site-content {
		padding: 3vw 5vw;
	}

	/* sub content bottom
	--------------*/
	.site07 .generated-site-subcontent-bottom {
		padding: 3vw 5vw;
	}
}

/* Site07 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site07 h1,
	.site07 h2,
	.site07 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site07 .generated-site-logo {
		width: 100%;
	}
	.site07 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site07 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site07 .generated-site-nav {
		width: 10vw;
		height: 10vw;
		bottom: 2vw;
	}
	.site07 .generated-site-nav::before,
	.site07 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site07 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site07 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site07 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site07 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 4vw;
	}

	/* sub content top
	--------------*/
	.site07 .generated-site-subcontent-top {
		padding: 8vw 0 0;
	}
	.site07 .generated-site-subcontent-top .subcontent {
		width: 100%;
		padding: 0 8vw;
	}
	.site07 .generated-site-subcontent-top .subcontent img {
		margin-bottom: 3vw;
	}
	.site07 .generated-site-subcontent-top .subcontent h2 {
		margin-bottom: 3vw;
	}

	/* main content
	--------------*/
	.site07 .generated-site-content {
		padding: 3vw 8vw;
	}
	.site07 .generated-site-content .main-content {
		text-align: center;
	}

	/* sub content bottom
	--------------*/
	.site07 .generated-site-subcontent-bottom {
		padding: 8vw 0 0;
		flex-wrap: wrap;
	}
	.site07 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
		padding: 0 8vw;
	}
	.site07 .generated-site-subcontent-bottom .subcontent:first-child {
		border: none;
	}
	.site07 .generated-site-subcontent-bottom .subcontent img {
		padding: 0 0 3vw;
	}
	.site07 .generated-site-subcontent-bottom .subcontent h2 {
		margin-bottom: 3vw;
	}
}

/* Generated Site 08
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site08 {
	padding: 0 10vw;
	background-color: #000;
}
.site08 .generated-site-main {
	background-color: #333;
}
.site08 .button {
	padding: 0.5vw 2vw;
	background-color: #fff;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site08 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site08 .generated-site-header {
	background-color: #333;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site08 .generated-site-contact {
	width: 100%;
	padding: 0;
	text-align: center;
	order: 1;
}
.site08 .generated-site-contact h2 {
	margin: 0;
}
.site08 .generated-site-contact h2 span {
	color: #0F7CC9;
}
.site08 .generated-site-logo {
	width: 50%;
	padding: 2vw 0;
	text-align: center;
	order: 2;
}
.site08 .generated-site-logo h2 {
	margin: 0;
	font-size: 3vw;
	line-height: 3vw;
}
.site08 .generated-site-logo h2 span {
	color: #0F7CC9;
}

/* Nav
--------------*/
.site08 .generated-site-nav {
	width: 50%;
	display: flex;
	align-items: center;
	order: 3;
	justify-content: flex-end;
}
.site08 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0 3vw 0 0;
}
.site08 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.75vw 2vw;
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	cursor: pointer;
}
.site08 .generated-site-nav ul li:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.site08 .generated-site-nav ul li:hover,
.site08 .generated-site-nav ul li.current {
	color: #fff;
	background-color: #0F7CC9;
	border-color: #0F7CC9;
}

/* Banner
--------------*/
.site08 .generated-site-banner {
	padding: 0;
}
.site08 .generated-site-banner::before {
	left: 0;
	right: 0;
}

/* Sub Content Top
--------------*/
.site08 .generated-site-subcontent-top {
	display: none;
}

/* Site Content
--------------*/
.site08 .generated-site-content {
	width: 100%;
	padding: 3vw;
	display: flex;
	align-items: center;
}
.site08 .generated-site-content .main-content {
	width: 75%;
	padding: 0 5vw 0 0;
}
.site08 .generated-site-content .main-content h1 {
	padding-bottom: 1vw;
	border-bottom: 1px solid;
	color: #fff;
}

/* Sidebar
--------------*/
.site08 .side-content {
	width: 25%;
	padding: 0;
}
.site08 .side-content h2 {
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	color: #fff;
	border-bottom: 1px solid;
}
.site08 .generated-site-contact-form {
	padding: 2vw 2vw 1vw;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
}
.site08 .generated-site-contact-form form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.site08 .generated-site-contact-form form input,
.site08 .generated-site-contact-form form textarea {
	width: 100%;
	padding: 1vw;
	margin: 0 0 1vw;
	border: 1px solid #eee;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.site08 .generated-site-contact-form:last-child {
	display: none;
}
	

/* Sub Content Bottom
--------------*/
.site08 .generated-site-subcontent-bottom {
	padding: 3vw 2vw;
	background-color: #242424;
	display: flex;
	flex-wrap: nowrap;
}
.site08 .generated-site-subcontent-bottom .subcontent {
	width: 33.3333%;
	padding: 0 1vw;
	text-align: center;
}
.site08 .generated-site-subcontent-bottom .subcontent:nth-child(4) {
	display: none;
}
.site08 .generated-site-subcontent-bottom .subcontent img {
	width: 100%;
	margin: 0 0 1vw;
	padding: 1vw;
	border: 1px solid #fff;
}
.site08 .generated-site-subcontent-bottom .subcontent h2 {
	margin: 0;
	color: #fff;
}
.site08 .generated-site-subcontent-bottom .subcontent p,
.site08 .generated-site-subcontent-bottom .subcontent .button {
	display: none;
}

/* Footer
--------------*/
.site08 .generated-site-footer {
	padding: 3vw;
	background-color: #000;
	text-align: center;
}
.site08 .generated-site-footer p {
	margin: 0;
}

/* Site08 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site08 {
		padding: 0 3vw;
	}
	.site08 h1,
	.site08 h2,
	.site08 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site08 .generated-site-header {
		position: relative;
	}
	.site08 .generated-site-logo {
		width: 100%;
		font-size: 6vw;
		line-height: 6vw;
	}
	.site08 .generated-site-logo h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site08 .generated-site-contact {
		width: 100%;
	}
	.site08 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 6vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site08 .generated-site-nav::before,
	.site08 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site08 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site08 .generated-site-nav ul {
		display: none;
	}

	/* banner
	--------------*/
	.site08 .generated-site-banner {
		padding: 0 3vw;
	}
	.site08 .generated-site-banner::before {
		right: 3vw;
		left: 3vw;
	}

	/* main content
	--------------*/
	.site08 .generated-site-content .main-content {
		width: 65%;
	}

	/* side content
	--------------*/
	.site08 .side-content {
		width: 35%;
	}
}

/* Site08 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site08 h1,
	.site08 h2,
	.site08 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site08 .generated-site-logo {
		width: 100%;
	}
	.site08 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site08 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site08 .generated-site-nav {
		width: 10vw;
		height: 10vw;
		right: 3vw;
		bottom: 2vw;
	}
	.site08 .generated-site-nav::before,
	.site08 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site08 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site08 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site08 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site08 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 6vw;
	}

	/* main content
	--------------*/
	.site08 .generated-site-content {
		padding: 0;
		flex-wrap: wrap;
	}
	.site08 .generated-site-content .main-content {
		width: 100%;
		padding: 5vw;
		text-align: center;
	}

	/* side content
	--------------*/
	.site08 .side-content {
		width: 100%;
		padding: 4vw;
	}
	.site08 .generated-site-contact-form form input,
	.site08 .generated-site-contact-form form textarea {
		padding: 2vw;
	}

	/* sub content bottom
	--------------*/
	.site08 .generated-site-subcontent-bottom {
		padding: 3vw;
		flex-wrap: wrap;
	}
	.site08 .generated-site-subcontent-bottom .subcontent {
		width: 100%;
	}
}

/* Generated Site 09
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.site09 {
	background-color: #eee;
}
.site09 .generated-site-main {
}
.site09 .button {
	padding: 0.5vw 2vw;
	background-color: #fff;
	display: block;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}
.site09 .button:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* Header
--------------*/
.site09 .generated-site-header {
	padding: 0 10vw;
	background-color: #fff;
	border-top: 2vw solid #333;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.site09 .generated-site-contact {
	width: 50%;
	padding: 0;
	text-align: right;
	order: 2;
}
.site09 .generated-site-contact h2 {
	margin: 0;
}
.site09 .generated-site-contact h2 span {
	color: #f90;
}
.site09 .generated-site-logo {
	width: 50%;
	padding: 2vw 0;
	text-align: left;
	order: 1;
}
.site09 .generated-site-logo h2 {
	margin: 0;
	font-size: 3vw;
	line-height: 3vw;
}
.site09 .generated-site-logo h2 span {
	color: #f90;
}

/* Nav
--------------*/
.site09 .generated-site-nav {
	width: 100%;
	background-color: #FCBF17;
	border-bottom: 0.5vw solid #f90;
	display: flex;
	align-items: center;
	order: 3;
	justify-content: center;
	-moz-border-radius-topleft: 1vw;
	border-top-left-radius: 1vw;
	-moz-border-radius-topright: 1vw;
	border-top-right-radius: 1vw;
}
.site09 .generated-site-nav ul {
	display: inline-block;
	margin: 0;
	padding: 0 3vw 0 0;
}
.site09 .generated-site-nav ul li {
	display: inline-block;
	padding: 0.75vw 2vw;
	color: #fff;
	cursor: pointer;
}
.site09 .generated-site-nav ul li:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.site09 .generated-site-nav ul li:hover,
.site09 .generated-site-nav ul li.current {
	color: #f90;
	background-color: #333;
}

/* Banner
--------------*/
.site09 .generated-site-banner {
	padding: 0 10vw;
	background-color: #f9e7b5;
}

/* Sub Content Top
--------------*/
.site09 .generated-site-subcontent-top {
	width: 100%;
	padding: 3vw 9vw;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
}
.site09 .generated-site-subcontent-top .subcontent {
	width: 33.33333%;
	padding: 0 1vw;
	text-align: center;
	position: relative;
}
.site09 .generated-site-subcontent-top .subcontent:nth-child(4),
.site09 .generated-site-subcontent-top .subcontent:last-child {
	display: none;
}
.site09 .generated-site-subcontent-top .subcontent img {
	width: 100%;
	-moz-border-radius-topleft: 1vw;
	border-top-left-radius: 1vw;
	-moz-border-radius-topright: 1vw;
	border-top-right-radius: 1vw;
}
.site09 .generated-site-subcontent-top .subcontent h2 {
	color: #333;
	background: rgba(230, 230, 230, 0.8);
	border-bottom: 0.5vw solid #f90;
	margin: 0;
	padding: 0.5vw 0;
	position: absolute;
	left: 1vw;
	right: 1vw;
	bottom: 0;
}
.site09 .generated-site-subcontent-top .subcontent p,
.site09 .generated-site-subcontent-top .subcontent .button {
	display: none;
}

/* Site Content
--------------*/
.site09 .generated-site-content {
	width: 100%;
	padding: 3vw 10vw;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.site09 .generated-site-content .main-content {
	width: 100%;
	padding: 0 0 3vw;
	border-bottom: 0.5vw solid #333;
}
.site09 .generated-site-content .main-content h1 {
	padding: 1vw;
	margin-bottom: 3vw;
	border-bottom: 0.5vw solid;
	color: #f90;
	background-color: #333;
}

/* Sidebar
--------------*/
.site09 .side-content {
	display: none;
}

/* Sub Content Bottom
--------------*/
.site09 .generated-site-subcontent-bottom {
	display: none;
}

/* Footer
--------------*/
.site09 .generated-site-footer {
	padding: 3vw;
	background-color: #eee;
	text-align: center;
}
.site09 .generated-site-footer p {
	margin: 0;
}

/* Site09 Site Tablet
--------------------------*/
@media screen and (max-width : 1024px) {
	.site09 h1,
	.site09 h2,
	.site09 h3 {
		font-size: 3vw;
		line-height: 6vw;
	}

	/* header
	--------------*/
	.site09 .generated-site-header {
		position: relative;
	}
	.site09 .generated-site-logo {
		width: 100%;
		font-size: 6vw;
		line-height: 6vw;
		text-align: center;
	}
	.site09 .generated-site-logo h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site09 .generated-site-contact {
		width: 100%;
		text-align: center;
	}
	.site09 .generated-site-nav {
		width: 5vw;
		height: 5vw;
		border: 1px solid;
		margin: 0;
		position: absolute;
		right: 6vw;
		bottom: 6vw;
		-moz-border-radius: 1vw;
		-webkit-border-radius: 1vw;
		border-radius: 1vw;
		cursor: pointer;
	}
	.site09 .generated-site-nav::before,
	.site09 .generated-site-nav::after {
		content: "";
		height: 1vw;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		top: 1.5vw;
		left: 1vw;
		right: 1vw;
		box-sizing: border-box;
	}
	.site09 .generated-site-nav::after {
		border-top: 1px solid #fff;
		border-bottom: 2px solid #fff;
		top: auto;
		bottom: 1.5vw;
	}
	.site09 .generated-site-nav ul {
		display: none;
	}

	/* banner
	--------------*/
	.site09 .generated-site-banner {
		padding: 0 3vw;
	}
	.site09 .generated-site-banner::before {
		right: 3vw;
		left: 3vw;
	}

	/* sub content top
	--------------*/
	.site09 .generated-site-subcontent-top {
		padding: 3vw 2vw;
	}

	/* main content
	--------------*/
	.site09 .generated-site-content {
		padding: 3vw;
	}
}

/* Site09 Site Mobile
--------------------------*/
@media screen and (max-width : 480px) {
	.site09 h1,
	.site09 h2,
	.site09 h3 {
		font-size: 6vw;
		line-height: 8vw;
	}

	/* header
	--------------*/
	.site09 .generated-site-logo {
		width: 100%;
	}
	.site09 .generated-site-logo h2 {
		font-size: 8vw;
		line-height: 10vw;
	}
	.site09 .generated-site-contact h2 {
		font-size: 4vw;
	}
	.site09 .generated-site-nav {
		width: 10vw;
		height: 10vw;
		right: 3vw;
		bottom: 2vw;
	}
	.site09 .generated-site-nav::before,
	.site09 .generated-site-nav::after {
		height: 2vw;
		top: 3vw;
		right: 2vw;
		left: 2vw;
	}
	.site09 .generated-site-nav::after {
		top: auto;
		bottom: 3vw;
	}

	/* banner
	--------------*/
	.site09 .generated-site-banner {
		padding: 0 4vw;
	}
	.site09 .generated-site-banner::before {
		right: 4vw;
		left: 4vw;
	}
	.site09 .generated-site-banner .generated-site-banner-text {
		width: 80%;
	}
	.site09 .generated-site-banner .generated-site-banner-text h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.site09 .generated-site-banner .generated-site-banner-text p {
		font-size: 4vw;
		line-height: 6vw;
	}

	/* sub content top
	--------------*/
	.site09 .generated-site-subcontent-top {
		padding: 2vw 0;
	}
	.site09 .generated-site-subcontent-top .subcontent {
		width: 100%;
		padding: 2vw 4vw;
	}
	.site09 .generated-site-subcontent-top .subcontent h2 {
		left: 4vw;
		right: 4vw;
		bottom: 2vw;
	}

	/* main content
	--------------*/
	.site09 .generated-site-content {
		padding: 2vw 4vw 5vw;
	}
	.site09 .generated-site-content .main-content {
		text-align: center;
	}
}

/* email sent success
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
#success-main-outer {
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -999;
	opacity:0;
	filter:alpha(opacity=0);
}
#success-main-outer::after,
#success-main-outer::before {
	content: "";
	width: 30vw;
	height: 30vw;
	position: absolute;
	-moz-border-radius: 50vw;
	-webkit-border-radius: 50vw;
	border-radius: 50vw;
}
#success-main-outer::before {
	top: 0;
	left: 0;
	background: -webkit-gradient(linear, left, right, from(rgba(214, 34, 85, 1)), to(rgba(255, 153, 1, 1)));
	background: -moz-linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	background: -o-linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	background: linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	-moz-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	z-index: 0;
	transform: translate(-10vw, -10vw);
}
#success-main-outer::after {
	bottom: 0;
	right: 0;
	background: -webkit-gradient(linear, left, right, from(rgba(214, 34, 85, 1)), to(rgba(255, 153, 1, 1)));
	background: -moz-linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	background: -o-linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	background: linear-gradient(to right, rgba(214, 34, 85, 1), rgba(255, 153, 1, 1));
	-moz-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	-webkit-box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	box-shadow: 0 0 2vw rgba(50, 50, 50, 0.5) inset;
	z-index: 0;
	transform: translate(10vw, 10vw);
}
.interested #success-main-outer {
	z-index: 999;
	opacity:1;
	filter:alpha(opacity=100);
}
.success-centre {
	padding: 0 20vw;
	text-align: center;
}
.success-centre h2 {
	font-size: 4vw;
	line-height: 5vw;
	text-transform: uppercase;
	font-weight: lighter;
}
.success-centre .border-style-03 {
	width: 50%;
	margin-bottom: 1vw;
}