*{max-height:10000px;}
html{height:100%;}
body{
	margin:0;
	color:#363636;
	font:18px/27px 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	height:100%;
	min-width:320px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#e74c3c;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}

:-ms-input-placeholder{color:#898989;}
header,
footer,
article,
section,
nav,
figure,
aside{display:block;}
figure{
	margin:0;
	padding:0;
}
q{quotes: none;}
q:before,
q:after{content:"";}

#header{
	background:#fff;
	height:101px;
	left:0;
	right:0;
	top:0;
	z-index:200;
	position:fixed;
}
.header-holder{
	max-width:934px;
	margin:0 auto;
	overflow:hidden;
	padding:0 25px 0 28px;
	background-color:#FFFFFF;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width:248px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:20px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
#header .panel{
	float:right;
	font-size:16px;
	line-height:29px;
	color:#464646;
	padding:40px 0 0;
}
#header .panel .slide.js-slide-hidden{display:block;}
.panel .opener{display:none;}
#nav{
	float:left;
	margin:-40px 0 0;
}
#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
#nav li{
	float:left;
	padding:0 8px;
	text-transform:uppercase;
	line-height:110px;
}
#nav a{
	display:block;
	color:#464646;
	height:101px;
	background:url(../images/bg-nav-h.gif) repeat-x 0 -6px;
	position:relative;
	z-index:200;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
#nav .active a,
#nav a:hover{
	background-position:0 0;
	color:#e74c3c!important;
	text-decoration:none;
}
.panel .btn{
	float:left;
	height:29px;
	color:#fff;
	background:#e74c3c;
	margin:0 12px 0 3px;
	padding:0 7px;
}
.panel .btn:hover{
	background:#363636;
	text-decoration:none;
}
.btn-contact{
	width:26px;
	height:22px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:4px 12px 0 0;
	position:relative;
}
.btn-contact .static{
	display:block;
	width:26px;
	height:22px;
	background:url(../images/ico-email.png) no-repeat;
	background-size:26px 22px;
}
.btn-contact .roll{
	position:absolute;
	width:26px;
	height:22px;
	background:url(../images/ico-email-h.png) no-repeat;
	background-size:26px 22px;
	top:0;
	left:0;
	display: inline;
}
.phone{
	padding:1px 0 0 20px;
	float:left;
	color:#464646;
	position:relative;
}
.phone .roll,
.phone .static{
	background:url(../images/ico-phone.png) no-repeat;
	background-size:11px 13px;
	width:12px;
	height:13px;
	position:absolute;
	top:9px;
	left:0;
}
.phone .roll{
	background:url(../images/ico-phone-h.png) no-repeat;
	background-size:11px 13px;
	display:none;
}
.phone:hover{text-decoration:none;}
.visual{
	position:absolute;
	left:0;
	top:101px;
	overflow:hidden;
	width:100%;
	height:470px;
}
.home .visual{
	background:url(../images/bg-home.jpg) no-repeat 50% 0;
	background-size:cover;
}
.work .visual{
	background:url(../images/bg-home.jpg) no-repeat 50% 0;
	background-size:cover;
}
.about .visual{
	background:url(../images/bg-about.jpg) no-repeat 50% 0;
	background-size:cover;
}
.services .visual{
	background:url(../images/bg-services.jpg) no-repeat 50% 0;
	background-size:cover;
}
.visual .holder{
	max-width:934px;
	margin:0 auto;
	color:#fff;
	font-size:23px;
	line-height:26px;
	text-align:center;
	padding:44px 0 0;
}
.visual strong{
	font-weight:normal;
	display:block;
	font-size:33px;
	line-height:37px;
	text-transform:uppercase;
	margin:0 0 26px;
}
.services .visual p,
.visual p{margin:0 0 39px;}
.visual .hidden{display:inline;}
.btn-click-here{
	display:inline-block;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	height:49px;
	line-height:49px;
	border:3px solid #fff;
	padding:0 26px;
}
.btn-click-here:hover{
	background:#e74c3c;
	border-color:#e74c3c;
	text-decoration:none;
}
#main{
	position:relative;
	z-index:5;
	background:#fff;
	padding:0 22px 36px 27px;
	overflow:hidden;
}
.about #main{padding:0 0 36px;}
.menu{
	background:#666666;
	text-align:center;
	height:74px;
	margin:0 -9999px 64px;
}
.menu ul{
	display:inline-block;
	padding:25px 0 0;
	margin:0;
	list-style:none;
	
}
.menu li{
	display:inline-block;
	padding:0 13px;
	line-height:18px;
}
.menu a{
	color:#fff;
	padding:3px 0 7px 41px;
	float:left;
	position:relative;
}
.menu a.management{padding-left:42px;}
.menu a.mobile-apps{padding-left:36px;}
.menu a.branding{padding-left:37px;}
.menu .active a,
.menu li:hover a{
	color:#363636;
	text-decoration:none;
}
.menu a span{
	position:absolute;
	top:0;
	left:0;
}
.menu .roll{display:none;}
.menu .w-design .roll,
.menu .w-design .static{
	background:url(../images/ico-services.svg) no-repeat;
	background-size:100% 100%;
	width:25px;
	height:25px;
}
.menu .w-design .roll{
	background:url(../images/ico-services-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.menu .management .roll,
.menu .management .static{
	background:url(../images/ico-services.svg) no-repeat;
	background-size:100% 100%;
	width:22px;
	height:26px;
}
.menu .management .roll{
	background:url(../images/ico-services-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.menu .mobile-apps .roll,
.menu .mobile-apps .static{
	background:url(../images/ico-services.svg) no-repeat;
	background-size:100% 100%;
	width:17px;
	height:26px;
}
.menu .mobile-apps .roll{
	background:url(../images/ico-services-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.menu .branding .roll,
.menu .branding .static,
.menu .print-design .roll,
.menu .print-design .static{
	background:url(../images/labor-only.png) no-repeat;
	background-size:100% 100%;
	width:24px;
	height:21px;
}
.menu .print-design .roll{
	background:url(../images/ico-services-h.svg) no-repeat;
	background-size:100% 100%;
}
.menu .branding .roll,
.menu .branding .static{
	background:url(../images/ico-services.svg) no-repeat;
	background-size:100% 100%;
}
.menu .branding .roll{
	background:url(../images/ico-services-h.svg) no-repeat;
	background-size:100% 100%;
}
.menu .print-design .roll,
.menu .branding .roll{display:none;}
.container{
	max-width:934px;
	margin:0 auto;
}
.container:after{
	content:'';
	display:block;
	clear:both;
}
.title{
	text-align:center;
	font-size:22px;
	padding:0 0 34px;
}
.title .hidden{display:inline;}
.title p{margin:0 0 30px;}
.services .title p{margin:0 0 30px;}
.tablet-v,
.mobile-v{display:none;}
.photo-gallery{
	padding:0;
	margin:0 0 54px;
	list-style:none;
	overflow:hidden;
	width:100%;
	text-align:center;
	
}
.photo-gallery li{
	display:inline-block;
	width:33%;
	margin:0 -3px;
}
.photo-gallery img{
	display:block;
	width:100%;
	height:auto;
	border:#FFFFFF solid 10px;
}
.photo-gallery a{
	display:block;
	position:relative;
}
.photo-gallery .roll{
	position:absolute;
	text-align:center;
	line-height:27px;	
	padding-top:40px;
	font-size:27px;
	top:0;
	left:5px;
	background:rgba(255, 255, 255, 0.90) url(../images/bg-hover.png) no-repeat 50% 50%;
	width:100%;
	height:100%;
	display:none;
}
.work .photo-gallery{
	padding:3px 0 0;
	text-align:left;
	
}
.work .photo-gallery li{
	width:50%;
	overflow:hidden;
	margin:-4px -5px -8px 0;
	display:inline-block;
}




.columns{
	overflow:hidden;
	margin:-3px 0 63px;
}
.columns .col{
	float:left;
	width:26%;
	margin:0 0 0 98px;
	line-height:22px;
}
.columns .col:first-child{margin:0;}
.columns h3 a{
	color:#000;
	padding:3px 0 2px 39px;
	display:inline-block;
	position:relative;
}
.columns h3 .roll,
.columns h3 .static{
	position:absolute;
	width:18px;
	height:25px;
	top:0;
	left:0;
}
.columns h3 .innovative .static{
	background:url(../images/ico-plan.svg) no-repeat;
	background-size:100% 100%;
	width:25px;
}
.columns h3 .innovative .roll{
	background:url(../images/ico-plan-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
	width:25px;
}
.columns .innovative{padding-left:27px;}
.columns .tailored span,
.columns .tailored .static{
	background:url(../images/ico-tailored.svg) no-repeat;
	background-size:100% 100%;
	width:30px;
	height:26px;
}
.columns .tailored .roll{
	background:url(../images/ico-tailored-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.columns .collaborative span,
.columns .collaborative .static{
	background:url(../images/ico-collaborative.svg) no-repeat;
	background-size:100% 100%;
	height:26px;
	width:26px;
}
.columns .collaborative .roll{
	background:url(../images/ico-collaborative-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.columns p{margin:0;}
.columns h3 a:hover{text-decoration:none;}
.dark-block{
	background:#000000;
	color:#fff;
	margin:0 -22px 62px -27px;
	padding:0 22px 0 27px;
	height:375px;
}
.white{height:375px;}
.about .dark-block{
	height:397px;
	padding:0 10px;
}
.services .dark-block .text,
.services .dark-block .alignright,
.about .dark-block .alignright,
.about .dark-block .text,
.home .dark-block .alignright,
.home .dark-block .text{
	height:375px;
	width:56%;
	float:left;
	white-space:nowrap;
}
.white .text{
	height:375px;
	width:51%;
	float:right;
	white-space:nowrap;
}
.white .alignleft{
	float:left;
	height:375px;
	width:354px;
	white-space:nowrap;
	overflow:hidden;
	margin:0 0 0 -11px;
}
.about .dark-block .alignright,
.about .dark-block .text{height:397px;}
.services .dark-block .alignright,
.about .dark-block .alignright,
.home .dark-block .alignright{
	float:right;
	width:354px;
	margin:0 -19px 0 0;
}
.about .dark-block .alignright{margin:0 8px 0 0;}
.white .alignleft:after,
.white .text:after,
.dark-block .alignright:after,
.dark-block .text:after{
	content:'';
	display:inline-block;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:0 0 0 -5px;
	vertical-align:middle;
}
.white .holder,
.services .dark-block .holder,
.about .dark-block .holder,
.home .dark-block .holder{
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
	margin:0 0 -7px;
}
.white .alignleft .holder{margin:0 0 -12px;}
.home .dark-block .alignright .holder{margin:0 0 -23px;}
.about .dark-block .alignright .holder{margin:0 0 -15px;}
.services .dark-block .text .holder{margin:0 0 -19px;}
.services .dark-block .alignright .holder{margin:0 0 -10px;}
.home .dark-block .holder p{margin:0 0 20px;}
.about .post{line-height:27px;}
.about .post h1{margin:0 0 26px;}
.services .dark-block{
	margin:0 -22px 0 -27px;
	padding:0 22px 0 27px;
}
.services .dark-block .text{width:48%;}
.services .dark-block .alignright{margin:0 -15px 0 0;}
#mobile-apps .alignright{
	width:301px;
	margin:0 -4px 0 0;
}
#mobile-apps .alignright .holder{margin:0 0 -4px;}
.services #mobile-apps h1{margin:0 0 27px;}
#mobile-apps .text .holder{margin:0 0 -12px;}
#print-design .alignleft{
	width:390px;
	margin:0 -4px 0 0;
}
.services #print-design h1{margin:0 0 21px;}
#branding .holder{margin:0;}
#branding .alignright{
	width:338px;
	margin:0 -6px 0 0;
}
.services-info{padding:5px 0 65px;}
.post{line-height:22px;}
.post .hidden{display:block;}
.services .post{line-height:27px;}
.post.post2{text-align:right;}
.post h1{
	font:35px/38px 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
	margin:0 0 18px;
	text-transform:none;
}
.services .post h1{margin:0 0 20px;}
.services .post2 h1{margin:0 0 26px;}
.post .text{overflow:hidden;}
.services p{margin:0 0 28px;}
.alignright.hidden{display:block;}
.alignleft img,
.alignright img{vertical-align:top;}

.orange-btn{

	display:inline-block;

	line-height:normal;
	font-size:21px;
	color:#fff;
	background:#e74c3c;
	text-align:center;
	padding:0 8px;
}
.orange-btn:hover{
	text-decoration:none;
	background:#363636;
	text-align:center;
}
.carousel-2{
	position:relative;
	padding:0 30px;
	margin:0 -34px 54px -28px;
}
.carousel-2 .mask{
	position:relative;
	overflow:hidden;
	width:100%;
}
.carousel-2 .slideset{
	width:99999px;
	float:left;
	overflow:hidden;
}
.carousel-2 .slide{
	width:935px;
	float:left;
	text-align:center;
	display:table;
}
.carousel-2 .slide .box{
	width:33%;
	display:table-cell;
	position:relative;
	text-align:center;
	font-size:18px;
	color:#707070;
}
.carousel-2 .slide p{margin:0;}
.carousel-2 .slide .image{
	margin:0 0 30px;
	overflow:hidden;
	position:relative;
}
.carousel-2 .image img{
	display:block;
	width:100%;
	height:auto;
}
.carousel-2 .slide .cover-box{
	background:#e74c3c;
	background:rgba(231, 76, 60, 0.85);
	position:absolute;
	width:100%;
	height:100%;
	color:#fff;
	top:0;
	left:0;
	white-space:nowrap;
	display:none;
	z-index:500;
}
.carousel-2 .slide .cover-box .hidden{display:block;}
.carousel-2 .slide .cover-box .info{display:none;}
.carousel-2 .cover-box:after{
	content:'';
	display:inline-block;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:0 0 0 -5px;
	vertical-align:middle;
}
.carousel-2 .box.hover .cover-box{display:block;}
.carousel-2 .cover-box .holder{
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
	padding:17px 0 0;
}
.carousel-2 .cover-box strong{font:22px/25px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif;}
.carousel-2 .slide .name{
	display:block;
	font-weight:normal;
	text-transform:uppercase;
	color:#464646;
	font-size:20px;
	padding:0 0 1px;
}
.carousel-2 .social{
	padding:5px 0 0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:1000;
}
.carousel-2 .social li{
	display:inline-block;
	position:relative;
	vertical-align:bottom;
}
.carousel-2 .social a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:500;
	display:inline-block;
	vertical-align:bottom;
	padding:0 5px 0 4px;
}
.carousel-2 .social .facebook{
	width:12px;
	height:22px;
}
.carousel-2 .social .facebook .static{
	background:url(../images/facebook-icon1.svg) no-repeat;
	width:12px;
	height:22px;
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:6px;
}
.carousel-2 .social .facebook .roll{
	position:absolute;
	width:12px;
	height:22px;
	background:url(../images/facebook-icon-h.svg) no-repeat;
	background-size:100% 100%;
	top:0;
	left:6px;
}
.carousel-2 .social .linkedin{
	width:27px;
	height:22px;
}
.carousel-2 .social .linkedin .static{
	background:url(../images/linkedin-icon1.svg) no-repeat;
	width:27px;
	height:22px;
	background-size:100% 100%;
	top:0;
	left:6px;
	position:absolute;
}
.carousel-2 .social .linkedin .roll{
	position:absolute;
	width:27px;
	height:22px;
	background:url(../images/linkedin-icon-h.svg) no-repeat;
	background-size:100% 100%;
	top:0;
	left:6px;
}
.carousel-2 .social .mail{
	width:19px;
	height:16px;
}
.carousel-2 .social .mail .static{
	background:url(../images/email-icon1.svg) no-repeat;
	width:19px;
	height:16px;
	background-size:100% 100%;
	top:0;
	left:6px;
	position:absolute;
}
.carousel-2 .social .mail .roll{
	position:absolute;
	width:19px;
	height:16px;
	background:url(../images/email-icon-h.svg) no-repeat;
	background-size:100% 100%;
	top:0;
	left:6px;
}
.carousel-2 .social .roll{display:none;}
.carousel-2 .btn-next,
.carousel-2 .btn-prev{
	background:url("../images/sprite.png") no-repeat -1px -227px;
	left:0;
	height:18px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:12px;
	z-index:5;
	position:absolute;
	top:88px;
}
.carousel-2 .btn-next{
	left:auto;
	right:0;
	background-position:-29px -227px;
}
.carousel-2 .btn-next .roll,
.carousel-2 .btn-prev .roll{
	position:absolute;
	width:12px;
	height:18px;
	background:url("../images/sprite.png") no-repeat -62px -227px;
	top:0;
	left:0;
	display:none;
}
.carousel-2 .btn-next .roll{background-position:-89px -227px;}
.info-block{
	overflow:hidden;
	padding:3px 0 43px;
}
.info-block .col{
	width:19%;
	float:left;
	margin:0 0 0 6%;
	line-height:22px;
}
.info-block .col:first-child{margin:0;}
.info-block .hidden{display:block;}
.info-block h3{
	font:35px/38px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif;
	margin:0 0 21px;
	text-align:center;
	position:relative;
}
.info-block h3 a:hover{text-decoration:none;}
.info-block h3 a{
	display:inline-block;
	padding:133px 0 0;
}
.info-block h3 .roll,
.info-block h3 .static{
	position:absolute;
	left:50%;
	top:0;
	height:64px;
	width:64px;
	margin:0 0 0 -32px;
}
.info-block h3 .plan .static{
	background:url(../images/ico-plan.svg) no-repeat;
	background-size:100% 100%;
}
.info-block h3 .plan .roll{
	background:url(../images/ico-plan-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.info-block h3 .design .static{
	background:url(../images/ico-design.svg) no-repeat;
	background-size:100% 100%;
}
.info-block h3 .design .roll{
	background:url(../images/ico-design-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.info-block h3 .develop .static{
	background:url(../images/ico-develop.svg) no-repeat;
	background-size:100% 100%;
}
.info-block h3 .develop .roll{
	background:url(../images/ico-develop-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.info-block h3 .launch .roll,
.info-block h3 .launch .static{
	background:url(../images/ico-launch.svg) no-repeat;
	background-size:100% 100%;
	width:62px;
	height:62px;
}
.info-block h3 .launch .roll{
	background:url(../images/ico-launch-h.svg) no-repeat;
	background-size:100% 100%;
	display:none;
}
.clients{
	padding:0;
	margin:-2px -10% -4px 0;
	list-style:none;
	width:110%;
}
.clients li{
	display:inline-block;
	padding:0 52px 66px 0;
	text-align:center;
	min-width:106px;
}
.clients li a{
	display:block;
	position:relative;
}
.clients .roll{
	display:none;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	overflow:hidden;
}
.client01 a .roll,
.client01 a{
	background:url(../images/client-logo01.png) no-repeat;
	width:111px;
	height:19px;
	background-size:100% 200%;
}
.client01 a .roll{background-position:0 -19px;}
.client02 a .roll,
.client02 a{
	background:url(../images/client-logo02.png) no-repeat;
	width:108px;
	height:51px;
	background-size:100% 200%;
}
.client02 a .roll{background-position:0 -51px;}
.client03 a .roll,
.client03 a{
	background:url(../images/client-logo03.png) no-repeat;
	width:106px;
	height:47px;
	background-size:100% 200%;
}
.client03 a .roll{background-position:0 -47px;}
.client04 a .roll,
.client04 a{
	background:url(../images/client-logo04.png) no-repeat;
	width:73px;
	height:72px;
	background-size:100% 200%;
}
.client04 a .roll{background-position:0 -72px;}
.client05 a .roll,
.client05 a{
	background:url(../images/client-logo05.png) no-repeat;
	width:106px;
	height:45px;
	background-size:100% 200%;
}
.client05 a .roll{background-position:0 -45px;}
.client06 a .roll,
.client06 a{
	background:url(../images/client-logo06.png) no-repeat;
	width:67px;
	height:67px;
	background-size:100% 200%;
}
.client06 a .roll{background-position:0 -67px;}
.client07 a .roll,
.client07 a{
	background:url(../images/client-logo07.png) no-repeat;
	width:127px;
	height:88px;
	background-size:100% 200%;
}
.client07 a .roll{background-position:0 -88px;}
.client08 a .roll,
.client08 a{
	background:url(../images/client-logo08.png) no-repeat;
	width:69px;
	height:68px;
	background-size:100% 200%;
}
.client08 a .roll{background-position:0 -68px;}
.client09 a .roll,
.client09 a{
	background:url(../images/client-logo09.png) no-repeat;
	width:69px;
	height:69px;
	background-size:100% 200%;
}
.client09 a .roll{background-position:0 -69px;}
.client10 a .roll,
.client10 a{
	background:url(../images/client-logo10.png) no-repeat;
	width:63px;
	height:71px;
	background-size:100% 200%;
}
.client10 a .roll{background-position:0 -71px;}
.client11 a .roll,
.client11 a{
	background:url(../images/client-logo11.png) no-repeat;
	width:106px;
	height:56px;
	background-size:100% 200%;
}
.client11 a .roll{background-position:0 -56px;}
.client12 a .roll,
.client12 a{
	background:url(../images/client-logo12.png) no-repeat;
	width:116px;
	height:33px;
	background-size:100% 200%;
}
.client12 a .roll{background-position:0 -33px;}




#footer{
	width:100%;
	
	
	overflow:hidden;
	display:table-footer-group;
	position:relative;
	z-index:100;
	font-size:16px;
	line-height:27px;
	background:#fff;
	color:#000;
}
#footer .footer-holder {
	height:1%;
	display:table-row;
	position:relative;
	
}
#footer .footer-frame{
	display:table-cell;
	background:#fff;
	position:relative;
	z-index:100;
}
#footer .dark-block{
	padding:15px 0 15px;
	margin:0 0 0;
	height:auto;
}
#footer .container .holder{margin:0;}
#footer .container{max-width:940px;}
#footer .container:after{
	content:'';
	display:block;
	clear:both;
}
#footer .container .holder{
	width:100%;
}
#footer .col{
	float:left;
	width:13.41%;
	margin:0 0 0 0;
}
#footer .col.c-1{
	width:100%;
}
#footer .col.c-2{width:31.3%;}
#footer .col.c-3{width:270px;}
#footer .col.copy{width:31.3%;}
#footer .col:first-child{margin:0;}
#footer h3{
	color:#fff;
	font-size:22px;
	margin:0 0 0;
	text-transform:none;
}
#footer .col span{display:block;}
#footer .col.copy span .hidden{display:inline;}
#footer .col p{margin:0 0 15px;}
#footer address{font-style:normal;}
#footer .col a{color:#fff;}
#footer .social{
	padding:0;
	margin:0;
	list-style:none;
}
#footer .social li{
	float:left;
	padding:0 6px;
}
#footer .social li:first-child{padding:0 8px 0 3px;}
#footer .social a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:27px;
	position:relative;
}
#footer .social span{
	position:absolute;
	top:0;
	left:0;
	height:27px;
}
#footer .social .facebook{width:13px;}
#footer .social .facebook .roll,
#footer .social .facebook .static{
	background:url(../images/ico-facebook.svg) no-repeat;
	width:13px;
	background-size:100% 100%;
}
#footer .social .facebook .roll{
	background:url(../images/ico-facebook-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .linkedin{width:27px;}
#footer .social .linkedin .roll,
#footer .social .linkedin .static{
	background:url(../images/ico-linkedin.svg) no-repeat;
	background-size:100% 100%;
	width:27px;
}
#footer .social .linkedin .roll{
	background:url(../images/ico-linkedin-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .twitter{
	width:27px;
	height:21px;
}
#footer .social .twitter .roll,
#footer .social .twitter .static{
	background:url(../images/ico-twitter.svg) no-repeat;
	background-size:100% 100%;
	width:27px;
	height:21px;
}
#footer .social .roll{display:none;}
#footer .social .twitter .roll{
	background:url(../images/ico-twitter-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .twitter{top:6px;}
#footer .social .google .roll,
#footer .social .google .static{
	background:url(../images/ico-google.svg) no-repeat;
	background-size:100% 100%;
	width:26px;
	height:26px;
}
#footer .social .google{
	width:26px;
	height:26px;
}
#footer .social .google .roll{
	background:url(../images/ico-google-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .google{top:3px;}
#footer .social .pinterest .roll,
#footer .social .pinterest .static{
	background:url(../images/ico-pinterest.svg) no-repeat;
	background-size:100% 100%;
	width:21px;
}
#footer .social .pinterest{width:21px;}
#footer .social .pinterest .roll{
	background:url(../images/ico-pinterest-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .pinterest{top:1px;}
#footer .social .pinterest .roll,
#footer .social .linkedin .roll,
#footer .social .facebook .roll{top:0;}
#footer .social .map .roll,
#footer .social .map .static{
	background:url(../images/ico-map.svg) no-repeat;
	background-size:100% 100%;
	width:18px;
	height:24px;
}
#footer .social .map{
	width:18px;
	height:24px;
}
#footer .social .map .roll{
	background:url(../images/ico-map-h.svg) no-repeat;
	background-size:100% 100%;
}
#footer .social .map{top:2px;}
#footer .social .map .roll{display:none;}
#footer .by{
	display:block;
	text-align:center;
	padding:0 0 20px;
	line-height:30px;
}
.logo-mt{
	display:inline-block;
	background:url(../images/logo-mt.svg) no-repeat;
	background-size:100% 100%;
	width:55px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	margin:0 0 0 8px;
	top:5px;
}
.logo-mt .roll{
	width:55px;
	height:22px;
	background:url(../images/logo-mt-h.svg) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#footer h3.hidden{display:block;}
#footer .hidden2{display:none;}
.lightbox .btn-close{
	position:absolute;
	background:url(../images/ico-close.png) no-repeat;
	background-size:100% 100%;
	width:20px;
	height:20px;
	top:2px;
	right:-7px;
	text-indent:-9999px;
	overflow:hidden;
}
.lightbox .btn-close .roll{
	background:url(../images/ico-close-h.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	display:none;
}
.send-form{
	overflow:hidden;
	max-width:765px;
	margin:0 auto;
	background:#fff;
}
.send-form fieldset{
	overflow:hidden;
	max-width:765px;
	margin:0 auto;
}
.send-form .heading{
	background:#e74c3c;
	padding:21px 134px 27px;
	color:#fff;
	font-size:22px;
	margin:0 -100px 26px;
}
.heading-wrap{position:relative;}
.send-form .heading em{
	font-style:normal;
	display:none;
}
.send-form .heading h3{
	color:#fff;
	font:35px/38px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif;
	margin:0 0 23px;
	text-transform:none;
}
.send-form .heading p{margin:0;}
.send-form .form-area{
	padding:0 27px 28px 33px;
	overflow:hidden;
}
.send-form h4{
	font-weight:normal;
	margin:0 0 21px;
	font-size:22px;
	line-height:32px;
}
.send-form h4 img{
	vertical-align:middle;
	margin:0 20px 0 2px;
}
.send-form h4 span{
	position:relative;
	top:3px;
}
.send-form .wrap{
	overflow:hidden;
	padding:0 0 15px;
}
.send-form .col{
	float:left;
	width:345px;
	margin:0 0 0 15px;
}
.send-form .col:first-child{margin:0;}
.send-form .input-wrap{
	position:relative;
	width:345px;
	height:42px;
	overflow:hidden;
	padding:0 0 6px;
}
.send-form input{
	float:left;
	background:none;
	border:1px solid #363636;
	margin:0;
	padding:9px 10px;
	width:323px;
	position:relative;
	height:22px;
	font-size:18px;
}
.send-form input.url[type="text"]{
	width:536px;
	background:#cacaca;
	border:none;
	padding:7px 10px;
	color:#363636;
	height:22px;
}
.send-form .error input{
	border-color:#e74c3c;
	color:#e74c3c;
}
.send-form .input-placeholder-text{
	left:10px;
	top:9px;
}
.send-form .error .input-placeholder-text{color:#e74c3c !important;}
.input-placeholder-text span{color:#e74c3c;}
.send-form input[type="submit"]{
	background:#e74c3c;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	color:#fff;
	font-size:22px;
	text-align:center;
	float:right;
	width:197px;
	height:42px;
	text-transform:uppercase;
	outline:none;
}
.send-form .link-box input[type="submit"]{
	width:122px;
	height:36px;
	font-size:18px;
}
.check-holder{
	padding:13px 0 9px;
	overflow:hidden;
}
.check-holder.error *{color:#f00;}
.check-holder .col-4,
.check-holder .col-3,
.check-holder .col-2,
.check-holder .col-1{
	float:left;
	width:157px;
}
.check-holder .col-2{width:163px;}
.check-holder .col-3{width:200px;}
.check-holder .col-4{width:150px;}
.send-form .row{
	overflow:hidden;
	padding:0 0 14px;
}
.send-form label{
	font-size:18px;
	color:#898989;
	line-height:34px;
}
.send-form label:hover + .chk-area,
.send-form .check-list label:hover + .rad-area{border-color:#e74c3c;}
.send-form label em{font-style:normal;}
.send-form label span{display:none;}
.send-form .check-list label span{display:inline;}
.send-form .box{
	border:1px solid #363636;
	width:703px;
	overflow:hidden;
	position:relative;
	top:1px;
	margin:0 0 19px;
}
.send-form .box.error{border-color:#e74c3c;}
.send-form .box .textarea-box{
	background:#fff;
}
.send-form textarea{
	width:691px!important;
	overflow:auto;
	height:85px!important;
	color:#898989;
	font-size:18px;
	line-height:22px;
	border:none;
	background:none;
	resize:none;
	padding:9px 0 0 10px;
	margin:0;
	outline:none;
}
.attach-list{
	padding:0 0 0 9px;
	margin:0;
	list-style:none;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.attach-list li{
	float:left;
	background:#cacaca;
	width:109px;
	height:36px;
	line-height:36px;
	font-size:18px;
	margin:0 8px 8px 0;
	overflow:hidden;
	padding:0 20px 0 10px;
	position:relative;
}
.attach-list li .delete{
	position:absolute;
	background:#cacaca url(../images/sprite.png) no-repeat -78px -269px;
	width:27px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	top:0;
	right:0;
}
.link-box{
	position:absolute;
	bottom:44px;
	left:0;
	padding:0 9px;
	max-width:685px;
	background:#fff;
	z-index:5;
}
.attach-box{
	background:#e74c3c;
	height:29px;
	padding:7px 13px 0;
}
.btn-add-url{
	text-transform:uppercase;
	font-size:18px;
	line-height:23px;
	background:url(../images/ico-add-link.svg) no-repeat;
	background-size:20px 20px;
	padding:0 0 0 28px;
	color:#fff;
	margin:0 0 0 11px;
	position:relative;
	top:0;
	display:block !important;
	float:left;
}
.check-list{
	padding:9px 0 8px;
	margin:0 -6px 0 0;
	list-style:none;
	overflow:hidden;
	width:711px;
}
.check-list li{
	float:left;
	margin:0 14px 20px 0;
}
.check-list li label{float:right;}
.check-list li.hidden{display:block;}
.check-list li em{
	font-style:normal;
	display:none;
}
.warning-box{
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:36px;
	overflow:hidden;
	margin:0;
}
.warning-box .error-message,
.warning-box .success-message{
	display: block;
	background:#363636;
	margin:12px 0 32px;
}
.send-form .e-mail{
	float:left;
	color:#363636;
	padding:0 0 0 24px;
	margin:10px 0 0;
	position:relative;
}
.send-form .e-mail .static,
.send-form .e-mail .roll{
	position:absolute;
	top:8px;
	left:0;
	background:url(../images/ico-email.svg) no-repeat;
	background-size:16px 12px;
	width:16px;
	height:12px;
}
.send-form .e-mail .roll{
	background:url(../images/ico-email-h.svg) no-repeat;
	display:none;
	background-size:16px 12px;
}
.send-form .phone{margin:9px 0 0 24px;}
.send-form .phone.hidden{display:block;}
.send-form .phone .roll,
.send-form .phone .static{top:9px;}
.send-form .row.contact{padding:4px 0 0;}
mark{
	background:none;
	color:#e74c3c;
}
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important;
}
.rad-area {
	border: 1px solid #777;
	border-radius: 10px;
	margin: 0 10px 0 0;
	float: left;
	width: 20px;
	height: 20px;
}
.rad-area,
.chk-area{
	border:1px solid #2b2b2b;
	margin:0 11px 0 0;
	float:left;
	width:32px;
	height:32px;
	border-radius:20px;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.rad-checked,
.chk-checked{
	background:#e74c3c;
	border-color:#e74c3c;
}
.rad-area:hover,
.chk-area:hover{border-color:#e74c3c;}
.file-area .jcf-input-wrapper {
	position:relative;
	overflow:hidden;
	float:left;
}
.file-area .jcf-upload-button {
	background:url(../images/ico-attach.svg) no-repeat;
	background-size:19px 23px;
	color:#fff;
	float:left;
	height:23px;
	line-height:23px;
	padding:0 0 0 31px;
}
.file-area .jcf-fake-input{display:none;}
.file-input-opacity{cursor:pointer;}
.image-gallery{
	position:fixed;
	background:#fff;
	left:0;
	top:0;
	z-index:2000;
	width:100%;
	height:100%;
	margin:0 auto;
}
.image-gallery.hidden{
	/*position:absolute;*/
	left:-9999px;
}
.gallery-holder{
	max-width:938px;
	margin:0 auto;
	padding:16px 0 0;
}
.gallery-frame{
	position:relative;
	text-align:center;
}
.image-gallery .heading{
	overflow:hidden;
	padding:0 0 20px;
}
.image-gallery h3{
	float:left;
	font-size:35px;
	line-height:37px;
	text-transform:none;
	margin:0 41px 0 0;
}
.image-gallery .btn-view{
	float:left;
	color:#fff;
	height:33px;
	line-height:33px;
	padding:0 6px;
	background:#e74c3c;
	text-transform:uppercase;
	font-size:22px;
	margin:4px 0 0;
}
.image-gallery .btn-view:hover{
	text-decoration:none;
	background:#363636;
}
.image-gallery .btn-close{
	float:right;
	width:20px;
	height:20px;
	background:url(../images/btn-close.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:11px 3px 0 0;
	position:relative;
}
.image-gallery .btn-close .roll{
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/btn-close.gif) no-repeat 0 -20px;
	top:0;
	left:0;
	display:none;
}
.carousel{
	position:relative;
	max-width:777px;
	padding:0 100px;
	overflow:hidden;
}
.carousel .btn-next,
.carousel .btn-prev{
	position:absolute;
	background:url(../images/btn-prev.gif) no-repeat;
	width:25px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	top:50%;
	left:-80px;
	margin:-15px 0 0;
	z-index:100;
}
.carousel .btn-next .roll,
.carousel .btn-prev .roll{
	background:url(../images/btn-prev.gif) no-repeat 0 -31px;
	width:25px;
	height:31px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.carousel .btn-next{
	background:url(../images/btn-next.gif) no-repeat;
	left:auto;
	right:-80px;
}
.carousel .btn-next .roll{
	background:url(../images/btn-next.gif) no-repeat 0 -31px;
	display:none;
}
.carousel .mask-wrap{
	display: inline-block;
	max-width: 100%;
	position: relative;
	z-index: 1;
}
.carousel .mask-wrap .preview-img{
	max-width: 100%;
	position: relative;
	vertical-align: top;
	z-index: 3;
}
.carousel .mask{
	overflow:hidden;
	position:relative;
	margin:4% 4% 5%;
}
.carousel .mask-holder{
	position:relative;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.carousel .slideset{
	width:99999px;
	float:left;
}
.carousel .slide{
	width:711px;
	float:left;
	background:#000;
}
.carousel .slide img{
	display:block;
	height:auto;
	width:100%;
}
.ie8{display:none;}
@media only screen and (max-width:1168px){
	#footer .container{max-width:940px;}
	#footer .col.copy,
	#footer .col{width:23.41%;}
	#footer .col.copy span,
	#footer .hidden{display:block;}
	#footer .by .hidden{display:inline;}
}
@media only screen and (max-width:1000px){
	.slideshow{
		max-width:900px;
	}
	.slideshow .photo{width:20%;}
	.slideshow blockquote{
		width:78%;
		margin:17px 0 0;
		float:right;
	}
	.slideshow blockquote q{margin:0 0 18px;}
	.slideshow blockquote .name{margin:0 0 0 2px;}
	#footer .col{margin:0;}
	#footer .col.c-1{width:19.9%;}
	#footer .col.c-2{width:27.3%;}
	#footer .col.c-3{width:27%;}
	#footer .col.copy{width:20%;}
}
@media only screen and (max-width:952px){
	#fancybox-content,
	.lightbox{width:100%!important;}
	.btn-contact{margin-top:10px;}
	#footer .footer-frame,
	#footer .footer-holder,
	#footer,
	#footer .container .holder,
	.w1,
	#wrapper{
		overflow:hidden;
		display:block;
		height:auto;
	}
	#header .phone{
		padding:0;
		width:12px;
		text-indent:-9999px;
		overflow:hidden;
	}
	.panel .btn{margin:0 9px 0 0;}
	h1{
		font-size:60px;
		line-height:65px;
		margin:0 0 25px;
	}
	.visual .holder{
		padding:53px 0 0;
		font-size:22px;
	}
	.visual strong{font-size:30px;}
	.menu{
		margin:0 -9999px 64px;
		padding:0 27px 0 36px;
	}
	.menu li{
		padding:0 5px;
		font-size:16px;
	}
	.menu a{padding-left:36px;}
	#main{padding:0 24px 36px;}
	.about #main,
	.work #main{padding:0 25px 36px 28px;}
	.columns .col{
		width:28%;
		margin:0 0 0 55px;
	}
	.about .dark-block,
	.home .dark-block{
		margin:0 -27px 62px;
		padding:0 27px;
		height:338px;
	}
	.home .dark-block .holder{margin:0 0 -15px;}
	.home .alignright img{
		width:305px;
		height:239px;
	}
	.home .dark-block .alignright{
		width:305px;
		margin:0 -14px 0 0;
		height:338px;
	}
	.home .dark-block .text{height:338px;}
	.about .dark-block{
		margin:0 -27px 63px;
		padding:0 45px 0 42px;
		height:397px;
	}
	.about .alignright img{
		width:379px;
		height:299px;
	}
	.about .dark-block .holder{margin:0;}
	.about .dark-block .holder p{margin:0;}
	.about .dark-block .text{
		height:397px;
		width:45%;
	}
	.about .dark-block .alignright{
		margin:0 -19px 0 0;
		height:397px;
		width:379px;
	}
	.about .dark-block .alignright .holder{margin:0 0 -31px;}
	.services .dark-block{
		margin:0 -27px;
		padding:0 27px;
		height:375px;
	}
	.services .dark-block:after{
		content:'';
		display:block;
		clear:both;
	}
	.services .dark-block .text{width:49%;}
	.services .dark-block .text .holder{margin:0;}
	#mobile-apps .text .holder{margin:0 0 16px;}
	#mobile-apps .alignright .holder{margin:0 0 8px;}
	#print-design .post .alignleft img{
		width:350px;
		height:259px;
	}
	#print-design .post .alignleft{
		margin:0 0 0 -5px;
		width:359px;
	}
	#print-design .text{width:46%;}
	#branding .post .alignleft img{
		width:336px;
		height:263px;
	}
	#branding .post .alignright{
		width:336px;
		margin:0 -4px 0 0;
	}
	.alignright{margin:4px -17px 0 47px;}
	.alignleft{margin:6px 23px 0 -11px;}
	.services .post p{display:inline;}
	.slideshow .btn-next,
	.slideshow .btn-prev{display:none;}
	.slideshow{padding-bottom:60px;}
	.slideshow .slideset{
		width:100%;
		margin:0;
	}
	.slideshow .photo{width:28.33%;}
	.slideshow blockquote{
		width:67%;
		margin:17px 0 0;
		float:right;
		padding:0 5px 0 0;
	}
	.slideshow blockquote q{margin:0 0 18px;}
	.slideshow blockquote .name{margin:0 0 0 2px;}
	#footer .dark-block{padding:60px 10px 57px 26px;}
	#footer .container .holder{width:106%;}
	#footer .col{width:22.7%;}
	.gallery-holder{
		padding:16px 35px 0 26px;
	}
	.image-gallery .heading{padding:0 0 20px;}
	.image-gallery h3{margin:0 32px 0 0;}
	.image-gallery .btn-close{margin-top:13px;}
	.carousel .btn-next,
	.carousel .btn-prev{
		margin:-11px 0 0;
		left:-60px;
	}
	.carousel .btn-next{
		right:-60px;
		left:auto;
	}
	.carousel .btn-next .roll,
	.carousel .btn-prev .roll,
	.carousel .btn-next,
	.carousel .btn-prev{
		width:19px;
		height:23px;
		background-size:100% 200%;
	}
	.carousel .btn-next .roll,
	.carousel .btn-prev .roll{background-position:0 -23px;}
	.photo-gallery{margin:0 0 56px;}
	.work .photo-gallery{
		margin:-2px 0 54px;
		padding:0;
	}
	.carousel-2{
		width:100%;
		padding:0;
		margin:-4px 0 56px;
	}
	.carousel-2 .slide .image{margin:0 0 27px;}
	.carousel-2 .btn-next,
	.carousel-2 .btn-prev{display:none;}
	.info-block{padding:0 0 43px;}
	.info-block h3 a:before{margin:0 auto 64px;}
	.info-block h3 a{padding:127px 0 0;}
	.info-block .hidden{display:none;}
	.info-block .col{
		margin:0;
		width:25%;
	}
	.about .title.title2 .full-v,
	.home .dark-block .full-v,
	.about .dark-block .full-v,
	.family .full-v{display:none;}
	.home .dark-block .tablet-v,
	.about .title.title2 .mobile-v,
	.about .dark-block .tablet-v,
	.tablet-v{display:block;}
	.clients{
		margin:22px 0 14px 20px;
		max-width:800px;
		width:100%;
		text-align:center;
	}
	.clients li{
		min-width:88px;
		padding:0 27px 49px 0;
	}
	.clients .client01 a .roll,
	.clients .client01 a{
		width:84px;
		height:14px;
	}
	.clients .client01 a .roll{background-position:0 -14px;}
	.clients .client02 a .roll,
	.clients .client02 a{
		width:82px;
		height:40px;
	}
	.clients .client02 a .roll{background-position:0 -40px;}
	.clients .client03 a .roll,
	.clients .client03 a{
		width:80px;
		height:36px;
	}
	.clients .client03 a .roll{background-position:0 -36px;}
	.clients .client04 a .roll,
	.clients .client04 a{
		width:51px;
		height:50px;
	}
	.clients .client04 a .roll{background-position:0 -50px;}
	.clients .client05 a .roll,
	.clients .client05 a{
		width:81px;
		height:33px;
	}
	.clients .client05 a .roll{background-position:0 -33px;}
	.clients .client06 a .roll,
	.clients .client06 a{
		width:45px;
		height:45px;
	}
	.clients .client06 a .roll{background-position:0 -45px;}
	.clients .client07 a .roll,
	.clients .client07 a{
		width:82px;
		height:49px;
	}
	.clients .client07 a .roll{background-position:0 -49px;}
	.clients .client08 a .roll,
	.clients .client08 a{
		width:53px;
		height:52px;
	}
	.clients .client08 a .roll{background-position:0 -52px;}
	.clients .client09 a .roll,
	.clients .client09 a{
		width:47px;
		height:50px;
	}
	.clients .client09 a .roll{background-position:0 -50px;}
	.clients .client10 a .roll,
	.clients .client10 a{
		width:48px;
		height:54px;
	}
	.clients .client10 a .roll{background-position:0 -54px;}
	.clients .client11 a .roll,
	.clients .client11 a{
		width:66px;
		height:30px;
	}
	.clients .client11 a .roll{background-position:0 -30px;}
	.clients .client12 a .roll,
	.clients .client12 a{
		width:88px;
		height:29px;
	}
	.clients .client12 a .roll{background-position:0 -29px;}
	#fancybox-wrap{
		width:100% !important;
		left:0 !important;
	}
	#fancybox-content{
		border:none!important;
		margin:0 auto;
	}
}
@media only screen and (min-width:768px) {
	#header .panel .slide {
		display:block !important;
		position:static !important;
		height:auto !important;
	}
}
@media only screen and (max-width:767px){
	body{
		font-size:16px;
		line-height:19px;
	}
	#footer .footer-frame,
	#footer .footer-holder,
	#footer,
	#footer .container .holder,
	.w1,
	#wrapper{display:block;}
	#wrapper{height:auto;}
	.w2{padding:465px 0 0;}
	#header{height:100px;}
	.logo{margin:27px 0 0 17px;}
	.header-holder{padding:0;}
	#header .panel{
		float:none;
		overflow:hidden;
		overflow:visible;
		width:100%;
	}
	.panel .opener{
		display:block!important;
		width:31px;
		height:25px;
		margin:-7px 21px 10px auto;
		margin-top:-7px;
		background:url(../images/ico-menu.png) no-repeat;
		background-size:100% 100%;
		text-indent:-9999px;
		overflow:hidden;
	}
	#header .panel .slide{
		background:#fff;
		text-align:center;
		text-transform:uppercase;
		line-height:33px;
		font-size:22px;
		margin:0;
		width:100%;
		overflow:hidden;
	}
	#nav{
		float:none;
		margin:0;
		padding:7px 0 0;
	}
	#nav ul{width:100%;}
	#nav li:first-child{border-top:2px solid #dadada;}
	#nav li{
		float:none;
		border-top:1px solid #dadada;
		line-height:33px;
		padding:0;
	}
	#nav li a{
		height:auto;
		transition:none;
		color:#363636;
		padding:0 0 1px;
		background:none;
	}
	#nav .active a,
	#nav a:hover{background:none;}
	#nav li a:hover{background:none;}
	#header .panel .slide.js-slide-hidden{display:none;}
	.panel .btn{
		float:none;
		display:block;
		border-top:1px solid #dadada;
		background:none;
		padding:2px 0;
		margin:0;
		color:#363636;
		height:auto;
		background:#fff!important;
	}
	.panel .btn:hover{
		background:none;
		color:#363636;
	}
	.panel .btn span{display:none;}
	.slide .btn-contact{
		float:none;
		background:none;
		text-indent:0;
		color:#363636;
		display:block;
		width:auto;
		height:auto;
		margin:0;
		border:solid #dadada;
		border-width:1px 0;
		padding:0 0 6px;
	}
	.slide .btn-contact .roll,
	.slide .btn-contact .static{display:none !important;}
	.panel .btn:hover,
	.btn-contact:hover{
		color:#e74c3c;
		text-decoration:none;
	}
	#header .phone{display:none;}
	.about #main,
	#main{padding:0 18px 33px 17px;}
	.work #main{padding:0 20px 36px 17px;}
	h1{
		font-size:57px;
		margin:0 0 23px;
	}
	.services h1{
		font-size:54px;
	}
	.visual{height:365px;}
	.visual strong{font-size:29px;}
	.visual .holder{padding:51px 0 0;}
	.services .visual p,
	.visual p{margin:0 0 37px;}
	.menu{
		margin:0 -25px 62px -28px;
		overflow:hidden;
		padding-left:17px;
		height:73px;
	}
	.menu li{padding:0 4px;}
	.menu a.branding{display:none;}
	.menu a.management{padding-left:32px;}
	.menu a.mobile-apps{padding-left:27px;}
	.title{font-size:18px;}
	h2{margin:0 0 24px;}
	.photo-gallery{
		margin-bottom:57px;
		text-align:center;
	}
	.photo-gallery li{margin:0 -3px;}
	.columns{
		overflow:visible;
		margin:-1px 0 67px;
	}
	.columns:after{
		content:'';
		display:block;
		clear:both;
	}
	.columns .col{
		margin:0 0 0 44px;
		font-size:16px;
		line-height:19px;
	}
	h3{margin:0 0 26px;}
	.columns h3 a{padding:3px 0 2px 36px;}
	.dark-block{
		height:333px;
		padding:0 27px 0;
		margin-bottom:59px;
	}
	.home .dark-block{
		height:333px;
		margin-bottom:58px;
	}
	.home .dark-block .alignright{
		width:282px;
		margin:0 -7px 0 0;
	}
	.home .alignright img{
		width:282px;
		height:223px;
	}
	.home .dark-block .alignright,
	.home .dark-block .text{height:333px;}
	.home .dark-block .text{width:52%;}
	.about .dark-block{
		height:334px;
		margin-bottom:62px;
		padding:0 34px;
	}
	.about .dark-block .alignright .holder{margin:0 0 -22px;}
	.about .dark-block .holder{margin:0 0 21px;}
	.about .dark-block .alignright{
		width:282px;
		margin:0 -7px 0 0;
	}
	.about .alignright img{
		width:282px;
		height:223px;
	}
	.about .dark-block .alignright,
	.about .dark-block .text{height:333px;}
	.about .dark-block .text{width:52%;}
	.about .post h1{margin:0 0 20px;}
	.carousel-2{margin-bottom:58px;}
	.services-info{padding:0 0 61px;}
	.services .dark-block{height:324px;}
	.white .text,
	.services .dark-block .text{
		height:324px;
	}
	.white .alignleft{
		height:324px;
		width:307px;
	}
	.services .post h1{
		font-size:30px;
		margin:0 0 14px;
	}
	.services .post{line-height:23px;}
	.services .services-info .container{height:324px;}
	.services .dark-block .alignright{
		margin:0 -11px 0 0;
		width:308px;
		height:324px;
	}
	.services .alignleft img,
	.services .alignright img{
		width:307px;
		height:240px;
	}
	.services #mobile-apps .alignright{
		width:263px;
		margin:0 1px 0 0;
	}
	.services #mobile-apps .alignright img{
		width:263px;
		height:226px;
	}
	#mobile-apps .alignright .holder{margin:0;}
	.services #print-design .alignright img{
		width:303px;
		height:248px;
	}
	.services #print-design .alignright img{
		width:291px;
		height:226px;
	}
	#print-design .post .alignleft{
		width:301px;
		margin:0;
	}
	#print-design .post .alignleft .holder{margin:0 0 -9px;}
	#print-design .post .alignleft img{
		width:301px;
		height:226px;
	}
	#branding .post .alignright{
		width:291px;
		margin:0 1px 0 0;
	}
	#branding .post .alignright img{
		width:291px;
		height:226px;
	}
	.post{line-height:19px;}
	.post h1{font-size:34px;}
	.alignright{margin:8px -9px 0 20px;}
	.alignright img{
		width:285px;
		height:224px;
	}
	p{margin:0 0 20px;}
	.slideshow{padding-bottom:34px;}
	.slideshow blockquote{
		font-size:20px;
		line-height:28px;
	}
	.slideshow blockquote q{margin:0 0 16px;}
	.slideshow blockquote .add-info{padding:0;}
	.slideshow blockquote .name{
		font-size:19px;
		line-height:23px;
	}
	.slideshow blockquote .name span{
		font-size:14px;
		margin:3px 0 0;
	}
	#footer{
		font-size:14px;
		line-height:26px;
	}
	#footer .dark-block{padding:60px 10px 56px 16px;}
	#footer h3{font-size:20px;}
	#footer .social a{
		height:21px;
	}
	#footer .social .facebook .roll,
	#footer .social .facebook .static,
	#footer .social .facebook{
		width:11px;
		height:21px;
	}
	#footer .social .linkedin .roll,
	#footer .social .linkedin .static,
	#footer .social .linkedin{
		width:21px;
		height:21px;
	}
	#footer .social .twitter .roll,
	#footer .social .twitter .static,
	#footer .social .twitter{
		width:21px;
		height:17px;
	}
	#footer .social .google .roll,
	#footer .social .google .static,
	#footer .social .google{
		width:20px;
		height:20px;
	}
	#footer .social .pinterest .roll,
	#footer .social .pinterest .static,
	#footer .social .pinterest{
		width:17px;
		height:21px;
	}
	#footer .col p{margin:0 0 6px;}
	#footer .social li:first-child{padding:0 5px 0 3px;}
	.carousel-2 .cover-box .holder{padding:5px 0 0;}
	.carousel-2 .cover-box strong{
		font-size:19px;
		line-height:21px;
	}
	.carousel-2 .social a{padding:3px 4px;}
	.carousel-2 .social .linkedin{
		width:19px;
		height:17px;
	}
	.carousel-2 .social .linkedin .roll,
	.carousel-2 .social .linkedin .static{
		width:19px;
		height:17px;
		top:3px;
	}
	.carousel-2 .social .facebook{
		width:10px;
		height:17px;
	}
	.carousel-2 .social .facebook .roll,
	.carousel-2 .social .facebook .static{
		width:10px;
		height:17px;
		top:3px;
	}
	.carousel-2 .social .mail{
		width:16px;
		height:13px;
	}
	.carousel-2 .social .mail .roll,
	.carousel-2 .social .mail .static{
		width:16px;
		height:13px;
		top:3px;
	}
	.carousel-2 .slide .box{
		font-size:16px;
		width:30%;
	}
	.carousel-2 .slide .name{
		font-size:18px;
		padding:0 0 5px;
	}
	.carousel-2 .slide .image{margin:0 0 26px;}
	.title.family .mobile-v,
	.about .dark-block .tablet-v{display:none;}
	.about .dark-block .mobile-v{display:block;}
	.info-block h3{
		font-size:30px;
	}
	.info-block h3 .roll,
	.info-block h3 .static{
		height:55px;
		width:56px;
	}
	.info-block h3 .launch .roll,
	.info-block h3 .launch .static{
		width:54px;
		height:53px;
	}
	.info-block h3 a{padding:108px 0 0;}
	.clients{
		width:auto;
		margin:-12px -12px 11px -10px;
	}
	.clients li{padding:0 8px 49px;}
	.clients .client01 a
	.roll, .clients .client01 a{
		width:74px;
	}
	.clients .client02 a .roll,
	.clients .client02 a{
		width:73px;
		height:34px;
	}
	.clients .client02 a .roll{background-position:0 -34px;}
	.clients .client03 a .roll,
	.clients .client03 a{
		width:71px;
		height:31px;
	}
	.clients .client03 a .roll{background-position:0 -31px;}
	.clients .client04 a .roll,
	.clients .client04 a{
		width:54px;
		height:47px;
	}
	.clients .client04 a .roll{background-position:0 -47px;}
	.clients .client05 a .roll,
	.clients .client05 a{
		width:72px;
		height:30px;
	}
	.clients .client05 a .roll{background-position:0 -30px;}
	.clients .client06 a .roll,
	.clients .client06 a{
		width:45px;
		height:45px;
	}
	.clients .client06 a .roll{background-position:0 -45px;}
	.clients .client07 a .roll,
	.clients .client07 a{
		width:72px;
		height:43px;
	}
	.clients .client07 a .roll{background-position:0 -43px;}
	.clients .client08 a .roll,
	.clients .client08 a{
		width:43px;
		height:45px;
	}
	.clients .client08 a .roll{background-position:0 -45px;}
	.clients .client09 a .roll,
	.clients .client09 a{
		width:43px;
		height:45px;
	}
	.clients .client09 a .roll{background-position:0 -45px;}
	.clients .client10 a .roll,
	.clients .client10 a{
		width:44px;
		height:48px;
	}
	.clients .client10 a .roll{background-position:0 -48px;}
	.clients .client11 a .roll,
	.clients .client11 a{
		width:60px;
		height:28px;
	}
	.clients .client11 a .roll{background-position:0 -28px;}
	.clients .client12 a .roll,
	.clients .client12 a{
		width:77px;
		height:27px;
	}
	.clients .client12 a .roll{background-position:0 -27px;}
	.gallery-holder{padding:16px 22px 0 19px;}
	.image-gallery .heading{padding:0 0 20px 21px;}
	.image-gallery .btn-close{margin:13px 0 0;}
	.carousel{padding:0 25px;}
	.carousel .btn-next{right:-27px;}
	.carousel .btn-prev{left:-27px;}
	.send-form fieldset,
	.send-form{
		max-width:660px;
		margin:0 auto;
	}
	.send-form .heading{
		padding:19px 18px 30px;
		margin:0 0 26px;
		font-size:20px;
	}
	.send-form .heading h3{margin:0 0 28px;}
	.send-form .form-area{padding:0 10px 28px;}
	.send-form .col{width:262px;}
	.send-form input{width:240px;}
	.send-form .col:first-child{width:345px;}
	.send-form .col:first-child input{width:323px;}
	.send-form label em{display:none;}
	.send-form label span{display:inline;}
	.check-holder .col-2{width:162px;}
	.send-form .box{width:619px;}
	.send-form textarea{
		height:114px !important;
		width:609px !important;
	}
	.send-form .input-placeholder-text{top:12px;}
	.send-form .check-list label span{display:none;}
	.send-form .check-list label em{display:inline;}
	.check-list li{margin:0 26px 20px 0;}
	.send-form .e-mail .static, .send-form .e-mail .roll{top:4px;}
	.send-form .phone .roll, .send-form .phone .static{top:3px;}
	.send-form input[type="submit"]{
		width:164px;
		font-size:20px;
		margin:0 13px 0 0;
	}
	.send-form input.url[type="text"]{width:446px;}
	.check-list{
		width:660px;
		margin:0 -28px 0 0;
	}
	.lightbox .btn-close{
		right:13px;
		top:5px;
	}
	.about #main,
	#main{padding:0 21px 36px 17px;}
}
@media only screen and (max-width:659px){
	body{
		font-size:14px;
		line-height:17px;
	}
	.w2{padding:191px 0 0;}
	#header{height:50px;}
	.header-holder{padding:0;}
	.logo{
		width:157px;
		height:31px;
		background:url(../images/logo-sm.png) no-repeat;
		background-size:100% 100%;
		float:none;
		display:block;
		margin:10px 0 0 28px;
		position:relative;
	}
	#header .panel{
		float:none;
		width:100%;
		padding:0;
	}
	.panel .opener{
		margin:-26px 27px 10px auto;
		background:url(../images/ico-menu.png) no-repeat;
		background-size:100% 100%;
		width:26px;
		height:21px;
	}
	#header .panel .slide{
		background:#fff;
		text-align:center;
		text-transform:uppercase;
		line-height:33px;
		font-size:22px;
		margin:0;
		width:auto;
		display:none;
	}
	#nav{
		float:none;
		margin:0;
		padding:2px 0 0;
	}
	#nav li:first-child{border-top:2px solid #dadada;}
	#nav li{
		float:none;
		border-top:1px solid #dadada;
		line-height:33px;
		padding:0;
	}
	#nav li a{
		height:auto;
		transition:none;
		color:#363636;
		padding:0 0 1px;
		background:none;
	}
	#nav .active a,
	#nav a:hover{background:none;}
	#nav li a:hover{background:none;}
	#header .panel .slide.js-slide-hidden{display:none;}
	.panel .btn{
		float:none;
		display:block;
		border-top:1px solid #dadada;
		background:none;
		padding:2px 0;
		margin:0;
		color:#363636;
		height:auto;
		background:#fff!important;
	}
	.panel .btn:hover{
		background:none;
		color:#363636;
	}
	.panel .btn span{display:none;}
	.slide .btn-contact{
		float:none;
		background:none;
		text-indent:0;
		color:#363636;
		display:block;
		width:auto;
		height:auto;
		margin:0;
		border:solid #dadada;
		border-width:1px 0;
		padding:0 0 6px;
	}
	.slide .btn-contact .roll,
	.slide .btn-contact .static{display:none !important;}
	.panel .btn:hover,
	.btn-contact:hover{
		color:#e74c3c;
		text-decoration:none;
	}
	#header .phone{display:none;}
	.visual{
		top:50px;
		height:142px;
	}
	.visual .holder{
		font-size:12px;
		padding:15px 0 0;
		line-height:16px;
	}
	h1{
		font-size:22px;
		line-height:26px;
		margin:0 0 9px;
	}
	.services .post h1,
	.services h1{
		font-size:22px;
		margin:0 0 22px;
	}
	.services .visual h1{margin:0 0 9px;}
	h2{
		font-size:22px;
		line-height:26px;
		margin:0 0 9px;
	}
	h3{margin:0 0 27px;}
	.visual strong{
		font-size:14px;
		line-height:17px;
		margin:0 0 6px;
	}
	.visual .hidden{display:none;}
	.visual p,
	.services .visual p{margin:0 0 15px;}
	.btn-click-here{
		font-size:12px;
		line-height:20px;
		height:20px;
		border-width:1px;
		padding:0 6px;
	}
	.work #main,
	.about #main,
	#main{padding:0 27px 24px;}
	.services #main{padding:0 0 24px;}
	.menu{
		height:42px;
		margin: 0 -9999px 28px;
		padding: 0 27px 0 36px;
	}
	.menu ul{padding:9px 0 0;}
	.menu li{padding:0 23px 0 13px;}
	.menu a{
		text-indent:-9999px;
		overflow:hidden;
		height:22px;
		padding:0;
	}
	.menu a.mobile-apps,
	.menu a.management,
	.menu a.branding{padding:0;}
	.menu .w-design .static,
	.menu .w-design .roll,
	.menu .w-design{
		width:22px;
		height:21px;
	}
	.menu .management .roll,
	.menu .management .static,
	.menu .management{
		width:18px;
		height:22px;
	}
	.menu .mobile-apps .static,
	.menu .mobile-apps .roll,
	.menu .mobile-apps{
		width:15px;
		height:22px;
	}
	.menu .print-design,
	.menu .print-design .roll,
	.menu .print-design .static,
	.menu .branding .static,
	.menu .branding .roll,
	.menu .branding{
		width:21px;
		height:18px;
	}
	.menu a.branding{display:inline-block;}
	.title{
		font-size:14px;
		line-height:16px;
		padding:0 0 7px;
	}
	.title p{margin:0 0 21px;}
	.photo-gallery{margin:0 0 26px;}
	.work .photo-gallery{
		padding:1px 0 0;
		margin-bottom:22px;
	}
	.photo-gallery .roll{background-size:46px 28px;}
	.columns{
		padding:0 0 30px;
		margin-bottom:0;
	}
	.columns .col:first-child,
	.columns .col{
		float:left;
		width:25%;
		font-size:12px;
		line-height:17px;
		margin:0 0 0 10%;
	}
	.columns .col:first-child{margin:0;}
	h3{
		font-size:14px;
		margin:0 0 14px;
	}
	.columns h3 a{padding:3px 0 2px 37px;}
	.dark-block{
		padding:22px 27px 26px;
		margin-bottom:24px;
		height:166px;
	}
	.home .dark-block .holder,
	.home .dark-block .holder p{margin:0;}
	.post{line-height:20px;}
	.about .post .alignright,
	.home .post .alignright{width:230px;}
	.about .dark-block .post,
	.home .dark-block .post{
		margin:0 -27px;
		padding:0 27px;
		line-height:17px;
	}
	.home .dark-block .text{width:50%;}
	.services .dark-block{
		padding:0;
		height:214px;
		margin:0;
		width:100%;
		overflow:hidden;
	}
	.services .services-info .container,
	.white .alignleft,
	.services .dark-block .alignright,
	.white .text, 
	.services .dark-block .text{height:214px;}
	.white .text{width:50%;}
	.services .dark-block .alignright{
		margin:0;
		width:230px;
	}
	.alignleft{margin:6px 18px 0 -129px;}
	.services .dark-block .alignright .holder{margin:0 0 -11px;}
	.about .dark-block,
	.home .dark-block{
		height:280px;
		margin-bottom:24px;
	}
	.about .dark-block .alignright,
	.about .dark-block .text,
	.home .dark-block .alignright,
	.home .dark-block .text{height:280px;}
	.about .alignright img,
	.home .alignright img,
	.services .alignleft img,
	.services .alignright img{
		width:230px;
		height:195px;
	}
	.services .alignleft,
	.services .alignright{width:230px;}
	.services #mobile-apps .alignright{margin:3px -127px 0 10px;}
	.services #mobile-apps .alignright img{
		width:239px;
		height:186px;
	}
	#mobile-apps .text .holder{margin:0;}
	.services #mobile-apps h1{margin:0 0 22px;}
	.services #content-management .alignleft{
		margin:0;
		width:242px;
	}
	.services #content-management .alignleft img{
		width:242px;
		height:196px;
	}
	.services #mobile-apps .alignright{margin:0;}
	.services #mobile-apps .alignright img{
		width:239px;
		height:186px;
	}
	#print-design .text .holder,
	#mobile-apps .text .holder{margin:0;}
	.services #mobile-apps h1{
		margin:0 0 22px;
		white-space:nowrap;
	}
	.services #print-design .alignleft{
		width:234px;
		margin:0;
	}
	.services #print-design .alignleft img{
		width:234px;
		height:190px;
	}
	.services #branding .alignright{
		margin:0;
		width:225px;
	}
	.services #branding .alignright img{
		width:225px;
		height:191px;
	}
	.services #branding .text{width:53%;}
	.services-info{padding:0 0 25px;}
	.post{line-height:17px;}
	.services .post{
		text-align:left;
		line-height:20px;
		font-size:14px;
		padding:0 0 0 20px;
	}
	.services .white .post{
		text-align:right;
		padding:0 25px 0 0;
	}
	.post h1{
		font-size:22px;
		line-height:24px;
		margin:0 0 19px;
	}
	.services .post2 h1{margin:0 0 21px;}
	.about .dark-block .text{text-align:left;}
	.about .dark-block .holder{margin:0 0 4px;}
	.about .post{line-height:20px;}
	.about .post h1{margin:0 0 26px;}
	.services #mobile-apps .text{width:40%;}
	.services .dark-block .text{width:49%;}
	.services #branding .text{width:51%;}
	.post .text{
		padding:0;
		overflow:visible;
		width:45%;
	}
	.white .holder{margin:0;}
	.services .post.post2 .text.mobile-v{display:block;}
	.slideshow {
		padding-bottom:1px;
		height:150px;
	}
	.slideshow .photo{
		width:25%;
		margin:0 12px 0 0;
	}
	.slideshow blockquote{
		float:none;
		font-size:14px;
		line-height:17px;
		width:100%;
		margin:6px 0 0;
	}
	.slideshow blockquote q{
		overflow:hidden;
		margin:0 0 22px;
	}
	.slideshow blockquote .name{
		font-size:14px;
		padding:0 0 0 28px;
	}
	.slideshow blockquote .name:before{
		top:7px;
		width:13px;
	}
	.slideshow blockquote .name span{
		font-size:12px;
		margin:1px 0 0;
	}
	.slideshow .social{padding-left:26px;}
	.slideshow .social li{margin:0 5px;}
	.orange-btn{
		font-size:22px;
		height:50px;
		line-height:50px;
	}
	
	.send-form{
		max-width:320px;
		margin:0 auto;
	}
	#fancybox-content{width:100% !important;}
	.lightbox{width:100%;}
	.lightbox .btn-close{
		width:10px;
		height:10px;
		right:13px;
		top:8px;
	}
	.lightbox .btn-close .roll{
		width:10px;
		height:10px;
	}
	.send-form .heading{
		font-size:18px;
		padding:18px 15px 21px 27px;
		margin:0 0 19px;
	}
	.send-form .heading em{display:block;}
	.send-form .heading span{display:none;}
	.send-form .heading h3{
		font-size:22px;
		line-height:25px;
		margin:0 0 14px;
	}
	.send-form .form-area{padding-left:24px;}
	.send-form .wrap{padding:0 0 3px;}
	.send-form .col:first-child,
	.send-form .col{
		width:100%;
		float:none;
		margin:0;
	}
	.send-form .input-wrap{
		width:100%;
		padding:0 0 10px;
	}
	.send-form .col:first-child input,
	.send-form input{
		width:245px;
		font-size:16px;
		line-height:16px;
	}
	.send-form .input-placeholder-text{top:14px;}
	.send-form h4{
		font-size:18px;
		line-height:23px;
		margin:0 0 14px 1px;
	}
	.send-form h4 img{
		width:21px;
		height:23px;
		margin:0 7px 0 0;
	}
	.send-form .box{width:265px;}
	.send-form label{
		font-size:16px;
		line-height:23px;
		width:98px;
	}
	.send-form label em{display:none;}
	.send-form label span{display:inline;}
	.chk-area{
		height:22px;
		width:22px;
	}
	.check-holder .col-4,
	.check-holder .col-3,
	.check-holder .col-2,
	.check-holder .col-1{
		float:none;
		width:auto;
	}
	.check-holder .col-wrap{
		float:left;
		width:133px;
	}
	.link-box{
		width:93.6%;
		bottom:34px;
	}
	.send-form input.url[type="text"]{
		width:166px;
		height:19px;
		padding:5px 10px;
	}
	.send-form .link-box input[type="submit"]{
		font-size:12px;
		height:29px;
		width:62px;
		margin:0;
	}
	.send-form .e-mail .static,
	.send-form .e-mail .roll{top:0;}
	.send-form .phone .roll,
	.send-form .phone .static{top:3px;}
	.file-area .jcf-upload-button{
		font-size:16px;
		background-position:0 2px;
		background-size:13px 17px;
		padding:0 0 0 20px;
	}
	.btn-add-url{
		font-size:16px;
		background-size:17px 17px;
		background-position:0 2px;
		padding:0 0 0 20px;
		top:0;
	}
	.send-form .box .input-placeholder-text{
		top:7px;
		left:7px;
	}
	.send-form .box .link-box .input-placeholder-text{left:9px;}
	.send-form textarea{
		padding:7px 0 0 7px;
		width:258px!important;
		height:68px!important;
	}
	.send-form .box .textarea-box{padding:0 0 1px;}
	.attach-box{
		height:auto;
		padding:2px 9px 0;
		overflow:hidden;
	}
	.attach-list li{
		width:23%;
		height:29px;
		line-height:29px;
		font-size:12px;
		padding:0 10px 0 3px;
		position:relative;
		overflow:hidden;
	}
	.attach-list li .delete{
		position:absolute;
		top:0;
		right:0;
		margin:0;
		background:#cacaca url(../images/sprite.png) no-repeat -58px -274px;
		height:100%;
		width:15px;
	}
	.check-list{width:100%;}
	.check-list li{
		width:125px;
		margin:0 8px 12px 0;
	}
	.check-list li em{display:block;}
	.send-form .check-list label{
		float:right;
		position:relative;
		top:3px;
	}
	.send-form .check-list label span{display:none;}
	.send-form .check-list li label{width:79px;}
	.check-list li.hidden{display:none;}
	.warning-box{
		font-size:16px;
		line-height:25px;
	}
	.send-form .phone.hidden,
	.warning-box .full-text{display:none;}
	.warning-box .short-text{display:block;}
	.send-form .e-mail{
		text-indent:-9999px;
		overflow:hidden;
		width:14px;
		height:12px;
		padding:0;
		float:left;
	}
	.send-form .e-mail .static,
	.send-form .e-mail .roll{background-size:14px 12px;}
	.send-form .e-mail{margin:5px 0 0;}
	.send-form .phone{margin:1px 0 0 10px;}
	.send-form input[type="submit"]{
		width:73px;
		height:23px;
		font-size:16px;
	}
	.gallery-holder{padding:5px 27px 0 28px;}
	.image-gallery h3{
		font-size:16px;
		line-height:20px;
		margin:0 11px 0 0;
	}
	.image-gallery .btn-view{
		font-size:10px;
		height:14px;
		line-height:14px;
		padding:0 3px;
		margin:3px 0 0;
	}
	.image-gallery .btn-close{
		width:9px;
		height:9px;
		background-size:100% 200%;
		margin:6px 0 0 0;
	}
	.image-gallery .btn-close .roll{
		width:9px;
		height:9px;
		background:url(../images/btn-close.gif) no-repeat 0 -9px;
		background-size:100% 200%;
	}
	.image-gallery .heading{padding:0 0 20px;}
	.carousel-2{margin-bottom:21px;}
	.carousel-2 .slide .name{
		font-size:13px;
		line-height:14px;
	}
	.carousel-2 .cover-box strong{
		font-size:16px;
		line-height:18px;
	}
	.carousel-2 .slide .box{font-size:11px;}
	.carousel-2 .slide .image{margin:0 0 10px;}
	.carousel-2 .slide .cover-box .info{display:none;}
	.carousel-2 .slide .info, .carousel-2 .slide .cover-box .hidden{display:block;}
	.info-block{
		padding:0 0 6px;
		width:110%;
		margin:0 0 0 -5%;
	}
	.info-block .col:first-child,
	.info-block .col{
		width:25%;
		margin:0;
	}
	.info-block h3{font-size:19px;}
	.info-block h3 .roll,
	.info-block h3 .static{margin:0 0 0 -21px;}
	.info-block h3 .plan .roll,
	.info-block h3 .plan .static{margin:0 0 0 -18px;}
	.info-block h3 .roll,
	.info-block h3 .static{
		height:40px;
		width:44px;
	}
	.info-block h3 .launch .roll,
	.info-block h3 .launch .static{
		height:44px;
		width:42px;
		margin:0 0 0 -22px;
	}
	.info-block h3 a{padding:57px 0 0;}
	.clients{
		text-align:center;
		width:110%;
		margin:11px 0 5px 13px;
	}
	.clients li{padding:0 55px 23px 0;}
	.title.family .mobile-v,
	.mobile-v{display:inline;}
	.title.family p{margin:0;}
	.home .dark-block .tablet-v,
	.about .darck-block .tablet-v,
	.tablet-v,
	.full-v{display:none;}
}
@media only screen and (max-width:550px){
	.about .dark-block .text,
	.home .dark-block .text{width:45%;}
}
@media only screen and (max-width:510px){
	.about #main,
	#main{padding:0 27px 33px;}
	.columns{
		padding:0 10px;
		margin:0;
	}
	.columns .col:first-child,
	.columns .col{
		float:none;
		width:100%;
		margin:0 0 27px;
		line-height:17px;
		font-size:14px;
	}
	.columns .innovative{
		margin:0 0 0 -4px;
		padding:0 0 0 34px;
	}
	.columns .tailored{margin:1px 0 0 -8px;}
	.columns .collaborative{
		margin:0 0 0 -11px;
		padding:0 0 0 42px;
	}
	.columns h3 a{padding:3px 0 2px 40px;}
	h3{
		font-size:20px;
		margin:0 0 27px;
	}
	.slideshow{
		height:203px;
		padding:0 0 1px;
	}
	.link-box{padding:0 9px;}
}
@media only screen and (max-width:495px){
	.slideshow .photo{width:41%;}
	.carousel .btn-next .roll,
	.carousel .btn-prev .roll,
	.carousel .btn-next, 
	.carousel .btn-prev{
		margin:-4px 0 0;
		left:-17px;
	}
	.carousel .btn-next{
		left:auto;
		right:-17px;
	}
	.carousel .btn-next, 
	.carousel .btn-prev{
		width:8px;
		height:9px;
	}
	.carousel .btn-next .roll,
	.carousel .btn-prev .roll{background-position:0 -9px;}
	#print-design .text{width:46%;}
	.white .text{width:48%;}
	.services .dark-block .text{width:48%;}
	.services .dark-block .alignright{margin:0 -86px 0 0;}
	.services #content-management .alignleft{margin:0 0 0 -99px;}
	.services #mobile-apps .alignright{margin:0 -125px 0 0;}
	.services #print-design .alignleft{margin:0 0 0 -101px;}
	.services #branding .alignright{margin:0 -92px 0 0;}
	.about .dark-block .post{
		padding:0 27px 0 11px;
		line-height:20px;
	}
	.about .post .alignright,
	.home .post .alignright{
		width:206px;
		margin:0;
	}
	.about .post .alignright img,
	.home .alignright img{
		height:180px;
		width:206px;
	}
	.about .dark-block .text,
	.home .dark-block .text{width:41%;}
	.about .post h1{margin:0 0 27px;}
}
@media only screen and (max-width:430px){
	.columns{padding:0 20px 0 41px;}
	.work .photo-gallery {
		margin-bottom: 22px;
		padding: 1px 0 0;
	}
	.work .photo-gallery li{
		display:block;
		width:100%;
		margin:0;
		height:auto;
	}
	.work .photo-gallery li,
	.photo-gallery li{
		width:100%;
		margin:0;
		display:block;
	}
	.carousel-2{margin-bottom:26px;}
	.carousel-2 .slide{display:block;}
	.carousel-2 .slide .box{
		width:100%;
		max-width:100%;
		margin:0;
		display:block;
	}
	.carousel-2 .cover-box .holder{padding:17px 0 0;}
	.carousel-2 .slide .info,
	.carousel-2 .slide .cover-box .hidden{display:none;}
	.carousel-2 .slide .cover-box .info{
		display:inline-block;
		font-size:14px;
		padding:0;
	}
	.carousel-2 .slide .name{
		font-size:22px;
		color:#fff;
	}
	.carousel-2 .slide .image{margin:0;}
	.alignright.hidden{display:none;}
	.about .dark-block{
		padding:0 35px 0 44px;
		margin:0 -27px 26px;
		height:214px;
	}
	.home .dark-block{
		height:214px;
		margin-bottom:24px;
	}
	.about .dark-block .text,
	.home .dark-block .text{
		width:100%;
		height:214px;
	}
	.info-block{
		text-align:center;
		padding:1px 0 0;
		margin:0 0 2px -14px;
		width:110%;
	}
	.info-block .col:first-child{margin:0 14px;}
	.info-block .col{
		float:none;
		display:inline-block;
		vertical-align:top;
		width:110px;
		margin:0 14px;
	}
	.info-block h3{
		font-size:22px;
		margin:0 0 17px;
	}
	.info-block h3 a{padding:84px 0 0;}
	.info-block h3 a:before{margin-bottom:21px;}
	.info-block h3 .plan .roll,
	.info-block h3 .plan .static{margin:0 0 0 -31px;}
	.info-block h3 .roll,
	.info-block h3 .static{
		height:64px;
		width:64px;
		margin:0 0 0 -34px;
	}
	.info-block h3 .launch .roll,
	.info-block h3 .launch .static{
		width:62px;
		height:62px;
		margin:0 0 0 -31px;
	}
}
@media only screen and (max-width:315px){
	.services .white .post,
	.services .post{padding:0 0 0 5px;}
	.services .text{
		width:38%;
		font-size:12px;
	}
	.services .dark-block .alignright{
		margin:0 -100px 0 0;
		width:200px;
	}
}
.popup-holder{
	height:0;
	position:relative;
	overflow:hidden;
}
#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	cursor:pointer;
	overflow:hidden;
	z-index:1104;
	display:none;
}
#fancybox-loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background-image:url(../images/fancybox/fancybox.png);
}
#fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1100;
	display:none;
}
#fancybox-tmp{
	padding:0;
	margin:0;
	border:0;
	overflow:auto;
	display:none;
}
#fancybox-wrap{
	position:absolute;
	top:0;
	left:0 !important;
	padding:0;
	z-index:1101;
	outline:none;
	display:none;
	overflow: hidden;
	right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
#fancybox-outer {
	position:relative;
	width:100%;
	height:100%;
}
#fancybox-content {
	width:0;
	height:0;
	padding:0;
	outline:none;
	position:relative;
	overflow:hidden;
	z-index:1102;
	border:0 solid transparent;
}
#fancybox-hide-sel-frame {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:1101;
}
#fancybox-close {
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background:transparent url(../images/fancybox/fancybox.png) -40px 0px;
	cursor:pointer;
	z-index:1103;
	display:none;
}
#fancybox-error {
	color:#444;
	font:normal 12px/20px Arial;
	padding:14px;
	margin:0;
}
#fancybox-img {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	outline:none;
	line-height:0;
	vertical-align:top;
}
#fancybox-frame {
	width:100%;
	height:100%;
	border:none;
	display:block;
}
#fancybox-left, #fancybox-right {
	position:absolute;
	bottom:0;
	height:100%;
	width:35%;
	cursor:pointer;
	outline:none;
	background:transparent url(../images/fancybox/blank.gif);
	z-index:1102;
	display:none;
}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico, #fancybox-right-ico {
	position:absolute;
	top:50%;
	left:-9999px;
	width:30px;
	height:30px;
	margin-top:-15px;
	cursor:pointer;
	z-index:1102;
	display:block;
}
#fancybox-left-ico{
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -30px;
}
#fancybox-right-ico{
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover{visibility: visible; /* IE6 */}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{
	left: auto;
	right: 20px;
}
.fancybox-bg{
	position:absolute;
	padding:0;
	margin:0;
	border:0;
	width:20px;
	height:20px;
	z-index:1001;
}
#fancybox-bg-n{
	top:-20px;
	left:0;
	width:100%;
	background-image:url(../images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne{
	top:-20px;
	right:-20px;
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -162px;
}
#fancybox-bg-e{
	top:0;
	right:-20px;
	height:100%;
	background-image:url(../images/fancybox/fancybox-y.png);
	background-position:-20px 0px;
}
#fancybox-bg-se{
	bottom:-20px;
	right:-20px;
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -182px; 
}
#fancybox-bg-s {
	bottom:-20px;
	left:0;
	width:100%;
	background-image:url(../images/fancybox/fancybox-x.png);
	background-position:0px -20px;
}
#fancybox-bg-sw{
	bottom:-20px;
	left:-20px;
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -142px;
}
#fancybox-bg-w{
	top:0;
	left:-20px;
	height:100%;
	background-image:url(../images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
	top:-20px;
	left:-20px;
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -122px;
}
#fancybox-title{
	font-family:Helvetica;
	font-size:12px;
	z-index:1102;
}
.fancybox-title-inside{
	padding-bottom:10px;
	text-align:center;
	color:#333;
	background:#fff;
	position:relative;
}
.fancybox-title-outside{
	padding-top:10px;
	color:#fff;
}
.fancybox-title-over{
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	text-align:left;
}
#fancybox-title-over{
	padding:10px;
	background-image:url(../images/fancybox/fancy_title_over.png);
	display:block;
}
.fancybox-title-float{
	position:absolute;
	left:0;
	bottom:-20px;
	height:32px;
}
#fancybox-title-float-wrap{
	border:none;
	border-collapse:collapse;
	width:auto;
}
#fancybox-title-float-wrap td {
	border:none;
	white-space:nowrap;
}
#fancybox-title-float-left{
	padding:0 0 0 15px;
	background:url(../images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main{
	color:#fff;
	line-height:29px;
	font-weight:bold;
	padding:0 0 3px 0;
	background:url(../images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right{
	padding:0 0 0 15px;
	background:url(../images/fancybox/fancybox.png) -55px -90px no-repeat;
}
#fancybox-overlay{background:transparent;}

/** CSS AWARDS */
#cssda
                        { position: fixed; top: 160px; right: 0px; z-index:
                        9999; }
                        #cssda a { width: 66px; height: 117px;
                        text-indent: -8000px; display: block;
                        background:
                        url('../images/nominee-mauve-cssda-right.png')
                        no-repeat; }
	@media (max-width: 767px) {

	/* hidden */
	#cssda {
		display: none;
	}

}					
	http://www.cssdesignawards.com/sites/digital-minded/24420