body {
	font-family:"effra",sans-serif;
	margin:0;
	padding:0;
	background-color:#f9f7f5;
}

header {
	margin:0;padding:0;
	position:fixed;
	width:100%;
	z-index:100;
}

.container {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.biocontain {
	margin-left:auto;
	margin-right:auto;
	width:807px;
}

#logo {
	float:left;
	margin-top:38px;
	text-decoration:none;
}

#top {
	font-family:"museo-slab",serif;
	font-size:27px;
	font-style:normal;
	font-weight:500;
	letter-spacing:1px;
	color:#fff;
}

#bottom {
	font-size:13px;
	font-weight:400;
	margin-top:-2px;
	letter-spacing:1px;
	color:#993537;
}

#mainhead {
	height:125px;
	background-color:#e96565;
}

#mainhead ul {
	float:right;
	list-style-type:none;
}

#nav {
	margin-top:19px;
	font-size:14px;
	font-weight:400;
	letter-spacing:1px;
	float:right;
}

#nav li {
	float:left;
	padding:34px 28px;
	color:#e96565;
}

#current {
	background-color:#fff;
	-webkit-user-select:none;/*Chrome, Opera, Safari*/
    -moz-user-select:none;/*Firefox*/
    -ms-user-select:none;/*IE*/
    user-select:none;/*Standard syntax*/
}

#nav a {
	text-decoration:none;
	color:#fff;
	display:block;
}

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

#nav a:hover {
	color:#ffd5c4;
}

#phone2 {
	padding-top:5px;
	background:#f9f7f5 url("../media/phone.svg") no-repeat;
	padding:5px 0 5px 28px;
	background-size: 18px 24px;
	background-position:0px 0px;
}
	#phone2:hover{
		color:#ec8b8f;
		background:#f9f7f5 url("../media/phone2.svg") no-repeat;
		background-size: 18px 24px;
		background-position:0px 0px;
	}

#mail2 {
	padding:5px 0 5px 28px;
	background:#f9f7f5 url("../media/mail.svg") no-repeat;
	background-size: 18px 20px;
	background-position:0px 4px;
}
	#mail2:hover{
		color:#ec8b8f;
		background:#f9f7f5 url("../media/mail2.svg") no-repeat;
		background-size: 18px 20px;
		background-position:0px 4px;
	}

#twitter2 {
	padding:5px 0 5px 28px;
	background:#f9f7f5 url("../media/twitter.svg") no-repeat left center;
	background-size: 18px 15px;
}
	#twitter2:hover{
		background-image:url("../media/twitter2.svg");
	}

#vimeo2 {
	padding:5px 0 5px 28px;
	background:#f9f7f5 url("../media/vimeo.svg") no-repeat left center;
	background-size: 17px 15px;
}
	#vimeo2:hover{
		background-image:url("../media/vimeo2.svg");
	}

#linkedin2{
	padding:5px 0 1px 28px;
	background:#f9f7f5 url("../media/linkedin.svg") no-repeat left center;
	background-size: 16px 16px;
}
	#linkedin2:hover{
		background-image:url("../media/linkedin2.svg");
	}


#dribbble2{
	padding:5px 0 5px 28px;
	background:#f9f7f5 url("../media/dribbble.svg") no-repeat left center;
	background-size: 15px 15px;
}
	#dribbble2:hover{
		background-image:url("../media/dribbble2.svg");
	}

#intro{
	padding-top:24px;
	background-color:#e96565;
	color:#1e1e20;
	height:460px;
	text-align:center;
}

#intro-bio{
	padding-top:24px;
	background-color:#e96565;
	color:#1e1e20;
	height:360px;
	text-align:center;
}

#intro .container, #intro-bio .container {margin-top:152px;}

h1 {
	margin:0;
	padding:0;
	font-size:49px;
	letter-spacing:1px;
	font-weight:700;
}

#intro h1, #intro-bio h1 {
	color:#ffd5c4;
	width:500;
	margin-right:auto;
	margin-left:auto;
}
#intro h2, #intro-bio h2 {
	font-size:26px;
	font-weight:400;
	margin:12px 0 0 0;
	width:560;
	margin-right:auto;
	margin-left:auto;
	color:#892b2d;
}

#intro article {
	font-weight:400;
	margin:18px auto 0 auto;
	font-size:18px;
	width:500px;
	color:#983a3a;
	line-height:24px;
}

#intro a, #intro a:visited {
	color:#fff;
	text-decoration:none;
}
	#intro a:hover {
		color:#ffd5c4;
	}

section{padding:0;margin:0;}

#solutions {
	padding-top:100px;
	padding-bottom:85px;
	color:#535353;
}

#solutions h1 {
	margin-bottom:24px;
}

#biography {
	padding-top:83px;
	height:540px;
}

.pic {
	width:327px;
	float:left;
}

.bioblurb {
	width:440px;
	float:right;
	margin-top:6px;
	margin-left:35px;
	color:#535353;
}

.bioblurb div {
	margin-bottom:20px;
	font-size:22px;
	font-weight:300;
	line-height:34px;
	letter-spacing:1px;
}

.bioblurb a, .bioblurb a:visited {
	color:#da302b;
	text-decoration:none;
}

	.bioblurb a:hover {
		text-decoration:underline;
	}

#demo,#demo2 {
	padding-top:44px;
	padding-bottom:85px;
	color:#535353;
}

#conrole {
	color:#535353;
	padding-top:130px;
	padding-bottom:130px;
	font-weight:300;
	font-size:24px;
	letter-spacing:1px;
	line-height:46px;
}

#demo h1 {margin:24px auto;}

#demo2 h1 {margin-bottom:36px;}

#problem, #further, #concept, #role, {
	padding-top:130px;
	padding-bottom:130px;
	color:#fff;
	font-weight:300;
	font-size:24px;
	letter-spacing:1px;
	line-height:46px;
}

.segment .container {
	padding-top:100px;
	padding-bottom:100px;
	color:#535353;
	/*font-weight:300;
	font-size:24px;
	letter-spacing:1px;
	line-height:46px;*/
	border-top:1px solid #535353;
}

.segment .container h1 {
	letter-spacing:1px;
}

.segment .container article {
	letter-spacing:1px;
	line-height:46px;
	font-weight:300;
	font-size:24px;
}

.segment img {
	margin-top:44px;
}

.segment #slides img,
.segment #wf-slides img,
.segment #flow-slides img,
.segment #initial-slides img,
.segment #concept-slides img,
.segment #um-concept-slides img,
.segment #hub-concept-slides img {
	margin-top:0;
}

.segment #quote-slides img,
.segment #login-slides img,
.segment #home-slides img,
.segment #profile-slides img,
.segment #lob-slides img,
.segment #pay-slides img,
.segment #contacts-slides img,
.segment #simple-hub-slides img,
.segment #order-slides img,
.segment #complex-slides img {
	margin-top:0;
}

.segment #quote-slides,
.segment #login-slides,
.segment #home-slides,
.segment #profile-slides,
.segment #pay-slides,
.segment #hub-concept-slides,
.segment #strategy-slides,
.segment #design-slides,
.segment #lob-slides,
.segment #contacts-slides,
.segment #simple-hub-slides,
.segment #order-slides,
.segment #complex-slides {
	margin-top:44px;
}

#problem h1, #further h1, #concept h1, #role h1, #conrole h1, .segment h1 {
	margin-bottom:36px;
}

#problem, #further {
	background-color:#e96565;
}

#concept, #role {
	background-color:#d43f41;
}

#problem a, #problem a:visited,
#further a, #further a:visited,
#concept a, #concept a:visited,
.segment article a, .segment article a:visited {
	color:#e76668;
	text-decoration:none;
}

#problem a:hover,
#further a:hover,
#concept a:hover,
.segment article a:hover {
	text-decoration:underline;
}

footer {
	font-weight:300;
	height:300px;
	color:#666;
}

footer .container {
	border-top: 1px solid #79959d;
}

#blurb {
	width:552px;
	float:left;
}

footer h1 {
	padding-top:40px;
	font-weight:500;
	font-size:29px;
	color:#535353;
}

footer article {
	margin-top:20px;
	font-size:18px;
	font-weight:300;
	line-height:25px;
}

footer aside {
	margin-top:34px;
	font-weight:300;
	font-size:15px;
}

#contactbar{
	width:180px;
	float:right;
	padding-top:40px;
	font-size:14px;
}

#contactbar a{
	display:block;
	margin-bottom:10px;
	text-decoration:none;
	color:#79959d;;
}
	#contactbar a:visited{color:#79959d;}

#contactbar a:hover {
	color:#e96565;
}

.pag {
	display:block;
	float:right;
	list-style:none;
}
	.pag li {
		display:block;
		float:left;
		margin:0 0 0 5px;
		background:#535353;
		cursor:pointer;
		border-radius:10px;
	}
	.pag li a {
		display:block;
		width:10px;
		height:0;
		margin-top:10px;
		/*background:#535353;*/
    background-position: 0 0;
    float: left;
    overflow: hidden;
	}

	.pag li:hover {
		background:#535353;
	}

	.slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 10px;
      height: 0;
      margin-top:4px;
      padding-top: 10px;
      background:#535353;
      border-radius:10px;
      margin-left:3px;
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }
    	.slidesjs-pagination li a:hover,.slidesjs-pagination li a.active{
    		background-color:#e96565;
    		text-decoration:none;
    	}	

    .slidesjs-navigation{
    	color:#535353;
    	text-decoration:none;
    	font-size:25px;
    	font-weight:500;
    	margin-right:5px;
    }

    .slidesjs-navigation:hover{
    	color:#e96565;
    	text-decoration:none;
    }

/*#slides{
margin-bottom:50px;
}*/

#process {
	display:block;
	text-align:center;
	background-color:#535353;
	color:#fff;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	width:150px;
	text-decoration:none;
	font-size: 16px;
    font-weight: 400;
    border-radius:2px;
}

.process-new, .secondary-btn {
	display:inline-block;
	position:relative;
	text-align:center;
	text-decoration:none;
	font-size: 16px;
  font-weight: 400;
}

.process-new {
	background-color:#535353;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	width:150px;
	border-radius:2px;
	letter-spacing:0px;
	margin-right:2px;
}

.secondary-btn {
	/*background-color:#cbd8e1;*/
	/*background-color:#193241;*/
	/*background-color:#ffd5c4;*/
	background-color:#3B4F5C;
	color:#fff;
	letter-spacing:1px;
	padding:4px 0 4px;
}

#sub-contain {
	margin-left:auto;
	margin-right:auto;
	width:329px;
}

.secondary-btn:hover {
	color:#d3dee4;
}

#hubBtn {
	margin-right:32px;
	border-bottom:2px solid #fff;
}

/*.secondary-btn {
	display:inline-block;
	position:relative;
	text-align:center;
	background-color:#535353;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:2px;
	width:150px;
	text-decoration:none;
	font-size: 16px;
    font-weight: 400;
    letter-spacing:0px;
    border-radius:2px;
}*/

#process-solo {
	display:block;
	text-align:center;
	background-color:#193241;
	color:#fff;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	width:150px;
	text-decoration:none;
	font-size: 16px;
    font-weight: 400;
    margin-top:-54px;
    margin-bottom:80px;
    border-radius:2px;
}

#process:hover, .process-new:hover, #process-solo:hover {
	color:#fff;
	background-color:#e96565;
}

#link-btns {
	margin-top:52px;
	margin-left:auto;
	margin-right:auto;
	width:308;
}

#secondary {
	margin:0 auto;
	padding:16px 0 20px;
	background-color:#3B4F5C;
	position:sticky;
	top:125px;
	z-index:99;
}

#hero {
	margin-top:-50px;
	margin-bottom:100px;
}

#motion-frames {margin-top:44px;}

#no-top{border:none;}

.sh-quote {
	display:inline-block;
	margin-left:auto;
	margin-right:14px;
	width:308px;
	vertical-align:top;
	font-size:19px !important;
	font-weight:500 !important;
}

#thirdquote {
	margin-right:0px;
}

.dot-container div {
	display:inline-block;
	float:left;
	background-color:#48B0F2;
	height:16px;
	width:16px;
	margin-left:8px;
	border-radius:16px;
	/*position:relative;
	top:2px;*/
}

.sh-quote p {
	font-size:15px;
	font-weight:300;
	background-color:blue;
	border-radius:4px 14px 14px 14px;
	padding:32px 18px 32px 18px;
	color:#D5F1FF;
	background-color:#202537;
	line-height:28px;
	margin-top:8px;
}

#user-slides img{
	margin-top:24px !important;
}

.hidden {
	display:none !important;
}