article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	line-height: 1;
	min-height:100%;
	font-family:'Lato', sans-serif;	
	font-size:14px;	
}

a { text-decoration:none;}


h1 {
	font-size:28px;
	margin:0px 0px 32px 0px;
	font-weight:400;
	letter-spacing:1px;
}

/*navigation*/

#nav {
	height:100%;
	left:-288px;
	width:320px;
	background:rgb(178,169,160);
	z-index:10000;
	position:fixed;	
	-webkit-box-shadow: 3px 0px 3px rgba(0,0,0,0.15); 	
	box-shadow: 3px 0px 3px rgba(0,0,0,0.15);
}
.navWrapper {
	position:absolute;
	width:320px;
	top:50%;
	margin-top:-273px;
	background:rgb(178,169,160);	
}
.navButton {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	height:20px;
	line-height:20px;
	width:270px;
	padding-left:16px;
	float:left;
	display:inline;
}
.navButton:hover {
	background-color:#4E4848;	
}
.navWrapper span {
	width:32px;
	float:right;
	color:#fff;
	text-align:center;
	height:30px;
	line-height:20px;
	font-size:12px;
	position:relative;
	border-left:1px solid rgb(157,151,147);
	display:inline;
}
.navbuttonWrapper	{
	height:20px;
	overflow:hidden;
	position:relative;
	display:block;
	border-bottom:1px solid rgb(157,151,147);
}




/*SLIDES*/

#onePointZero	{
	width: 100%;
	height:100%;
	background:url(../images/bg3.jpg) no-repeat 0 0 #B2A9A0;
	background-size:cover;	
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:1000;
}
#onePointZeroInner	{
	width: 30%;
	height:100%;
	left:70%;
	background:rgb(178,169,160);
	color:#fff;
	position:absolute;
	line-height:22px;
	font-size:14px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#sectionOneBG {
	z-index:50;
	top:0;
	left:0;
	width:30%;
	height:100%;
	background:url(../images/bg1.jpg) no-repeat;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}



#onePointOne {
	width:70%;
	height:100%;
	left:30%;
}

#onePointOneInner {
	top:0%;
	width:80%;
	z-index:101;
	margin:24px;	
	position:relative;
	
}

#onePointOneTitle	{
	width:100%; left:0px; height:20%; font-size:32px; color:#fff; font-weight:300; background:rgb(178,169,160);	position:relative;line-height:100%;
}

#onePointOneBullet {
	font-size:20px;
	line-height:32px;
	color:#4E4848;
	padding-left:48px;
	margin: 0px 0px 16px 0px;
	background:url(../images/onePointOne/tick.png) left top no-repeat;
}


#onePointTwo {
	width:70%;
	height:100%;
	left:30%;
}

#onePointTwoInner {
	top:2.5%;
	width: 90%;
	height: 70%;
	z-index:101;	
	position:relative;	
}

#onePointTwoTitle	{
	width:100%; left:0%; height:20%; font-size:32px; color:#fff; font-weight:300; background:rgb(178,169,160);	position:relative;line-height:100%;}

#onePointTwoBulletHolder {
	height:12.5%;
	position:relative;
	
}
#onePointTwoBullet {
	line-height:20px;
	color:#4E4848;
	position:absolute;
	margin-top:0px;
}


#screenCapBulletHolder {
	position:relative;
	width:100%;
	top:0px;
	height: 87.5%;
	/*height: -webkit-calc(100% - 80px); height: -o-calc(100% - 80px); height: -moz-calc(100% - 80px); height: calc(100% - 80px);
	top:0%;
	background-size:contain;
	background-repeat:no-repeat;
	top:16px;
	width: -webkit-calc(100% - 192px); width: -o-calc(100% - 192px); width: -moz-calc(100% - 192px); width: calc(100% - 192px);	*/
}
#screenCapBullet {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	background-position:left top;
    background-repeat: no-repeat;
    background-size: contain;
	/*top:16px;
	width: -webkit-calc(100% - 192px); width: -o-calc(100% - 192px); width: -moz-calc(100% - 192px); width: calc(100% - 192px);	*/
}

#onePointWorld	{
	background:url(../images/onePointOne/CTAWorld.png) no-repeat;
	background-size:cover;
	width:160px;
	height:160px;
	position:relative;
	top:32px;
	left:-64px;
	z-index:1000;
}


/*SECTION TWO*/


#twoPointZero	{
	width: 100%;
	height:100%;
	background:url(../images/bg2.jpg) no-repeat  #B2A9A0;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:1000;
}

#sectionTwoBG {
	z-index:50;
	top:0;
	left:0;
	width:70%;
	height:20%;
	background:url(../images/bg4.jpg) no-repeat;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	background-size:cover;
}

#twoPointAll {
	width:100%;
	height:100%;
}

#twoPointOneTitle	{
	width:100%; 
	height:20%;
	font-size:28px; 
	color:#fff; 
	font-weight:300; 
	line-height:32px;
	/*background:#000;text-shadow:2px 2px 5px rgba(0,0,0,0.5);*/
	position:relative;
	
	overflow:hidden; 
	background:rgb(178,169,160);
}

.twoPointOneTitleSpan	{
	position:absolute;
	width: 90%;
	margin:0% 0% 0% 5%;
}
	
#twoPointOneTextBackground	{
	color:#4E4848; height:100%; width:30%; left:70%; position:relative; 
}

#twoPointOneText	{
	left:5%;
	width:90%; 
	height:80%;
	font-size:14px; 
	line-height:18px;
	position:relative;
	overflow:hidden; 
}


#twoPointOneTextInner {
	position:absolute; width:100%; font-size:14px; line-height:18px;	
}

.twoPointOneTextInner_list {
	color:#832C73;
	margin-left:-24px;	
}

.TPSC_Holder {
	position:relative;
	width: 65%; /*-webkit-calc(70% - 80px); width: -o-calc(70% - 80px); width: -moz-calc(70% - 80px); width: calc(70% - 80px);*/
	top: /*-webkit-calc(20% + 24px); top: -o-calc(20% + 24px); top: -moz-calc(20% + 24px); top: calc(20% + 24px)*/22.5%;
	height: /*-webkit-calc(80% - 64px); height: -o-calc(80% - 64px); height: -moz-calc(80% - 64px); height: calc(80% - 64px)*/70%;
}
#TPSC_Bullet {
	position:absolute;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right top;
}

#twoPointWorld	{
	background:url(../images/twoPoint/CTAWorld.png) no-repeat;
	background-size:cover;
	width:160px;
	height:160px;
	position:absolute;
	top:-10%;
	margin:0% -2.5% 0% 0%;
}



/*SECTION THREE*/


#threePointZero	{
	width: 100%;
	height:100%;
	background:url(../images/bg5.jpg) no-repeat  #B2A9A0;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:1000;
}

#sectionThreeBG {
	z-index:50;
	top:0;
	left:30%;
	width:70%;
	height:20%;
	background:url(../images/bg6.jpg) no-repeat;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	background-size:cover;
}

#threePointAll {
	width:100%;
	height:100%;
}

#threePointOneTitle	{
	width:30%; 
	height:20%;
	font-size:28px; 
	color:#fff; 
	font-weight:300; 
	line-height:32px;
	/*background:#000;text-shadow:2px 2px 5px rgba(0,0,0,0.5);*/
	position:relative;
	
	overflow:hidden; 
	background:rgb(178,169,160);
}

.threePointOneTitleSpan	{
	position:absolute;
	width: 80%;
	margin:0% 5% 0% 15%;
}
	
#threePointOneTextBackground	{
	color:#4E4848; height:80%; width:30%; left:0%; position:relative; font-size:14px; line-height:18px;
}

#threePointOneText  {
	position:absolute; 
	width: 80%; 
	font-size:14px; 
	line-height:18px;
	margin:5% 5% 0% 15%;
}

#threePointOneText a	{
	text-decoration:none;
	color:#4E4848;
}
#threePointOneText a:hover	{
	color:#8B0F04;
}

#threePointOneText strong  {
	color:#76B143;	
}

.threePointOneTextInner_list {
	color:#832C73;
	margin-left:-24px;	
}


.THPSC_Holder {
	position:relative;
	width:65%;
	top: 22.5%;
	height: 70%;
}
#THPSC_Bullet {
	position:absolute;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left top;
	top:0%;
}

#threePointWorld	{
	background:url(../images/threePoint/CTAWorld.png) no-repeat;
	background-size:cover;
	width:160px;
	height:160px;
	position:absolute;
	margin:-10% 0% 0% -2%;
	z-index:1000;
}


/*FINAL SCREEN*/


#finalLeft	{
	width: 70%;
	height:100%;
	background:url(../images/bg7.jpg) no-repeat  #B2A9A0;
	background-size:cover;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:1000;
}
#finalRight	{
	width: 30%;
	height:100%;
	background:rgb(178,169,160);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); 	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:1001;
}

#finalRight a	{
	text-decoration:none;
	color:#4E4848;
}
#finalRight a:hover	{
	color:#8B0F04;
}






/*
#test2 {
	width:70%;
	left:30%;
	margin-left:-64px;
	
}

#test2Inner {
	top:56px;
	width:50%;
	z-index:101;
	margin-left:160px;
}

#testBookend {
	background:url(../images/bg2.jpg) no-repeat 0 0;
	font-size:48px;
	color:#fff;
	width:100%;
	height:500px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,1); 	
	box-shadow: 0px 0px 6px rgba(0,0,0,1); 
}


#progress {
	height:2%;
	background:#444;
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

#bg1, #bg2, #bg3 {
	z-index:50;
	top:0;
	left:0;
	width:30%;
	height:100%;
	background:url(../images/bg1.jpg) no-repeat 0 0;
	background-size:cover;
}


#bg2 {
	z-index:49;
	background-image:url(images/bubbles2.png);
}

#bg3 {
	z-index:48;
	background-image:url(images/bubbles3.png);
}



#intro {
	width:80%;
	left:50%;
	top:1em;
	margin-left:-40%;
	padding:2em;
	background:#fff;
	text-align:center;
	border-radius:1em;

	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#intro .arrows {
	font-size:2em;
	color:#09f;
}

#transform {
	width:70%;
	left:50%;
	top:20%;
	margin-left:-35%;
	text-align:center;
	font-size:150%;

	.transform-origin(50%, 50%);
}

#properties {
	width:100%;
	height:100%;
	padding-top:10%;
	text-align:center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#easing_wrapper {
	width:100%;
	height:100%;
}

#easing {
	top:10%;
	width:50%;
	z-index:101;
	margin-left:100px;
}

.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}




*h1 {
	font-size:2.91em;
	margin:0;
}



h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}*/