@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------- 1570px and up -------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1570px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 99;
}

header#mainHeader {
	width: 1550px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}

#logo {
	width: 20%;
	height: auto;
	margin: 0;
	padding: 18px 0 0 0;
	float: left;
}

nav#mainNav {
	width: 78%;
	height: auto;
	margin: 40px 0 0 0;
	padding: 0;
	float: right;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 650px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -50px 0 0 0;
	padding: 0 0 50px 0;
	position: absolute;
}

.introContent {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 85px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 1200px;
	height: 660px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

.introHeaderContent {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 3px solid #ccc;
}

article#introContent {
	width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 1300px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#sleepersContent {
	width: 1170px;
	height: 410px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#sleepersColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#sleepersColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#sleepersColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 1300px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#risingContent {
	width: 1170px;
	height: 410px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#risingColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#risingColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#risingColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 1300px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-btop: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#soilformContent {
	width: 1170px;
	height: 410px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#soilformColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#soilformColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#soilformColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 1150px;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 0 80px;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;

}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 ;
}

nav#footerNav ul li {
	list-style: none;
	display: inline;
	padding: 0 20px;
}

nav#footerNav ul li a {
	text-decoration: none;
	padding: 0;
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;

}

nav#footerNav ul li a:hover {
	color: #ccc;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 4.8em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}

h3 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	color: #fff;
	margin: 0;
	padding: 0 0 25px 0;
}

h3#center {
	margin-left: 20px;
}

h3#right {
	text-align: right;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 25px;
	width: 60%;
	text-align: left;
	color: #fff;
	font-size: 1.05em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 4.6em;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: 0;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 26px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 25px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}	

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 100%;
	border: none;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}

}

/* ---------------------------------------------------------------------------- 1280px and up (Desktop Small) ----------------------------------------------------------------------------*/

@media only screen and (min-width: 1280px) and (max-width: 1569px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 7%;
	height: 90px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 90%;
	height: 90px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 650px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 1200px;
	height: 670px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

.introHeaderContent {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 3px solid #ccc;
}

article#introContent {
	width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 1250px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#sleepersContent {
	width: 1170px;
	height: 420px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#sleepersColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#sleepersColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#sleepersColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 1250px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#risingContent {
	width: 1170px;
	height: 410px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#risingColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#risingColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#risingColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 1200px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 1250px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 60%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -400px 0 0 0;
	padding: 0 0 400px 0;
	position: absolute;
}

article#soilformContent {
	width: 1170px;
	height: 410px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#soilformColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#soilformColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#soilformColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 1150px;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 ;
}

nav#footerNav ul li {
	list-style: none;
	display: inline;
	padding: 0 20px;
}

nav#footerNav ul li a {
	text-decoration: none;
	padding: 0;
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;

}

nav#footerNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 4.8em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 25px;
	width: 60%;
	text-align: left;
	color: #fff;
	font-size: 1.05em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 4.6em;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: 0;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 4em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 26px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 25px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 25%;
	border: none;
	margin-top: 13px;
}

img.menuIcon {
	max-width: 46%;
	border: none;
	margin-left: 27%;
	margin-top: 23px;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}

}

/* ---------------------------------------------------------------------------- 1025px and up (iPad Landscape) ----------------------------------------------------------------------------*/

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 7%;
	height: 90px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 90%;
	height: 90px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 600px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 1000px;
	height: 720px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.servicesColumn01 {
	margin-top: 41px;
}

.servicesColumn02 {
	margin-top: 41px;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#sleepersContent {
	width: 1000px;
	height: 470px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#sleepersColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#sleepersColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#sleepersColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.sleepersColumn01 {
	margin-top: 41px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 41px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#risingContent {
	width: 1000px;
	height: 450px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#risingColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#risingColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#risingColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.risingColumn01 {
	
}

.risingColumn02 {
	
}

.risingColumn03 {
	
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#soilformContent {
	width: 1000px;
	height: 430px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#soilformColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#soilformColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#soilformColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.soilformColumn01 {
	
}

.soilformColumn02 {
	
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 ;
}

nav#footerNav ul li {
	list-style: none;
	display: inline;
	padding: 0 20px;
}

nav#footerNav ul li a {
	text-decoration: none;
	padding: 0;
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;

}

nav#footerNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 4.8em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 25px;
	width: 75%;
	text-align: left;
	color: #fff;
	font-size: 1.05em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 4.6em;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 26px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.05em;
	line-height: 25px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 28.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 100px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 125px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 32%;
	border: none;
	margin-top: 13px;
}

img.menuIcon {
	max-width: 46%;
	border: none;
	margin-left: 27%;
	margin-top: 23px;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}
	
}

/* ---------------------------------------------------------------------------- 1024px (iPad Landscape) ----------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 7%;
	height: 70px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 90%;
	height: 70px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 550px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 730px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.servicesColumn01 {
	margin-top: 41px;
}

.servicesColumn02 {
	margin-top: 41px;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 490px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 350px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers08.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#sleepersColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#sleepersColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#sleepersColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.sleepersColumn01 {
	margin-top: 41px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 41px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 480px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 400px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#risingColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#risingColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#risingColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.risingColumn01 {
	
}

.risingColumn02 {
	
}

.risingColumn03 {
	
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width:95%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#soilformColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#soilformColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#soilformColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.soilformColumn01 {
	
}

.soilformColumn02 {
	
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 ;
}

nav#footerNav ul li {
	list-style: none;
	display: inline;
	padding: 0 20px;
}

nav#footerNav ul li a {
	text-decoration: none;
	padding: 0;
	color: #fff;
	font-family: "proxima-nova",sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}

nav#footerNav ul li a:hover {
	color: #ccc;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 4.8em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 25px;
	width: 75%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 4.4em;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.1em;
	line-height: 25px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 125px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 175px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 100px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 125px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 125px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 30%;
	border: none;
	margin-top: 12px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 24%;
	margin-top: 18px;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}
	
}

/* ------------------------------------------------------------------- 800px (iPad Portrait and Small Tablet Landscape) -------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 10%;
	height: 70px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 87%;
	height: 70px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 520px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 830px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 550px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 350px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers08.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#sleepersColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#sleepersColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#sleepersColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 560px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#risingColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#risingColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#risingColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.risingColumn01 {
	
}

.risingColumn02 {
	
}

.risingColumn03 {
	
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width:95%;
	height: 530px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 400px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -350px 0 0 0;
	padding: 0 0 350px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 170px 0 0 0;
}

#soilformColumn01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

#soilformColumn02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

#soilformColumn03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.soilformColumn01 {
	margin-top: 38px;
}

.soilformColumn02 {
	margin-top: 38px;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 4.2em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 25px;
	width: 90%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 3.7em;
	font-weight: 400;
	color: #fff;
	text-align: left;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 3.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1.1em;
	line-height: 25px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 17%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 17%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 17%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 17%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 150px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 175px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 150px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 175px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 40%;
	border: none;
	margin-top: 12px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 24%;
	margin-top: 18px;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}
	
}

/* ------------------------------------------------------------------- 640px (Mobile Landscape & Small Tablet Portrait) -------------------------------------------------------------------*/

@media only screen and (max-width: 640px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 10%;
	height: 60px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 87%;
	height: 60px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 450px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 730px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: left;
}

.column02 {
	width: 30%;
	height: 320px;
	margin: 0 0 0 5%;
	padding: 0;
	float: left;
}

.column03 {
	width: 30%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: right;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 140px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 520px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#sleepersLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#sleepersIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers08.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 520px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#risingIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 500px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 30%;
	height: 100%;
	margin: 0;
	paddimg: 0;
	float: left;
}

article#soilformIntro {
	width: 65%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 490px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.05em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 90%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 90%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 21px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 11.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 11.5%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 11.5%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 11.5%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 101px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 80px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 122px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 163px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 121px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 163px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 122px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 40%;
	border: none;
	margin-top: 11px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 15px;
}

img.sleepersLogo {
	max-width: 100%;
}

img.risingLogo {
	max-width: 100%;
}

img.soilformLogo {
	max-width: 100%;
}
	
}

/* ----------------------------------------------------------------------------- 600px (Small Tablet Portrait) -----------------------------------------------------------------------------*/

@media only screen and (min-width: 569px) and (max-width: 600px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/
 	
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 10%;
	height: 60px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 87%;
	height: 60px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 450px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 1430px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column02 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 730px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

article#sleepersLogo {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

article#sleepersIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}


#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers08.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -300px 0 0 0;
	padding: 0 0 300px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 1280px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#sleepersColumn01 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn02 {
	width: 95%;
	height: 400px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 100%;
	height: 370px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#risingIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 1270px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#risingColumn01 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn02 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}


.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 100%;
	height: 340px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#soilformIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform02.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -300px 0 0 0;
	padding: 0 0 300px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 1180px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#soilformColumn01 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn02 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn03 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}


.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 90%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 21px;
	width: 95%;
	padding: 0;
	text-align: center;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 40%;
	border: none;
	margin-top: 11px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 15px;
}

img.sleepersLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.risingLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.soilformLogo {
	max-width: 60%;
	margin-left: 20%;
}

}

/* ---------------------------------------------------------------------------- 568px (iPhone 5 Landscape) ----------------------------------------------------------------------------*/

@media only screen and (max-width: 568px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 10%;
	height: 55px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 87%;
	height: 55px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 450px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 1520px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column02 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

article#sleepersLogo {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

article#sleepersIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}


#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers09.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -100px 0 0 0;
	padding: 0 0 100px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 1340px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#sleepersColumn01 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn02 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 100%;
	height: 370px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#risingIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 1330px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#risingColumn01 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn02 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn03 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 750px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 100%;
	height: 340px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#soilformIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -300px 0 0 0;
	padding: 0 0 300px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 1240px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#soilformColumn01 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn02 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn03 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 300px;
     left: -300px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 90%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 95%;
	padding: 0;
	text-align: center;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 37%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 40%;
	border: none;
	margin-top: 11px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 14px;
}

img.sleepersLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.risingLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.soilformLogo {
	max-width: 60%;
	margin-left: 20%;
}
	
}

/* ----------------------------------------------------------------------------- 480px (iPhone Landscape) -----------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(270px, 0px);
    -moz-transform: translate(270px, 0px);
    -o-transform: translate(270px, 0px);
    -ms-transform: translate(270px, 0px);
    transform: translate(270px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 13%;
	height: 55px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 84%;
	height: 55px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 450px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 70px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 1510px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column02 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column03 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 730px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

article#sleepersLogo {
	width: 100%;
	height: 320px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

article#sleepersIntro {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers09.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -100px 0 0 0;
	padding: 0 0 100px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 1320px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#sleepersColumn01 {
	width: 95%;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn02 {
	width: 95%;
	height: 410px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn03 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}


/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 740px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 100%;
	height: 300px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#risingIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -175px 0 0 0;
	padding: 0 0 175px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 1340px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#risingColumn01 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn02 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn03 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}


.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 690px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 100%;
	height: 260px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#soilformIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -300px 0 0 0;
	padding: 0 0 300px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 1210px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#soilformColumn01 {
	width: 95%;
	height: 370px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn02 {
	width: 95%;
	height: 390px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn03 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}


.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 270px;
     left: -270px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 90%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 21px;
	width: 95%;
	padding: 0;
	text-align: center;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 33%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 33%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 33%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 33%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 47%;
	border: none;
	margin-top: 11px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 14px;
}

img.sleepersLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.risingLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.soilformLogo {
	max-width: 60%;
	margin-left: 20%;
}
	
}

/* ------------------------------------------------------------------------------- 360px (Mobile Portrait) -------------------------------------------------------------------------------*/

@media only screen and (max-width: 360px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(250px, 0px);
    -moz-transform: translate(250px, 0px);
    -o-transform: translate(250px, 0px);
    -ms-transform: translate(250px, 0px);
    transform: translate(250px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 15%;
	height: 55px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 82%;
	height: 55px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 540px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 70px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 1630px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column02 {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 800px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

article#sleepersLogo {
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

article#sleepersIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers09.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -180px 0 0 0;
	padding: 0 0 180px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 1430px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#sleepersColumn01 {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn02 {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}


/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 780px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 100%;
	height: 250px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#risingIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -200px 0 0 0;
	padding: 0 0 200px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 1420px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#risingColumn01 {
	width: 95%;
	height: 430px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn02 {
	width: 95%;
	height: 460px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 720px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 100%;
	height: 240px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#soilformIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -300px 0 0 0;
	padding: 0 0 300px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 1330px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#soilformColumn01 {
	width: 95%;
	height: 420px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn02 {
	width: 95%;
	height: 420px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 250px;
     left: -250px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 0 0 15px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}

/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 100%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 2.2em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}


p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 21px;
	width: 95%;
	padding: 0;
	text-align: center;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 29%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 29%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 29%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 29%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 67%;
	border: none;
	margin-top: 10px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 14px;
}

img.sleepersLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.risingLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.soilformLogo {
	max-width: 60%;
	margin-left: 20%;
}
	
}

/* ------------------------------------------------------------------------------- 320px (iPhone Portrait) -------------------------------------------------------------------------------*/

@media only screen and (max-width: 320px) {
	
/*--------------------------------------------------------- Home Page --------------------------------------------------------------*/
	
/*------------------------------------- Main Elements -------------------------------------*/

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "museo-sans", Tahoma, Helvetica, Arial;
}

.siteWrapper {
	position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.siteCanvas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.50s ease;
    -moz-transition: 0.50s ease;
    -o-transition: 0.50s ease;
    transition: 0.50s ease; 
}

.siteCanvas.active {
    -webkit-transform: translate(250px, 0px);
    -moz-transform: translate(250px, 0px);
    -o-transform: translate(250px, 0px);
    -ms-transform: translate(250px, 0px);
    transform: translate(250px, 0px);
}

/*------------------------------------- Main Header -------------------------------------*/

#mainHeaderWrapper {
	display: none;
	margin: 0;
	padding: 0;
	height: 0;
}

/*------------------------------------- Responsive Header -------------------------------------*/

#responsiveHeaderWrapper {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 98;
}

#menuIcon {
	width: 17%;
	height: 55px;
	margin: 0;
	padding: 0;
	border-right: 3px solid #ccc;
	float: left;
}

#responsiveLogo {
	width: 80%;
	height: 55px;
	margin: 0;
	padding: 0;
	float: right;
}

.menu-link {
	position: absolute;
    top: 0px;
    left: 0px;
}

/*------------------------------------- Banner -------------------------------------*/

section#banner {
	width: 100%;
	height: 590px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.banner-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_city01.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -40px 0 0 0;
	padding: 0 0 40px 0;
	position: absolute;
}

.introContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

/*------------------------------------- Introduction -------------------------------------*/

section#introWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 70px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.intro {
	width: 95%;
	height: 1710px;
	margin: 0 auto;
	padding: 0;
}

header#introHeader {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
}

article#introContent {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 60px 0 0 0;
	border-top: 3px solid #ccc;
}

.column01 {
	width: 95%;
	height: 490px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column02 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

.column03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.servicesColumn01 {
	margin-top: 38px;
}

.servicesColumn02 {
	margin-top: 0;
}

.servicesColumn03 {
	
}

/*-------------------------------- Sleepers Hotels --------------------------------*/

section#sleepersWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.sleepers {
	width: 95%;
	height: 800px;
	margin: 0 auto;
	padding: 0;
}

header#sleepersHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.sleepersHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

article#sleepersLogo {
	width: 100%;
	height: 260px;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

article#sleepersIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#sleepersBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.sleepers-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_sleepers09.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -180px 0 0 0;
	padding: 0 0 180px 0;
	position: absolute;
}

article#sleepersContent {
	width: 95%;
	height: 1520px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#sleepersColumn01 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn02 {
	width: 95%;
	height: 500px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#sleepersColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.sleepersColumn01 {
	margin-top: 38px;
}

.sleepersColumn02 {
	
}

.sleepersColumn03 {
	margin-top: 38px;
}

/*-------------------------------- Rising Star Energy --------------------------------*/

section#risingWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.rising {
	width: 95%;
	height: 780px;
	margin: 0 auto;
	padding: 0;
}

header#risingHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.risingHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#risingLogo {
	width: 100%;
	height: 230px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#risingIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#risingBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.rising-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_risingstar03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -160px 0 0 0;
	padding: 0 0 160px 0;
	position: absolute;
}

article#risingContent {
	width: 95%;
	height: 1480px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#risingColumn01 {
	width: 95%;
	height: 450px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn02 {
	width: 95%;
	height: 480px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#risingColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.risingColumn01 {
	
}

.risingColumn02 {
	margin-top: 37px;
}

.risingColumn03 {
	margin-top: 37px;
}

/*-------------------------------- SoilForm Polymer Technologies --------------------------------*/

section#soilformWrapper {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 80px 0;
	background-color: #F8F8F8;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.soilform {
	width: 95%;
	height: 740px;
	margin: 0 auto;
	padding: 0;
}

header#soilformHeader {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.soilformHeaderContent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

article#soilformLogo {
	width: 100%;
	height: 220px;
	margin: 0;
	paddimg: 0;
	float: none;
	display: block;
}

article#soilformIntro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
}

#soilformBanner {
	width: 100%;
	height: 300px;
	position: relative;
 	color: #7C7C7C;
  	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.soilform-parallax {
	width: 100%;
	height: 100%;
	background: url(../images/bg_soilform03.jpg);
  	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -160px 0 0 0;
	padding: 0 0 160px 0;
	position: absolute;
}

article#soilformContent {
	width: 95%;
	height: 1360px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}

#soilformColumn01 {
	width: 95%;
	height: 440px;
	margin: 0 auto;
	padding: 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn02 {
	width: 95%;
	height: 440px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
	border-bottom: 1px solid #ccc;
}

#soilformColumn03 {
	width: 95%;
	height: 470px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	float: none;
}

.soilformColumn01 {
	margin-top: 0;
}

.soilformColumn02 {
	margin-top: 0;
}

.soilformColumn03 {
	
}

/*-------------------------------- Footer --------------------------------*/

footer#mainFooter {
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	background-color: #0E0E0E;
}

.footerContent {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/*-------------------------------- Desktop Nav --------------------------------*/

nav#mainNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

nav#mainNav ul li {
	list-style: none;
	display: inline;
}

nav#mainNav ul li a {
	text-decoration: none;
	padding: 0 30px;
	color: #999;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 400;
}

nav#mainNav ul li a:hover {
	color: #2c9461;
}

/*-------------------------------- Responsive Nav --------------------------------*/

nav#responsiveNav {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 250px;
     left: -250px;
     height: 100%; 
	 background-color: #2D2D2D;
	 -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.50s ease;
     -moz-transition: 0.50s ease;
     -o-transition: 0.50s ease;
     transition: 0.50s ease;
}

nav#responsiveNav ul {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0 0 0;
}

nav#responsiveNav ul li {
	list-style: none;
	display: block;
}

nav#responsiveNav ul li a {
	text-decoration: none;
	padding: 0 0 0 15px;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
}

nav#responsiveNav ul li a:hover {
	color: #ccc;
}

/*-------------------------------- Footer Nav --------------------------------*/

nav#footerNav ul {
	display: none;
}

/*------------------------------------- Headings -------------------------------------*/

h1 {
	font-family: "interface",sans-serif;
	font-size: 2.8em;
	font-weight: 300;
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #666;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 50px 0;
}

article#sleepersContent h2 {
	color: #2075BA;
}

article#risingContent h2 {
	color: #EC1C45;
}


/*------------------------------------- Paragraphs -------------------------------------*/

p.introText {
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	line-height: 24px;
	width: 100%;
	text-align: left;
	color: #fff;
	font-size: 1em;
}

p.introFont {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin-bottom: 0;
}

p.sleepersIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #2075BA;
	text-align: left;
	margin-top: -45px;
}

p.risingIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #EC1C24;
	text-align: left;
	margin-top: 0;
}

p.soilformIntroHeading {
	font-family: "interface",sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	color: #666;
	text-align: left;
	margin-top: 0;
}

p.rightIntroText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 25px;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #AAAAAA;
}

p.columnText {
	font-family: "museo-sans",sans-serif;
	font-size: 1em;
	line-height: 21px;
	width: 95%;
	padding: 0;
	text-align: center;
	color: #AAAAAA;
}

p.footerText {
	font-family: "museo-sans",sans-serif;
	font-size: 0.8em;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}

/*-------------------------------- Links --------------------------------*/

a.readMoreButton {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton01 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #2075BA;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton02 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #fff;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #EC1C24;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

a.readMoreButton03 {
	font-family: "museo-sans",sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding: 4px 22px;
	background-color: #F8F8F8;
	text-decoration: none;
	margin-left: 26%;
	border: 1px solid #999;
	-moz-border-radius: 18px;
	border-radius: 8px;
}

.servicesButton01 {
	margin-top: 100px;
}

a#services01 {
	color: #999;
}

.servicesButton02 {
	margin-top: 100px;
}

a#services02 {
	color: #999;
}

.servicesButton03 {
	margin-top: 100px;
}

a#services03 {
	color: #999;
}

.sleepersButton01 {
	margin-top: 100px;
}

a#sleepers01 {
	color: #2075BA;
}

.sleepersButton02 {
	margin-top: 125px;
}

a#sleepers02 {
	color: #2075BA;
}

.sleepersButton03 {
	margin-top: 150px;
}

a#sleepers03 {
	color: #2075BA;
}

.risingButton01 {
	margin-top: 100px;
}

a#rising01 {
	color: #EC1C24;
}

.risingButton02 {
	margin-top: 125px;
}

a#rising02 {
	color: #EC1C24;
}

.risingButton03 {
	margin-top: 150px;
}

a#rising03 {
	color: #EC1C24;
}

.soilformButton01 {
	margin-top: 100px;
}

a#soilform01 {
	color: #666;
}

.soilformButton02 {
	margin-top: 100px;
}

a#soilform02 {
	color: #666;
}

.soilformButton03 {
	margin-top: 100px;
}

a#soilform03 {
	color: #666;
}

/*------------------------------------- Images -------------------------------------*/

img.logo {
	max-width: 75%;
	border: none;
	margin-top: 11px;
}

img.menuIcon {
	max-width: 55%;
	border: none;
	margin-left: 23%;
	margin-top: 15px;
}

img.sleepersLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.risingLogo {
	max-width: 60%;
	margin-left: 20%;
}

img.soilformLogo {
	max-width: 60%;
	margin-left: 20%;
}
	
}