/* logo game form */
#logo-game-form * {
	color: #ffffff;
}

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

body:after{
    display:none;
    content: url('/assets/images/facebook.png') url('/assets/images/facebook-blue.png') url('/assets/images/twitter.png') url('/assets/images/twitter-blue.png') url('/assets/images/linkedin.png') url('/assets/images/linkedin-blue.png') url('/assets/images/facebook-icon.png')
    url('/assets/images/twitter-icon.png') url('/assets/images/facebook-icon-hover.png')  url('/assets/images/twitter-icon-hover.png') url('/assets/images/vimeo.png') url('/assets/images/vimeo-blue.png') url('/assets/images/dribble.png') url('/assets/images/dribble-blue.png') url('/assets/images/pinterest.png') url('/assets/images/pinterest-blue.png')
    url('/assets/images/facebook-icon-2.png') url('/assets/images/facebook-icon-2-blue.png') url('/assets/images/twitter-icon-2.png') url('/assets/images/twitter-icon-2-blue.png') url('/assets/images/linkedin-2.png') url('/assets/images/linkedin-2-blue.png')
    url('/assets/images/pinterest-icon-2.png') url('/assets/images/pinterest-icon-2-blue.png') url('/assets/images/dribbble-icon-2.png') url('/assets/images/dribbble-icon-2-blue.png') url('/assets/images/facebook-1.png') url('/assets/images/twitter-1.png')
     url('/assets/images/all-btn.jpg') url('/assets/images/web-btn.jpg') url('/assets/images/logo-btn.jpg') url('/assets/images/motion-btn.jpg') url('/assets/images/graphic-btn.jpg') url('/assets/images/3d-btn.jpg');
    
    

}


#rib {
	visibility: hidden;
	}	
	
#rib img{
	margin-left:175px;
	margin-top:-20px;
	visibility: hidden;
	}

#rib img.slideUp{	
 	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
    }
    
#web-design a, #logo-design a, #motion-graphics a, #graphic-design a, #vr-ar-xr a, [id='3d-visuals'] a, #all-pro a{
	display:block;
	padding:21px 15px 21px 15px;
	border-left:2px solid #282b2c;
	color:#929da0;	
	}
		
#sub-nav{
	width:100%;
	position:absolute;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	display:block;
	padding-top: 30px;
	z-index:10001;
	margin-left:0px;
	}

ul.sub-nav {	
	float:left;
	position:absolute;
	width:800px;
	padding-left:0px;
	background:#2c2c2c;
	margin-left:0px;
	list-style:none;
	z-index:99999;
	}

ul.sub-nav:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -9999px;
	right: 0;
	border-left: 9999px solid #2c2c2c;
	box-shadow: 9999px 0 0 #2c2c2c;
	z-index:-1;
	}
		
ul.sub-nav li{
	display:inline;
	float:left;
	margin-left:0px;
	font-family: "Europa", Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:300;
	text-transform: uppercase;
	}
	
ul.sub-nav li:last-child{
	border-right:2px solid #282b2c;	
	}	

.navbar-nav li:hover ul, #work-page .navbar-nav li ul{
	display:inline-block;
	}

#all-pro a:hover, .all #all-pro a{
	background-image: url('/assets/images/all-btn.jpg');
	background-repeat: no-repeat;
	color:#e4e4e4;
	border-left:2px solid #282b2c;
	text-decoration:none;
	}	

#web-design a:hover,  #web-design.selected a{
	background-image: url('/assets/images/web-btn.jpg');
	background-repeat: no-repeat;
	color:#d2f0fb;
	border-left:2px solid #282b2c;
	text-decoration:none;
	z-index:9999;
	}

#logo-design a:hover, #logo-design.selected a{
	background-image: url('/assets/images/logo-btn.jpg');
	background-repeat: no-repeat;
	color:#ebf8e2;
	border-left:2px solid #282b2c;
	text-decoration:none;
	}

#motion-graphics a:hover, #motion-graphics.selected a{
	background-image: url('/assets/images/motion-btn.jpg');
	background-repeat: no-repeat;
	color:#f2d6d5;
	border-left:2px solid #282b2c;
	text-decoration:none;
	}

#graphic-design a:hover, #graphic-design.selected a{
	background-image: url('/assets/images/graphic-btn.jpg');
	background-repeat: no-repeat;
	color:#333333;
	border-left:2px solid #282b2c;
	text-decoration:none;
	}
	
#vr-ar-xr a:hover, #vr-ar-xr.selected a, 
[id='3d-visuals'] a:hover, [id='3d-visuals'].selected a{
	background-image: url('/assets/images/3d-btn.jpg');
	background-repeat: no-repeat;
	color:#dcc9e8;
	border-left:2px solid #282b2c;
	text-decoration:none;
	}


	
		
.img-team-hover .circular {
	position:absolute;
    display: block;
    z-index:-1;
    cursor:pointer;
}

#team-images:hover .img-team-before .circular 
{
	position:absolute;
    display: block;
    z-index:-1;
    height:115px;
    cursor:pointer;
	}

#team-images:hover .img-team-hover .circular {
	position:relative;
    display: block;
     z-index:99999;
     cursor:pointer;
	}



.wrap{
	background:#282b2c;	
	}
	
.wrap{
	background:#282b2c;	
	}
	
.main{
	display:block;
  	background:#282b2c;
  	position:relative;
  	margin:0 auto;
  	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}
	
#contact-footer{
  	background:#282b2c;
	}
	

h1 {
	font-size: 24px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:200;
 	border-bottom:1px solid #44494a;
 	line-height:45px;
 	letter-spacing:1.2px;
	}
	
.h1-blue{
	font-size: 24px;
	color:#4bb3e6;
	font: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:300;
  	border-bottom:1px solid #44494a;
  	line-height:45px;
	}


.new-services {
	height: 20vw;
	margin: 100px 0 0 0;
	position: relative;
}

.new-services .blue-service,
.new-services .yellow-service,
.new-services .green-service,
.new-services .red-service,
.new-services .purple-service {
	height: 20vw;
	padding: 0;
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
	clear: both;
}

.new-services .blue-service div,
.new-services .yellow-service div,
.new-services .green-service div,
.new-services .red-service div,
.new-services .purple-service div {
	width: 100%;
	height: 100%;
	float: left;
}

.new-services .yellow-service {
    -ms-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    left: 20%;
	z-index: 1000;
}

.new-services .yellow-service div {
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
}

.new-services .green-service {
    -ms-transform: skewX(35deg);
    -webkit-transform: skewX(35deg);
    transform: skewX(35deg);
    left: 40%;
	z-index: 2000;
}

.new-services .green-service div {
    -ms-transform: skewX(-35deg);
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
}

.new-services .red-service {
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    left: 60%;
	z-index: 3000;
}

.new-services .red-service div {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
}

.new-services .purple-service {
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    left: 80%;
	z-index: 4000;
}

.new-services .purple-service div {
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.new-services .blue-service h2,
.new-services .yellow-service h2,
.new-services .green-service h2,
.new-services .red-service h2,
.new-services .purple-service h2 {
	color: #ffffff;
}

.new-services .blue-service p,
.new-services .yellow-service p,
.new-services .green-service p,
.new-services .red-service p,
.new-services .purple-service p {
	color: #333333;
	font-size: 16px;
}

.new-services .blue-service h2,
.new-services .yellow-service h2,
.new-services .green-service h2,
.new-services .red-service h2,
.new-services .purple-service h2 {
	width: 20%;
	text-align: center;
	font-size: 3vw;
	line-height: normal;
	position: absolute;
	top: 50%;
	margin: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    transform: translate(0,-50%);
    text-shadow: -2px 1px 0px rgba(12, 13, 13, 0.27);
}

.new-services .blue-service .service-wrap,
.new-services .yellow-service .service-wrap,
.new-services .green-service .service-wrap,
.new-services .red-service .service-wrap,
.new-services .purple-service .service-wrap {
	width: 40%;
	position: absolute;
	left: 25%;
	top: 50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    transform: translate(0,-50%);
    float: left;
    height: auto;
    opacity: 0;
  	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}


.new-services .blue-service .service-wrap .button,
.new-services .yellow-service .service-wrap .button,
.new-services .green-service .service-wrap .button,
.new-services .red-service .service-wrap .button,
.new-services .purple-service .service-wrap .button {
    z-index: 9999;
    margin-top: 18px;
    width: 120px;
    height: 32px;
    border-radius: 10px;
    display: block;
    background: none;
    border: 1px solid #333333;
    color: #333333;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    padding: 6px 0;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}


.new-services .yellow-service .service-wrap .button {
    border: 1px solid #333333;
    color: #333333;
}

.new-services .blue-service .service-wrap .button:hover,
.new-services .yellow-service .service-wrap .button:hover,
.new-services .green-service .service-wrap .button:hover,
.new-services .red-service .service-wrap .button:hover,
.new-services .purple-service .service-wrap .button:hover {
	background: rgba(255,255,255,0.3);
}


.new-services .blue-service {
	background: #4bb3e6;
}

.new-services .yellow-service {
	background: #f4ed31;
}

.new-services .green-service {
	background: #73c252;
}

.new-services .red-service {
	background: #ee4969;
}

.new-services .purple-service {
	background: #9459ae;
}


.new-services div {
  	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.new-services div div {
  	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.new-services div:hover {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    left: 0;
}

.new-services div:hover div {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}


.new-services .blue-service:hover .service-wrap,
.new-services .yellow-service:hover .service-wrap,
.new-services .green-service:hover .service-wrap,
.new-services .red-service:hover .service-wrap,
.new-services .purple-service:hover .service-wrap {
    opacity: 1;
}

.new-services .right {
    left: 110%;
}

img.logo {
	width:155px;
	}
	
.logo:hover{
	opacity:0.5;
	}
	
#newsletter {
	float:left;
	width:100%;
	font-size: 24px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:200;
 	border-bottom:1px solid #44494a;
 	line-height:45px;
 	letter-spacing:1.2px;
	}

h2 {
 	font-size: 18px;
 	color:#4bb3e6;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:300;
	line-height:15px;
	}

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

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

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

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

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

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

p {
 	font-size: 14px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:400;
	}	
	
.buttons-logo{
	width:100%;
	float:left;
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-top:-35px;
	}

.buttons-3d{
	width:100%;
	float:left;
	display: block;
	margin: 0 auto;
	text-align: center;	
	margin-top:-48px;
	}
	
#work-page .work-link{
	color:#ffffff;
	}

#home-page .home-link{
	color:#ffffff;
	}

#about .about-link{
	color:#ffffff;
	}

#services .services-link{
	color:#ffffff;
	}
	
#contact .contact-link{
	color:#ffffff;
	}

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

.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:#4bb3e6;
	text-decoration:none;
	}	

ul.contact {
	list-style:none;
	font-size: 15px;
	}

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('/assets/images/instagram-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('/assets/images/instgram-icon-hover.png');
	color:#4bb3e6;
	display:block;
	background-size:33px 33px;
	height:33px;
	width:33px;
	}

.twitter-head a{
	background-image: url('/assets/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('/assets/images/twitter-icon-hover.png');
	background-size:33px 33px;
	height:33px;
	width:33px;
	color:#4bb3e6;
	display:block;
	}

.facebook-pro a{
	background-image: url('/assets/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-pro a:hover{
	background-image: url('/assets/images/facebook-icon-hover.png');
	color:#4bb3e6;
	display:block;
	}

.twitter-pro a{
	background-image: url('/assets/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-pro a:hover{
	background-image: url('/assets/images/twitter-icon-hover.png');
	color:#4bb3e6;
	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: "Europa", 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","Gill Sans MT", prenton, 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: "Europa", 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: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
 	}
 
p#about-web{
 	color: #e2f4f8;
 	border:none;
 	font: "Europa", 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: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
 	}

p#about-motion{
 	color: #f8e2e2;
 	border:none;
 	font: "Europa", 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: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
	 }
 
p#about-3d{
 	color: #eee2f8;
 	border:none;
 	font: "Europa", 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: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
  	letter-spacing: 1px;
  	line-height:29px;
	}
 
p#about-logo{
 	color: #ebf8e2;
 	border:none;
 	font: "Europa", 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: "Europa", 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: "Europa", Helvetica, Arial, sans-serif;
 	font-size:15px;
 	font-weight: 500;
 	letter-spacing: 1px;
  	line-height:29px;
 	}
 
p#about-graphic{
 	color: #ffffe2;
 	border:none;
 	font: "Europa", 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: "Europa", 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: "Europa", 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("/assets/css/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;
	background:#282b2c;
	}

#recent-work h3,
#recent-work .recent-work{
	margin-left:30px;	
	background:#282b2c;
	}

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

#recent-work p{
	text-align:center;
	font-size: 14.5px;
 	color:#7e8283;
 	font: "Europa", 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 .year h1{
	margin-left:30px;	
	margin-top:100px;
	float:none;
	}
	
.recent-work .year{
	width:100%;
	max-width:1250px;
	float:left;
	}
	
.recent-work .year:nth-child(1){
	margin-top:-100px;
	}

.recent-work p{
	text-align:center;
	font-size: 13.5px;
 	color:#7e8283;
 	font: "Europa", 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: "Europa", 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);
	}

.item-2 img{

	}

.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 #4bb3e6;	
	}	

.meet {
	text-align: center;
}

.meet, .services  {
   	margin-top:65px;
 	}
 
 .testimonials {
   margin-top:48px;
   margin-left:21px;
 	}
 

.testimonials p {
   color: #ffffff;
   font-weight: 300;
   font-size: 20px !important;
}

.testimonials span.blue {
	color: #ffffff;
	font-weight: 700;
}
 
.testimonials .rslides_container  {
	width:100%;
	float:left;
	margin-top:0;
	}
	
.testimonials .rslides_container {
 	margin-bottom: 0px;
 	position: relative;
 	float: left;
	 width: 100%;
 	}

.testimonials {
    max-width: 100%;
    float: left;
    width: 100%;
    margin: 0;
}
	
.testimonial {
    max-width: 600px;
    min-height: auto;
    background: none;
    padding: 0;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}
	
.testimonial p {
	font-size: 18px;
}
	
 .services {
   margin-bottom:25px;
	 }

.meet h3{
   margin-bottom:25px;
   text-align: center;
	font-size: 24px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:200;
 	border-bottom:1px solid #44494a;
 	line-height:45px;
 	letter-spacing:1.2px;
	}

 .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 #4bb3e6;
	margin-right:15px;
	}

.meet .team-member {
	width: 33%;
	display: inline-grid;
}

.meet .team-member #team-images {
	float: none;
	margin: 0 auto;
	width: 101px;
}

.clear-3 {
    width: 100%;
    float: left;
}

.clear-2 {
    width: 0;
    float: left;
}

.meet .text{
	width:90%;
	float:left;
	margin-top:0;
	margin-bottom:38.9px;
	margin-right: 5%;
	margin-left: 5%;
	text-align: center;
	}

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


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

.container-testimonial {
	padding-bottom: 50px !important;
}

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

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

	margin-bottom: 50px;
	}	
	
.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: auto;
	padding:10px 25px 25px 25px;
	line-height:30px;
	float:left;
	display:block;

	text-align: center;
	background:none;
	height: auto;
	}

.testimonial-3 .testimonial-text p,
.testimonial-2 .testimonial-text p,
.testimonial-1 .testimonial-text p {
	color: #ffffff;
	font-size: 20px !important;
    font-weight: 300;
}

.testimonial-3 .auth,
.testimonial-2 .auth,
.testimonial-1 .auth {
    text-align: center;
    color: #ffffff;
    font-size: 17px;
    font-weight: 300;
}

.testimonial-3 .auth span,
.testimonial-2 .auth span,
.testimonial-1 .auth span {
    color: #ffffff;
    font-weight: 700;
    font-size: 17px;
}


.testimonial-2 .testimonial-text{
	width:558px;
	min-height:227px;
	height: auto;
	padding:10px 25px 25px 25px;
	line-height:28px;
	float:left;
	display:inline-block;

	text-align: center;
	background:none;
	height: auto;
}

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

	margin-bottom: 50px;
	}	

.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: auto;
	padding:10px 25px 25px 25px;
	line-height:22px;
	margin-left:0px;
	margin-right:0px;

	text-align: center;
	background:none;
	height: auto;
}

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

.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;
	}

.blue-testimonial,
.blue-testimonial .testimonials-button button {
	background: #4bb3e6 !important;
}

.yellow-testimonial,
.yellow-testimonial .testimonials-button button {
	background: #f4ed31 !important;
}

.green-testimonial,
.green-testimonial .testimonials-button button {
	background: #73c252 !important;
}

.red-testimonial,
.red-testimonial .testimonials-button button {
	background: #ee4969 !important;
}

.purple-testimonial,
.purple-testimonial .testimonials-button button {
	background: #9459ae !important;
}

.blue-testimonial,
.yellow-testimonial,
.green-testimonial,
.red-testimonial,
.purple-testimonial {
	width: 100% !important;
	float: left;
	margin: 0;
	max-width: 100% !important;
    margin-top: 100px;
    margin-bottom: 100px;
    padding-bottom: 100px;
    padding-top: 50px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.blue-testimonial .container,
.yellow-testimonial .container,
.green-testimonial .container,
.red-testimonial .container,
.purple-testimonial .container {
	background: none;
}

.blue-testimonial h1,
.yellow-testimonial h1,
.green-testimonial h1,
.red-testimonial h1,
.purple-testimonial h1 {
	color: #ffffff;
	border: none;
	text-align: center;
	font-size: 40px !important;
}

p.auth {
    float: none;
    margin-right: 0;
    margin-top: 5px;
    font-size: 13px;
    width: 100%;
}

.testimonials p.auth {
    float: none;
    margin-right: 0;
    margin-top: 50px;
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-size: 17px !important;
}

.testimonials p.auth span {
    font-size: 17px !important;
}

.testimonials-button {
    max-width: 500px;
    float: none !important;
    border-bottom: 1px solid #ffffff !important;
    clear: both;
}

.testimonials-button button {
	border-color: #ffffff !important;
	color: #ffffff !important;
    box-shadow: none !important;
}

.testimonials .centered-btns_here a, .testimonials .transparent-btns_here a, .testimonials .large-btns_here a {
    background: none;
}

.blue{
	color:#4bb3e6;
	font-size:13px;
	}

.blue a{
	color:#4bb3e6;
	font-size:13px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	
.blue a:hover{
	opacity:0.8;
	text-decoration:none;
	}
		
.blue-2{
	color:#4bb3e6;
	font-size:14px;
	}

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;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}
	
.banner.move{
	margin-top:180px;
	padding-bottom:35px;
	background:#282b2c;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}
	
.main.move{
	margin-top:60px;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:174px;
	background: #282b2c;
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all 2s ease-in-out;
 	-moz-transition: all 2s ease-in-out;
 	-o-transition: all 2s ease-in-out;
 	transition: all 2s ease-in-out;
	clear:both;
	}
	
.cbp-af-header.test, #work-page .cbp-af-header{
   	height:174px;
   	background: #1a1a1a;
   	/*-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;*/
}

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



.cbp-af-header, .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: 80px;
	}

.cbp-af-header.test.cbp-af-header-shrink,  #work-page .cbp-af-header.cbp-af-header-shrink{
   	height:154px;
}

.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;

}


#header_video {
	width: 100%;
	height: 42.4vw;
	float: left;
	/*margin-top: 174px;*/
	margin-top: 175px;
	/*margin-top: 400px;*/
	margin-bottom: 30px;
	border: none;
}

#lisbon {
    width: 100%;
    height: 10vw;
    float: left;
    margin: 0;
	margin-top: 174px;
    padding: 0;
    border: none;
    background: url(/assets/images/lisbon-webbanner.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#lisbon .container {
	max-width: 900px;
	background: none;
	height: 100%;
}

#lisbon .container img {
	width: 60%;
	float: left;
 	position: relative;
 	top: 50% !important;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

#lisbon .container button {
	float: right;
	width: auto;
	background: #ee4969;
	border-color: #ee4969;
	color: #ffffff;
	padding: 15px 30px;
	height: auto;
	opacity: 1;

	-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;

 	position: relative;
 	top: 50% !important;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);

	font-family: "Europa", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

#lisbon .container button:hover {
	opacity: 0.6;

	-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;
}

.cbp-af-header {
	z-index: 10000;
}

#lisbon_form {
	width: auto;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 20000;
	background: #282b2c;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 0 50px;
    display: none;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#lisbon_form #close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 30px;
    color: #ffffff;
    z-index: 1000;
    font-size: 2em;
    text-align: center;
    cursor: pointer;
}

#lisbon_form .ML_footer {
	width: 100%;
	padding: 30px 0 70px 0;
}

#lisbon_form .ML_footer .container {
	width: auto;
	background: none;
}

#lisbon_form .ML_footer .container h1 {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#lisbon_form .ML_footer .container p {
    color: #ffffff;
}

#lisbon_form .ML_footer .container .main-button-mail {
    border-bottom: 1px solid #ffffff;
}

#lisbon_form .ML_footer .container .main-button-mail input[type="submit"] {
    border: 1px solid #ffffff;
    color: #ffffff;
    margin-left: -72.5px;
}

#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:#ffffff;
	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 #ffffff;
	color:#ffffff;
	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 #ffffff;
	color:#ffffff;
	}

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

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

#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 {
    margin-top: 80px;
    float: left;
    margin-right: 40px;
    width: 10.5%;
    margin: 80px 1%;
}
	
#worked-for li:first-child{
	padding-left:0px;
	}

#contact-footer{
	width:100%;
	margin-top:50px;
	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 h4{
	color:#8c9598;
 	font-size: 16px;
 	font: "Europa", 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:#4bb3e6;
	border-color:#4bb3e6;
 	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('/assets/images/facebook-1.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	height:40px;
	width:90px;
	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('/assets/images/facebook-1-hover.png');
	color:#4bb3e6;
	}

li.twitter{
	background-image: url('/assets/images/twitter-1.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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('/assets/images/twitter-1-hover.png');
	color:#4bb3e6;
	}

li.linkedin{
	background-image: url('/assets/images/linkedin.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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('/assets/images/linkedin-blue.png');
	color:#4bb3e6;
	}


li.vimeo{
	background-image: url('/assets/images/vimeo.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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('/assets/images/vimeo-blue.png');
	color:#4bb3e6;
	}

li.dribble{
	background-image: url('/assets/images/dribble.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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('/assets/images/dribble-blue.png');
	color:#4bb3e6;
	}

li.pinterest{
	background-image: url('/assets/images/pinterest.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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('/assets/images/pinterest-blue.png');
	color:#4bb3e6;
	}

li.instagram{
	background-image: url('/assets/images/instagram-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:22px 22px;
	padding-left:28px;
	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.instagram:hover{
	background-image: url('/assets/images/instgram-icon-hover.png');
	color:#4bb3e6;
	}

#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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/work.jpg");
	}

#work .container{
	background:none;
	}

#work h1{
	color: #fff;
 	border:none;
	font-family: "Europa", 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: 246px;
	display:block;
 	position:relative;
	border-image-width: 100%;
	margin-left:0px;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	}

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

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

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

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

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

#work-2 h1{
	color: #e2f4f8;
	border:none;
	font-family: "Gill Sans","Gill Sans MT",prenton, 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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/web.jpg");
	}

#work-web h1{
	color: #fff;
	border:none;
	font-family: 'Europa';
	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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/logo.jpg");
	}

#work-logo h1{
	color: #fff;
	border:none;
	font-family: "Europa", 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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/3d.jpg");
	}

#work-3d h1{
	color: #fff;
	border:none;
	font-family: "Europa", 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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/motion.png");
	}

#work-motion h1{
	color: #fff;
	border:none;
	font-family: 'Europa';
	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:174px;
	margin-bottom:40px;
	position:relative;
	background:url("/assets/images/graphic.jpg");
	}

#work-graphic h1{
	color: #fff;
	border:none;
	font-family: "Europa", 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{
 	float: none;
    clear: both;
	margin-left:15px;
	width:98.2%;
	position: relative;
    padding-bottom: 55.25%;
    height: 0;
    margin-bottom:45px;
	}

.vimeo-video iframe{
 	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

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

.date{
	color:#818b8e;
	font-size:14px;	
	border-bottom:1px solid #44494a;
	font-weight:500;
	line-height:22px;
	margin-top:10px;
	padding-bottom:30px;
	}

#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: "Europa", 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 #4bb3e6;
	color:#4bb3e6;
	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 #4bb3e6;
	color:#4bb3e6;
	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 .studio-img-large {
    width: 100%;
    float: left;
    border-bottom: 10px solid #818b8e;
}

#gallery .studio-img-small {
	width: -moz-calc(16.6% + 10px);
	width: -webkit-calc(16.6% + 10px);
	width: -o-calc(16.6% + 10px);
	width: calc(16.6% + 10px);
	float: left;
    border: 10px solid #818b8e;
    margin: -10px -5px 0 -5px;
    position: relative;
    z-index: 0;
	-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;
}

#gallery .studio-img-small:hover {
    border: 10px solid #4bb3e6;
    z-index: 100;
	-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;
}

#gallery .studio-img-small img {
    width: 100%;
}

#gallery .col-md-4 {
    max-width: 355px;
    float:left;
    overflow:hidden;    
 	}
 
 #gallery .item-2:nth-child(3n) {
    margin-right:76px;
    margin-left:76px;
	}
 
 
.the-team{
   margin-bottom:74px;
 	}
 
.the-team .col-md-6 {
 	display:block;
   	margin-bottom:40px;
   	float:left;
  	min-height:300px;
 	}
  
.the-team .circular{
	visibility: hidden;
	}

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

.the-team p{
	width:90%;
	}

.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  {
	width:100%;
	border:none;
	margin-top:20px;
	
	
	}
	 
.process .circular img {
	position: relative; 
	width:100px;
	border-radius: 50%;
	border:none;
	margin-left:50%;
	margin-right:50%;
	left:-50px;
	display:block;
	}

.process p{
	width:90%;
	}

.process .text{
	float:left;
	margin-left:5px;
	margin-top:10px;
	text-align:center;
	}

#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:15px;
	margin-top:-5px;
	}

.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:5px;
	margin-right:12px;
	}

.col-md-2:nth-child(4){
	width:17%;
	margin-right:5px;
	margin-left:5px;
	}

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

.col-md-2:nth-child(6){
	width:15%;
	margin-right: 5px;

	}

.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: #4bb3e6;
   	font-size:20px;
   	padding-right:3px;
   	margin-left:-40px;
	}

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


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

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

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

ul.app-service li.app-icon{
	list-style:none;
	text-decoration:none;
	display:inline block;
	background-image: url('/assets/images/app.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: #73c252;
   font-size:20px;
   padding-right:3px;
   margin-left:-40px;
	}

ul.logo-service li.logo-icon{
	list-style:none;
	text-decoration:none;
	display:inline block;
	background-image: url('/assets/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: #f4ed31;
	font-size:20px;
	padding-right:3px;
	margin-left:-40px;
	}

ul.graphic-service li.graphic-icon{
	list-style:none;
	text-decoration:none;
	display:inline block;
	background-image: url('/assets/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 {
   color: #ee4969;
   font-size:20px;
   padding-right:3px;
   margin-left:-40px;
	}

ul.motion-service li.motion-icon{
	list-style:none;
	text-decoration:none;
	display:inline block;
	background-image: url('/assets/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: #9459ae;
   	font-size:20px;
   	padding-right:3px;
   	margin-left:-40px;
	}

ul.visuals-service li.visuals-icon{
	list-style:none;
	text-decoration:none;
	display:inline block;
	background-image: url('/assets/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:#4bb3e6;
	}	

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

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

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

.contact-get-in-touch li.skype-icon{
	background-image: url('/assets/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:#4bb3e6;
	text-decoration:none;
	}

.facebook-icon{
	background-image: url('/assets/images/facebook-1.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	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('/assets/images/facebook-1-hover.png');
	color:#4bb3e6;
	}

.twitter-icon{
	background-image: url('/assets/images/twitter-1.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	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('/assets/images/twitter-1-hover.png');
	color:#4bb3e6;
	text-decoration:none;
	}

.linkedin-icon{
	background-image: url('/assets/images/linkedin.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	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('/assets/images/linkedin-blue.png');
	color:#4bb3e6;
	text-decoration:none;
	}

.vimeo-icon{
	background-image: url('/assets/images/vimeo.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	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('/assets/images/vimeo-blue.png');
	color:#4bb3e6;
	text-decoration:none;
	}

.pinterest-icon{
	background-image: url('/assets/images/pinterest.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;	
	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('/assets/images/pinterest-blue.png');
	color:#4bb3e6;
	text-decoration:none;
	}

.instagram-icon{
	background-image: url('/assets/images/instagram-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;	
	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;
	}

.instagram-icon:hover{
	background-image: url('/assets/images/instgram-icon-hover.png');
	color:#4bb3e6;
	text-decoration:none;
	}

.dribbble-icon{
	background-image: url('/assets/images/dribble.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size:33px 33px;
	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('/assets/images/dribble-blue.png');
	color:#4bb3e6;
	text-decoration:none;
	}

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

.events {
	list-style: none;
	}

.welovedesign {
    position: absolute;
    height: 500px;
    width: 100%;
    padding: 0;
    margin: -55px 0 0 -10px;
}

#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;
	}
	
.captcha label{color:#7e8283;
	font: "Europa";
	font-size:23px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	float:left;
	padding-top:20px;
	}

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

#form1_banana,
#form2_banana {
	display: none;
}

.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: "Europa";
	font-size:23px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	}

.checkboxes label p{
	color:#7e8283;
	font: "Europa";
	font-size:17px;
	float:left;
	font-weight:300;
	min-width:120px;
	margin-top:5px;
	}
	

.invalid input:required:invalid {
    background: #BE4C54;
}

.invalid input:required:valid {
    background: #17D654 ;
}

input {
  display: block;
  margin-bottom: 10px;
}
 
 .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('/assets/images/arrow.png') ;
	background-repeat: no-repeat;
	background-position:280px 15px;
	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, #thanks-contact, #thanks-quote{
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:0px;
	display:none;
	}

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

#form1_enter, #form2_enter, #form3_enter{
	display:none;
	}

#form1_contact-page-form{
	float:left;
	margin-bottom:75px;
	}
	
#form2_quote-form-main .captcha label{
	color:#7e8283;
	font: "Europa";
	font-size:22px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	width:200px;
	float:left;
	padding-top:3px;
	}

#form1_contact-page-form .captcha label{
	color:#7e8283;
	font: "Europa";
	font-size:18px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:150px;
	width:117px;
	float:left;
	padding-top:5px;
	}

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

.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-mail{
	width:100%;
	border-bottom:1px solid #44494a;
	bottom:0;
	height:40px;
	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:11px;
	-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;
	}
	
	
.main-button-2 input[type="submit"]{
	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-mail input[type="submit"]{
	position: absolute;
	z-index:9999;
	margin-top:18px;
	width:145px;
	height:40px;
	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	input[type="submit"]:hover, .main-button-mail input[type="submit"]:hover{
 	background:#474b4d;
	}

#form1_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:28px;
	margin-right:50px;
	}

#form1_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;
	}

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

#form1_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;
	}	

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

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

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

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

#form1_subscribe_footer input[type="text"], #form2_subscribe_footer input[type="text"], #form3_subscribe_footer input[type="text"], #form4_subscribe_footer input[type="text"] { 
	width: 40%; 
	height:45px;
	background:#363839;
	border:none;
	padding:13px;
	color:#7e8283;
	font-size:18px;
	float:left;
	margin-bottom:28px;
	margin-right:5%;
	margin-top:30px;
	}

#form1_subscribe_footer input[type="email"], #form2_subscribe_footer input[type="email"] , #form3_subscribe_footer input[type="email"], #form4_subscribe_footer input[type="email"]{ 
	width: 55%; 
	height:45px;
	background:#363839;
	border:none;
	padding:13px;
	color:#7e8283;
	font-size:18px;
	float:left;
	margin-bottom:28px;
	margin-top:30px;
	}

#form1_subscribe_footer ::-webkit-input-placeholder,#form2_subscribe_footer ::-webkit-input-placeholder,#form3_subscribe_footer ::-webkit-input-placeholder,#form4_subscribe_footer ::-webkit-input-placeholder {
   color:#7e8283;
}

#form1_subscribe_footer :-moz-placeholder, #form2_subscribe_footer :-moz-placeholder, #form3_subscribe_footer :-moz-placeholder, #form4_subscribe_footer :-moz-placeholder  { /* Firefox 18- */
   color:#7e8283;
}

#form1_subscribe_footer ::-moz-placeholder,form2_subscribe_footer ::-moz-placeholder,form3_subscribe_footer ::-moz-placeholder,form4_subscribe_footer ::-moz-placeholder {  /* Firefox 19+ */
   color:#7e8283;
}

#form1_subscribe_footer :-ms-input-placeholder, #form2_subscribe_footer :-ms-input-placeholder, #form3_subscribe_footer :-ms-input-placeholder, #form4_subscribe_footer :-ms-input-placeholder{  
   color:#7e8283;
}

.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("/assets/css/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("/assets/css/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;
	padding-left: 0;
	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);
	 }

.google-map 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: "Europa", Helvetica, Arial, sans-serif;
	font-weight:400;
	}

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

.col-sm-8{
	margin-top:20px;
	}
	
 .ML-join-top {
  position: relative;
	background-image: url(/assets/images/ML-mail-circle.png);
	height: 120px;
	width: 120px;
	margin: 0 auto;
	display: block;
	z-index: 9999;
  }
 
 .ML-container {
	 background-color: #404445;
	 border-radius: 8px;
	 width:100%; 
	 max-width: 700px;
	 min-height: 320px;
	 margin: 0 auto;
	 margin-top: -80px;
	 padding-bottom:25px;
	 padding-left:10px;;
	 padding-right:10px;
 }
 
 .ML-container h3 {
	 color: #4bb3e6;
	 font-size: 32px;
	 padding-top: 50px;
	 text-align: center;
 }
 
 .ML-inner {
	 width:100%;
	 max-width: 460px;
	 margin: 0 auto;
	 margin-top: -10px;
 }
 
  .ML-container p {
	 color: #fff;
	 line-height: 20px;
	 font-size: 14px;
	 text-align: center;
	 font-family: Helvetica;
	 font-weight: 300;
 }
 
 .ML-textbox {  
    border-radius: 5px; 
    height:40px; 
    width: 220px; 
    padding-left:10px; 
    padding-right:10px; 
    display: inline-block;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    border:none;
  } 
 
  
.ML-button {
	width: 200px;
	height: 40px;
	border-radius: 5px;
	background-color: #4bb3e6;
	margin: 0 auto;
	margin-top: 30px;
	color:#fff;
	border:none;
}

.ML-button:hover {
	background-color: #4d6a7a;
}

.ML-subscribe {
	width:100%; 
	max-width: 200px;
	height: 40px;
	border-radius: 5px;
	background-color: #4bb3e6;
	margin: 0 auto;
	margin-top: 30px;
	color: #fff;
	font-family: Helvetica;
	font-weight: 300;
	border:none;
}

.ML-subscribe:hover {
	background-color: #4d6a7a;
}

.ML-confirm h2 {
	text-align: center;
	font-family: Helvetica; 
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding-top: 10px;
}

.ML-confirm h3 {
	text-align: center;
	font-family: Helvetica; 
	font-style: italic;
	color: #4bb3e6;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.5;
	padding-top: 20px;
}

.ML-reduce {
	padding-bottom: 30px;
}

.ML-subscribe p {
	font-size: 22px;
	color: #fff;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: -25px;
	margin-left: 25px;
}

.ML-subscribe img {
	margin-top: 3px;
	margin-left: 10px;
}

.ML-spacer {
	margin-top: 30px;
}

.ML-main-container {
	width:100%; 
	max-width: 1100px;
	margin: 0 auto;
}

.ML-container-lower {
	width:100%; 
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 200px;
	margin-bottom: 140px;
	display:block;
}

.ML-container-lower h3 {
	width:100%;
	text-align: center;
	font-family: Helvetica; 
	font-style: italic;
	color: #4bb3e6;
	font-size: 18px;
	line-height: 2;
}

.ML-main-container h2 {
	margin-top: 120px;
	font-size: 24px;
	color: #7e8283;
}

.ML-main-container hr {
	color: #7e8283;
}

.ML-point-container {
	width:100%; 
	max-width: 1100px;
	margin: 0 auto;
	height: auto;
}

.hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ML-1 {background-image: url(/assets/images/ML-1.png);background-repeat:no-repeat; height: 120px; width: 120px; float: left;}
.ML-2 {background-image: url(/assets/images/ML-2.png); background-repeat:no-repeat; height: 120px; width: 120px; float: left;}
.ML-3 {background-image: url(/assets/images/ML-3.png); background-repeat:no-repeat; height: 120px; width: 120px; float: left;}
.ML-4 {background-image: url(/assets/images/ML-4.png); background-repeat:no-repeat; height: 120px; width: 120px; float: left;}
.ML-5 {background-image: url(/assets/images/ML-5.png); background-repeat:no-repeat; height: 120px; width: 120px; float: left;}

.ML-1-text {width:100%; max-width: 980px; float: right; margin-top: -20px;}
.ML-1-text h3 {color: #4bb3e6; font-size: 24px; font-family: Helvetica;}
.ML-1-text p {color: #869294; font-size: 15px; font-family: Helvetica; letter-spacing: 25; font-weight: 300; margin-top: -30px;}

.ML-2-text {width:100%; max-width: 980px; float: right; margin-top: -20px;}
.ML-2-text h3 {color: #4bb3e6; font-size: 24px; font-family: Helvetica;}
.ML-2-text p {color: #869294; font-size: 15px; font-family: Helvetica; letter-spacing: 25; font-weight: 300; margin-top: -20px;}

.ML-3-text {width:100%; max-width: 980px; float: right; margin-top: -20px;}
.ML-3-text h3 {color: #4bb3e6; font-size: 24px; font-family: Helvetica;}
.ML-3-text p {color: #869294; font-size: 15px; font-family: Helvetica; letter-spacing: 25; font-weight: 300; margin-top: -30px;}

.ML-4-text {width:100%; max-width: 980px; float: right; margin-top: -20px;}
.ML-4-text h3 {color: #4bb3e6; font-size: 24px; font-family: Helvetica;}
.ML-4-text p {color: #869294; font-size: 15px; font-family: Helvetica; letter-spacing: 25; font-weight: 300; margin-top: -30px;}

.ML-5-text {width:100%; max-width: 980px; float: right; margin-top: -20px; display:block;}
.ML-5-text h3 {color: #4bb3e6; font-size: 24px; font-family: Helvetica;}
.ML-5-text p {color: #869294; font-size: 15px; font-family: Helvetica; letter-spacing: 25; font-weight: 300; margin-top: -30px;}

.ML_footer{
	padding-top:100px;
	}	



.nivo-directionNav,
.nivo-controlNav {
	display: none;
}

.rslides {
	height: auto;
	overflow: visible !important;
}


.rslides li {

	top: 0 !important;
}


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

.callbacks_nav {
   top: 47%;
   }

	#worked-for img{
		margin: 80px auto 0px;
		margin-top:80px;
		padding: 0px 5%;
		float: none;
		width: 33%;
	}
 }
 
@media screen and (max-width: 1230px) {


#lisbon {
    height: 15vw;
}


.testimonials-2 .rslides {
    height: auto;
}

.ML-1-text, .ML-2-text, .ML-3-text, .ML-4-text, .ML-5-text {width:85%;}
	
#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:0;
	margin-top:5px;
	font-size:13px;
	width:100%;
	text-align: center;
	}


.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:100%;
	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 {
    max-width: 298px;
    overflow:hidden;    
 	}
 
 #gallery .item-2:nth-child(3n) {
    margin-right:36px;
    margin-left:36px;
	}
	
	

 
 #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-6 {
 	display:block;
   	margin-bottom:40px;
   	float:left;
   	min-height:350px;
 	}

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

.the-team p{
	width:90%;
	}

.timeline-img img{
	display:none;
	}
	
	
.process .col-md-4 {
    width: 320px;
	}

.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;
	}

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


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


#form1_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;
	}	

#form1_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:28px;
	margin-right:0px;
	}

#form1_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;
	}

#form1_contact-page-form label {
	color:#7e8283;
	font: "Europa";
	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 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: "Europa", 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: "Europa";
	font-size:16px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:130px;
	}

.checkboxes label p{
	color:#7e8283;
	font: "Europa";
	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:auto;
	float:left;
	margin-bottom:30px;
	min-height: 150px;
	}	

.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%;
	padding:10px 25px 25px 25px;
	line-height:23px;
	float:left;
	display:block;
	height:auto;
	min-height: auto;
	}

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

.testimonial-2{
	width:100%;
	float:left;	
	margin-bottom:20px;
	min-height: 250px;
	}	

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


.testimonial-1 .testimonial-text {
	height: auto;
}	

 #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('/assets/images/email-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:400px;
	}

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

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

.contact-get-in-touch li.skype-icon{
	background-image: url('/assets/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;
	}
	
	.captcha label{color:#7e8283;
	font: "Europa";
	font-size:18px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	float:left;
	padding-top:50px;
	}
	
	
 }
 

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

#header_video {
    /*margin-top: 114px;*/
    /*margin-top: 340px;*/
    /*margin-top: 390px;*/
    margin-top: 115px;
}

#lisbon {
    margin-top: 114px;
}

#lisbon_form {
    width: 60%;
}

.ML-1-text, .ML-2-text, .ML-3-text, .ML-4-text, .ML-5-text {width:75%;}

#gallery .col-md-4 {
    max-width: 45%;   
 	}
 
  
 #gallery .item-2:nth-child(3n) {
    margin-left:0px;
    margin-right:0px;
	}
	
 #gallery .item-2:nth-child(2n +1) {
    margin-left:10%;
    margin-right:0px;
	}

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

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

.logo{
	margin-left:25px;
	}
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:2%;
	height:100px;
	margin-bottom:40px;
	}

#worked-for img{
	float:left;
	margin: 80px auto 0px;
	padding: 0px 5%;
	width:25%;
}

#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:120px;
}

.twitter-icon{
	width:120px;
}

.vimeo-icon{
	width:120px;
}

.pinterest-icon{
	width:120px;
}

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

.about-work-p{
	width:100%;
	max-width:220px;
	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('/assets/images/email-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:330px;
	font-size:14px;
	}

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

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

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

p.auth{
	float:right;
	margin-right:10px;
	margin-top:0;
	font-size:13px;
	width:100%;
	text-align: center;
	}

.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:330px;
	height:378px;
	}

#recent-work .item {
	width:330px;
	height:255px;
	}

#recent-work .item img{
	width:330px;
	height:255px;
	}

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

.recent-work .item {
	width:330px;
	height:255px;
	}

.recent-work .item img{
	width:330px;
	height:255px;
	}

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

#recent-work-featured .item {
	width:330px;
	height:255px;
	}

#recent-work-featured .item img{
	width:330px;
	height:255px;
	}

.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-6 {
	margin-right:30px;
   width:315px;
   float:left;
   min-height:440px;
 }

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

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

.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 #4bb3e6;
	margin-right:12px;
	margin-top:20px;
	margin-bottom:10px;
	display: block;
	}

#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:260px;
	}

.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:280px;
	}

.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: "Europa", 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: "Europa", 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: "Europa", 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:210px;
	}

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

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:#ffffff;
	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 .team-member{
	width: 50%;
}



.clear-3 {
    width: 0;
}

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

.meet .text{
	width:90%;
	min-height: 95px;
	float:left;
	margin-top:0px;
	margin-bottom:35px;
	max-width:950px;
	}

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


.timeline .team-member{
	width: auto;
	}

.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:300px;
	float:left;
	margin-right:10px;
	height:auto;
	}

#contact-footer .col-md-4:nth-child(2){
	width:340px;
	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;
	width:82px;
	}

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

li.dribble{
	margin-bottom:10px;
	}
	
.cbp-af-header.test.cbp-af-header-shrink,  #work-page .cbp-af-header.cbp-af-header-shrink{
   	height:115px;
   	position:absolute;
}

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

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

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

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

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

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

.cbp-af-header {
	position: absolute;
	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;
	}

.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;
	}
	.row{
	padding-left:30px;
	padding-right:30px;
	}

#work-page .cbp-af-header{
   	height:115px;
   	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

#gallery .row {
    padding-left: 0;
    padding-right: 0;
}
	
#gallery .studio-img-large {
    border-bottom: 5px solid #818b8e;
}

#gallery .studio-img-small {
	width: -moz-calc(16.6% + 5px);
	width: -webkit-calc(16.6% + 5px);
	width: -o-calc(16.6% + 5px);
	width: calc(16.6% + 5px);
    border: 5px solid #818b8e;
    margin: -5px -2.5px 0 -2.5px;
}

#gallery .studio-img-small:hover {
    border: 5px solid #4bb3e6;
}

.timeline .team-member {
    margin: 0 0 50px 0;
}

.timeline .team-member .text {
	text-align: left !important;
    width: -moz-calc(100% + 5px);
    width: -webkit-calc(100% + 5px);
    width: -o-calc(100% + 5px);
    width: calc(100% - 114px);
}

.new-services {
	margin: 0;
}

.new-services .blue-service .service-wrap,
.new-services .yellow-service .service-wrap,
.new-services .green-service .service-wrap,
.new-services .red-service .service-wrap,
.new-services .purple-service .service-wrap {
	width: 70%;
}
	
}

.mobile_video_hide {
	display: none;
}

/*-- workshop banner --*/
.workshop-banner-shrink {
	margin-top: 12em !important;
}


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

	.mobile_video_hide {
		display: block;
	}

	#lisbon_form {
	    width: 80%;
	}

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

#lisbon {
	height: auto;
}

#lisbon .container img {
	width: 100%;
}

#lisbon .container img,
#lisbon .container button {
	float: left;
 	position: relative;
 	top: auto !important;
 	left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    clear: both;
    margin: 20px 0 0 0;
}

#lisbon .container button {
    margin: 20px 0;
}

  
.ML-1, .ML-2, .ML-3, .ML-4, .ML-5 {width:100%;}
.ML-1-text, .ML-2-text, .ML-3-text, .ML-4-text, .ML-5-text {width:100%;}
.the-team .col-md-6 {
	margin-right:30px;
   width:300px;
   float:left;
   min-height:450px;
 }
 
.ML-5-text {margin-bottom:80px;} 

.the-team p{
width:80%;
}

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;
	}

img.work-individual {
	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;
	}

 
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;
	clear: both;
	}

#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;
	padding-top:15px;
	float:none;
	margin-top:215px;
	}

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

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

.meet h3{
	margin-bottom:25px;
	margin-right:0px;
	font-size: 24px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
 	font-weight:200;
 	border-bottom:1px solid #44494a;
 	line-height:45px;
 	letter-spacing:1.2px;
	}
 
.meet{
	width:100%;
	float:left;
	margin:0px;
	margin-bottom:100px;
	}

.meet .text{
	width:90%;
	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;
	}

.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;
	}
 
.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('/assets/images/email-icon.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	width:100%;
	}

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

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

.contact-get-in-touch li.skype-icon{
	background-image: url('/assets/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;
	}

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

.facebook-head a{
	background-image: url('/assets/images/instagram-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('/assets/images/instgram-icon-hover.png');
	color:#4bb3e6;
	display:block;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	}

.twitter-head a{
	background-image: url('/assets/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('/assets/images/twitter-icon-hover.png');
	color:#4bb3e6;
	display:block;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	}


#gallery .studio-img-small {
	width: -moz-calc(33.3% + 5px);
	width: -webkit-calc(33.3% + 5px);
	width: -o-calc(133.3% + 5px);
	width: calc(33.3% + 5px);
}

.the-team h1 {
	text-align: center;
}

.the-team .team-member #team-images {
    margin: 0 auto;
    float: none;
    width: 97px;
}

.the-team .team-member .text {
	text-align: center;
	margin-left: 0;
}


.new-services {
    height: auto;
    margin: 0;
}

.new-services .blue-service,
.new-services .yellow-service,
.new-services .green-service,
.new-services .red-service,
.new-services .purple-service {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
	z-index: 1000;
	left: 0;
	position: relative;
	height: auto;
}

.new-services .blue-service .service-wrap,
.new-services .yellow-service .service-wrap,
.new-services .green-service .service-wrap,
.new-services .red-service .service-wrap,
.new-services .purple-service .service-wrap {
	opacity: 1;
    position: relative;
    top: 0;
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    float: left;
    margin: 50px 0;
}

.new-services .blue-service div,
.new-services .yellow-service div,
.new-services .green-service div,
.new-services .red-service div,
.new-services .purple-service div {
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}

.new-services .blue-service h2,
.new-services .yellow-service h2,
.new-services .green-service h2,
.new-services .red-service h2,
.new-services .purple-service h2 {
    width: 25%;
    padding: 0 2.5%;
    font-size: 4vw;
}



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

.the-team .col-md-6 {
	margin-right:30px;
   width:100%;
   float:left;
   min-height:100px;
 }


 .the-team p{
width:100%;
}

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

	
#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","Gill Sans MT",prenton, 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: 'prenton';
	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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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;
	}

#form1_contact-page-form label{
	color:#7e8283;
	font: "Europa";
	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: "Europa", 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","Gill Sans MT",prenton, 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: "Europa", 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: "Europa", 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: "Europa", 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:#ffffff;
	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:155px;
	}

.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:0px;
 	}
 }

/* !!!! */
 /*@media screen and (max-width: 724px) {
 	#header_video {
    	/*margin-top: 363px;
    	margin-top: 408px;
	}
 }*/
 	
@media screen and (max-width: 560px) { 

 .ML-textbox {  
    display: block;
  } 
  
  
 #contact-form{
	width:100%;
	margin:0 auto;
	}
	
 #social-icons{
	width: 50%;
    margin: auto;
	}


.new-services .blue-service .service-wrap,
.new-services .yellow-service .service-wrap,
.new-services .green-service .service-wrap,
.new-services .red-service .service-wrap,
.new-services .purple-service .service-wrap {
	left: 0;
	text-align: center;
	width: 90%;
	margin: 25px 5% 50px 5%;
}
.new-services .blue-service h2,
.new-services .yellow-service h2,
.new-services .green-service h2,
.new-services .red-service h2,
.new-services .purple-service h2 {
    width: 100%;
    position: relative;
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
	margin: 30px 0 0 0;
	font-size: 25px;
}

.new-services .blue-service .service-wrap .button,
.new-services .yellow-service .service-wrap .button,
.new-services .green-service .service-wrap .button,
.new-services .red-service .service-wrap .button,
.new-services .purple-service .service-wrap .button {
    display: inline;
    padding: 6px 10px;
    margin-top: 20px;
    position: relative;
    top: 10px;
}

.rslides {
	height: auto;
}

}

@media screen and (max-width: 500px) { 
.row{
	padding-left:15px;
	padding-left:15px;
	}
img.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: "Europa";
	font-size:14px;
	float:left;
	font-weight:300;
	min-width:80px;
	margin-bottom:40px;
	max-width:80px;
	}

#form1_contact-page-form .captcha label{color:#7e8283;
	font: "Europa";
	font-size:14px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	float:left;
	padding-top:50px;
	margin-bottom:0px;
	float:left;
	padding-top:5px;
	margin-left:0px;
	}
	
.captcha label{color:#7e8283;
	font: "Europa";
	font-size:14px;
	float:left;
	font-weight:300;
	min-width:100px;
	margin-bottom:40px;
	max-width:200px;
	float:left;
	padding-top:50px;
	}

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

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

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

select {
	background:#363839  url('/assets/images/arrow.png');
	background-repeat: no-repeat;
	background-position:230px 15px;
	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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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","Gill Sans MT",prenton, 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 .item {
	width:130px;
	height:101px;
	left:0%;
	right:0%;
	margin-left:0px;
	}

.recent-work .item img{
	width:130px;
	height:101px;
	float:left;
	}
	
#recent-work {
	width:110%;
	margin-top:20px;
	}
	
#recent-work p{
	text-align:center;
	font-size: 11px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-top:15px;
	}
	
#recent-work .col-md-3, .recent-work .col-md-3 {
	width:40%;
	height:160px;
	}

#recent-work .item, .recent-work .item {
	width:130px;
	height:101px;
	left: auto;
	right: auto;
	margin: 0 auto;
	}

#recent-work .item img{
	width:130px;
	height:101px;
	float:left;
	}

#recent-work-featured .col-md-3{
	width:130px;
	height:160px;
	}

#recent-work-featured .item {
	width:130px;
	height:101px;
	left:0%;
	right:0%;
	margin-left:0px;
	}

#recent-work-featured .item img{
	width:130px;
	height:101px;
	float:left;
	}

.recent-work p{
	text-align:center;
	font-size: 11px;
 	color:#7e8283;
 	font: "Europa", Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-top:15px;
	}
	
.caption h1{
	color: #fff;
	border:none;
	font: "Europa", 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;
	}
	
#form1_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;
	}	

#form1_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:18px;
	margin-right:0px;
	}

#form1_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:18px;
	margin-right:0px;
	}

#form1_contact-page-form label{
	color:#7e8283;
	font: "Europa";
	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
	}

	#worked-for img{
		margin: 80px auto 0px;
		margin-top:80px;
		padding: 0px 5%;
		float: none;
		width: 49%;
	}

.meet .team-member {
	width: 100%;
}

.testimonials-2 .rslides {
    height: auto;
}


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

#worked-for{
	float:none;
	margin-top:80px;
	}
	
#worked-for ul{
	width:300px;
	list-style: none; position: relative; float: left; display: block; left: 50%; right:50%; margin-left:-128px;
	}
	
	
#worked-for  ul li { position: relative; float: left; display: block;  }

#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;
	}
	

.new-services {
    margin: 0 0 50px 0;
    float: left;
}



}



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

#lisbon_form {
    width: 90%;
    padding: 0 20px;
}

#lisbon_form .ML_footer {
    padding: 20px 0 40px 0;
}

#lisbon_form input[type="text"],
#lisbon_form input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
}


#work {
    margin-bottom: 80px;
}
	
.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('/assets/images/instagram-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('/assets/images/instgram-icon-hover.png');
	background-size: 25px 25px;
	color:#4bb3e6;
	display:block;
	height:25px;
	width:25px;
	}

.twitter-head a{
	background-image: url('/assets/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('/assets/images/twitter-icon-hover.png');
	background-size: 25px 25px;
	color:#4bb3e6;
	display:block;
	height:25px;
	width:25px;
	}
	
.instagram-head a{
	background-image: url('/assets/images/instagram-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;
	}

.instagram-head a:hover{
	background-image: url('/assets/images/instgram-icon-hover.png');
	background-size: 25px 25px;
	color:#4bb3e6;
	display:block;
	height:25px;
	width:25px;
	}

.linkedin-head a{
	background-image: url('/assets/images/linkedin.png');
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-size: 26px 26px;
	height:26px;
	width:26px;
	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;
	}

.linkedin-head a:hover{
	background-image: url('/assets/images/linkedin-blue.png');
	background-size: 26px 26px;
	color:#4bb3e6;
	display:block;
	height:26px;
	width:26px;
	}


.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:75px;
	}

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 {
	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:0;
	font-size:13px;
	width:100%;
	text-align: center;
	}

#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;
	}
#form1_contact-page-form	.captcha input[type="text"]{width:100%;
	max-width: 180px; 
	height:37px;
	background:#363839;
	border:none;
	padding:13px;
	color:#7e8283;
	font-size:18px;
	float:right;
	margin-bottom:28px;
	margin-right:0px;
	float:right
	}
	
.captcha input[type="text"]{width:100%;
	max-width: 180px; 
	height:37px;
	background:#363839;
	border:none;
	padding:13px;
	color:#7e8283;
	font-size:18px;
	float:right;
	margin-bottom:28px;
	margin-right:0px;
	float:right
	}

.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('/assets/images/arrow.png');
	background-repeat: no-repeat;
	background-position:230px 15px;
	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;
	}

.logo-right .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","Gill Sans MT",prenton, 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: "Europa", 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, #work-web, #work-logo, #work-motion, #work-3d, #work-graphic{
	height:125px;
	}

 #work-web .h1, #work-logo .h1, #work-motion .h1, #work-3d .h1, #work-graphic .h1{
	display:none;
	}


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

	
.recent-work .year h1{
	font-size:16px;	
	margin-top:30px;
	}
	

.timeline .team-member .circular {
	width: 97px;
	margin: 0 auto;
	float: none;
}	

.timeline .team-member .text {
	width: 100%;
	text-align: center !important;
	margin-left: 0;
}

/*#header_video {
    margin-top: 412px;
}*/

} 


@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: 405px) {
	#header_video {
    	margin-top: 397px;
	}
}*/

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



	
#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;
	}
	
.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;  
	}
	
.google-map iframe{
	height:197px;
	}
.ML-container{
	padding-top:200px;
	}
}


textarea, input, input[type="submit"] { outline: none; }

#hiring{
	background:url(/assets/images/lets-work.jpg);
	background-position: center -150px;
	position: relative;
	z-index: 999999;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top:-30px;
}

.inner-hiring{
	width:410px;
	margin: auto;
}

#hiring h1{
	color:#fff;
	border-bottom: 0px;
	font-size: 30px;
	font: "Gill Sans", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-right:25px;
	line-height: 0px;
}

#hiring button{
	width:160px;
	background:none;
	border:2px solid #fff;
	color: #fff;
	opacity: 0.8;
	margin-top: 4px;
	padding-top: 5px;
	padding-bottom: 5px;


}

#hiring button:hover{
	opacity: 0.6;
}