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

@import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

@font-face {
    font-family: 'Mild-Life-Regular';
    src:url('../fonts/Mild-Life-Regular.ttf.woff') format('woff'),
        url('../fonts/Mild-Life-Regular.ttf.svg#Mild-Life-Regular') format('svg'),
        url('../fonts/Mild-Life-Regular.ttf.eot'),
        url('../fonts/Mild-Life-Regular.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}

* { 
margin:0; 
padding:0;
/*remove default spacing*/
font-family: 'Lato', sans-serif;
text-decoration:none;
}

html {
	margin-left:auto;
	margin-right:auto;
	min-width:1280px;
	max-width:1280px;
	font-weight:300;
	overflow-x:hidden;
}

 a {
	 color:black;
 }
 
 a:hover {
	font-weight:bold;
 }

.title {
	font-size:45px;
	font-family:Mild-Life-Regular;
	color:#FF9933;
}

.teamtitle {
	font-size:30px;
	font-family:Mild-Life-Regular;
	color:#FF9933;
}

p {
	font-weight:300;
	font-size:17px;
}

.fltlft {
	float:left;
}

#wrapper {
	width:1280px;
}

#header {
	width:1280px;
	height:100px;
	background-color:rgba(254,254,247,1.00);
}

#logo {
	width:235px;
	height:100px;
	margin-left:20px;
	margin-right:20px;
	background-image:url(../img/logo.png);
	background-size: 237px 106px;
	float:left;
	position:relative;
}

#logo a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 237px;
    height: 106px;
}

#logo a h1
{
    display: none;
}

#mainscroll {
	background-color:rgba(254,254,247,1.00);

}



.navibar {
	float:left;
	z-index:9999;
	font-weight:300;
	font-size:15px;
}

.navibar ul li {
	width:201px;
	height:100px;
	float:left; /*make navi horizontal*/
	list-style:none;
	/*remove the bullet points*/
	text-align:center;
	line-height:100px; /*vertical align of text*/
}

.navibar ul li a {
	text-decoration:none;
	color:black;
	display:block;
}

.navibar ul li a:hover {
	/*rollover state */
	background:#FFE5CC;	
	font-weight:bold;
}

body.scrolled #header {
	background-color:rgba(255,255,255,0.9);	
	height: 70px;
	position:fixed;
	z-index:9999;
	transition: background-color height .5s;
}

body.scrolled .navibar {
	margin-left:-45px;
}

body.scrolled .navibar ul li {
	line-height: 70px;
	width:208px;
	transition: line-height .5s;
}


body.scrolled #logo {
	margin-left:30px;
	background-size: 170px 74px;
	background-repeat:no-repeat;
	transition: background-size .5s;
}

body.scrolled #logo a
{
    width: 170px;
    height: 74px;
}

#sticky-social {
   left: 0;
   position: fixed;
   top: 300px;
   font-size:30px;
   z-index:9999;
}

#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 50px;
   font: 15px "Lato", sans-serif;
   font-weight:300;
   line-height: 50px;
   position: relative;
   text-align: center;
   width: 50px;
}

#sticky-social a span {
   line-height: 50px;
   left: -150px;
   position: absolute;
   text-align:center;
   width:150px;
}

#sticky-social a:hover span {
   left: 100%;
}

#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

.button {
	width:150px;
	height:40px;
	line-height:40px;
	float:left;
	border:solid medium;
	font-size:15px;
	font-weight:300;
}

.button:hover {
	background-color:rgba(233,162,69,0.5);
	font-weight:bold;
}

#intro {
	width:710px;
	height:480px;
	background-color:rgba(254,254,247,1.00);
	background-image:url(../img/intro.png);
	background-size:1280px 480px;
	padding-left:480px;
}

#intro p {
	font-size:17px;
	font-weight:300;
	width:400px;
	text-align:justify;
	float:right;
	margin-right:47px;
	line-height:1.4;
}

#intro .title {
	width:450px;
	margin-top:50px;
	text-align:left;
	float:right;
	margin-bottom:20px;
}


#intro .button {
	margin-top:30px;
	margin-left:510px;
}

#video {
	width:1280px;
	height:690px;
	background-color:rgba(240,253,254,0.8);
}

#video iframe {
	margin-top:90px;
	margin-left:180px;
}

#uob {
	width:1280px;
	height:500px;
	background-color:rgba(242,252,234,0.6);
	background-image:url(../img/uob.png);
	background-size: 1280px 500px;
}

#uob .title {
	padding-left:70px;
	padding-top:70px;
}

#uob p {
	font-size:17px;
	font-weight:300;
	width:430px;
	text-align:justify;
	margin-left:70px;
	line-height:1.4;
	margin-top:25px;
	
}

#uob .button {
	margin-left:350px;
	margin-top:15px;
}

#bob {
	width:1280px;
	height:450px;
	background-color:rgba(249,239,253,0.3);
	}

#bob1 {
	float:left;
	width:49%;
	height:100%;
	margin-left:3px;
}

#bob1 img {
	float:left;
	margin-left:20px;
	margin-top:35px;
}

#bob1 .title {
	margin-top:65px;
	float:right;
	margin-right:45px;
}

#bob1 p {
	float:right;
	width:285px;
	margin-right:50px;
	text-align:justify;
	font-weight:300;
	font-size:17px;
	line-height:1.4;
	margin-top:10px;
}

#bob1 .button {
	margin-top:90px;
	margin-left:185px;
}

#bob2 {
	float:left;
	width:50%;
	height:100%;
}

#bob2 img {
	margin-top:80px;
	margin-left:35px;
	float:left;
}

#bob2 .title {
	margin-top:65px;
	float:left;
}

#bob2 p {
	float:left;
	width:270px;
	text-align:justify;
	font-weight:300;
	font-size:17px;
	line-height:1.4;
	margin-top:10px;
}

#bob2 .button {
	float:right;
	margin-top:90px;
	margin-right:40px;
}

.aboutus {
	width:1280px;
}

#aboutus1 {
	width:1120px;
	height:550px;
	background-color:rgba(240,253,254,0.8);
	padding-left:80px;
	padding-right:80px;
}

#aboutus1 img {
	margin-top:20px;
	float:left;
}

#aboutus1 .title {
	padding-top:50px;
	margin-bottom:20px;
	line-height:1.1;
	float:left;
	padding-left:60px;
}

#aboutus1 p {
	font-size:17px;
	font-weight:300;
	width:500px;
	text-align:justify;
	float:left;
	line-height:1.4;
	padding-left:60px;
}

#aboutus2 {
	width:100%;
	height:430px;
	background-color:rgba(242,252,234,0.6);
}

#aboutus2 p {
	width:470px;
	line-height:1.4;
	text-align:justify;
	padding-left:130px;
}

#aboutus2 .title {
	font-size:50px;
	padding-top:60px;
	padding-bottom:20px;
	padding-left:130px;
}

#aboutus2 img {
	float:right;
	margin-right:120px;
	padding-top:30px;
}

.procrastination {
	width:1280px;
}

#pro1 {
	padding-top:70px;
	height:420px;
	background-color:rgba(249,239,253,0.3);
	background-image:url(../img/pro1.png);
	background-size:1280px 500px;
	background-repeat:no-repeat;
}

#pro1 p {
	font-family:'Crimson Text', serif;
	font-size:20px;
	line-height:1.4;
	width:400px;
	text-align:justify;
}

#pro1 span {
	float:right;
	margin-right:130px;
}

#pro1 .title {
	font-size:55px;
}

#pro1 p strong {
	font-size:25px;
}

#pro2 {
	height:520px;
	background-color:rgba(240,253,254,0.8);
}

#pro2 .title {
	padding-left:130px;
	padding-top:70px;
	font-size:60px;
	padding-bottom:20px;
}

#pro2 img {
	float:right;
	margin-top:100px;
	margin-right:150px;
}

#pro2 p {
	width:400px;
	padding-left:130px;
	line-height:1.4;
	text-align:justify;
	font-size:17px;
}

#pro2 ul {
	width:380px;
	padding-left:150px;
	line-height:1.4;
	text-align:justify;
	font-size:17px;
}

#pro3 {
	height:570px;
	background-color:rgba(242,252,234,0.6);
}

#pro3 .title {
	float:left;
	padding-left:140px;
	padding-top:70px;
}

#pro3 ol {
	margin-top:20px;
	padding-left:155px;
	float:left;
	font-size:17px;
	line-height:1.4;
	text-align:justify;
	width:380px;
}

#pro3 img {
	padding-top:20px;
	padding-left:100px;
}

.takeaction {
	width:1280px;
}

#takeaction1 {
	height:350px;
	background-color:rgba(249,239,253,0.3);
}

#takeaction1 .title {
	font-size:55px;
	text-align:center;
	padding-top:60px;
	padding-bottom:30px;
}

#takeaction1 p {
	text-align:center;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	font-size:19px;
	line-height:1.4;
	
}

#takeaction1 span {
	width:580px;
}

#takeaction2 {
	height:620px;
	background-color:rgba(240,253,254,0.8);
}

#app {
	transform: scale(0.30);
	float:left;
	padding-left:300px;
}

#takeaction2 .title {
	float:right;
	font-size:45px;
	padding-right:200px;
	padding-bottom:20px;
}

#takeaction2 p {
	float:right;
	padding-right:220px;
	width:520px;
	font-size:17px;
	line-height:1.4;
	text-align:justify;
}

#takeaction2 ul {
	float:right;
	padding-right:200px;
	width:520px;
	font-size:17px;
	line-height:1.4;
	text-align:justify;
}

#download {
	float:right;
	padding-top:50px;
	padding-right:430px;
}

#takeaction3 {
	height:450px;
	background-color:rgba(242,252,234,0.6);
	padding-top:20px;
	padding-bottom:50px;
}

#takeaction3 p {
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:21px;
	width:650px;
	line-height:1.4;
}

#takeaction4 {
	background-color:rgba(249,239,253,0.3);
	height:320px;
}

#takeaction5 {
	background-color:rgba(240,253,254,0.8);
	height:800px;
}

#takeaction5 .title {
	text-align:center;
	font-size:55px;
	padding-top:50px;
}

#takeaction5 p {
	font-size:19px;
	width:630px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	line-height:1.4;
	padding-top:15px;
}

.ourstories {
	width:1280px;
}

#ourstories1 {
	padding-top:40px;
	height:200px;
	background-color:rgba(240,253,254,0.8);
}

#ourstories1 p {
	text-align:center;
	font-size:19px;
	line-height:1.4;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#ourstories1 .title {
	margin-left:auto;
	margin-right:auto;
	font-size:60px;
	padding-bottom:20px;
	text-align:center;
	width:600px;
}

#ourstories2 {
	background-color:rgba(242,252,234,0.6);
	height:450px;
}

#ourstories2 img {
	padding-left:130px;
	padding-top:20px;
}

#ourstories2 .fltlft {
	padding-left:80px;
}

#ourstories2 .title {
	font-size:40px;
	padding-left:180px;
	padding-top:20px;
	line-height:1.2;
}

#ourstories2 strong {
	padding-left:200px;
	font-size:17px;	
}

#ourstories2 p {
	float:right;
	width:400px;
	text-align:justify;
	line-height:1.4;
	padding-right:250px;
	padding-top:50px;
	font-size:17px;
}

#ourstories3 {
	background-color:rgba(249,239,253,0.3);
	height:450px;
}

#ourstories3 img {
	padding-left:130px;
	padding-top:20px;
}

#ourstories3 .fltlft {
	padding-left:80px;
}

#ourstories3 .title {
	font-size:40px;
	padding-left:195px;
	padding-top:20px;
	line-height:1.2;
}

#ourstories3 strong {
	padding-left:200px;
	font-size:17px;	
}

#ourstories3 p {
	float:right;
	width:400px;
	text-align:justify;
	line-height:1.4;
	padding-right:250px;
	padding-top:50px;
	font-size:17px;
}

#ourstories4 {
	background-color:rgba(240,253,254,0.8);
	height:450px;
}

#ourstories4 img {
	padding-left:130px;
	padding-top:20px;
}

#ourstories4 .fltlft {
	padding-left:80px;
}

#ourstories4 .title {
	font-size:40px;
	padding-left:235px;
	padding-top:20px;
	line-height:1.2;
}

#ourstories4 strong {
	padding-left:200px;
	font-size:17px;	
}

#ourstories4 p {
	float:right;
	width:400px;
	text-align:justify;
	line-height:1.4;
	padding-right:250px;
	padding-top:50px;
	font-size:17px;
}

#ourstories5 {
	width:100%;
	height:340px;
	background-color:rgba(242,252,234,0.6);
}

#ourstories5 .title {
	padding-top:40px;
	text-align:center;
}

#ourstories5 p {
	font-size:18px;
	line-height:1.4;
	text-align:center;
	width:600px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#ourstories5 p ul {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:17px;
}

#ourstories p a:hover {
	text-decoration:none;
}

.contactus {
	width:1280px;
}

#contactus1 {
	width:1130px;
	background-color:rgba(249,239,253,0.3);
	padding-left:150px;
	height:400px;
}

#contactus1 .title {
	padding-top:90px;
	margin-bottom:20px;
	font-size:50px;
}

#contactus1 p {
	width:300px;
	text-align:justify;
	line-height:1.4;
	font-size:17px;
}

#contactleft {
	float:left;
}

#contactus2 {
	width:1280px;
	height:700px;
	background-color:rgba(240,253,254,0.8);
	text-align:center;
}

#contactus2 .teamtitle {
	padding-top:10px;
	line-height:1.4;
}

#contactus2 .title {
	padding-top:40px;
	text-align:center;
	font-size:55px;
	padding-bottom:15px;
}

#contactus2 table {
	margin-left:auto;
	margin-right:auto;
}

#contactus2 p {
	width:200px;
	padding-left:30px;
	padding-right:30px;
	line-height:1.4;
	font-size:17px;
}

.style-3 input, .style-3 textarea {
  padding:5px;
  border: solid 3px #F9F2DC;
  box-shadow: inset 0 0 0 1px #FF9933;
  transition: box-shadow 0.3s, border 0.3s;
  font-weight:300;
  font-size:17px;
}

.style-3 input:focus,
.style-3 input.focus,
.style-3 textarea:focus {
  border: solid 3px #FF9933;;
}

#contactus1 input {
	width:400px;
}

#contactus1 textarea {
	width:400px;
}

div#header.smint.fxd {
	position: fixed;
	top: 0px;
	left: auto !important; 
	width: 1280px !important;
	margin: 0 auto !important;
	transition: height .5s;
}

#form {
	float:left;
	margin-top:100px;
	margin-left:200px;
}

#form .button {
	float:left;
	margin-left:340px;
	margin-top:20px;
}

#footer {
	width:100%;
	height:50px;
	background-color:rgba(253,247,232,1.00)
}

#footer center {
	line-height:50px;
}