body {
	width:100%;
	margin:0 auto;
	background:#282b2c;
	}


body:after{
    display:none;
    content: url('../images/facebook.png') url('../images/facebook-blue.png') url('../images/twitter.png') url('../images/twitter-blue.png') url('../images/linkedin.png') url('../images/linkedin-blue.png')
    url('../images/vimeo.png') url('../images/vimeo-blue.png') url('../images/dribble.png') url('../images/dribble-blue.png') url('../images/pinterest.png') url('../images/pinterest-blue.png')
    url('../images/facebook-icon-2.png') url('../images/facebook-icon-2-blue.png') url('../images/twitter-icon-2.png') url('../images/twitter-icon-2-blue.png') url('../images/linkedin-2.png') url('../images/linkedin-2-blue.png')
    url('../images/pinterest-icon-2.png') url('../images/pinterest-icon-2-blue.png') url('../images/dribbble-icon-2.png') url('../images/dribbble-icon-2-blue.png');
}




.wrap{
	background:#282b2c;	
	}
	
	
.main{
	display:block;
  	background:#282b2c;
  	position:relative;
  	margin:0 auto;
	}


#contact-footer{
  	background:#282b2c;
	}



h1 {
	font-size: 24px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:200;
 	border-bottom:1px solid #44494a;
 	line-height:45px;
 	letter-spacing:1.2px;
	}
	

.services h1 {
 	font-size: 24px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	border-bottom:1px solid #44494a;
  	line-height:45px;
	}

img.logo {
	width:155px;
	}
	
.logo:hover{
	opacity:0.5;
	}
	

h2 {
 	font-size: 18px;
 	color:#73a0b9;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:300;
	line-height:15px;
	}

h2 strong{
 	font-size: 18px;
 	color:#73a0b9;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:500;
  	line-height:15px;
	}

h2 .blue{
 	font-size: 18px;
 	color:#a2bcc9;
 	font: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	line-height:15px;
}


h2 .yellow{
 	font-size: 18px;
 	color:#dde0b4;
 	font: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	line-height:15px;
	}

h2 .green{
 	font-size: 18px;
 	color:#a1c9a7;
 	font: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	line-height:15px;
	}

h2 .red{
 	font-size: 18px;
 	color:#c8a09f;
 	font: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	line-height:15px;
	}


h2 .purple{
 	font-size: 18px;
 	color:#b0aad4;
	font: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	line-height:15px;
	}
	

p {
 	font-size: 14px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:400;
	}	
	

#work-page .work-link{
	color:#929da0;
	}
	

#home-page .home-link{
	color:#929da0;
	}


#about .about-link{
	color:#929da0;
	}
	

#services .services-link{
	color:#929da0;
	}
	

#contact .contact-link{
	color:#929da0;
	}


#work-page .active-link{
	color:#929da0;
	}
	

.navbar-brand a{
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

.navbar-brand a:hover{
	opacity:0.8;
	}
	

.contact-info{
	margin-top:45px;
	float:right;
	color:#707273;
	position:relative;
	z-index:9999;	
	}
	

.contact-info a{
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}


.contact-info a:hover{
	color:#73a0b9;
	text-decoration:none;
	}	



ul.contact {
	list-style:none;
	}

ul.contact li{
	float:right;
	text-decoration:none;
	list-style:none;
	text-align:right;
	}

ul.social{
	float:right;
	display:inline;
	margin-left: 10px;
	padding-left: 0;
	display: inline;
	margin-top:4px;
	}

ul.social li{
 	position: relative;
  	display: block;
	text-decoration:none;
	list-style:none;
	padding-left:10px;
	float:left;
	}


.facebook-head a{
	background-image: url('../images/facebook-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	height:33px;
	width:33px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}

.facebook-head a:hover{
	background-image: url('../images/facebook-icon-hover.png');
	color:#73a0b9;
	display:block;
	background-size:33px 33px;
	height:33px;
	width:33px;
}


.twitter-head a{
	background-image: url('../images/twitter-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	height:33px;
	width:33px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}
	

.twitter-head a:hover{
	background-image: url('../images/twitter-icon-hover.png');
		background-size:33px 33px;
	height:33px;
	width:33px;
	color:#73a0b9;
	display:block;
	}


.facebook-pro a{
	background-image: url('../images/facebook-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	height:33px;
	width:33px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}
	

.facebook-pro a:hover{
	background-image: url('../images/facebook-icon-hover.png');
	color:#73a0b9;
	display:block;
}


.twitter-pro a{
	background-image: url('../images/twitter-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	height:33px;
	width:33px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}


.twitter-pro a:hover{
	background-image: url('../images/twitter-icon-hover.png');
	color:#73a0b9;
	display:block;
	}


ul.social-2{
	float:left;
	display:inline;
	margin-left: -10px;
	padding-left: 0;
	display: inline;
	margin-top:4px;
	}

ul.social-2 li{
  	position: relative;
 	display: block;
	text-decoration:none;
	list-style:none;
	padding-left:10px;
	float:left;
	}


ul.social-2 a:hover{
	opacity:1;
	}


.callbacks_container {
 	margin-bottom: 50px;
 	position: relative;
 	float: left;
 	width: 100%;
 	}

.callbacks {
 	position: relative;
 	list-style: none;
 	overflow: hidden;
 	width: 100%;
 	padding: 0;
 	margin: 0;
 	}

.callbacks li {
 	position: absolute;
 	width: 100%;
 	left: 0;
 	top: 0;
 	color:#fff;
 	}

.callbacks img {
 	display: block;
 	position: relative;
 	z-index: 1;
 	width: 100%;
 	border: 0;
 	}

.callbacks .caption{
 	width:100%;
 	max-width:1200px;
 	float:left;
 	display: block;
 	position: absolute;
 	z-index: 9999;
 	font-size: 20px;
 	text-shadow: none;
 	color: #fff;
 	border:none;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	margin: 0 auto;
 	padding-bottom:80px;
 	padding-left:15px;
 	padding-left:15px;
 	}


.caption h1{
 	color: #fff;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:36px;
 	font-weight: 300;
 	text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 	line-height:22px;
 	visibility: hidden;
 	letter-spacing: 2px;
 	}
 
 
h1#heading{
 	color: #fff;
 	border:none;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 	font-size:48px;
 	font-weight: 500;
 	text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 	line-height:22px;
 	visibility: hidden;
 	letter-spacing: 2px;
 	}
 
 
p#about{
 	color: #e2f2f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	max-width:490px;
	visibility: hidden;
	padding-bottom:15px;
 	}
 
 
p#about-2{
 	color: #e2f2f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	width:540px;
	visibility: hidden;
 	}
 
 
p#about-2 strong{
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
 	}
 
p#about-web{
 	color: #e2f4f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
 	letter-spacing: 1px;
 	line-height:29px;
 	width:500px;
 	visibility: hidden;
 	padding-bottom:10px;
 	margin-right:35px;
 	}
 
 
p#about-web2{
	color: #e2f4f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	width:490px;
	visibility: hidden;
	margin-bottom:61px;
 	}
 
 
p#about-web2 strong{
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
 	}
 
 
p#about-motion{
 	color: #f8e2e2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
 	letter-spacing: 1px;
 	line-height:29px;
 	width:510px;
 	visibility: hidden;
	 padding-bottom:10px;
 	margin-right:35px;
 	}
 
 
p#about-motion2{
	color: #f8e2e2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	width:490px;
	visibility: hidden;
	margin-bottom:32px;
 	}
 
 
p#about-motion2 strong{
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
	 }
 
 
p#about-3d{
 	color: #eee2f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
 	letter-spacing: 1px;
 	line-height:29px;
 	width:550px;
 	visibility: hidden;
 	padding-bottom:25px;
 	margin-right:35px;
 	}
 
 
p#about-3d2{
	color: #eee2f8;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
 	letter-spacing: 1px;
  	line-height:29px;
	width:490px;
	visibility: hidden;
	margin-bottom:46px;
 	}
 
 
p#about-3d2 strong{
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
	}
 
 
p#about-logo{
 	color: #ebf8e2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:32px;
	max-width:490px;
	visibility: hidden;
	padding-bottom:30px;
 	}
 
 
p#about-logo2{
 	color: #ebf8e2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:32px;
	max-width:532px;
	visibility: hidden;
	margin-bottom:61px;
 	}
 
 
p#about-logo2 strong{
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
 	letter-spacing: 1px;
  	line-height:29px;
 	}
 
 
p#about-graphic{
 	color: #ffffe2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	max-width:530px;
	visibility: hidden;
	padding-bottom:15px;
 	}
 
 
p#about-graphic2{
 	color: #ffffe2;
 	border:none;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 200;
  	letter-spacing: 1px;
  	line-height:29px;
	max-width:532px;
	visibility: hidden;
	margin-bottom:85px;
 	}
 
 
p#about-graphic strong{
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 520;
  	letter-spacing: 1px;
  	line-height:29px;
 	}
 
 
 
 #mdc{
 	margin-bottom:40px;
 	}
 


.button-about{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #d2f0fb;
	color:#d2f0fb;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
	height:40px;
		}

.button-about-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #d2f0fb;
	color:#d2f0fb;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-about a, 
.button-about-2 a{
	color:#d2f0fb;
	}
	

.button-about a:hover, 
.button-about-2 a:hover{
	color:#d2f0fb;
	text-decoration:none;
	}
	
	

.button-web{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #e2f4f8;
	color:#e2f4f8;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
	height:40px;
	}
	
	
	
	

.button-web-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #e2f4f8;
	color:#e2f4f8;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}
	

.button-web a, 
.button-web-2 a{
	color:#e2f4f8;
	}
	

.button-web a:hover, 
.button-web-2 a:hover{
	color:#e2f4f8;
	text-decoration:none;
	}
	

.button-motion{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #f8e2e2;
	color:#f8e2e2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-motion-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #f8e2e2;
	color:#f8e2e2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
	height:40px;
	}
	
	
.button-motion a, 
.button-motion-2 a{
	color:#f8e2e2;
	}
	

.button-motion a:hover, 
.button-motion-2 a:hover{
	color:#f8e2e2;
	text-decoration:none;
	}



.button-3d{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #eee2f8;
	color:#eee2f8;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-3d-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #eee2f8;
	color:#eee2f8;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
	height:40px;
	}
	
	
.button-3d a, 
.button-3d-2 a{
	color:#eee2f8;
	}
	

.button-3d a:hover, 
.button-3d-2 a:hover{
	color:#eee2f8;
	text-decoration:none;
	}


.button-logo{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #ebf8e2;
	color:#ebf8e2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-logo-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #ebf8e2;
	color:#ebf8e2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-logo a, 
.button-logo-2 a{
	color:#ebf8e2;
	}
	

.button-logo a:hover, 
.button-logo-2 a:hover{
	color:#ebf8e2;
	text-decoration:none;
	}


.button-graphics{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #ffffe2;
	color:#ffffe2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}


.button-graphics-2{
 	float:left;
	border-radius:10px;
	letter-spacing:1px;
	display:block;
	background:none;
	border:2px solid #ffffe2;
	color:#ffffe2;
	margin-top:25px;
	font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
	height:40px;
	}
	
	
.button-graphics a, 
.button-graphics-2 a{
	color:#ffffe2;
	}
	

.button-graphics a:hover, 
.button-graphics-2 a:hover{
	color:#ffffe2;
	text-decoration:none;
	}


.callbacks_nav {
	position: absolute;
 	-webkit-tap-highlight-color: rgba(0,0,0,0);
 	top: 52%;
 	left: 0;
 	opacity: 0.7;
 	z-index: 3;
 	text-indent: -9999px;
 	overflow: hidden;
 	text-decoration: none;
 	height: 61px;
 	width: 38px;
 	background: transparent url("themes/themes.gif") no-repeat left top;
 	margin-top: -45px;
 	}

.callbacks_nav:active {
 	opacity: 1.0;
 	}

.callbacks_nav.next {
 	left: auto;
 	background-position: right top;
 	right: 0;
 	}
 
.left{
	max-width:525px;
	float:left;
	}

.left-2{
	max-width:535px;
	float:left;
	padding-bottom:37px;
	}

.map{
	width:770px;
	float:left;
	margin-left:480px;
	position:absolute;
	margin-top:-10px;
	visibility: hidden;
	z-index:2;
	}


.right-2{
	width:770px;
	float:left;
	margin-left:530px;
	position:absolute;
	margin-top:10px;
	visibility: hidden;
	z-index:2;
	}


.right-3{
	width:770px;
	float:left;
	margin-left:500px;
	position:absolute;
	margin-top:10px;
	visibility: hidden;
	z-index:2;
	}


.right-4{
	width:770px;
	float:left;
	margin-left:570px;
	position:absolute;
	margin-top:10px;
	visibility: hidden;
	z-index:2;
}

#map{
	visibility: hidden;
}

#pin-1{
 	position: absolute;
 	width:20px;
 	height:30px;
 	z-index:1;
 	margin-top:103px;
 	margin-left:88px; 
  	animation-delay: 0s, 0.5s;
    -moz-animation-delay: 0s, 0.5s;
    -webkit-animation-delay: 0s, 0.5s;
    -o-animation-delay: 0s, 0.5s;	
 	visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}



#pin-2{
 	position: absolute;
 	width:30px;
 	height:40px;
 	z-index:1;
 	margin-top:70px;
 	margin-left:136px;  
  	animation-delay: 0s, 1.5s;
    -moz-animation-delay: 0s, 1.5s;
    -webkit-animation-delay: 0s, 1.5s;
    -o-animation-delay: 0s, 1.5s;	
    visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}

#pin-3{
 	position: absolute;
 	width:20px;
 	height:25px;
 	z-index:1;
 	visibility: hidden;
 	margin-top:48px;
 	margin-left:310px;
  	animation-delay: 0s, 2s;
    -moz-animation-delay: 0s, 2s;
    -webkit-animation-delay: 0s,2s;
    -o-animation-delay: 0s, 2s;
    visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}


#pin-4{
 	position: absolute;
 	width:22px;
 	height:28px;
 	z-index:1;
 	visibility: hidden;
 	margin-top:55px;
 	margin-left:335px;
 	animation-delay: 0s, 3s;
    -moz-animation-delay: 0s, 3s;
    -webkit-animation-delay: 0s, 3s;
    -o-animation-delay: 0s, 3s;
    visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}


#pin-5{
 	position: absolute;
 	width:29px;
 	height:36px;
 	z-index:1;
 	visibility: hidden;
 	margin-top:120px;
 	margin-left:547px;
  	animation-delay: 0s, 3.3s;
    -moz-animation-delay: 0s, 3.3s;
    -webkit-animation-delay: 0s, 3.3s;
    -o-animation-delay: 0s, 3.3s;
    visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}	


#pin-6{
 	position: absolute;
	width:22px;
 	height:28px;
 	z-index:1;
 	visibility: hidden;
 	margin-top:308px;
 	margin-left:695px;
    animation-delay: 0s, 3.5s;
    -moz-animation-delay: 0s, 3.5s;
    -webkit-animation-delay: 0s, 3.5s;
    -o-animation-delay: 0s, 3.5s;
    visibility: hidden;
 	opacity:0;
 	-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  	-moz-animation-fill-mode:forwards; /*FF 5+*/
  	-o-animation-fill-mode:forwards; /*Not implemented yet*/
  	-ms-animation-fill-mode:forwards; /*IE 10+*/
  	animation-fill-mode:forwards; /*when the spec is finished*/
	}


#phone{
	width:167px;
	z-index:9999;
	position: absolute;
	visibility:hidden;
	}


#browser img{
	width:570px;
	margin-top:40px;
	margin-left:100px;
	}


#browser .slideRight{
	width:570px;
	margin-top:40px;
	margin-left:100px;
	}

#imac .slideRight{
	margin-left:140px;
	}


.imac img{
	width:470px;
	height:380px;
	display:block;
	margin-left:140px;
	}


.video{
	margin-top:18px;
	z-index:999;
	position: absolute;
	margin-left:158px;
	width:436px;
 	height:246px;
	}


.imac{
	z-index:1;
	}

.gloss{
	z-index:9999;
	}

#macbook{
	width:470px;
	z-index:9999;
	position: absolute;
	margin-top:110px;
	}


#tv img{
	margin-top:-10px;
	margin-left:230px;
	}


#ipad-1{
	width:470px;
	z-index:9999;
	position: absolute;
	margin-top:95px;
	}


#ipad-2 img{
	margin-top:45px;
	margin-left:360px;
	}


#graphic-1{
	width:470px;
	z-index:9999;
	position: absolute;
	}


#graphic-2 img{
margin-top:95px;
margin-left:260px;
}



#recent-work{
	margin-left:-30px;	
	}


#recent-work h1{
	margin-left:30px;	
	}

#recent-work p{
	text-align:center;
	font-size: 13.5px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-top:15px;
	}


#recent-work .col-md-3{
	width: 220px;
	height:240px;
	padding-top:15px;
	margin-left:30px;	
	float:left;
	}



#recent-work .col-md-3 img{
	width: 220px;
	height:170px;
	margin-bottom:15px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	}



.recent-work{
	margin-left:-30px;	
	}


.recent-work h1{
	margin-left:30px;	
	}

.recent-work p{
	text-align:center;
	font-size: 13.5px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-top:15px;
	}


.recent-work .col-md-3{
	width: 220px;
	height:240px;
	padding-top:15px;
	margin-left:30px;	
	float:left;  
	}



.recent-work .col-md-3 img{
	width: 220px;
	height:170px;
	margin-bottom:15px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	}


#recent-work-featured{
	margin-left:-45px;
	height:290px;
	}


#recent-work-featured .item {
	overflow: hidden;
	height:210px;
	}




#recent-work-featured p{
	text-align:center;
	font-size: 13.5px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-top:15px;
	}


#recent-work-featured .col-md-3{
	width: 270px;
	height:210px;
	padding-top:15px;
	margin-left:45px;	
	float:left;
  	}



#recent-work-featured .col-md-3  img{
	width: 270px;
	height:210px;
	margin-bottom:15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}



.item {
	overflow: hidden;
	height:170px;
	position: relative;
	}

.item img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
	}

.item-2 {
	overflow: hidden;
	height0 auto;
	margin-bottom:54px;
	border: 5px solid #818b8e;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(11, 11, 11, 0.53);
	-moz-box-shadow:    0px 0px 21px 0px rgba(11, 11, 11, 0.53);
	box-shadow:         0px 0px 21px 0px rgba(11, 11, 11, 0.53);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
	}

.item-2 img{
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
	}

.img-hover{
	margin-top:0px;
	opacity:0;
	z-index:9999;
	position:absolute;
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
	}


.img-hover:hover{
	opacity:1;
	}


.img-hover:hover + .item img{
 	-webkit-filter: blur(3px); 
 	-moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); 
 	
	}
	



.img-hover-featured{
	margin-top:0px;
	opacity:0;
	z-index:9999;
	position:absolute;
	}


.img-hover-featured:hover{
	opacity:1;
	}


.img-hover-featured:hover + .item img{
	-moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); 
	overflow: hidden;
	}


.item-2:hover{
 	border: 5px solid #73a0b9;	
	}	


.meet, .services  {
   	margin-top:65px;
 	}
 
 
 .testimonials {
   margin-top:48px;
   margin-left:21px;
 	}
 
 
  
.testimonials .rslides_container  {
	width:100%;
	float:left;
	margin-top:25px;
	}
	
.testimonials .rslides_container {
 	margin-bottom: 0px;
 	position: relative;
 	float: left;
	 width: 100%;
 }

.testimonials{
	max-width:370px;
	float:left;
	}
	

.testimonial{
	max-width:370px;
	min-height:auto;
	background:#363a3b;
	padding:10px 25px 25px 25px;
	line-height:23px;
	}
	
  
 .services {
   margin-bottom:25px;
	 }

.meet h1{
   margin-bottom:25px;
 	}
 
 
 .col-md-4 .meet{
   margin-right:21px;
 	}
 	
 
.testimonials h1{
   margin-bottom:2px;
 	}
 	
  
.services  h1{
   margin-bottom:25px;
 	}
 	
 
.services {
 	margin-right:18px;
 	margin-left:18px;
 	}
 	
 
.circular img {
	width:97px;
	float:left;
	border-radius: 50%;
	border:2px solid #7696a4;
	margin-right:15px;
	}
	

.meet .text{
	width:245px;
	float:left;
	margin-top:-12px;
	margin-bottom:38.9px;
	}
	

.services p{
	margin-bottom:20px;
	}
	

 .col-md-12 .circular{
 	visibility:hidden;
 	}
 
 
 .col-md-12 .text{
 	visibility:hidden;
	}
	 




.arrow-down {
	width: 0; 
	height: 0; 
	border-left: ;
	border-right: 40px solid transparent;
	border-top: 30px solid #363a3b;
	float:right;
	margin-right:20px;
	}


.rslides_container  {
	width:100%;
	float:left;
	margin-top:50px;
	}


.testimonial-3{
	width:385px;
	min-height:200px;
	height:0 auto;
	float:left;
	}	
	

.testimonial-3:nth-child(2){
	width:385px;
	min-height:200px;
	height:0 auto;
	float:left;
	margin-left:30px;
	}	

.testimonial-3:nth-child(3){
	width:385px;
	min-height:200px;
	height:0 auto;
	float:left;
	margin-left:30px;
	}	

.testimonial-3 .testimonial-text{
	width:385px;
	min-height:155px;
	height:0 auto;
	background:#363a3b;
	padding:10px 25px 25px 25px;
	line-height:23px;
	float:left;
	display:block;
	}





.testimonial-2 .testimonial-text{
	width:558px;
	min-height:227px;
	height:0 auto;
	background:#363a3b;
	padding:10px 25px 25px 25px;
	line-height:23px;
	float:left;
	display:inline-block;
	}


.testimonial-2{
	width:570px;
	min-height:307px;
	height:0 auto;
	float:left;	
	}	

.testimonial-2:nth-child(2){
	width:570px;
	min-height:307px;
	height:0 auto;
	float:left;	
	margin-left:80px;
	}	


.testimonial-1 .testimonial-text{
	width:100%;
	height:0 auto;
	background:#363a3b;
	padding:10px 25px 25px 25px;
	line-height:23px;
	margin-left:0px;
	margin-right:0px;
	}


.testimonial-1{
	width:100%;
	min-height:325px;
	height:0 auto;
	margin-left:0px;
	margin-right:0px;
	float:left;
	position: relative;
	}	




.arrow-down-2 {
	width: 0; 
	height: 0; 
	border-left: ;
	border-right: 40px solid transparent;
	border-top: 30px solid #363a3b;
	float:right;
	margin-right:0px;
	position:relative;
	margin-right:25px;
	}

p.auth{
	float:right;
	margin-right:10px;
	margin-top:5px;
	font-size:13px;
	}

.blue{
	color:#73a0b9;
	font-size:13px;
	}

button{
	width:120px;
	height:32px;
	border-radius:10px;
	display:block;
	background:none;
	border:1px solid #44494a;
	color:#676d6f;
	background:#282b2c;
	float:left;
	font: "Lucida Grande", Helvetica, Arial, sans-serif;
 	font-weight: 500;
	font-size:11.5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}


button:hover{
 	 background:rgba(255,255,255,0.4);
 	 color:#ffffff;
	}

.main-button:hover{
 	 background:rgba(255,255,255,0.1);
 	 color:#ffffff;
	}	

.navbar-header button{
	width:45px;
	margin-top:20px;
	}

ul#button{
	list-style:none;
   	padding-left:0;
	margin:0;
	list-style:none;
	font: "Lucida Grande", Helvetica, Arial, sans-serif;
 	font-weight: 500;
	font-size:11.5px;
	}

.button-left{
	float:left;
	width:118px;
	height:2px;
	border-bottom: 1px solid #44494a;
	display:block;
	margin-right:7px;
	margin-top:15px;
	}


.button-right{
	float:left;
	width:118px;
	height:2px;
	border-bottom: 1px solid #44494a;
	display:block;
	margin-left:7px;
	margin-top:15px;
	}
	
	
.banner{
	margin-top:115px;
	padding-bottom:35px;
	background:#282b2c;
	}


.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:115px;
	background: #282b2c;
	z-index: 10000;
	overflow: hidden;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	transition: height 2s;
	}

.cbp-af-header .cbp-af-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1.875em;
	}



.cbp-af-header .nav, .contact-info, .logo   {
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}


/* Transitions and class for reduced height */

.cbp-af-header.cbp-af-header-shrink {
	height: 78px;
	border-bottom:1px solid #44494a;
	}



.cbp-af-header.cbp-af-header-shrink .logo {
	margin-top:-21px;
	-webkit-transform: scale(0.68);
	-moz-transform: scale(0.68);
	-o-transform: scale(0.68);
	transform: scale(0.68);
}

.cbp-af-header.cbp-af-header-shrink .nav  {
margin-top:-21px;

}

.cbp-af-header.cbp-af-header-shrink .contact-info  {
margin-top:19px;

}


#lets-work{
width:100%;

	margin:0 auto;
	height:230px;
	margin-top:70px;
	margin-bottom:35px;
	text-align:center;
	background:#282b2c;
	display:block;
  	position:relative;

}

#lets-work ul{
	text-decoration:none;
	margin-left:0px;
	padding-left:0px;
	}
	
	
#lets-work h1{
	color:#475d67;
	font-size:60px;
	border:none;
	font-weight:700;
	padding-top:90px;
	line-height:1px;
	margin-bottom:55px;
	}


#lets-work button{
	position: absolute;
	border-radius:10px;
	padding:10px;
	display:block;
	background:none;
	border:1px solid #475d67;
	color:#475d67;
	background:none;
	text-align:center;
	left:50%;
	right:50%;
	margin-left:-72.5px;
	width:145px;
	height:40px;
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
}





#lets-work button:hover{
background:rgba(255,255,255, 0.33);
border:1px solid #475d67;
color:#475d67;
}

#worked-for{
	float:left;
	width:100%;
	margin-top:80px;
	}


#worked-for ul{
	width:100%;
	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:0px;
	
	}
	

#worked-for li{
	margin-top:40px;
	float:left;
	padding-left:58px;
	}

	
#worked-for img{
	width:100px;
	}
	

#worked-for li:first-child{
	padding-left:0px;
	}




#contact-footer{
width:100%;
margin-bottom:40px;
margin-left:0px;
padding-left:0px;
}



#contact-footer .col-md-4{
width:380px;
float:left;
margin-right:80px;

}


#contact-footer .col-md-4:last-child{
width:380px;
float:left;
margin-right:0px;
width:300px;
}





#contact-footer h2{
 color:#8c9598;
 font-size: 16px;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:500;
 line-height:15px;
}

#contact-footer .col-md-4:nth-child(3) h2{
margin-bottom:20px;
}

#contact-footer ul{
float:left;
list-style:none;
padding-left:0;
color:#7e8283;
margin-right:30px;
}

#contact-footer li a{
color:#707273;
 text-decoration:none;
}

#contact-footer a:hover{
color:#73a0b9;
 text-decoration:none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


li.email{
margin-top:13px;
}


li.facebook{
	background-image: url('../images/facebook-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:40px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;

}

.facebook:hover{
	background-image: url('../images/facebook-icon-hover.png');
	background-position: 0 0px;
	background-size:22px 22px;
	height:40px;
	color:#73a0b9;
}

li.twitter{
	background-image: url('../images/twitter-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:25px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

li.twitter:hover{
	background-image: url('../images/twitter-icon-hover.png');
	color:#73a0b9;
}

li.linkedin{
	background-image: url('../images/linkedin.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:40px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

li.linkedin:hover{
background-image: url('../images/linkedin-blue.png');
color:#73a0b9;
}


li.vimeo{
	background-image: url('../images/vimeo.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:25px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

li.vimeo:hover{
background-image: url('../images/vimeo-blue.png');
color:#73a0b9;
}

li.dribble{
	background-image: url('../images/dribble.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:40px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

li.dribble:hover{
	background-image: url('../images/dribble-blue.png');
	color:#73a0b9;
	}

li.pinterest{
	background-image: url('../images/pinterest.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:35px;
	height:25px;
	padding-top:3px;
	color:#707273;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
	}

li.pinterest:hover{
	background-image: url('../images/pinterest-blue.png');
	color:#73a0b9;
	}

#copy{
	padding-top:15px;
	padding-bottom:60px;
	border-top: 1px solid #44494a;
	font-size:12px;
	}

p.copy-right{
float:right;
font-size:12px;
}


p.copy-right .blue{
font-size:12px;
}


p.copy{
font-size:12px;
}

#work{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/work.jpg");

}

#work .container{
background:none;
}

#work h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#work-2{
width:100%;
margin:0 auto;
height:126px;
margin-top:115px;
display:block;
 	position:relative;
border-image-width: 100%;
margin-left:0px;
}

.border-bottom{
background:url("../images/web-work.jpg");
height:8px;

}

.border-bottom-logo{
background:url("../images/logo-border.jpg");
height:8px;

}


.border-bottom-motion{
background:url("../images/motion-border.jpg");
height:8px;

}

.border-bottom-3d{
background:url("../images/3d-border.jpg");
height:8px;

}

.border-bottom-graphic{
background:url("../images/graphic-border.jpg");
height:8px;

}


.border-bottom-about{
background:url("../images/about.jpg");
height:8px;

}


#work-2 h1{
color: #e2f4f8;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:32px;
 letter-spacing: 2px;
 padding-top:35px;
	padding-left:0px;
	margin-left:0px;
}


#work-web .container{
background:none;
}


#work-web{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/web.jpg");
}


#work-web h1{
color: #fff;
 border:none;
font-family: 'Gill Sans';
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

.web-design{
color:#e2f4f8;
}


#work-logo .container{
background:none;
}


#work-logo{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/logo.jpg");

}


#work-logo h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


.logo-design{
color:#ebf8e2;
}


#work-3d .container{
background:none;
}


#work-3d{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/3d.jpg");

}


#work-3d h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

.3d-visuals{
color:#eee2f8;
}


#work-motion .container{
background:none;
}



#work-motion{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/motion.png");

}


#work-motion h1{
 color: #fff;
 border:none;
 font-family: 'Gill Sans';
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

.motion-graphic{
color:#fbd2d2;
}

#work-graphic .container{
background:none;
}


#work-graphic{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:40px;
position:relative;
background:url("../images/graphic.jpg");

}


#work-graphic h1{
 color: #fff;
 border:none;
 font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:48px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

.graphic-design{
color:#ffffe2;
}



#work-portfolio #recent-work .col-md-3:nth-child(5){
margin-right:0px;
float:left;
}

#work-portfolio {
margin-bottom:21px;


}


#work-portfolio .col-md-3{
margin-bottom:8px;

}


nav.work-sections{
width:100%;
border-bottom:1px solid #44494a;
margin-bottom:54px;
background:#282b2c;	
}

nav.work-sections ul{
text-decoration:none;
list-style:none;
display:inline;
padding-left:0px;
margin-left:0px;
color:#7e8283;
line-height:38px;
}

nav.work-sections ul li{
text-decoration:none;
list-style:none;
display:inline;
padding-left:0px;
margin-left:0px;
color:#7e8283;

}


nav.work-sections li a{
text-decoration:none;
list-style:none;
display:inline;
padding-right:30px;
-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	color:#7e8283;

}



nav.work-sections a:hover{
color:#929da0;
}


 	
 	
#loadMore{
width:100%;
background:#363a3b;
height:60px;
display:block;
padding:0px;
margin:0px;
-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;  	
}

a#loadMore{
width:100%;
background:#363a3b;
height:60px;
display:block;
padding:0px;
margin:0px;
-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
}

a#loadMore p{
padding:20px;
font-size:14px;
font-weight:300;
text-decoration:none;
}


a#loadMore:hover{
text-decoration:none;
opacity:0.6;
}


#loadMore img{
float:right;
margin-top:-55px;
margin-right:20px;
}

.vimeo-video{
margin-left:15px;
width:98.2%;
}

.vimeo-video iframe{
width:100%;
height:100%;
max-height:450px;
margin-bottom:45px;
margin-top:0px;

}


img.work-individual {
border: 5px solid #adb4b6;
margin-bottom:55px;
margin-left:15px;
width:98.2%;
height:0 auto;
}



.date{
color:#818b8e;
font-size:12px;	
border-bottom:1px solid #44494a;
font-weight:500;
line-height:50px;
margin-top:-25px;
}

#about-work{
width:100%;
max-width:330px;
float:left;
margin-left:48px;
margin-top:5px;
padding-bottom:10px;
}


.about-work-p{
width:100%;
max-width:330px;
float:left;
padding-bottom:10px;
margin-bottom:25px;
border-bottom:1px solid #44494a;
}

.work-heading{
 font-size: 14px;
 color:#73a0b6;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:500;
 letter-spacing:1px;	
}

.visit-website{
width:145px;
height:40px;
border-radius:10px;
display:block;
background:none;
border:1px solid #73a0b9;
color:#73a0b9;
background:#282b2c;
float:left;
font: "Lucida Grande", Helvetica, Arial, sans-serif;
 	font-weight: 700;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-size:14px;
padding-top:3px;
}


.visit-website:hover{
width:145px;
height:40px;
border-radius:10px;
display:block;
background:none;
border:1px solid #73a0b9;
color:#73a0b9;
background:#c6e4f5;
float:left;
font: "Lucida Grande", Helvetica, Arial, sans-serif;
 	font-weight: 700;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-size:14px;
padding-top:3px;
}


#about-work ul.social-2{
float:left;
display:inline;
margin-left: 0px;
padding-left: 0;
display: inline;
margin-top:50px;
width:100%;
}

#about-work ul.social-2 li{
  position: relative;
 	display: block;
text-decoration:none;
list-style:none;
padding-left:10px;
float:left;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


#about-work ul.social-2 a:hover{
opacity:1;
}



#lets-work ul li { display: none; }



#about-us {
margin-bottom:50px;
}	

#about-us p{
width:100%;
max-width:373px;
padding-right:5px;
font-size:14px;
}	


#about-us .col-md-4 {
   width: 30%;
   margin-right:60px;
 }
 
#about-us .col-md-4:nth-child(4) {
   width: 30%;
   margin-right:0px;
 }

#gallery{
margin-bottom:20px;
}

#gallery h1{
margin-bottom:30px;
}


#gallery .col-md-4 {
   width: 29%;
   margin-right:79px;
   overflow:hidden;
 }
 
 #gallery .col-md-4:nth-child(4) {
   width: 29%;
   margin-right:0px;
   overflow:hidden;
 }
 
 #gallery .col-md-4:nth-child(7) {
   width: 29%;
   margin-right:0px;
    overflow:hidden;
 }
 

.the-team{
   margin-bottom:74px;

 }
 
.the-team .col-md-4 {
   width: 406px;
 }
  

.the-team .circular{
visibility: hidden;
}

.the-team .circular img {
width:97px;
float:left;
border-radius: 50%;
border:2px solid #7696a4;
margin-right:12px;
margin-top:8px;
}



.the-team p{
width:260px;
}

.the-team .text{
float:left;
margin-left:5px;
visibility: hidden;
}

.timeline-img{
margin:0 auto;
text-align:center;
visibility:hidden;	
}


.timeline-img:last-child{
margin:0 auto;
text-align:center;
display:none;	
}



.process{
   margin-bottom:74px;

 }
 
.process .col-md-4 {
   width: 406px;

 }
  



.process .circular img {
width:100px;
float:left;
border-radius: 50%;
border:none;
margin-right:12px;
margin-top:8px;
}



.process p{
width:260px;
}

.process .text{
float:left;
margin-left:5px;
}

#help{
margin-top:60px;
}

.help{
   margin-top:10px;
   margin-bottom:10px;

 }
 

.help .circular img {
width:100px;
float:left;
border-radius: 50%;
border:none;
margin-right:12px;
margin-top:8px;

}



.help p{
width:100%;
max-width:1084px;
float:left;
margin-bottom:20px;
}

.help .text{
float:left;
margin-left:17px;
max-width:1084px;
margin-top:5px;
}






.col-md-2{
width:22%;
color:#8b9294;
font-size:14px;
}

.col-md-2:nth-child(3){
width:16%;
margin-left:10px;
margin-right:45px;
}


.col-md-2:nth-child(4){
width:20%;
margin-right:10px;

}

.col-md-2:nth-child(5){
width:16%;
margin-right:45px;
}

.col-md-2:nth-child(6){
width:16%;

}

.service h2{	
   line-height:1px;
   }
   

.service p {	
  margin-top:-5px;
   }

ul.web-service{
text-decoration:none;
padding-left:0px;
list-style: none;
   padding:0;
   margin:0;
}



ul.web-service li{
list-style:none;
text-decoration:none;
padding-left: 0px; 

}

ul.web-service li ul li:before {
   content: "\002022";
   color: #92c2c3;
   font-size:20px;
   padding-right:3px;
   margin-left:-10px;
}




ul.web-service li.web-icon{
list-style:none;
text-decoration:none;
display:inline block;
background-image: url('../images/web.png');
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:25px;
padding-top:2px;
margin-bottom:20px;
}




ul.logo-service{
text-decoration:none;
padding-left:0px;
list-style: none;
   padding:0;
   margin:0;
}



ul.logo-service li{
list-style:none;
text-decoration:none;
padding-left: 0px; 

}

ul.logo-service li ul li:before {
   content: "\002022";
   color: #92c39f;
   font-size:20px;
   padding-right:3px;
   margin-left:-10px;
}




ul.logo-service li.logo-icon{
list-style:none;
text-decoration:none;
display:inline block;
background-image: url('../images/logo-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:25px;
padding-top:2px;
margin-bottom:20px;
}


ul.graphic-service{
text-decoration:none;
padding-left:0px;
list-style: none;
   padding:0;
   margin:0;
}



ul.graphic-service li{
list-style:none;
text-decoration:none;
padding-left: 0px; 

}

ul.graphic-service li ul li:before {
   content: "\002022";
   color: #d7c9a0;
   font-size:20px;
   padding-right:3px;
   margin-left:-10px;
}




ul.graphic-service li.graphic-icon{
list-style:none;
text-decoration:none;
display:inline block;
background-image: url('../images/graphic-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:25px;
padding-top:2px;
margin-bottom:20px;
}


ul.motion-service{
text-decoration:none;
padding-left:0px;
list-style: none;
   padding:0;
   margin:0;
}



ul.motion-service li{
list-style:none;
text-decoration:none;
padding-left: 0px; 

}

ul.motion-service li ul li:before {
   content: "\002022";
   color: #d7a0b2;
   font-size:20px;
   padding-right:3px;
   margin-left:-10px;
}




ul.motion-service li.motion-icon{
list-style:none;
text-decoration:none;
display:inline block;
background-image: url('../images/motion-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:25px;
padding-top:2px;
margin-bottom:20px;
}



ul.visuals-service{
text-decoration:none;
padding-left:0px;
list-style: none;
   padding:0;
   margin:0;
}



ul.visuals-service li{
list-style:none;
text-decoration:none;
padding-left: 0px; 

}

ul.visuals-service li ul li:before {
   content: "\002022";
   color: #d7a0b2;
   font-size:20px;
   padding-right:3px;
   margin-left:-10px;
}




ul.visuals-service li.visuals-icon{
list-style:none;
text-decoration:none;
display:inline block;
background-image: url('../images/3d-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:25px;
padding-top:2px;
margin-bottom:20px;
}

.contact-get-in-touch{
margin-top:45px;
}

.contact-get-in-touch h1{
margin-bottom:25px;
}

ul.contact-get-in-touch {
   padding: 0;
   list-style-type: none;
   margin-bottom:130px;
   }
   

.contact-get-in-touch li{
text-decoration:none;
list-style:none;
display:inline;
font-size:16px;
color:#8b9294;
padding:18px 0px 18px 60px;
margin-right:50px;
}

ul.contact-get-in-touch a{
text-decoration:none;
color:#8b9294;
}	

ul.contact-get-in-touch a:hover{
text-decoration:none;
color:#73a0b9;
}	

.contact-get-in-touch li.email-icon{
background-image: url('../images/email-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
}

.contact-get-in-touch li.tel-icon{
background-image: url('../images/tel-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
}

.contact-get-in-touch li.mob-icon{
background-image: url('../images/mob-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
}

.contact-get-in-touch li.skype-icon{
background-image: url('../images/skype-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
}

.contact-get-in-touch a{
color:#707273;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}

.contact-get-in-touch a:hover{
color:#73a0b9;
text-decoration:none;
}



.facebook-icon{
background-image: url('../images/facebook-icon-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
 color:#707273;
}

.facebook-icon:hover{
background-image: url('../images/facebook-icon-2-blue.png');
color:#73a0b9;
}


.twitter-icon{
background-image: url('../images/twitter-icon-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}


.twitter-icon:hover{
background-image: url('../images/twitter-icon-2-blue.png');
color:#73a0b9;
text-decoration:none;
}


.linkedin-icon{
background-image: url('../images/linkedin-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}


.linkedin-icon:hover{
background-image: url('../images/linkedin-2-blue.png');
color:#73a0b9;
text-decoration:none;
}



.vimeo-icon{
background-image: url('../images/vimeo-icon-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}

.vimeo-icon:hover{
background-image: url('../images/vimeo-icon-2-blue.png');
color:#73a0b9;
text-decoration:none;
}

.pinterest-icon{
background-image: url('../images/pinterest-icon-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}

.pinterest-icon:hover{
background-image: url('../images/pinterest-icon-2-blue.png');
color:#73a0b9;
text-decoration:none;
}


.dribbble-icon{
background-image: url('../images/dribbble-icon-2.png');
background-repeat: no-repeat;
background-position: 8px 8px;
-webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 text-decoration:none;
}

.dribbble-icon:hover{
background-image: url('../images/dribbble-icon-2-blue.png');
color:#73a0b9;
text-decoration:none;
}



.

.rslides_tabs .rslides_here a {
 background: rgba(255,255,255,.1);
 color: #fff;
 font-weight: bold;
 }

.events {
 list-style: none;
 }

#slider3-pager a {
 display: inline-block;
}

#slider3-pager img {
 float: left;
}

#slider3-pager .rslides_here a {
 background: transparent;
 box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
 padding: 0;
}


#contact-form{
display:none;
width:100%;
margin:0 auto;
margin-bottom:5px;
margin-top:5px;

}

#contact-form ul li{
float:left;
display:inline;
list-style:none;
}

#contact-form li{
	float:left;
	display:inline;
	list-style:none;
}

.contact-form{
	width:100%;
	max-width:560px;
	float:left;
}


.contact-form input[type="text"] { 
width:100%;
max-width: 368px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:50px;
}

.contact-form input[type="email"] { 
width:100%;
max-width: 368px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:50px;
}


.contact-form-2 textarea{ 
width:100%;
max-width:315px; 
height:150px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-top:5px;
margin-bottom:28px;

}	


.checkboxes{
float:left;
margin-top:-10px;
}


input[type=checkbox] {
   display:none;
}

input[type=checkbox] + label:before {
content:" ";
   font-size: 15px;
   color: #7e8283;
   text-align: center;
   background:#363839;
  float:left;
  margin-right:10px;
  width:40px;
  height:38px;
  display:block;

 
}


input[type=checkbox]:checked + label:before {
   content:"\2713";
   font-size: 15px;
   color:#7e8283;
   text-align: center;
   background:#363839;
 	padding:8px 10px 5px 10px ;
  float:left;
  margin-right:10px;
 
}



label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:23px;
float:left;
font-weight:300;
min-width:100px;
margin-bottom:40px;
max-width:200px;
}


.checkboxes label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:18px;
float:left;
font-weight:300;
min-width:120px;
margin-top:5px;
}
 
 
 .type-heading{
 	float:left;
 	margin-right:10px;
 	margin-top:2px;
 	}
 	
 	
 	.contact-form-2 {
 	 width:100%;
 	 max-width:550px;
 	 float:left;
 	}
 	

 select {
  background:#363839;
  background-image: url('../images/arrow.png') no-repeat 290 15;
  width: 315px;
  height:38px;
 	padding:10px;
color:#7e8283;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  float:right;
  }
  
.select{
  margin-bottom:-15px;
 	   
}
 
  select option{
   font-size: 18pt;
    background:#363839;
}


#thanks {
display:none;
text-align:center;
width:100%;
margin:0 auto;
padding:0px;
}


#thanks h1{
font-size: 22px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-weight:300;
 	border-bottom:1px solid #44494a;
 	border-top:1px solid #44494a;
 	line-height:65px;
}

#contact-page-form{
float:left;
margin-bottom:75px;

}



.main-button-2{
width:100%;
border-bottom:1px solid #44494a;
bottom:0;
height:35px;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
}


.main-button-2 button{
position: absolute;
z-index:9999;
margin-top:18px;
width:120px;
height:32px;
border-radius:10px;
display:block;
background:none;
border:1px solid #44494a;
color:#676d6f;
background:#282b2c;
left:50%;
right:50%;
margin-left:-60px;
 	font-weight: 500;
font-size:11.5px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
box-shadow: 0px 0px 0px 6pt #282b2c;
}


.main-button-2	button:hover{
 	 background:#474b4d;
}


#contact-page-form input[type="text"] { 
width: 368px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:10px;
margin-right:50px;
}

#contact-page-form input[type="email"] { 
width: 368px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:50px;

}

#contact-page-form ul li{ 
list-style:none;
padding-left:0px;
}	

#contact-page-form textarea{ 
width: 522px; 
height:174px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:10px;
}	


#contact-page-form {
margin-top:26px;
width:100%;
}


#contact-page-form .col-md-7{
width:648px;
margin-left:10px;
}

#contact-page-form .col-md-4{
width:562px;
}


#contact-page-form label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:23px;
float:left;
font-weight:300;
min-width:100px;
margin-bottom:31px;
max-width:140px;
}

.rslides {
 margin: 0 auto;
 }

.rslides_container {
 margin-bottom: 50px;
 position: relative;
 float: left;
 width: 100%;
 
 }

.centered-btns_nav {
 z-index: 3;
 position: absolute;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 top: 50%;
 left: 0;
 opacity: 0.7;
 text-indent: -9999px;
 overflow: hidden;
 text-decoration: none;
 height: 61px;
 width: 38px;
 background: transparent url("themes.gif") no-repeat left top;
 margin-top: -45px;
 }

.centered-btns_nav:active {
 opacity: 1.0;
 }

.centered-btns_nav.next {
 left: auto;
 background-position: right top;
 right: 0;
 }

.transparent-btns_nav {
 z-index: 3;
 position: absolute;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 top: 0;
 left: 0;
 display: block;
 background: #fff; /* Fix for IE6-9 */
 opacity: 0;
 filter: alpha(opacity=1);
 width: 48%;
 text-indent: -9999px;
 overflow: hidden;
 height: 91%;
 }

.transparent-btns_nav.next {
 left: auto;
 right: 0;
 }

.large-btns_nav {
 z-index: 3;
 position: absolute;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 opacity: 0.6;
 text-indent: -9999px;
 overflow: hidden;
 top: 0;
 bottom: 0;
 left: 0;
 background: #000 url("themes.gif") no-repeat left 50%;
 width: 38px;
 }

.large-btns_nav:active {
 opacity: 1.0;
 }

.large-btns_nav.next {
 left: auto;
 background-position: right 50%;
 right: 0;
 }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
 outline: none;
 }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
 margin-top: 10px;
 text-align: center;
 }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
 display: inline;
 float: none;
 _float: left;
 *float: left;
 margin-right: 5px;
 }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
 text-indent: -9999px;
 overflow: hidden;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 background: #ccc;
 background: rgba(255,255,255, .4);
 display: inline-block;
 _display: block;
 *display: block;
 -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
 -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
 box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
 width: 9px;
 height: 9px;
 }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
 background: #282b2c;
 border:2px solid rgba(255,255,255, .4);
 }


iframe{
width:100%;
height:273px;
margin-top:20px;
background:#282b2c;
}


#address-box{
width:263px;
height:226px;
background:rgba(40,43,44, .7);
color:#ffffff;
position:absolute;
z-index:9999;
margin-top:43px;
margin-left:25px;
padding:5px 20px 20px 20px;
}


#address-box h2{
font-size:18px;
color:#ffffff;
}


#address-box ul{
list-style:none;
padding-left:0px;
margin-top:30px;
}

#address-box li{
line-height:20px;
font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:400;
}


.social p{
	display:none;
	}
	
#about-work-2{
	display:none;
}


.col-sm-8{

margin-top:20px;
}

@media screen and (max-width: 600px) {
.nav{
display:none;
}  

.callbacks_nav {
   top: 47%;
   }
   
   


 }
 
 
@media screen and (max-width: 1230px) {


#phone img{
width:100px;
margin-top:30px;
z-index:9999;
position: absolute;
visibility:hidden;
}


#browser img{
width:400px;
margin-top:40px;
margin-left:10px;

}

#browser .slideRight{

width:570px;
margin-top:40px;
margin-left:100px;

}

#imac .slideRight{
margin-left:80px;
}


.imac img{
width:400px;

display:block;
margin-left:10px;
}


.video{
margin-top:16px;
z-index:999;
position: absolute;
margin-left:26px;
width:368px;
 height:208px;
}


.imac{
z-index:1;

}



#macbook img{
width:280px;
z-index:9999;
position: absolute;
margin-top:60px;
}


#tv img{
margin-top:30px;
margin-left:80px;
width:350px;
}


#ipad-1 img{
width:270px;
z-index:9999;
position: absolute;
margin-top:35px;
margin-left:-50px;
}


#ipad-2 img{
width:170px;
margin-top:65px;
margin-left:200px;
}


#graphic-1 img{
width:220px;
z-index:9999;
position: absolute;
margin-top:35px;
}


#graphic-2 img{
width:250px;
margin-top:95px;
margin-left:160px;
}


#about-work{
width:100%;
max-width:260px;
float:left;
margin-left:48px;
margin-top:5px;
padding-bottom:10px;
}

.about-work-p{
width:100%;
max-width:260px;
float:left;
padding-bottom:10px;
margin-bottom:25px;
border-bottom:1px solid #44494a;
}

p.auth{
float:right;
margin-right:5px;
margin-top:5px;
font-size:13px;
width:230px;
}


.help .text{
float:left;
margin-left:0px;
max-width:1084px;
margin-top:5px;
}

#recent-work .col-md-3:last-child{
display:none;

}
.button-left{
float:left;
width:50px;
height:2px;
border-bottom: 1px solid #44494a;
display:block;
margin-right:7px;
margin-top:15px;
}


.button-right{
float:left;
width:80px;
height:2px;
border-bottom: 1px solid #44494a;
display:block;
margin-left:7px;
margin-top:15px;
}

.meet{
margin-left:26px;
max-width:260px;
height:0 auto;  
float:left;
width:100%;
}

.services{
margin-right:0px;
 max-width:300px;
float:left;
width:100%;


}	


.service{
	margin-bottom:40px;
	}

.meet .text{
max-width:260px;
float:left;
margin-top:-12px;
margin-bottom:35px;

}


.testimonials{
margin-top:65px;

}


 


#gallery .col-md-4 {
   width: 27.8%;
     height:0 auto;
   margin-right:79px;
    overflow:hidden;
 }
 
 #gallery .col-md-4:nth-child(4) {
   width: 27.8%;
   height:0 auto;
   margin-right:0px;
    overflow:hidden;
 }
 
 #gallery .col-md-4:nth-child(7) {
   width: 27.8%;
     height:0 auto;
   margin-right:0px;
    overflow:hidden;
 }	
 
 #about-us p{
width:100%;
max-width:300px;
padding-right:5px;
font-size:14px;
}	


#about-us .col-md-4 {
   width: 29%;
   margin-right:60px;
 }
 
#about-us .col-md-4:nth-child(4) {
   width: 29%;
   margin-right:0px;
 }


.the-team .col-md-4 {
   width: 306px;

 }

.the-team h2{
width:180px;
line-height:20px;
}

.the-team p{
width:180px;
}

.timeline-img img{
display:none;
}


.process{
   margin-bottom:74px;

 }
 
.process .col-md-4 {
   width: 320px;

 }
  



.process .circular img {
width:80px;
float:left;
border-radius: 50%;
border:none;
margin-right:12px;
margin-top:8px;
}

.process h2{
width:200px;
}

.process p{
width:200px;
}

.process .text{
float:left;
margin-left:5px;
}

.services {
width:100%;
}

ul.contact-get-in-touch {
padding: 0;
   list-style-type: none;
   margin-bottom:130px;
   float:left;
   }

.contact-get-in-touch li{
text-decoration:none;
list-style:none;
float:left;
font-size:16px;
color:#8b9294;
padding:18px 0px 18px 60px;
margin-right:20px;
margin-bottom:30px;
}

#contact-page-form .col-md-7{
width:100%;
margin-left:0px;
}


#contact-page-form .col-md-4{
width:100%;
}


#contact-page-form textarea{ 
width: 80%; 
height:174px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}	

#contact-page-form input[type="text"] { 
width: 80%; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:10px;
margin-right:0px;
}

#contact-page-form input[type="email"] { 
width: 80%; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}

#contact-page-form label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:23px;
float:left;
font-weight:300;
min-width:120px;
margin-bottom:31px;
max-width:140px;
}

#contact-footer .col-md-4{
width:300px;
float:left;
margin-right:120px;

}

#contact-footer .col-md-4:nth-child(2){
width:120px;
float:left;
}

#contact-footer .col-md-4:last-child{
width:300px;
float:right;
margin-right:0px;
}



#worked-for{
	margin:0 auto;
	width:100%;
	margin-top:80px;
	}
	

#worked-for ul{
	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:0px;
	}
	

#worked-for li{
	margin-top:40px;
	display:inline;
	padding-left:45px;
	}

	
#worked-for img{
	width:80px;
	}
	

#worked-for li:first-child{
	padding-left:0px;
	}


#recent-work-featured{
margin-left:-30px;
height:290px;
}


#recent-work-featured .item {
overflow: hidden;
width: 220px;
height:171px;

}



#recent-work-featured p{
text-align:center;
font-size: 13.5px;
 	color:#7e8283;
 	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
margin-top:15px;
}


#recent-work-featured .col-md-3{
width: 220px;
height:171px;
padding-top:15px;
margin-left:30px;	
float:left;  
}



#recent-work-featured .col-md-3 img{
width: 220px;
height:171px;
margin-bottom:15px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}



.contact-form{
width:100%;
max-width:460px;
float:left;

}


.contact-form-2{
width:100%;
max-width:460px;
float:left;
}

.contact-form input[type="text"] { 
width:100%;
max-width: 268px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:50px;
}

.contact-form input[type="email"] { 
width:100%;
max-width: 268px; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:50px;
}


.contact-form-2 textarea{ 
width:100%;
max-width:315px; 
height:150px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-top:5px;
margin-bottom:28px;

}	


label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:16px;
float:left;
font-weight:300;
min-width:100px;
margin-bottom:40px;
max-width:130px;
}


.checkboxes label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:14px;
float:left;
font-weight:300;
min-width:80px;
margin-top:5px;
}
 
 .type-heading{
 	float:left;
 	margin-right:20px;
 	margin-top:2px;
 	}
 	
 	
 	.testimonial-3{
width:100%;
height:200px;
float:left;
margin-bottom:30px;

}	

.testimonial-3:nth-child(2){
width:100%;
float:left;
margin-left:0px;

}	

.testimonial-3:nth-child(3){
width:100%;
float:left;
margin-left:0px;

}	

.testimonial-3 .testimonial-text{
width:100%;
background:#363a3b;
padding:10px 25px 25px 25px;
line-height:23px;
float:left;
display:block;
}





.testimonial-2 .testimonial-text{
width:100%;
background:#363a3b;
padding:10px 25px 25px 25px;
line-height:23px;
float:left;
display:inline-block;
}


.testimonial-2{
width:100%;

float:left;	
margin-bottom:20px;
}	

.testimonial-2:nth-child(2){
width:100%;

float:left;	
margin-left:0px;
}	


 #contact-get-in-touch{
	  width: 80%;
      margin: auto;
	}

ul.contact-get-in-touch {
   padding-left: 0px;
   list-style-type: none;
   margin-bottom:130px;
 
   }
   

.contact-get-in-touch li{
	text-decoration:none;
	list-style:none;
	display:inline;
	font-size:16px;
	color:#8b9294;
	padding:18px 0px 18px 60px;
	margin-right:50px;
	}


 	
.contact-get-in-touch li.email-icon{
background-image: url('../images/email-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
width:400px;

}

.contact-get-in-touch li.tel-icon{
background-image: url('../images/tel-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;

}

.contact-get-in-touch li.mob-icon{
background-image: url('../images/mob-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
width:400px;
}

.contact-get-in-touch li.skype-icon{
background-image: url('../images/skype-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;

}

#social-icons{
	  width: 60%;
    margin: auto;

	}

.facebook-icon{
width:150px;
}

.twitter-icon{
width:150px;
}



.vimeo-icon{
width:150px;
}

.pinterest-icon{
width:150px;
}

 	
 }
 
 
   

 
@media screen and (max-width: 992px) {


nav.work-sections{

margin-top:50px;
}


#worked-for ul{
	float:left;
	width:100%;
	text-decoration:none;
	list-style:none;
	display:inline-block;
	padding-left:0px;
    margin-left: auto;
    margin-right: auto;

	}
	

#worked-for li{
	margin-top:0px;
	float:left;
	padding-left:5%;
	height:100px;
	margin-bottom:40px;
	}

	
#worked-for img{
margin-top:80px;
float:left;
margin-right:40px;
width:119px;
}
	

#worked-for li:first-child{
	padding-left:0px;
	}
	

#worked-for li:nth-child(5){
	padding-left:0px;
	}
	
	

#social-icons{
	  width: 80%;
    margin: auto;

	}

.facebook-icon{
width:150px;
}

.twitter-icon{
width:150px;
}



.vimeo-icon{
width:150px;
}

.pinterest-icon{
width:150px;
}






#about-work{
width:100%;
max-width:200px;
float:left;
margin-left:48px;
margin-top:5px;
padding-bottom:10px;
}

.about-work-p{
width:100%;
max-width:200px;
float:left;
padding-bottom:10px;
margin-bottom:25px;
border-bottom:1px solid #44494a;
}


#contact-form{
	width:70%;
	margin:0 auto;
	margin-bottom:100px;
	}

 #contact-get-in-touch{
	  width: 90%;
      margin: auto;
	}

ul.contact-get-in-touch {
   padding-left: 0px;
   list-style-type: none;
   margin-bottom:130px;
 
   }
   

.contact-get-in-touch li{
	text-decoration:none;
	list-style:none;
	display:inline;
	font-size:16px;
	color:#8b9294;
	padding:18px 0px 18px 60px;
	margin-right:50px;
	}


 	
.contact-get-in-touch li.email-icon{
background-image: url('../images/email-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
width:350px;

}

.contact-get-in-touch li.tel-icon{
background-image: url('../images/tel-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;

}

.contact-get-in-touch li.mob-icon{
background-image: url('../images/mob-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
width:350px;
}

.contact-get-in-touch li.skype-icon{
background-image: url('../images/skype-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;

}







p.auth{
float:right;
margin-right:10px;
margin-top:5px;
font-size:13px;
width:300px;
}

.img-hover{
margin-top:50px;
opacity:0;
z-index:9999;
position:absolute;
margin-left:-112.5px;
left:50%;
right:50%;
}
 
.contact-form{
margin-bottom:50px;
}



#recent-work .col-md-3:last-child{
display:none;
}


#recent-work .col-md-3{
width:360px;
height:378px;

}

#recent-work .item {
width:360px;
height:278px;
}

#recent-work .item img{
width:360px;
height:278px;
}

.recent-work .col-md-3{
width:360px;
height:378px;

}

.recent-work .item {
width:360px;
height:278px;
}

.recent-work .item img{
width:360px;
height:278px;
}

#recent-work-featured .col-md-3{
width:360px;
height:378px;

}

#recent-work-featured .item {
width:360px;
height:278px;
}

#recent-work-featured .item img{
width:360px;
height:278px;
}


.col-md-2{
width:100%;
float:left;
}

.col-md-2:nth-child(3){
width:100%;
float:left;

}


.col-md-2:nth-child(4){
width:100%;
float:left;

}

.col-md-2:nth-child(5){
width:100%;
float:left;
}

.col-md-2:nth-child(6){
width:100%;
float:left;

}

.process .col-md-4 {
   width: 100%;
float:left;
 }



.process .circular img {
width:100px;
float:left;
border-radius: 50%;
border:none;
margin-right:12px;
margin-top:8px;
}

.process h2{
width:100%;
float:left;
}

.process p{
width:100%;
float:left;
}

.process .text{
float:left;
margin-left:5px;
}

.the-team .col-md-4 {
   width: 100%;
   float:left;
 }




.the-team h2{
width: 100%;
float:left;

}

.the-team p{
width:100%;
float:left;
min-width:350px;

}

.timeline-img{
margin:0 auto;
text-align:left;
visibility:hidden;	
margin-left:30px;	
}

.the-team .circular{
visibility: hidden;
float:left;
}

.the-team .circular img {
width:97px;
float:left;
border-radius: 50%;
border:2px solid #7696a4;
margin-right:12px;
margin-top:20px;
margin-bottom:10px;
display: block;
}


#gallery .col-md-4 {
   width: 48%;
   margin-right:30px;
   float:left;
 }
 
 #gallery .col-md-4:nth-child(3) {
 
   margin-right:0px;
   
   float:left;
 }
 
   #gallery .col-md-4:nth-child(4) {
   width: 48%;
   margin-right:30px;
   float:left;
 }
 
 
     #gallery .col-md-4:nth-child(5) {
   width: 48%;
   margin-right:0px;
   float:left;
 }
 
 #gallery .col-md-4:nth-child(7) {
 width: 48%;
   margin-right:0px;
   
   float:left;
 }



#phone img{
width:100px;
z-index:9999;
margin-top:-50px;
visibility:hidden;

}


#browser img{
width:365px;
margin-top:-50px;
margin-left:33.5px;

}

#browser .slideRight{

width:570px;
margin-top:0px;
margin-left:0px;

}

#imac .slideRight{
margin-left:0px;
margin-left:0px;
}

.imac img{
width:300px;
height:310px;
margin-top:-45px;
margin-left:52px;
}

.video{
width:280px; 
height:158px;
margin-top:-33px;
z-index:999;

margin-left:-434px;
}


#macbook img{
width:200px;
z-index:9999;
position: absolute;
margin-top:-40px;
margin-left:15px;
}


#tv img{
margin-top:-10px;
margin-left:135px;
width:250px;
}


#ipad-1 img{
width:220px;
z-index:9999;
position: absolute;
margin-top:-80px;
margin-left:40px;
}


#ipad-2 img{
width:120px;
margin-top:0px;
margin-left:240px;
}


#graphic-1 img{
width:160px;
z-index:9999;
position: absolute;
margin-top:-40px;
margin-left:25px;
}


#graphic-2 img{
margin-top:-20px;
margin-left:160px;
width:220px;
}


#contact-footer{
padding:15px;
 background:#282b2c;
}


.copy-right{
margin-top:-29px;
padding-right:15px;
}

.copy{
padding-left:15px;
}


.services{
margin-right:0px;
 max-width:340px;
float:left;
width:100%;

}	

.buttons{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
}


.button-about{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #d2f0fb;
color:#d2f0fb;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
left:50%;
right:50%;
margin-left:-155px;
}


.button-about-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #d2f0fb;
color:#d2f0fb;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
left:50%;
right:50%;
margin-left:15px;
}

.buttons-web{

  width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:290px;
}


.button-web{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #e2f4f8;
color:#e2f4f8;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	  	width:140px;
height:40px;
left:50%;
right:50%;
margin-left:-155px;
}



.button-web-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #e2f4f8;
color:#e2f4f8;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
left:50%;
right:50%;
margin-left:15px;
}



.buttons-motion{

  width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:290px;
}


.button-motion{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #f8e2e2;
color:#f8e2e2;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:-155px;
}


.button-motion-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #f8e2e2;
color:#f8e2e2;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:15px;
}

.buttons-3d{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:235px;
}

.button-3d{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #eee2f8;
color:#eee2f8;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:-155px;
}


.button-3d-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #eee2f8;
color:#eee2f8;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:15px;
}


.buttons-logo{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;
     margin-top:250px;
     

}

.button-logo{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #ebf8e2;
color:#ebf8e2;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:-155px;
}


.button-logo-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #ebf8e2;
color:#ebf8e2;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
   width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:15px;
}



.buttons-graphic{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;
   margin-top:275px;
}


.button-graphics{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #ffffff;
color:#ffffff;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	 width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:-155px;
}


.button-graphics-2{
position: absolute;
 	float:left;
border-radius:10px;
letter-spacing:1px;
display:block;
background:none;
border:2px solid #ffffff;
color:#ffffff;
margin-top:25px;
font: "Avenir LT Std";
 	font-size:12px;
 	font-weight: 500;
 	margin-right:30px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
    width:140px;
height:40px;
 	left:50%;
right:50%;
margin-left:15px;
}

.buttons{
   width:100%;
   float:left;
   display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:40px;
}


p#about-graphic{
 color: #ffffff;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:15px;
 font-weight: 200;
 letter-spacing: 1px;
 line-height:29px;
 max-width:530px;
 visibility: hidden;
 padding-bottom:15px;
 }
 
 
p#about-graphic2{
 color: #ffffff;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:15px;
 font-weight: 200;
  letter-spacing: 1px;
  line-height:29px;
max-width:532px;
visibility: hidden;
margin-bottom:85px;
 }
 

.caption{
text-align:center;
padding-left:15px;
padding-right:15px;
width:100%;
margin:0 auto;
}


.left{
width:100%;
max-width:720px;
float:left;
text-align:center;
margin-top:-30px;
}



.left-2{
width:100%;
max-width:720px;
float:left;
text-align:center;
margin-top:-30px;
}


.caption h1{

 color: #fff;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:32px;
 font-weight: 300;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:16px;
 visibility: hidden;
 letter-spacing: 2px;
 text-align:center;


 }
 
 

.map{
width:770px;

position:absolute;
margin-left:0px;
visibility: hidden;
z-index:2;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
margin-top:380px;
}



.right-2{
width:992px;
visibility: hidden;
z-index:2;
 	left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:280px;


}

.right-3{
width:992px;
visibility: hidden;
z-index:2;
left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:260px;


}


.right-4{
width:992px;
visibility: hidden;
z-index:2;
left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:265px;
}



p#about{
 margin:0 auto;
 text-align:center;
 width:100%;
 }
 
 
p#about-2{
margin:0 auto;
text-align:center;
width:100%;
 }
 
 
p#about-2 strong{
width:100%;
margin:0 auto;
text-align:center;
}
 


p#about-web{
width:100%;
 	margin:0 auto;
text-align:center;
 }
 
 
p#about-web2{
width:100%;
margin:0 auto;
text-align:center;
 }
 
 
p#about-web2 strong{
width:100%;
margin:0 auto;
text-align:center;
}



p#about-motion{
width:100%;
 	margin:0 auto;
text-align:center;
 }
 
 
p#about-motion2{
width:100%;
margin:0 auto;
text-align:center;
 }
 
 
p#about-motion2 strong{
width:100%;
margin:0 auto;
text-align:center;
}

p#about-3d{
width:100%;
 	margin:0 auto;
text-align:center;
 }
 
 
p#about-3d2{
width:100%;
margin:0 auto;
text-align:center;
 }
 
 
p#about-3d2 strong{
width:100%;
margin:0 auto;
text-align:center;
}

p#about-logo{
width:100%;
 	margin:0 auto;
text-align:center;
 }
 
 
p#about-logo2{
width:100%;
margin:0 auto;
text-align:center;
 }
 
 
p#about-logo2 strong{
width:100%;
margin:0 auto;
text-align:center;
}


p#about-graphic{
width:100%;
 	margin:0 auto;
text-align:center;
 }
 
 
p#about-graphic2{
width:100%;
margin:0 auto;
text-align:center;
 }
 
 
p#about-graphic2 strong{
width:100%;
margin:0 auto;
text-align:center;
} 

#about-us p{
width:100%;
max-width:100%;
padding-right:5px;
font-size:14px;
}	


#about-us .col-md-4 {
   width: 100%;
   margin-right:0px;
 }
 
#about-us .col-md-4:nth-child(4) {
   width: 100%;
   margin-right:0px;
 }
 
#lets-work h1{
color:#475d67;
font-size:60px;
border:none;
font-weight:700;
padding-top:90px;
line-height:1px;
margin-bottom:55px;
font-size:40px;
}


.meet{
width:100%;
float:left;
max-width:950px;
margin:0px;
margin-bottom:100px;
}

.meet .text{
width:80%;
float:left;
margin-top:0px;
margin-bottom:35px;
max-width:950px;

}

.team-member{
width:100%;
margin:0 auto;
float:left;
}

.services{
width:100%;
float:left;
max-width:950px;
margin:0px;
margin-bottom:100px;

}	

.service p{
width:100%;
max-width:950px;
float:none;
}	

.testimonials{
width:100%;
float:none;
max-width:750px;
margin:0 auto;
}

.testimonial{
width:100%;
float:left;
max-width:750px;
margin:0 auto;
}

.contact-info{
margin-top:45px;
margin-right:45px;
float:right;
color:#707273;
position:relative;
z-index:9999;
}

#contact-footer .col-md-4{
width:330px;
float:left;
margin-right:10px;
height:180px;
}

#contact-footer .col-md-4:nth-child(2){
width:370px;
float:left;
}

#contact-footer .col-md-4:last-child{
width:300px;
float:left;
margin-right:0px;
height:100px;
margin-top:30px;
}

li.facebook{
 margin-bottom:10px;
}

li.linkedin{
 margin-bottom:10px;
}

li.dribble{
 margin-bottom:10px;
}


#work{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/web.jpg");
}

#work-web{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/web.jpg");
}


#work-logo{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/logo.jpg");
}

#work-3d{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/3d.jpg");
}

#work-motion{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/motion.png");
}

#work-graphic{
width:100%;
margin:0 auto;
height:154px;
margin-top:115px;
margin-bottom:0px;
position:relative;
background:url("../images/graphic.jpg");
}

.cbp-af-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height:115px;
border-bottom:1px solid #44494a;
background: #282b2c;
z-index: 10000;
overflow: hidden;
-webkit-transition: height 2s;
-moz-transition: height 2s;
transition: height 2s;
}

.cbp-af-header .cbp-af-inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 1.875em;
}



.cbp-af-header .nav, .contact-info, .logo   {
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
margin-top:5px;

}

.contact-info  {
margin-top:50px;

}


/* Transitions and class for reduced height */



.cbp-af-header.cbp-af-header-shrink {
height:115px;
border-bottom:1px solid #44494a;
}



.cbp-af-header.cbp-af-header-shrink .logo {
margin-top:5px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);

}

.cbp-af-header.cbp-af-header-shrink .nav  {
margin-top:19px;

}

.cbp-af-header.cbp-af-header-shrink .contact-info  {
margin-top:50px;

}

.img-hover-featured:hover + .item img{

 	-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
overflow: hidden;
}

.img-hover:hover + .item img{

 	-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
overflow: hidden;
}

.img-hover{
	display:none;
	
}
nav.work-sections ul li{
text-decoration:none;
list-style:none;
display:inline;
padding-left:0px;
margin-left:0px;
color:#7e8283;
font-size:12px;
}

nav.work-sections li a{
text-decoration:none;
list-style:none;
display:inline;
padding-right:10px;
-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;
 	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	color:#7e8283;

}

}
 
 
 
@media screen and (max-width: 762px) {
nav.work-sections{

margin-top:20px;
}

#social-icons{
	  width: 80%;
    margin: auto;

	}

.facebook-icon{
width:100px;
}

.twitter-icon{
width:100px;
}



.vimeo-icon{
width:100px;
}

.pinterest-icon{
width:100px;
}


#about-work{
width:100%;
float:left;
margin-left:0px;
margin-top:5px;
padding-bottom:10px;
min-width:290px;
max-width:760px;
}

.about-work-p{
width:100%;
min-width:290px;
max-width:710px;
float:left;
padding-bottom:10px;
margin-bottom:25px;
border-bottom:1px solid #44494a;
}


.vimeo-video{
margin-left:15px;
width:98%;
}

.vimeo-video iframe{
width:100%;
height:100%;
max-height:450px;
margin-bottom:45px;
margin-top:0px;
}


img.work-individual {
border: 5px solid #adb4b6;
margin-bottom:55px;
margin-left:15px;
width:96%;
height:0 auto;
}

#social-icons{
	  width: 70%;
    margin: auto;

	}



ul.social{
float:right;
margin-right:-10px;
padding-left: 0;
margin-top:-7px;
width:30px;
}

ul.social li{
  position: relative;
 display: block;
text-decoration:none;
list-style:none;
padding-left:5px;
padding-bottom:5px;
float:left;
}

ul.social li img{
width:25px;
}

#recent-work .col-md-3:last-child{
display:none;
}


#recent-work .col-md-3{
width:335px;
height:378px;

}

#recent-work .item {
width:335px;
height:259px;
}

#recent-work .item img{
width:335px;
height:259px;
}



.recent-work .col-md-3{
width:335px;
height:378px;

}

.recent-work .item {
width:335px;
height:259px;
}

.recent-work .item img{
width:335px;
height:259px;
}


#recent-work-featured .col-md-3{
width:335px;
height:378px;

}

#recent-work-featured .item {
width:335px;
height:259px;
}

#recent-work-featured .item img{
width:335px;
height:259px;
}



.timeline-img{
margin:0 auto;
text-align:center;
visibility:hidden;	
}

.row{
padding:15px;
}

#gallery .col-md-4 {
   width: 100%;
   margin-right:0px;
   float:left;
 }
 
 
#gallery .col-md-4:nth-child(3) {
 
   margin-right:0px;
   
   float:left;
 }
 
#gallery .col-md-4:nth-child(4) {
  width: 100%;
   margin-right:30px;
   float:left;
 }
 
 
#gallery .col-md-4:nth-child(5) {
  width: 100%;
   margin-right:0px;
   float:left;
 }
 
 #gallery .col-md-4:nth-child(7) {
 width: 100%;
   margin-right:0px;
   
   float:left;
 }


 
#gallery .col-md-4 img{
   width: 100%;
   margin-right:0px;
   float:left;
 }
 

li.facebook{
 margin-bottom:0px;
}

li.linkedin{
 margin-bottom:0px;
}

li.dribble{
 margin-bottom:0px;
}



#contact-footer{
padding:0px;
}

#contact-footer .col-md-4{
width:100%;
padding:0px;
float:none;
}

#contact-footer .col-md-4:first-child{
width:100%;
padding:0px;
float:none;
margin-bottom:20px;

}

#contact-footer .col-md-4:last-child{
width:100%;
padding:0px;
float:none;
margin-top:215px;
}


.copy{
float:left;
width:100%;
}

.copy-right{
float:left;
width:100%;
margin-top:5px;
padding-left:15px;
}

.meet h1{
   margin-bottom:25px;
   margin-right:0px;
 }
 
.meet{
width:100%;
float:left;
margin:0px;
margin-bottom:100px;
}

.meet .text{
width:100%;
float:left;
margin-top:0px;
margin-bottom:35px;
}

.team-member{
width:100%;
margin:0 auto;
float:left;
}

.services{
width:100%;
float:left;
max-width:950px;
margin:0px;
margin-bottom:100px;

}	

.service p{
width:100%;
max-width:950px;
float:none;


}	




.testimonials{

width:100%;
float:none;
margin:0 auto;
padding:0px;

}

.testimonial{
width:100%;
float:left;
max-width:720px;
margin:0 auto;


}

.testimonials h1{
margin-top:625px;

}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: ;
	border-right: 40px solid transparent;
	border-top: 30px solid #363a3b;
	float:right;
	margin-right:50px;
	}


#worked-for {
	padding:15px;	
	}


#worked-for ul{
	float:left;
	width:100%;
	text-decoration:none;
	list-style:none;
	display:inline-block;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
	
	}
	

#worked-for li{
	margin-top:0px;
	float:left;
	padding-left:5%;
	height:100px;
	margin-bottom:40px;
	}

	
#worked-for li img{
	width:100px;
	}
	

#worked-for li:first-child{
	padding-left:0px;
	}
	

#worked-for li:nth-child(5){
	padding-left:0px;
	}


.right-2{
	width:992px;
	visibility: hidden;
	z-index:2;
 	left: 50%;
   	margin-left:-200px; /* half of the box */
	margin-top:300px;
}


#gallery .col-md-4:nth-child(5) {
   display:none;
 }
 
 #gallery .col-md-4:nth-child(6) {
   display:none;
	}
	 
	 
 #gallery .col-md-4:nth-child(7) {
   display:none;
 	}
 
 
   .work-sections{
 	line-height:40px;
	}
 
 
 #contact-get-in-touch {
	width:100%;
	margin:0 auto;
	}


ul.contact-get-in-touch {
   padding-left: 0px;
   list-style-type: none;
   margin-bottom:130px;
   }
   

.contact-get-in-touch li{
	text-decoration:none;
	list-style:none;
	display:inline;
	font-size:13px;
	color:#8b9294;
	padding:18px 0px 18px 60px;
	margin-right:50px;
	}


 	
.contact-get-in-touch li.email-icon{
	background-image: url('../images/email-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:100%;
	}

.contact-get-in-touch li.tel-icon{
	background-image: url('../images/tel-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:100%;
	}	

.contact-get-in-touch li.mob-icon{
	background-image: url('../images/mob-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:100%;
	}

.contact-get-in-touch li.skype-icon{
background-image: url('../images/skype-icon.png');
background-repeat: no-repeat;
background-position: 0 0px;
width:100%;
}

#contact-form{
	width:75%;
	margin:0 auto;
	}
	
	.logo{
margin-left:15px;
}


#contact-page-form{
float:left;
margin-bottom:175px;

}

.facebook-head a{
	background-image: url('../images/facebook-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}

.facebook-head a:hover{
	background-image: url('../images/facebook-icon-hover.png');
	color:#73a0b9;
	display:block;
}


.twitter-head a{
	background-image: url('../images/twitter-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}
	

.twitter-head a:hover{
	background-image: url('../images/twitter-icon-hover.png');
	color:#73a0b9;
	display:block;
	}

	
}
 
 
@media screen and (max-width: 735px) {


#social-icons{
	width: 80%;
    margin: auto;
	}

.facebook-icon{
width:90px;
}

.twitter-icon{
width:90px;
}



.vimeo-icon{
width:90px;
}

.pinterest-icon{
width:90px;
}





#work h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}





#work-web h1{
color: #fff;
 border:none;
font-family: 'Gill Sans';
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#work-logo h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

#work-3d h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

#work-motion h1{
 color: #fff;
 border:none;
 font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#work-graphic h1{
 color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:38px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#recent-work .col-md-3:last-child{
display:none;

}




#recent-work .col-md-3{
width:100%;
height:450px;

}

#recent-work .item {
width:100%;
width:450px;
height:348px;
left:50%;
right:50%;
margin-left:-240.5px;
}

#recent-work .item img{
width:450px;
height:348px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}



.recent-work .col-md-3{
width:100%;
height:450px;
float:left;

}

.recent-work .item {
width:100%;
width:450px;
height:348px;
left:50%;
right:50%;
margin-left:-240.5px;
}

.recent-work .item img{
width:450px;
height:348px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}



#recent-work-featured .col-md-3{
width:100%;
height:450px;


}

#recent-work-featured .item {
width:100%;
width:450px;
height:348px;
left:50%;
right:50%;
margin-left:-240.5px;
}

#recent-work-featured .item img{
width:450px;
height:348px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}




.main{
margin-top:100px;
}

#contact-page-form label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:23px;
float:left;
font-weight:300;
min-width:80px;
margin-bottom:31px;
max-width:140px;
}

#phone img{
width:90px;
z-index:9999;
margin-top:-110px;
visibility:hidden;
margin-left:10px;
}


#browser img{
width:328px;
margin-top:-110px;
margin-left:60px;
}

#browser .slideRight{

width:570px;
margin-top:0px;
margin-left:0px;

}

.testimonial{
width:100%;
float:left;
max-width:720px;
margin:0 auto;
margin-right:10px;

}

.caption{
text-align:center;
padding-left:15px;
padding-right:15px;
}



.caption h1{

 color: #fff;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:22px;
 font-weight: 300;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:16px;
 visibility: hidden;
 letter-spacing: 2px;
 text-align:center;


 }
 
 
 
 h1#heading{
 color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:36px;
 font-weight: 300;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:44px;
 visibility: hidden;
 letter-spacing: 2px;
 }
 
 
.map{
width:770px;
float:left;
margin-left:-50px;
position:absolute;
margin-top:390px;
visibility: hidden;
z-index:2;

}




.banner-img img{
min-height:600px;
}


 
p#about{
 color: #e2f2f8;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:14px;
 font-weight: 200;
  letter-spacing: 1px;
  line-height:18px;
max-width:490px;
visibility: hidden;
padding-bottom:5px;
text-align:center;
 }
 
 
p#about-2{
 color: #e2f2f8;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:14px;
 font-weight: 200;
  letter-spacing: 1px;
 line-height:18px;
max-width:532px;
visibility: hidden;
text-align:center;
 }
 
 
p#about-2 strong{

 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:14px;
 font-weight: 300;
  letter-spacing: 1px;
  line-height:29px;

 }
 



.left-2{
margin-top:-40px;
}

.right-2{
	width:560px;
	visibility: hidden;
	z-index:2;
 	left: 50%;
  	 margin-left:-200px; /* half of the box */
	margin-top:140px;
	}

 
 #lets-work h1{
color:#475d67;
font-size:60px;
border:none;
font-weight:700;
padding-top:60px;
line-height:30px;
margin-bottom:55px;
font-size:30px;
}





#imac .slideRight{
margin-left:0px;
margin-left:0px;
}

#imac .slideRight{
margin-left:0px;
margin-left:0px;
}

.imac img{
width:200px;
height:260px;
margin-top:-80px;
margin-left:100px;
}



.video{
width:188px; 
height:106px;
margin-top:-73px;
z-index:999;
margin-left:-174px;
}




.left{
width:100%;
max-width:720px;
float:left;
text-align:center;
margin-top:-40px;
}

.img-hover{
	margin-top:80px;
	opacity:0;
	z-index:9999;
	position:absolute;
	margin-left:-125px;
	left:50%;
	right:50%;
	}



.right-2{
	visibility: hidden;
	z-index:2;
 	left: 50%;
   	margin-left:-200px; /* half of the box */
	margin-top:320px;
	}


.right-3{

visibility: hidden;
z-index:2;
left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:345px;


}


.right-4{

	visibility: hidden;
	z-index:2;
	left: 50%;
   margin-left:-200px; /* half of the box */
	margin-top:180px;
}

.buttons-web{

  width:100%;
	float:left;
	display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:230px;
}

.buttons-graphic{
	width:100%;
	float:left;
	display: block;
   margin: 0 auto;
   text-align: center;
   margin-top:223px;
}

.buttons-logo{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;
     margin-top:260px;
     
}


.buttons-3d{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:255px;
}

.buttons-motion{

  width:100%;
float:left;
   display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:200px;
}


#worked-for ul{
	max-width:680px;

	}

.right-3{
	margin-top:180px;
	}

#about-3d2{
	display:none;
	}
	
#about-logo2{
	display:none;
	}

#graphic-1 img{
	margin-top:30px;
	}
	
#graphic-2 img{
	margin-top:30px;
	}

	 #recent-work{
 	margin-top:-100px;
 }
  
 }
 	
 

@media screen and (max-width: 560px) { 
 
 #contact-form{
	width:100%;
	margin:0 auto;
	}
	
 #social-icons{
	  width: 50%;
      margin: auto;
	}



}

   
@media screen and (max-width: 500px) { 



.logo{
	width:130px;
	
}


.mail{
display:none;
}

ul.social{
padding-left: 0px;
margin-top:20px;
float:left;
margin-right:160px;
float:right;
display:inline;
height:20px;
}

ul.social li{
  position: relative;
margin-right:-40px;
text-decoration:none;
list-style:none;
padding-left:5px;
padding-bottom:px;
width:200px;
}


ul.social li img{
width:20px;
margin-top:-10px;

}

ul.contact {
list-style:none;
width:260px;
float:left;
font-size:12px;
margin-right:-235px;
margin-top:-13px;
}

ul.contact li{
float:left;
text-decoration:none;
list-style:none;
text-align:right;
}

#contact-form{
	width:90%;
	margin:0 auto;
	}

.contact-form{
width:100%;
max-width:370px;
margin-bottom:50px;
}


.contact-form-2{
width:100%;
max-width:370px;
float:left;
}

.contact-form input[type="text"] { 
width: 260px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}

.contact-form input[type="email"] { 
width: 260px;
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}


.contact-form-2 textarea{ 
width:100%;
width: 260px;
height:150px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-top:5px;
margin-bottom:28px;

}	


label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:14px;
float:left;
font-weight:300;
min-width:80px;
margin-bottom:40px;
max-width:80px;
}

.checkboxes{
float:left;
margin-top:-10px;
}


.type-heading{
  color:#7e8283;
font: "Helvetica Neue";
font-size:14px;
float:left;
font-weight:300;
min-width:70px;
margin-bottom:40px;
max-width:70px;
 	}

.checkboxes label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:12px;
float:left;
font-weight:300;
min-width:20px;
margin-top:5px;
}

select {
  background:#363839  url('../images/arrow.png') no-repeat 230 15;
width: 260px;
  height:38px;
  padding:10px;
  color:#7e8283;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  float:right;
  }
  
.select{
margin-bottom:-15px;  	   
}
 
  select option{
   font-size: 18pt;
   background:#363839;
}


#work-web h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:28px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#work-logo h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:28px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

#work-3d h1{
color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:28px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}

#work-motion h1{
 color: #fff;
 border:none;
 font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:28px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}


#work-graphic h1{
 color: #fff;
 border:none;
 font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:28px;
 font-weight: 500;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:22px;
 letter-spacing: 2px;
 padding-top:35px;
}



.img-hover{
margin-top:30px;
opacity:0;
z-index:9999;
position:absolute;
margin-left:-112px;
left:50%;
right:50%;
}


#recent-work .col-md-3{
width:100%;
height:320px;
margin-left:15px;

}

#recent-work .item {
width:100%;
width:300px;
height:232px;
left:50%;
right:50%;
margin-left:-150px;
}

#recent-work .item img{
width:300px;
height:232px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}



.recent-work .col-md-3{
width:100%;
height:320px;
margin-left:15px;
float:left;

}

.recent-work .item {
width:100%;
width:300px;
height:232px;
left:50%;
right:50%;
margin-left:-150px;
}

.recent-work .item img{
width:300px;
height:232px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}



#recent-work-featured .col-md-3{
width:100%;
height:320px;
margin-left:15px;

}

#recent-work-featured .item {
width:100%;
width:300px;
height:232px;
left:50%;
right:50%;
margin-left:-150px;
}

#recent-work-featured .item img{
width:300px;
height:232px;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
}


.caption h1{

 color: #fff;
 border:none;
 font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:22px;
 font-weight: 300;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);

 visibility: hidden;
 letter-spacing: 2px;
 text-align:center;


 }
 
.map{
width:770px;
position:absolute;
margin-left:0px;
visibility: hidden;
z-index:2;
float:none;
display:block;
margin-left: auto;
   margin-right: auto;
margin-top:400px;
}

#contact-form{
	width:100%;
	margin:0 auto;
	}
	

#contact-page-form textarea{ 
width: 70%; 
height:174px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}	

#contact-page-form input[type="text"] { 
width: 70%; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:10px;
margin-right:0px;
}

#contact-page-form input[type="email"] { 
width: 70%; 
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}


#contact-page-form label p{
color:#7e8283;
font: "Helvetica Neue";
font-size:18px;
float:left;
font-weight:300;
min-width:80px;
margin-bottom:31px;
max-width:140px;
}

#about-work h2{
top:0px;

}

.about-work-2{
	display:block;
}

#about-work-2{
	display:block;
}

#about-work-2 h3{
display:none
}

#about-work-2 .about-work-p{
display:none
}

#about-work-2 .visit-website{
display:none
}

#about-work-2 .social-2{
display:none
}
 


}
 
@media screen and (max-width: 720px) { 

#worked-for ul{
	width:300px;
	}
	

#worked-for li:nth-child(3){
	padding-left:0px;
	}
	
#worked-for li:nth-child(5){
	padding-left:0px;
	}
	
#worked-for li:nth-child(7){
	padding-left:0px;
	}
	


}


@media screen and (max-width: 450px) { 




.arrow-down {
width: 0; 
height: 0; 
border-left: ;
border-right: 40px solid transparent;
border-top: 30px solid #363a3b;
float:right;
margin-right:10px;
}






}

@media screen and  (max-width: 495px) 
{



	
.imac img{
width:200px;
height:260px;
margin-top:35px;
margin-left:100px;
}

.video{
width:188px; 
height:106px;
margin-top:43px;
z-index:999;
margin-left:-174px;
}


.right-4{

visibility: hidden;
z-index:2;
left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:335px;
}

#about-logo{
	display:none;
	}
	
#about-graphic2{
	display:none;
	}
	
.buttons-web{

  width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:250px;
}

.buttons-graphic{
	width:100%;
	float:left;
	display: block;
   margin: 0 auto;
   text-align: center;
   margin-top:303px;
}

.buttons-logo{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;
     margin-top:305px;
     
}


.buttons-3d{
width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:235px;
}

.buttons-motion{

  width:100%;
float:left;
display: block;
   margin: 0 auto;
   text-align: center;	
   margin-top:206px;
}


.facebook-head a{
	background-image: url('../images/facebook-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}

.facebook-head a:hover{
	background-image: url('../images/facebook-icon-hover.png');
	color:#73a0b9;
	display:block;
}


.twitter-head a{
	background-image: url('../images/twitter-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	padding-top:0px;
	color:#707273;
 	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 	text-decoration:none;
 	display:block;
	}
	

.twitter-head a:hover{
	background-image: url('../images/twitter-icon-hover.png');
	color:#73a0b9;
	display:block;
	}

.social p{
	display:block;
	float:left;
	font-size:8px;
	margin-left:28px;
	margin-top:10px;
	
	}
	
	
	ul.social li img{
width:20px;
margin-top:-10px;

}
	
.mail{
display:none;
}



ul.social{
float:right;
display:inline block;
margin-right: -122px;
padding-left: 0;
margin-top:10px;
width:220px;
}

ul.social li{
float:left;
text-decoration:none;
list-style:none;
padding-left:-5px;
display:inline block;
width:110px;
}


ul.social a:hover{
opacity:1;
}
 

ul.contact {
display:inline block;
list-style:none;
float:left;

}

ul.contact li{
float:left;
text-decoration:none;
list-style:none;
text-align:left;
}


.buttons{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;	
   	margin-top:0px;
	}


.buttons-web{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;	
   	margin-top:190px;
	}

.buttons-graphic{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;
   	margin-top:190px;
	}

.buttons-logo{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;
    margin-top:190px;  
	}


.buttons-3d{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;	
  	margin-top:190px;
	}

.buttons-motion{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;	
   	margin-top:150px;
	}
	


#about-logo2, #about-3d2, #about-motion2, #about-graphic{
	display:none;
	}

.sb-toggle-right{
	position:fixed;
	color: #fff;
	z-index:99999;
	right:0;
	font-size:28px;
	color: #707273;
	width:40px;
	height:100px;
	height:20px;
	margin-top:-55px;
	margin-right:0px;
	background-color: #282b2c;
	display:block;
	padding: 0 0 40px 8px;
	}	

h1#mdc{
	line-height:30px;
	}

img.work-individual {
border: 5px solid #adb4b6;
margin-bottom:55px;
margin-left:15px;
width:95%;
height:0 auto;
}

#contact-footer ul{
float:left;
list-style:none;
padding-left:0;
color:#7e8283;
margin-right:30px;
font-size:10px;
}

#about-work .social-2 img{
	width:25px;
	}
	
	
p.auth{
float:right;
margin-right:10px;
margin-top:5px;
font-size:13px;
width:200px;
}

#phone img{
width:80px;
z-index:9999;
margin-top:10px;
visibility:hidden;
margin-left:50px;
}


#browser img{
width:300px;
margin-top:10px;
margin-left:50px;
}


#macbook img{
width:200px;
z-index:9999;
position: absolute;
margin-top:-100px;
margin-left:45px;
}


#tv img{
margin-top:-60px;
margin-left:105px;
width:250px;
}


#ipad-1 img{
width:200px;
z-index:9999;
position: absolute;
margin-top:-110px;
margin-left:45px;
}


#ipad-2 img{
width:100px;
margin-top:-20px;
margin-left:235px;
}


#graphic-1 img{
width:140px;
z-index:9999;
position: absolute;
margin-top:-30px;
margin-left:45px;
}


#graphic-2 img{
margin-top:-10px;
margin-left:155px;
width:200px;
}



.contact-form input[type="text"] { 
width: 180px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}

.contact-form input[type="email"] { 
width: 180px;
height:37px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-bottom:28px;
margin-right:0px;
}





.contact-form-2 textarea{ 
width:100%;
width: 180px;
height:150px;
background:#363839;
border:none;
padding:13px;
color:#7e8283;
font-size:18px;
float:right;
margin-top:5px;
margin-bottom:28px;
}	




select {
  background:#363839  url('../images/arrow.png') no-repeat 230 15;
  width: 180px;
  height:38px;
  padding:10px;
  color:#7e8283;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  float:right;
  }
  

.checkboxes{
float:left;
margin-top:-10px;
}

.left #about{
	display:none;
}

#about-2{
	display:none;
}


#about-web{
	display:none;
}

#about-web2{
	display:none;
}

#about-motion{
	display:none;
}

#about-3d{
	display:none;
}

#about-3d2{
	display:none;
}

.right-2{
visibility: hidden;
z-index:2;
 	left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:20px;
}


.right-3{

visibility: hidden;
z-index:2;
left: 50%;
   margin-left:-200px; /* half of the box */
margin-top:80px;


}


.right-4{
visibility: hidden;
z-index:2;
left: 50%;
margin-left:-200px; /* half of the box */
margin-top:80px;
}

h1#heading{
 color: #fff;
 border:none;
font-family: "Gill Sans", Helvetica, Arial, sans-serif;
 font-size:36px;
 font-weight: 300;
 text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
 line-height:44px;
 visibility: hidden;
 letter-spacing: 2px;
 margin-top:-5px;
 }
 
 
.map{
width:300px;
margin-left:-100px;
position:absolute;
margin-top:200px;
visibility: hidden;
z-index:2;

}

.left{
width:100%;
max-width:720px;
float:left;
text-align:center;
margin-top:-50px;
}

#address-box{
width:125px;
height:180px;
background:rgba(40,43,44, .7);
color:#ffffff;
position:absolute;
z-index:9999;
margin-top:30px;
margin-left:5px;
padding:0px 5px 5px 10px;
}


#address-box h2{
font-size:14px;
color:#ffffff;
}

#address-box ul{
list-style:none;
padding-left:0px;
margin-top:10px;
}

#address-box li{
line-height:20px;
font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight:400;
 font-size:10px;
}

#work-2{
width:100%;
margin:0 auto;
height:126px;
margin-top:25px;
display:block;
position:relative;
border-image-width: 100%;
margin-left:0px;
}


#copy{
padding-top:15px;
padding-bottom:60px;
border-top: 1px solid #44494a;
font-size:10px;
padding-left:0px;
}

p.copy-right{
float:right;
font-size:10px;
}


p.copy-right .blue{
font-size:10px;
}


p.copy{
font-size:10px;
}

#social-icons{
	width: 100%;
    margin: auto;
    margin-top:-20px;
	}

.facebook-icon{
width:95px;
}

.twitter-icon{
width:90px;
}

.vimeo-icon{
width:90px;
}

.pinterest-icon{
width:95px;
}

.linkedin-icon{
width:95px;
}

.dribbble-icon{
width:90px;
}


#about-work h2{
	display:none
	}


#about-work .date{
	display:none
	}


#about-work ul.social-2{
	margin-top:30px;
	}
	

#about-work ul.social-2 li{
	margin-top:10px;
	}


.type-heading{
	height:200px;
	}

#contact-form{
	display:none;
	width:100%;
	margin:0 auto;
	margin-bottom:100px;
	margin-top:5px;
}


#work{
	width:100%;
	margin:0 auto;
	height:154px;
	margin-top:0px;
	margin-bottom:40px;
	position:relative;
	background:url("../images/work.jpg");
	}
	

ul.contact-get-in-touch {
   padding: 0;
   list-style-type: none;
   margin-bottom:0px;
   }
   
   
#contact-page-form{
	float:left;
	margin-bottom:55px;
	}

} 


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

#worked-for ul{
	width:300px;
	}
	
#worked-for img{
	width:90px;
	}
	
#worked-for li:nth-child(3){
	padding-left:0px;
	}
	
#worked-for li:nth-child(5){
	padding-left:0px;
	}
	
#worked-for li:nth-child(7){
	padding-left:0px;
	}
	
.map{
width:200px;
margin-left:-80px;
position:absolute;
margin-top:180px;
visibility: hidden;
z-index:2;

}

#map img{
	width:500px;
	}

#pin-1, #pin-2, #pin-3, #pin-4, #pin-5, #pin-6{
	display:none;
	}
	
.buttons-graphic{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;
   	margin-top:145px;
	}

.buttons-logo{
	width:100%;
	float:left;
	display: block;
   	margin: 0 auto;
   	text-align: center;
    margin-top:145px;  
	}

}

