/* ///////////// style ////////////// */

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

li{list-style:none;}
.bg_img{background-size: 100% auto;}
.show{	display:block;}
.hide{	display:none;}
.bottom_s{margin-bottom:3px;}
.bottom_m{margin-bottom:5px;}
.bottom_l{margin-bottom:10px;}
.bottom_h{margin-bottom:20px;}
.bottom_g{margin-bottom:35px;}
.top_s{margin-top:3px;}
.top_m{margin-top:5px;}
.top_l{margin-top:10px;}
.top_h{margin-top:20px;}
.top_g{margin-top:35px;}
.left{float:left !important;}
.right{float:right !important;}
.child_left li{float:left !important;}
.child_right li{float:right !important;}
.clear{clear:both;}
.center{text-align:center;}
label{cursor:pointer;}
.img_mob,.img_cell,.img_tablet{display:none;}
.absolute{position:absolute;}
.relative{position:relative;}
img{width:100%;height:auto;}


.bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center;
    /*border-top: 10px solid #FFFFFF;
    border-bottom: 10px solid #FFFFFF;*/
    margin: 0 auto;
    position: relative;
    width: 100%;
	float:left;
}

/*------------- map -------------*/
/*.gmnoprint{display:none;}*/
#map_canvas {
	position:relative;
    width: 100%;
    height: 350px;
	float:left;
	clear:both;
	background:url(img/loader_s.gif) center center no-repeat #cdcdcd;
}
#map_canvas img {
    max-width: 99999px;
}
#map_canvas div {
	box-sizing:content-box;
	-moz-box-sizing:content-box; /* Firefox */

}
.content_window p
{
	color:#000;
	margin-top:5px;
	font-size:15px;
	line-height:1.2;
	min-width:260px;
	min-height:40px;
}
.firstHeading a
{
	margin:12px 0;
	background:#000;
    padding:1px 5px 2px;
	color:#fff;
	font-size:17px;
	
	transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
	-moz-transition:background .25s ease-in-out;
}
.firstHeading a:hover
{
	background:#516a79;
}

/*------------- map ENDS -------------*/



.present
{
position:relative;
width:50px;
height:15px;
border:1px solid #000;
background:#fff;
overflow:hidden;
display:inline-block;
}
.present_inner
{
position:relative;
height:22px;
background:#000;
display:inline-block;
left: -5px;
top: -2px;

transform:skew(-25deg,0deg);
-ms-transform:skew(-25deg,0deg);
-webkit-transform:skew(-25deg,0deg);
-moz-transform:skew(-25deg,0deg);
-o-transform:skew(-25deg,0deg);
-ms-transform:skew(-25deg,0deg);

}
.present_10{width:15%;}
.present_20{width:25%;}
.present_30{width:35%;}
.present_40{width:45%;}
.present_50{width:55%;}
.present_60{width:65%;}
.present_70{width:75%;}
.present_80{width:80%;}
.present_90{width:90%;}



h1,h2,h3,h4,h5,h6{font-weight:300;}

::-moz-selection { color: white;  background: #FFC90D; }
::selection      { color: white;  background: #FFC90D; } 


.hover{
	transition:opacity .3s;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	cursor:pointer;
} 
.hover:hover{
	opacity:.65;
}
.crad_link{
	color:#000;
	transition:color .5s;
	-webkit-transition:color .5s;
	-moz-transition:color .5s;
} 
.crad_link:hover{
	color:#516a79;
}

.light{ font-family: 'Roboto Slab', serif; font-weight:300; font-style:normal;}
.bold{ font-family: 'Roboto Slab', serif; font-weight:bold; font-style:normal; }

	html,body 
	{
	font-family: 'Roboto Slab', serif; font-weight:300; font-style:normal;
	overflow-x: hidden;
	}


/* ==================================================================================================================== */
/* ! The 1280px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */



#skrollr-body
{
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	position:absolute;
}
.containers
{
	margin:0;
	padding:0;
	width:50%;
	position:relative;
	float:left;
	overflow:hidden;
}
#container
{
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:200%;
	position:relative;
}




.work_end{
width: 100%;
position:fixed;
top:-300px;
left:0;
z-index:100;
background:rgba(0,0,0,0.85);
overflow:hidden;
text-align:center;
padding:15px 60px;
cursor:pointer;
		transition:top .35s ease-in-out;
		-webkit-transition:top .35s ease-in-out;
		-moz-transition:top .35s ease-in-out;
		
}
.work_end h3{
position:relative;
display:inline-block;
/*text-align:left;*/
color:#fff;
font-size:19px;
}
.work_end h3 span{
position:relative;
display:inline-block;
margin-right:12px;
width:80px;
height:120px;
display:none;
background:url(img/sprite_inner.png) -198px -367px no-repeat;
}







#awards{
width: 100%;
height: 100%;
position:fixed;
top:0;
left:0;
z-index:1000;
}
#awards_bg{
width: 100%;
height: 0%;
position:absolute;
top:50%;
left:0;
background:rgba(250,250,250,.7);
cursor: url(img/cur.png), auto;
}

#awards_strip{
width:0;
height: 100%;
position:relative;
margin:0 auto;
background:#000;
overflow:hidden;
}
#awards_strip ul{
width:100%;
height: 100%;
position:relative;
margin:5px auto;
overflow:hidden;
text-align:center;
display:none;
}
#awards_strip ul li{
width:100%;
position:relative;
margin:20px auto;
}

#awards_strip ul li div{
width:180px;
height:190px;
position:relative;
margin: 0 auto 10px;

background-image:url(img/sprite.png);
background-repeat:no-repeat;
}
.awwwards{background-position:2px -2448px;}
.winner{background-position:-192px -2635px;}
.love{background-position:-194px -2412px;}
.html{background-position:2px -2630px;}
.cssa{background-position:1px -2804px;}

#awards_strip ul li a{
width:92%;
padding:1px 5px 2px;
position:relative;
margin: 0 auto 10px;
background-color:#fff;
color:#000;
font-size:10px;
display:block;
border:1px solid #fff;

	transition:background 0.2s,color 0.2s;
	-webkit-transition:background 0.2s,color 0.2s;
	-moz-transition:background 0.2s,color 0.2s;
}
#awards_strip ul li a:hover{
background-color:#000;
color:#fff;
}


#loading{
width: 100%;
height: 100%;
position:fixed;
top:0;
left:0;
z-index:2001;
background:rgba(250,250,250,1);
overflow:hidden;

		transition:background 1s;
		-webkit-transition:background 1s;
		-moz-transition:background 1s;	
}
#loader_flip{
width:270px;
height:130px;
top:50%;
margin:-75px auto 0 auto;
position:relative;

		-webkit-perspective: 800px;
			perspective: 800px;
			
			 -webkit-transform-style: preserve-3d;
             transform-style: preserve-3d;
	
}
#loader_con,#arrows{
width:100%;
height:100%;
top:0;
left:0;
position:absolute;

	transition:transform .7s ease-in-out, opacity .7s;
	-webkit-transition:-webkit-transform .7s ease-in-out, opacity .7s;
	-moz-transition:-moz-transform .7s ease-in-out, opacity .7s;
	
			 
	    backface-visibility:hidden;
		-webkit-backface-visibility:hidden; 

}

#loader_con{
width:130px;
height:130px;
top:0px;
left:70px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
#loader{
width:47px;
height:47px;
top:41px;
right:41px;
position:absolute;
background:url(img/loader_w.gif) center no-repeat;
}
#loader_stripe{
width:0%;
height:5px;
top:0;
left:0;
position:absolute;
background-color:#000;
}


#arrows{
opacity:0;
background:url(img/sprite.png) -1px -2162px no-repeat;

		-webkit-transform:rotateY(180deg);
		-moz-transform:rotateY(180deg);
		-ms-transform:rotateY(180deg);
		-o-transform:rotateY(180deg);
		transform:rotateY(180deg);
}

#arrows_ex{
width:50px;
height:50px;
top:-100px;
left:50%;
margin-left:-25px;
position:absolute;
background:url(img/sprite.png) -315px -2320px no-repeat;
}






	.social_btn
	{
		position:absolute;
		background:#000;
		cursor:pointer;
		top:-5px;
		right:180px;
		width:39px;
		height:34px;
		background:url(img/sprite.png) -247px -2322px no-repeat #000;
		z-index:100;
		
		transition:top .25s;
		-webkit-transition:top .25s;
		-moz-transition:top .25s;
	}
	.social_btns
	{
		position:absolute;
		top:34px;
		right:-41px;
		width:122px;
		background-color:#000;
		padding:10px 5px 2px !important;
		display:none;
		
	}	
	.addthis_toolbox a
	{
		margin-bottom:5px !important;
	}	
	
	
.social_btn:hover{top:0;}
	
	
	
	
	
.container {
padding-left: 70px;
padding-right: 70px;
}

.row {
position:relative;
width: 100%;
max-width: 100%;
min-width: 755px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 2%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 6.5%;
}

.row .twocol {
width: 15%;
}

.row .threecol {
width: 23.5%;
}

.row .fourcol {
width: 32%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 58%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px !important;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
	color:#fff;
	font-size:12px;
}

a{
text-decoration:none;
outline: none;

} 
a:hover{
text-decoration:none;
outline: none;
}
a:active{
text-decoration:none;
outline: none;
}
a:visited{
text-decoration:none;
outline: none;
}
a:focus
{
-moz-outline-style: none;
}

.fat_link
{
	position:relative;
	background:#000;
	color:#fff;
	padding:2px 10px 6px;
	display:inline-block;
	line-height:1;
	letter-spacing:0.4px;
	-webkit-perspective: 1200px;
			perspective: 1200px;
			
		transition:background .35s;
		-webkit-transition:background .35s;
		-moz-transition:background .35s;
		cursor:pointer;
}
.fat_link:hover
{
	background:#516a79;
}
.link_pop
{
	position: absolute;
	background: #000;
	color: #fff;
	bottom: 58px;
	line-height: 1.3;
	left:50%;
	margin-left:-10px;
	white-space:nowrap;
	font-size: 16px;
	padding: 3px 10px 3px 8px;
	display:inline-block;
		transition:transform .2s ease-in-out,opacity .2s ease-in-out;
		-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;
		-moz-transition:-moz-transform .2s ease-in-out,opacity .2s ease-in-out;
		
		opacity:0;
		
		-webkit-transform:rotateY(180deg);
		-moz-transform:rotateY(180deg);
		-ms-transform:rotateY(180deg);
		-o-transform:rotateY(180deg);
		transform:rotateY(180deg);
}
.link_pop b
{
	position:absolute;
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:#000 transparent transparent transparent;
	bottom:-14px;
	left:50%;
	margin-left:-12px;
	z-index:-1;
}
.fat_link:hover .link_pop
{
	display:block;
}


/* ---------------- html5 ---------------- */
.html5
{
position:fixed;
z-index:2000;
background:url(img/logo.png) center 50px  no-repeat #fff;
width:100%;
height:100%;
top:0;
left:0;
color:#000;
}
.html5 a
{
color:#516a79;
}
.html5 a:hover
{
color:#000;
}
.html5 h3
{
position:relative;
color:#000;
padding:10px;
margin:200px auto 0;
width:370px;
}
.html5 ul
{
position:relative;
background:#000;
padding:10px;
margin:auto;
width:370px;
color:#fff;
}
.html5 ul li a
{
color:#fff;
width:370px;
}
.html5 ul li a:hover,.html5 div a:hover
{
color:#516a79;
}
.html5 div 
{
width:370px;
padding:10px;
margin:auto;
}
.html5 div a
{
color:#000;
}
/* ---------------- html5 ENDS ---------------- */


/* ---------------- header ---------------- */

	 header
		{
			position:relative;
			padding:50px 0 25px 0;
			border-bottom:20px solid #000;
		}
	#logo_wrapper
		{
			position:relative;
			width:370px;
			height:107px;
			margin:0;
			padding:0;
			cursor:pointer;
			-webkit-perspective: 1200px;
			perspective: 1200px;
		   
		}
	.logo_flip
		{
			position:absolute;
			width:100%;
			display:block;
			bottom:0;
			left:0;
			
			backface-visibility:hidden;
			-webkit-backface-visibility:hidden; /* Chrome and Safari */
			-moz-backface-visibility:hidden; /* Firefox */
			-ms-backface-visibility:hidden; /* Internet Explorer */
		
		
			transition:all .3s ease-in-out;
			-webkit-transition:all .3s ease-in-out;
			-moz-transition:all .3s ease-in-out;
		}
	.logo_flip.what
		{
			opacity:0;
			transform: rotateX(180deg);
			-webkit-transform: rotateX(180deg);
			-moz-transform: rotateX(180deg);
			-ms-transform: rotateX(180deg);
			-o-transform: rotateX(180deg);
		}

	#logo_wrapper:hover .logo_flip.logo
		{
			opacity:0;
			transform: rotateX(180deg);
			-webkit-transform: rotateX(180deg);
			-moz-transform: rotateX(180deg);
			-ms-transform: rotateX(180deg);
			-o-transform: rotateX(180deg);
		}
	#logo_wrapper:hover .logo_flip.what
		{
			opacity:1;
			transform: rotateX(0deg);
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
			-ms-transform: rotateX(0deg);
			-o-transform: rotateX(0deg);
		}
		
	.block
		{
			margin-right: 3px;
			width:10px;
			height:10px;
			display:inline-block;
		}
	.block_s
		{
			width:6px;
			height:6px;
		}
	.pink_block{background:#516a79;}
	.white_block{background:#fff;}
	.black_block{background:#000;}
	
	.top_btn
		{
			position:absolute;
			top:0;
			right:0;
		}	
	.top_btn li
		{
			position:relative;
			float:left;
			margin-left:5px;
			display:block;
			color:#fff;
			background:#000;
			letter-spacing:-0.3px;
			line-height:1.1;
			font-size:14px;
			padding:7px 15px;
			cursor:pointer;
			
			transition:padding-top .25s;
			-webkit-transition:padding-top .25s;
			-moz-transition:padding-top .25s;
		}	

	
	.top_btn li:hover{padding-top:12px;}	
	
	
	
	
	header h1
		{
			position:relative;
			display:inline;
			margin-left:10px;
			margin-top:72px;
			color:#000;
			letter-spacing:-1.2px;
			line-height:1.1;
			font-size:32px;
		}
		
	#grid
		{
			position:absolute;
			bottom:25px;
			right:0;
			width:70px;
			height:70px;
			padding:3px;
			background:#fff;
			cursor:pointer;
		}
	#grid_pop
		{
			position: absolute;
			padding: 3px 10px 3px 10px;
			font-size: 13px;
			line-height:1;
			right:0;
			bottom:-2px;
			background:#000;
			color:#fff;
			display:none;
		}
		.grid_tip
		{
		position: absolute;
		width: 0px;
		height: 0px;
		border-width: 10px;
		border-style: solid;
		border-color: transparent transparent #000 transparent;
		top: 0;
		right: 23px;
		display: block;
		z-index: -1;
		}
		
	.grid
		{
			position:relative;
			width:28.5%;
			height:28.5%;
			margin:1px;
			background:#000;
			float:right;
			border:1px solid #000;
			transition:background .2s ease-out;
		}
		
	#grid_2{transition:background .2s ease-out .03s,opacity .5s;-webkit-transition:background .2s ease-out .03s,opacity .5s;-moz-transition-delay:background .2s ease-out .03s,opacity .5s;}
	#grid_3{transition:background .2s ease-out .06s,opacity .5s;-webkit-transition:background .2s ease-out .06s,opacity .5s;-moz-transition-delay:background .2s ease-out .06s,opacity .5s;}
	#grid_4{transition:background .2s ease-out .09s,opacity .5s;-webkit-transition:background .2s ease-out .09s,opacity .5s;-moz-transition-delay:background .2s ease-out .09s,opacity .5s;}
	#grid_5{transition:background .2s ease-out .12s,opacity .5s;-webkit-transition:background .2s ease-out .12s,opacity .5s;-moz-transition-delay:background .2s ease-out .12s,opacity .5s;}
	#grid_6{transition:background .2s ease-out .15s,opacity .5s;-webkit-transition:background .2s ease-out .15s,opacity .5s;-moz-transition-delay:background .2s ease-out .15s,opacity .5s;}
	#grid_7{transition:background .2s ease-out .18s,opacity .5s;-webkit-transition:background .2s ease-out .18s,opacity .5s;-moz-transition-delay:background .2s ease-out .18s,opacity .5s;}
	#grid_8{transition:background .2s ease-out .21s,opacity .5s;-webkit-transition:background .2s ease-out .21s,opacity .5s;-moz-transition-delay:background .2s ease-out .21s,opacity .5s;}
	#grid_9{transition:background .2s ease-out .24s,opacity .5s;-webkit-transition:background .2s ease-out .24s,opacity .5s;-moz-transition-delay:background .2s ease-out .24s,opacity .5s;}
	
	#grid:hover .grid
		{
			background:#fff;
		}
		
		
/* ---------------- header ENDS ---------------- */
/* ---------------- portfolio ENDS ---------------- */
	#portfolio
	{
	position:relative;
	width:100%;
	overflow:hidden;
	}
	#portfolio ul
	{
	position:relative;
	text-align:center;
	margin:10px 0;
	}
	.creative_wrapper li
	{
		position:relative;
		display:inline-block;
		background:#fff;
		opacity:0;
	
		
		transition-property:transform, opacity;
		-webkit-transition-property:-webkit-transform, opacity;
		-moz-transition-property:-moz-transform, opacity;
		
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
		
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
		transform:scale(0);
		
	}
	.creative_wrapper .threecol
	{
		height:420px;
		width: 24.42%;
		margin-right: 0.75%;
	}
	.creative_wrapper .fourcol {
		width: 32.8%;
		margin-right: 0.75%;
		margin-top:10px;
	}
	.creative_img{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center;
		background-size:100%;
		float:left;
		z-index:1;
		border:2px solid #000;
	}
	
	.tfh{height:58%;margin-bottom:10px;}
	.pill{height:39.5%;}
	.primor_web{height:44.3%;margin-bottom:10px;}
	.jellytime{height:53%;}
	.wobi{margin-bottom:10px;}
	.pony{height:42.5%;}
	

	.creative_video
	{
		position:absolute;
		width:100%;
		height:100%;
		
		z-index:2;
	}
	.creative_video.active
	{
		background:url(img/loader_s.gif) center center no-repeat #000;
	}
	.creative_txt
	{
		position:absolute;
		width:100%;
		background:rgba(0,0,0,.7);
		font-size:15px;
		z-index:2;
		height:100%;
		bottom:-100%;
	}
	.creative_txt p
	{
		position:relative;
		text-align:left;
		line-height:1.45;
		padding:0 90px 8px 7px;
		border-bottom:2px solid #fff;
		color:#fff;
		background-color:#000;
		
		transition:padding-top .15s ease-in-out .25s;
		-webkit-transition:padding-top .15s ease-in-out .25s;
		-moz-transition:padding-top .15s ease-in-out .25s;
	}
	.creative_img:hover .creative_txt p{padding-top:7px;}
	.creative_img:hover .creative_txt a{top:6px;}
	
	.creative_txt a
	{
		position:absolute;
		padding:0px 7px 1px;
		border:1px solid #fff;
		color:#fff;
		line-height:1.2;
		top:0;
		right:7px;
		
		transition:background .25s ease-in-out,top .15s ease-in-out .25s;
		-webkit-transition:background .25s ease-in-out,top .15s ease-in-out .25s;
		-moz-transition:background .25s ease-in-out,top .15s ease-in-out .25s;
	}
	.creative_txt a:hover
	{
		color:#000;
		background:#fff;
	}

	.video_btn{
	  z-index: 3;
	  position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; 
	  margin: -70px 0 0 -70px; 
	  cursor: pointer;
	  border: 17px solid #fff;
	  background:url(img/arrow.png) center center  #000;
	  background:url(img/arrow.png) center center rgba(0,0,0,.35);
		-webkit-transition:border .3s;
		-moz-transition:border .3s;
		transition:border .3s;
	}

	.video:hover .video_btn {
	  border: 7px solid #fff;
	}
	
	#portfolio .video_btn{
	  width: 120px; height: 120px; 
	  margin: -60px 0 0 -60px; 
	  border: 15px solid #fff;
	  z-index:4;
	}
	#portfolio .video_btn:hover{
	  border: 5px solid #fff;
	}
	
	
	.portfolio_txt
	{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background-color:#000;
		text-align:left;
		padding-top:5px;
		
		transition:transform .25s ease-in-out,opacity .25s;
		-webkit-transition:-webkit-transform .25s ease-out,opacity .25s;
		-moz-transition:-moz-transform .25s ease-out,opacity .25s;
		
		-webkit-transform:scale(.75,.75);
		-moz-transform:scale(.75,.75);
		-ms-transform:scale(.75,.75);
		-o-transform:scale(.75,.75);
		transform:scale(.75,.75);

		
		opacity:0;
		   
	}

	.close_grid_wrapp
	{
		position:relative;
		border-top:10px solid #000;
		margin:0 auto 100px auto;
	}
	#close_grid
	{
		position:relative;
		width:150px;
		height:40px;
		background:url(img/arrow_up.png) center no-repeat #000;
		margin:0 auto;
		cursor:pointer;
		
		transition:width .2s ease-in-out;
		-webkit-transition:width .2s ease-in-out;
		-moz-transition:width .2s ease-in-out;
	}
	#close_grid:hover
	{
		width:170px;
	}
	
/* ---------------- portfolio ENDS ---------------- */
/* ---------------- qa ---------------- */

	#blocks_wrapper
	{
	position:relative;
	padding-bottom:10px;
	border-bottom: 10px solid #000;
	}
	.qa
	{
	position:relative;
	background-color:#000;
	cursor:pointer;
	margin-bottom: 10px;
	}

	.qa_icon
	{
	position:relative;
	margin:20px auto;
	width:370px;
	height:190px;
	}
	.qa_icon div
	{
	position:absolute;
	background:url(img/sprite.png) no-repeat;
	background-size:100%;
	width:100%;
	height:100%;
	}
	
	.who .qa_icon .first{background-position:0 8px;
	}
	.who .qa_icon .second{
	background-position:0 -164px;
	height:0;
		transition:height .35s ease-in-out;
		-webkit-transition:height .35s ease-in-out;
		-moz-transition:height .35s ease-in-out;
	}
	.who:hover.who .qa_icon .second{
		height:100%;
	}
	.why .qa_icon .first
	{
	background-position:0 -362px;
		transition:transform .5s ease-out,opacity .5s ease-in-out;
		-webkit-transition:-webkit-transform .5s ease-out,opacity .5s ease-in-out;
		-moz-transition:-moz-transform .5s ease-out,opacity .5s ease-in-out;
	}
	.why .qa_icon .second
	{
		transition:transform .7s cubic-bezier(0.125, 0.85, 0.320, 1.75),opacity .35s ease-in-out;
		-webkit-transition:-webkit-transform .7s cubic-bezier(0.125, 0.85, 0.320, 1.75),opacity .35s ease-in-out;
		-moz-transition:-moz-transform .7s cubic-bezier(0.125, 0.85, 0.320, 1.75),opacity .35s ease-in-out;
		
	opacity:0;background-position:0 -585px;
		transform: scale(.75,.75);
		-webkit-transform: scale(.75,.75);
		-moz-transform: scale(.75,.75);
		-ms-transform: scale(.75,.75);
		-o-transform: scale(.75,.75);
	}
	
	.why:hover.why .qa_icon .first{
		transform: scale(.75,.75);
		-webkit-transform: scale(.75,.75);
		-moz-transform: scale(.75,.75);
		-ms-transform: scale(.75,.75);
		-o-transform: scale(.75,.75);
		opacity:0;
	}
	.why:hover.why .qa_icon .second{
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		opacity:1;
	}
	
	.how .wheel
	{
		background-position:0 -798.5px;
		transition:transform 1.2s;
		-webkit-transition:-webkit-transform 1.2s;
		-moz-transition:-moz-transform 1.2s;
	}
	.how:hover .wheel{
		transform: rotate(235deg);
		-webkit-transform: rotate(235deg);
		-moz-transform: rotate(235deg);
		-ms-transform: rotate(235deg);
		-o-transform: rotate(235deg);
	}
	
	.qa_title
	{
	position:absolute;
	top: 0;
	left: 0;
	width:48px;
	height:100%;
	overflow:hidden;
	border-right:1px solid #fff;
	}
	#blocks .qa h2,#blocks .qa h3
	{
	position:absolute;
	top: 0;
	width:230px;
	letter-spacing:0.8px;
	line-height:1;
	color:#000;

		transform-origin: left top;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;

		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		
		transition:left .25s ease-in-out;
		-webkit-transition:left .25s ease-in-out;
		-moz-transition:left .25s ease-in-out;
	}
	#blocks .qa h2
	{
	padding: 12px 0 12px 15px;
	font-size:30px;
	background:#000;
	color:#fff;
	left:52px !important;
	}
	#blocks .qa h3
	{
	padding: 12px 0 12px 15px;
	font-size:30px;
	}
	
	#blocks .qa h2 .block{background:#fff;}
	#blocks .qa h3{background:#fff;color:#000;left:-1px;}
	#blocks .qa h3 .block{background:#000;}
	
	#blocks .qa:hover.qa h2{left:-1px !important;}
	#blocks .qa:hover.qa h3{left:52px !important;}

	#blocks_mobile .qa h2
	{ 
	position:absolute;
	left:10px;
	bottom:9px;
	color:#fff;
	letter-spacing:0.8px;
	line-height:1;
	font-size:19px;
	}

	
	.tip
	{
	position:absolute;
	width:0px;
	height:0px;
	border-width:30px;
	border-style:solid;
	border-color:#000 transparent transparent transparent;
	bottom:0;
	left:50%;
	margin-left:-30px;
	display:block;
	z-index:-1;
	}
	
	
	#blocks_mobile{display:none;}
	
	.ex
	{
	position:absolute;
	padding:3px 11px 6px 11px;
	top:5px;
	right:0;
	line-height:1;
	text-align:center;
	font-size:45px;
	background:#000;
	color:#fff;
	border:3px solid #000;
	cursor:pointer;
	z-index:1;
	
		transition:background .3s,color .3s;
		-webkit-transition:background .3s,color .3s;
		-moz-transition:background .3s,color .3s;
	}
	.ex:hover
	{
	background:#fff;
	color:#000;
	}
	.blocks_txt
	{
	position:relative;
	display:none;
	overflow:hidden;
	margin-bottom: 25px;
	
	-webkit-perspective: 1800px;
			perspective: 1800px;
			
	-webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
			  
	}
	
	.blocks_txt p
	{
	position:relative;
	font-size: 42px;
    letter-spacing: -1px;
    line-height: 1.2;
    padding: 35px 0 2px 50px;
	width:60%;
	
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		-moz-transform: rotateY(-90deg);
		-ms-transform: rotateY(-90deg);
		-o-transform: rotateY(-90deg);
		
		-webkit-transition: -webkit-transform .35s ease-in-out;
        -moz-transition: -moz-transform .35s ease-in-out;
		 transition: transform .35s ease-in-out;
			 
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		 transform-origin: left;
	}
	
	.blocks_txt img
	{
	position:absolute;
	border-bottom:10px solid #000;
	display:block;
	bottom:0;
	right:0;
	width:252px;
	
	z-index:0;
	
		transform: rotateX(-90deg);
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		
		-webkit-transition: -webkit-transform .35s ease-in-out;
        -moz-transition: -moz-transform .35s ease-in-out;
		 transition: transform .35s ease-in-out;
			 
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		 transform-origin: bottom;
	}
	
	
/* ---------------- qa ENDS ---------------- */
/* ---------------- video ---------------- */



	.video_title
	{
		position:relative;
		margin:70px auto 100px;
		display:block;
		text-align:center;
		-webkit-perspective: 1200px;
		perspective: 1200px;
		
		-webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
		   
		z-index:2;
	}
	.video_title h3
	{
		position:relative;
		padding:10px 20px;
		margin:5px 2px;
		font-size:55px;
		line-height:1;
		letter-spacing:0;
		border:3px solid #000;
		display:inline-block;
		color:#000;
		background-color:#fff;
		   
	}	
	.video_title h3.invert
	{
		color:#fff;
		background-color:#000;
	}	
	.video_title h3.active
	{
		transform:rotateX(360deg);
		-webkit-transform:rotateX(360deg);
		-moz-transform':rotateX(360deg);
	}	
	
	.anim_container
	{
	position:relative;
	margin:10px auto 130px;
	width:100%;
	height:380px;
	
		-webkit-perspective: 1200px;
		perspective: 1200px;
	}
	
	#pix_container
	{
	position:absolute;
	width:100%;
	height:100%;
	
	text-align:center;
	
	opacity:0;
	
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	
	transform:scale(0.2);
	-webkit-transform:scale(0.2);
	-moz-transform:scale(0.2);
	
		-webkit-perspective: 1200px;
		perspective: 1200px;
		
	
	}

	#pix_container.active
	{
	opacity:1;

	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	
	}
	.pix_img
	{
	position:relative;
	margin:auto;
	width:65%;
	height:100%;
	
		-webkit-perspective: 1200px;
		perspective: 1200px;
		
		-webkit-transform-style: preserve-3d;
             transform-style: preserve-3d;
	}
	.pix_img li
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	}

	.pix_img li.flat{background-image:url(img/anim_1.png);}
	.pix_img li.dot{background-image:url(img/anim_2.png);}
	
	.anim_1{transform:translateZ(50px);-webkit-transform:translateZ(50px);-moz-transform:translateZ(50px);}
	.anim_2{transform:translateZ(40px);-webkit-transform:translateZ(40px);-moz-transform:translateZ(40px);opacity:0.9}
	.anim_3{transform:translateZ(30px);-webkit-transform:translateZ(30px);-moz-transform:translateZ(30px);opacity:0.8}
	.anim_4{transform:translateZ(20px);-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);opacity:0.7}
	.anim_5{transform:translateZ(10px);-webkit-transform:translateZ(10px);-moz-transform:translateZ(10px);opacity:0.6}
	.anim_6{transform:translateZ(0px);-webkit-transform:translateZ(0px);-moz-transform:translateZ(0px);opacity:0.5}
	.anim_7{transform:translateZ(-10px);-webkit-transform:translateZ(-10px);-moz-transform:translateZ(-10px);opacity:0.5}
	.anim_8{transform:translateZ(-20px);-webkit-transform:translateZ(-20px);-moz-transform:translateZ(-20px);opacity:0.3}
	.anim_9{transform:translateZ(-30px);-webkit-transform:translateZ(-30px);-moz-transform:translateZ(-30px);opacity:0.2}
	.anim_10{transform:translateZ(-40px);-webkit-transform:translateZ(-40px);-moz-transform:translateZ(-40px);opacity:0.1}
	.anim_11{transform:translateZ(-50px);-webkit-transform:translateZ(-50px);-moz-transform:translateZ(-50px);opacity:0.05}

	

	
	.touch_video
	{
	position:relative;
	}
	
	
	#arrow_scroll
	{
	position:relative;
	margin:0 auto;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	top:-20px;
	width:80px;
	height:80px;
	z-index:3;	
	cursor:pointer;
	background:url(img/sprite.png) 7px -2074px no-repeat #000;
	
		transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s;
		-moz-transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s;
		-webkit-transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s;
		z-index:1;	
	}
	#arrow_scroll:hover
	{
		background-position:  7px -2067px;
	}
	#arrow_scroll.opacity{opacity:0;}
	#arrow_scroll.active{display:none;}

	.video_round
	{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-210px;
	width:420px;
	height:420px;
	border:4px solid #000;
	z-index:2;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
		-moz-border-radius:50%;
	opacity:0;
	
	background:url(img/play_btn.png) center center no-repeat rgba(250,250,250,.9);
	background-size:57% auto;

	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);

	transition:background-size .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s,transform 0.35s ease-out;
		-moz-transition:background-size .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s,-moz-transform 0.35s ease-out;
		-webkit-transition:background-size .3s cubic-bezier(0.125, 0.85, 0.320, 1.75), opacity .3s,-webkit-transform 0.35s ease-out;

	}
	.video_round:hover
	{
	background-size:66% auto;
	}
	.video_round.active
	{
	opacity:1;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform:scale(0.8);
	}
	.vid_line
	{
	position:absolute;
	top:50%;
	width:0;
	height:0;
	border-top:3px solid #000;
	border-bottom:3px solid #fff;
	
	transition:padding-left .5s ease-in-out .5s,padding-right .5s ease-in-out .5s;
		-moz-transition:padding-left .5s ease-in-out .5s,padding-right .5s ease-in-out .5s;
		-webkit-transition:padding-left .5s ease-in-out, .5spadding-right .5s ease-in-out .5s;
	}
	.vid_line_l{left:105%;padding-left:0%;}
	.vid_line_r{right:105%;padding-right:0%;}
	
	



	
	.round_1
	{
	position:absolute;
	top:-6%;
	left:-6%;
	width:112%;
	height:112%;

	background:url(img/round_1.png) center center no-repeat;
	background-size:100% auto;
	}
	.round_2
	{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:url(img/round_2.png) center center no-repeat;
	background-size:97% auto;
	}
	
	
	#main_video
	{
		position:fixed;
		top:0;
		left:-100%;
		width:100%;
		height:100%;
		overflow:hidden;
		background:#000;
	}
	#main_video_con
	{	
		position:relative;
		width:100%;
		height:100%;
		padding:55px 0 0;
		margin:0;
		background:url(img/loader_vid.gif) center center no-repeat;
	}
	#video
	{
		position:relative;
		width:100%;
		height:100%;
	}
	#video iframe{
		background:url(img/loader_vid.gif) center center no-repeat #000;
	}
	#reel_title
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:6px 20px;
		background:#fff;
		border-bottom:5px solid #000;
	}
	#reel_title h3
	{
		color:#000;
		font-size:28px;
	}
	.w_line
	{
		position:absolute;
		width:100%;
		height:3px;
		left:0;
		bottom:-7px;
		background:#fff;
	}

	
	.video_ex
	{
	position:absolute;
	padding:2px 9px 5px 9px;
	top:5px;
	right:5px;
	line-height:1;
	text-align:center;
	display:block;
	font-size:30px;
	font-weight:300;
	color:#fff;
	border:1px solid #000;
	cursor:pointer;
	z-index:1011;
	background:#000;
	
	transition:background .15s ease-in-out,color .15s ease-in-out;
		-moz-transition:background .15s ease-in-out,color .15s ease-in-out;
		-webkit-transition:background .15s ease-in-out,color .15s ease-in-out;
	}
	.video_ex:hover
	{
	background:#fff;
	color:#000;
	}
/* ---------------- video ENDS ---------------- */



/* ---------------- titles ---------------- */
	.title
	{
		border-bottom:10px solid;
		letter-spacing:-5px;
		line-height:1.07;
		font-size:61.5px;
		
		-webkit-perspective: 1200px;
			perspective: 1200px;
			
			-webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
			  
	}
	.title_b
	{
		border-color:#000;
		color:#000;
	}
	.title_w
	{
		border-bottom:9px solid #fff;
		color:#fff;
		font-size:49px;
		letter-spacing:-3px;
		line-height:1.1;
	}
	.title_icon
	{
		position:relative;
		background:url(img/sprite.png) no-repeat;
		margin-right:7px;
		display:inline-block;
		top:1px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
             transition: transform .3s ease-in-out;
	

	}
	.title:hover .title_icon
	{
		-webkit-transform:rotateY(180deg);
		-moz-transform:rotateY(180deg);
		-ms-transform:rotateY(180deg);
		-o-transform:rotateY(180deg);
		transform:rotateY(180deg);
	}
	.gallery_icon,.portfolio_icon
	{
		width:45px;
		height:45px;
		background-color:#000;
		background-position:-6px -1057px;
	}
	.portfolio_icon
	{
		background-position:-5px -1312px;
	}	
	.gallery_icon_w,.morestuff,.letstalk
	{
		width:35px;
		height:35px;
		background-color:#fff;
		background-position:-9px -1166px;
	}
	.morestuff{background-position:-9px -1215px;}
	.letstalk{background-position:-12px -1264px;background-color:transparent;}
	
	
/* ---------------- titles ENDS ---------------- */
/* ---------------- gallery ---------------- */
	.gallery_con
	{
		position:relative;
		overflow:hidden;
		width:100%;
		float:left;  
		margin:0 0 60px 0;
	}
	.gallery
	{
		position:relative;
		width:100%;
		margin:0;
		width:2800px;
		padding:35px 0 50px;
	}
	.gallery .title
	{
		margin-top:50px;
		float:left;  
	}	
	.thumb
	{
		white-space:normal;
		position:relative;
		width:260px;
		height:572px;
		margin:0 15px;
		
		-webkit-perspective: 800px;
		perspective: 800px;
		
		float:left;  
		cursor:pointer;
	}
	

	.thumb audio{display:none;}
	#thumb_1{margin-left:70px;}
	#thumb_9{margin-right:70px;}
	
	.thumb img
	{
		float:left;
	}
	.front,.back
	{
		position:absolute;
		width:100%;
		height:100%;
		overflow:hidden;
		display:block;
		top:0;
		left:0;

		-webkit-transition: -webkit-transform .35s ease-out,opacity .3s ease-out;
        -moz-transition: -moz-transform .35s ease-out,opacity .3s ease-out;
             transition: transform .35s ease-out,opacity .3s ease-out;			 

	    backface-visibility:hidden;
		-webkit-backface-visibility:hidden; /* Chrome and Safari */
		-moz-backface-visibility:hidden; /* Firefox */
		-ms-backface-visibility:hidden; /* Internet Explorer */

					  
	}

	.ie10 .back{
		opacity:0;		
	}

	.ie10 .thumb .front.active
	{
		opacity:0;	
	}
	.ie10 .thumb .back.active
	{
		opacity:1;	
	}


	.back{
		-webkit-transform:rotateY(180deg);
		-moz-transform:rotateY(180deg);
		-ms-transform:rotateY(180deg);
		-o-transform:rotateY(180deg);
		transform:rotateY(180deg);
	}

	.thumb h2
	{
		position:absolute;
		bottom:0;
		font-size:24px;
		line-height:1.1;
		padding:12px 8px 12px 9px;
		background:#000;
		color:#fff;
		letter-spacing:0px;
		float:left;
		width:100%;
	}
	.piv
	{
		position:absolute;
		bottom:49px;
		left:50%;
		margin-left:-1px;
		width:2px;
		height:5px;
		background-color:#fff;
		box-shadow:1px -1px 0 rgba(0,0,0,.5);
	}

	.thumb h2 span
	{
		padding:3px 1px 6px 1px;
		line-height:0.5;
		float:right;
		font-size:38px;
		
		-webkit-transition: -webkit-transform .2s ease-out .4s;
        -moz-transition: -moz-transform .2s ease-out .4s;
             transition: transform .2s ease-out .4s;
	}
	.thumb .front.active
	{
		 -webkit-transform:rotateY(-180deg);
		 -moz-transform:rotateY(-180deg);
		 -ms-transform:rotateY(-180deg);
		 -o-transform:rotateY(-180deg);
		 transform:rotateY(-180deg);
	}
	.thumb .back.active
	{
		 -webkit-transform:rotateY(0deg);
		 -moz-transform:rotateY(0deg);
		 -ms-transform:rotateY(0deg);
		 -o-transform:rotateY(0deg);
		 transform:rotateY(0deg);
	}
	
	.back_arrow
	{
		position:absolute;
		background-color:#000;
		color:#fff;
		width:60px;
		height:60px;
		top:50%;
		margin:-30px 0 0 -30px;
		left:-50%;
		
		 -webkit-transform:rotate(45deg);
		 -moz-transform:rotate(45deg);
		 -ms-transform:rotate(45deg);
		 -o-transform:rotate(45deg);
		 transform:rotate(45deg);
		 
		-webkit-transition: left .35s ease-in-out ;
        -moz-transition: left .35s ease-in-out ;
             transition: left .35s ease-in-out ;

	}
	.thumb .back_arrow.active
	{
		 left:50%;
	}
	.back_arrow span
	{
		position:relative;
		margin:15px auto 0;
		display:block;
		width:19px;
		height:30px;
		background:url(img/sprite_inner.png) no-repeat;
		background-position:-106px -290px;
		
		 -webkit-transform:rotate(-45deg);
		 -moz-transform:rotate(-45deg);
		 -ms-transform:rotate(-45deg);
		 -o-transform:rotate(-45deg);
		 transform:rotate(-45deg);
		 
	-webkit-transition: -webkit-transform .2s ease-out .4s;
        -moz-transition: -moz-transform .2s ease-out .4s;
             transition: transform .2s ease-out .4s;
			 
	}


	.thumb .back_arrow span.active
	{
		 -webkit-transform:rotate(45deg);
		 -moz-transform:rotate(45deg);
		 -ms-transform:rotate(45deg);
		 -o-transform:rotate(45deg);
		 transform:rotate(45deg);
	}
	.thumb  h2 span.active
	{
		 -webkit-transform:rotate(90deg);
		 -moz-transform:rotate(90deg);
		 -ms-transform:rotate(90deg);
		 -o-transform:rotate(90deg);
		 transform:rotate(90deg);
	}
	
/* ---------------- gallery ENDS ---------------- */	
/* ---------------- footer ---------------- */	
	footer
	{
		position:relative;
		background:#000;
		padding:120px 0 30px 0;
		color:#fff;
		float:left;
	}
	footer ul
	{
		position:relative;
		margin-top:20px;
	}
	.small ul,.small h3,.wide h3
	{
		width:100%;
	}
	.wide ul
	{
		width:49%;
	}
	.footer_link a
	{
		position:relative;
		padding:2px 0;
		margin-top:10px;
		border-bottom:3px solid #fff;
		font-size:21px;
		color:#fff;
		display:block;
		-webkit-transition: padding-left .12s ease-in-out;
          -moz-transition: padding-left .12s ease-in-out;
             transition: padding-left .12s ease-in-out;
	}
	.footer_link a:hover
	{
		padding-left:5px;
	}
	.footer_link a span
	{
		line-height:0.75;
		float:right;
		padding:2px 5px 7px;
		font-size:30px;
		
	-webkit-transition: -webkit-transform .15s ease-in-out,color .15s ease-in-out;
        -moz-transition: -moz-transform .15s ease-in-out,color .15s ease-in-out;
             transition: transform .15s ease-in-out,color .15s ease-in-out;
	}
	
	.footer_link a:hover .plus_footer
	{
		color:#516a79;
		 -webkit-transform:rotate(90deg);
		 -moz-transform:rotate(90deg);
		 -ms-transform:rotate(90deg);
		 -o-transform:rotate(90deg);
		 transform:rotate(90deg);
	}
	
	.form_wrapper h4
	{
	font-size:27px;
	margin-top:30px;
	padding:0 5px 0 0;
	line-height:1;
	letter-spacing:0px;
	}
	.form_wrapper p
	{
	font-size:18px;
	margin:7px 0;
	padding:0 5px 0 0;
	line-height:1;
	letter-spacing:0px;
	}
	form
	{
	position:relative;
	z-index:10;
	}
	
	::-webkit-input-placeholder { color:#000; opacity:1;}
	::-moz-placeholder { color:#000;  opacity:1;}
	:-ms-input-placeholder { color:#000;  opacity:1;}
	form input,form textarea
	{
	font-size:18px;
	margin-top:5px;
	width:100%;
	padding:14px 55px 8px 10px;
	height:50px;
	color:#000;
	background-color:#fff;
	font-family: 'Roboto Slab', serif; font-weight:300; font-style:normal;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	line-height:1;
	text-align:left;
	background-image:url(img/sprite.png);
	background-repeat:no-repeat;
	}
	form input
	{
	-webkit-transition: background-position .35s ease-in-out;
          -moz-transition:background-position .35s ease-in-out;
             transition: background-position .35s ease-in-out;
	}

	form textarea
	{
	resize:none;
	padding:17px 50px 5px 10px;

	-webkit-transition: height .35s ease-in-out;
          -moz-transition:height .35s ease-in-out;
             transition: height .35s ease-in-out;
	}
	#contact_name{background-position:right -1371px;}
	#contact_email{background-position:right -1424px;}
	#contact_text{background-position:right -1528px;}
	
	#contact_name:focus{background-position:250px -1371px;}
	#contact_email:focus{background-position:250px -1424px;}
	#contact_text:focus{height:220px;}
	
	form input[type="submit"]
	{
	color:#fff;
	background-color:#000;
	border:1px solid #fff;
	background-position:right -1477px;
	cursor:pointer;
	padding:10px 55px 11px 10px;
	
	-webkit-transition: padding-left .15s ease-in-out;
          -moz-transition:padding-left .15s ease-in-out;
             transition: padding-left .15s ease-in-out;
	}
	form input[type="submit"]:hover
	{
		padding-left:15px;
	}
	#contact_thanks
	{
		position:absolute;
		color:#000;
		padding:10px;
		font-size:24px;
		background-color:#fff;
		width:100%;
		height:100%;
		top:0;
		left:0;
		cursor:pointer;
		display:none;
	}
	#contact_thanks span
	{
		position:relative;
		color:#fff;
		line-height:1;
		background-color:#000;
		padding: 0px 9px 4px;
		font-size: 28px;
		margin-left:20px;
	}
	
	
	
	.gallery_wrapper{
	text-align:center;
	}
	.gallery_wrapper h3{
	text-align:left;
	}
	
	
	.m_license
	{
	position:relative;
	color:#757575;
	font-size:9px;
	top:20px;
	left:-3px;
	}
	.audio
	{
		position:relative;
		margin:20px 7% 0 0;
		display:inline-block;
	}
	.effects
	{
		margin-left:0;
		top:-130px;
	}
	.audio_control
	{
		position:relative;
		width: 180px;
		height: 45px;
		background:url(img/audio_play.png)  -13px -80px no-repeat;
		margin-top:15px;
		right:3px;
	}
	.audio_btn
	{
		position:absolute;
		width: 50%;
		height: 100%;
		top:0;
		cursor:pointer;
	}
	.audio_play{left:0;}
	.audio_pause{right:0;}
	
	.dial_footer_con
	{
		position:relative;
		width: 180px;
		height: 180px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		overflow:hidden;
		z-index: 2;
		margin-top:10px;
		
		transition:box-shadow .5s;
		-webkit-transition:box-shadow .5s;
		-moz-transition:box-shadow .5s;
	}
	.dialer
	{
		position:absolute;
		background:url(img/audio_play.png)  -28px -281px no-repeat;
		width:150px;
		height:150px;
		top:15px;
		left:15px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		overflow:hidden;
		z-index: 1;
		
	}

	.dial_canvas
	{
		position:relative;
		cursor:e-resize; 
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		overflow:hidden;
		background:url(img/audio_play.png)  -13px -465px no-repeat;
		z-index: 2;
	}	
	
	.audio_effect
	{
		position:relative;
		width:30px;
		height:80px;
		margin-top:25px;
		background:url(img/audio_play.png)   -18px -135px no-repeat;
	}
	.effect_btn
	{
		position:absolute;
		width:30px;
		height:30px;
		top:23px;
		cursor:n-resize;
		left:0px;
		background:url(img/audio_play.png)  -17px -216px no-repeat;
	}

	.audio_vol
	{
		position:relative;
		width:190px;
		height:40px;
		margin-top:15px;
		background:url(img/audio_play.png)   -12px -714px no-repeat;
	}
	.vol_btn
	{
		position:absolute;
		width:50px;
		height:41px;
		top:0px;
		cursor:e-resize;
		left:120px;
		background:url(img/audio_play.png) -8px -764px no-repeat;
	}


	.social
	{
	position:relative;
	margin:100px 0 30px 0;
	z-index:0;
	}
	.social_link
	{
	float:left;
	}
	.social_link a
	{
	width:70px;
	height:70px;
	background-color:#fff;
	margin-right:10px;
	display:block;
	background-image:url(img/sprite.png);
	cursor:pointer; 
	
	transition:transform .25s ease-in-out;
		-webkit-transition:-webkit-transform .25s ease-in-out;
		-moz-transition:-moz-transform .25s ease-in-out;
			
	}
	.social_link:hover.social_link a
	{
		-webkit-transform:scale(.9,.95);
		-moz-transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
		transform:scale(.9,.9);		
	}
	
	.face a{background-position:-297px -1047px;}
	.in a{background-position:-300px -1119px;}
	.mail a{background-position:-300px -1188px;}
	
	
/* ---------------- footer ENDS ---------------- */	
/* ---------------- playball ---------------- */	

	.playball
	{
		position:relative;
		margin-top:0;
		width:100%;
		background:#fff;
		padding:0 0 150px 0;
		border-top:10px solid #000;
		float:left;
	}
	.playball h2
	{
		position:relative;
		margin:90px auto 170px auto;
		text-align:center;
		font-size:40px;
		line-height:1.1;
		letter-spacing:-1px;
		color:#000;
	}
	.playball h2 span
	{ 
		position:relative;
		padding:0 20px;
		margin-left:10px;
		top:3px;
		background:url(img/sprite.png) -80px -1055px no-repeat;
	}
	#ball_wrapper
	{
		position:absolute;
		bottom:35px;
		left:0;
		width:100%;
		height:250px;
		padding-left:125px;
	}
	#ball
	{
		position:absolute;
		bottom:0;
		width:250px;
		height:250px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border:0 solid #000;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:hidden;
		-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
		padding-top: 80px;
		left:50%;
		margin-left:-125px;
		cursor:e-resize;
		background:url(img/anim_h.gif) left 0px no-repeat #000;
		
	}
	#ball h3
	{
		position:absolute;
		top:-25%;
		left:-25%;
		background:#000;
		width:150%;
		height:150%;
		text-align:center;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		font-size:24px;
		line-height:1.1;
		letter-spacing:-0.2px;
		padding-top: 60%;
		color:#fff;
		font-weight:normal;
		
		transition:transform .35s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		-webkit-transition:-webkit-transform .35s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		-moz-transition:-moz-transform .35s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		

	}
	#ball:hover  h3
	{
		-webkit-transform:scale(0.85);
		-moz-transform:scale(0.85);
		transform:scale(0.85);
	}
	
	
/* ---------------- playball ENDS ---------------- */	




/* ---------------- work  ---------------- */	
	
	
	.work_header
	{
	position:relative;
	margin:0 auto;
	padding:50px 10px 35px;
	color:#fff;
	text-align:center;
	height:100%;
	}
	.work_header img
	{
	position:relative;
	
	}
	.work_header h2
	{
	position:relative;
	font-size:86px;
	margin-bottom:30px;
	display:inline-block;
	padding:0;
	border-bottom:2px solid #000;
	}
	.work_header h2 span
	{
	position:absolute;
	bottom:-7px;
	width:12px;
	height:12px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-color:#000;
	}
	.work_header h2 span.l{left:0;}
	.work_header h2 span.r{right:0;}
	
	.work_header p
	{
	position:relative;
	font-size:20px;
	margin:0 auto;
	width:85%;
	}
	.work_arrow {
    background: url("img/sprite.png") no-repeat scroll -2px -2084px transparent;
    border: 2px solid #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    height: 64px;
    margin: 20px auto 0;
    position: relative;
		transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		-webkit-transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		-moz-transition:background-position .3s cubic-bezier(0.125, 0.85, 0.320, 1.75);
		
    width: 64px;
}
	.work_arrow:hover
	{
	background-position:-2px -2078px;
	}
	
	.inner_loading
	{
	width: 100%;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:99;
	}
	.inner_loader
	{
	width: 100px;
	height: 100px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-50px;
	margin-left:-50px;
	background-image:url(img/inner_loader.png);
	background-repeat:no-repeat;
	}


/* ---------------- work ENDS ---------------- */	
	#work_wrapper {position:relative;left:0;min-height:1200px;}
	#work_wrapper img{background:url(img/loader_s.gif) center center no-repeat #fff;position:relative;min-height:80px;}
	.inner_img
	{
	background-color:#fff;
	width:100%;
	overflow:hidden;
	
	-webkit-perspective: 1200px;
	perspective: 1200px;
	

	}
	.inner_img.black{background-color:#000;}
	.inner_img img{
		transition:left .7s ease-out;
		-webkit-transition:left .7s ease-out;
		-moz-transition:left .7s ease-out;
	}
	.inner_img.l img{left:-100%;}
	.inner_img.r img{left:100%;}
	
	.inner_img img.flipped{
		left:0%;
	}
/* ---------------- work btns  ---------------- */	
	#work_btns
	{
		position:fixed;
		left:-120px;
		top:0;
		width:120px;
		height:100%;
		background:rgba(0,0,0,.3);
		z-index:1002;
		
	}
	
	.work_arrows 
	{
	position:relative;
	width:100%;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}
	.work_arrows li 
	{
	float:left;
	position:relative;
	overflow:hidden;
	width:50%;
	background-color:#fff;
	}
	.work_arrows li.work_close 
	{
	width:100%;
	border-bottom:1px solid #000;
	}
	.work_arrows li.work_arrow_r
	{
	border-left:1px solid #000;
	}
	.work_arrow_l,.work_arrow_r
	{
	display:none;
	}
	.work_arrows li span
	{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	top:0;
	left: -100%;
	display: block;
	}
	.work_arrows li a
	{
	position:relative;
	padding:2px 0 9px;
	width:100%;
	line-height:1;
	text-align:center;
	font-size:30px;
	color:#000;
	display: block;
	
		transition:color .2s,opacity .2s;
		-webkit-transition:color .2s,opacity .2s;
		-moz-transition:color .2s,opacity .2s;
	}

	.work_close a
	{
	top:2px;
	left:39px;
	}
	.work_arrows li a:hover
	{
	color:#fff;
	}
	
	
	
	.work_list_con
	{
		position:relative;
		width:100%;
		float:left;
		overflow:hidden;
		display:none;
	}
	.work_list
	{
		position:relative;
		width:100%;
	}
	.work_list li
	{
		position:relative;
		width:120px;
		height:130px;
	}
	.work_list li a
	{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}

	.work_list li a span
		{
		position:absolute;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,.7);
		top:0;
		left: -100%;
		display: block;
		
		transition:border .2s;
		-webkit-transition:border .2s;
		-moz-transition:border .2s;
		}
		
	.active_w span
	{
		left:0% !important;
		border-right:10px solid #fff;
		cursor:default;
	}

	.work_list_arrow
	{
		position:absolute;
		top:50%;
		margin-top:-15px;
		right:10px;
		display:block;
		width:19px;
		height:30px;
		background:url(img/sprite_inner.png) no-repeat;
		background-position:-106px -290px;
		
		 -webkit-transform:rotate(90deg);
		 -moz-transform:rotate(90deg);
		 -ms-transform:rotate(90deg);
		 -o-transform:rotate(90deg);
		 transform:rotate(90deg);
	}
	
	
	
	
	
	
	.knob_con
	{
	position:relative;
	display:inline-block;
	margin:0 auto 20px;
	
	}
	.knob_parent
	{
	position:relative;
	display:inline-block;
	margin:7px;
	text-align:center;
	}
	.knob_parent canvas
	{
	-webkit-transition: -webkit-transform .35s ease-in-out;
	-moz-transition: -moz-transform .35s ease-in-out;
	 transition: transform .35s ease-in-out;
	}
	.knob_parent:hover canvas
	{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	 transform: rotate(360deg);
	}
	.knob_icon
	{
    position: relative;
	top:70px;
	width:50px;
	margin:auto;
	height:50px;
	background-image:url(img/sprite_inner.png);
	background-repeat:no-repeat;
	}
	.knob_creative{background-position:-7px -510px;}
	.knob_art{background-position:-7px -558px;}
	.knob_design{background-position:-7px -600px;}
	.knob_ui{background-position:-7px -646px;}
	.knob_anim{background-position:-7px -692px;}
	.knob_ill{background-position:-6px -736px;}
	.knob_dev{background-position:-7px -781px;}
	.knob_as{background-position:-8px -832px;}
	.knob_3d{background-position:-7px -873px;}
	.knob_logo{background-position:-6px -915px;}
	
	.knob_icon p
	{
	color:#000;
	font-size:12px;
	line-height: 1.15;
    position: relative;
	top:-38px;
	width:200%;
	left:-50%;
	opacity:0;
	
	-webkit-transition: opacity .25s ease-in-out, top .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out, top .25s ease-in-out;
	 transition: opacity .25s ease-in-out, top .25s ease-in-out;
	}
	.knob_parent:hover .knob_icon p
	{
	opacity:1;
	top:-52px;
	}
	
/* ---------------- work btns  ENDS ---------------- */	
/* ---------------- inner_txt ---------------- */	
.credits 
{
	padding:100px 0 50px;
	color:#000;
	background:#fff;
	text-align:center;
	clear:both;
}
.credits h3
{
	letter-spacing:-1px;
	line-height:1.5;
	font-size:45px;
	/*-webkit-perspective: 1200px;
		perspective: 1200px;*/
}
.credits p
{
	font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.35;
}
.credits span
{
	position:relative;
	background:url(img/sprite_inner.png) no-repeat;
	margin-right:7px;
	display:inline-block;
	width:36px;
	top:2px;
	height:35px;	
	background-color:#fff;
    border: 2px solid #000000;
	 
/*-webkit-transition: -webkit-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
		 transition: transform .3s ease-in-out;

	-webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;*/
}
/*.credits:hover .fliped
{
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
}*/
.credits h3 span{background-position:-1px -42px;}

/* ---------------- work btns  ENDS ---------------- */	

/* ---------------- inner_btn ---------------- */	
	.btns_con
	{
		position:relative;
		width:100%;
		padding:30px 50px;
		background:#fff;
		text-align:center;
	}
	.btns_con a
	{
		position:relative;
	}
	
.inner_btn
{
border:2px solid #000;
padding:15px 10px 16px 10px;
margin:10px;
display:inline-block;
}

.appstore,.googplay
{
background:url(img/sprite_inner.png) no-repeat #fff;
width:280px;
height:65px;
}
.appstore{background-position:-38px -1px;}
.googplay{background-position:-38px -62px;}

.lounch
{
background:#000;
color:#fff;
font-size:24px;
margin:10px;
display:inline-block;
letter-spacing:-0.5px;
line-height:1.35;
width:290px;
-webkit-transition: background-color .3s,color .3s;
	-moz-transition: background-color .3s,color .3s;
		 transition: background-color .3s,color .3s;
}
.lounch span
{
background:url(img/sprite_inner.png) -55px -209px no-repeat;
padding:16px;
float:right;
-webkit-transition: background-position .2s .25s;
	-moz-transition: background-position .2s .25s;
		 transition: background-position .2s .25s;
}
.lounch:hover
{
background-color:#fff;
color:#000;
}
.lounch:hover.lounch span
{
background-position:-103px -210px;
}

/* ---------------- inner_btn  ENDS ---------------- */	

/* ---------------- gonow  ---------------- */	

/* ---------------- gonow  ENDS ---------------- */	



/* ---------------- primor  ---------------- */	
	.primor_video_con
	{
		position:relative;
		width:100%;
		padding:70px 0;
		clear:left;
		background:#000;
	}
	.primor_video
	{
		position:relative;
		width:50%;
		margin:auto;
		background:url(img/primor_vid.jpg) center center no-repeat;
		background-size:105%;
		cursor:pointer;
		border:5px solid #fff;
		
		transition:background-size .3s ease-in-out;
		-webkit-transition:background-size .3s ease-in-out;
		-moz-transition:background-size .3s ease-in-out;
	}
	.video_line
	{
		position:absolute;
		width:10%;
		height:0;
		border-top:2px solid #fff;
		top:50%;
	}
	.video_line_l{left:100%;}
	.video_line_r{right:100%;}
	
	.primor_video:hover{
	background-size:101%;
	}
	.primor_video iframe
	{
		width:100%;
		height:100%;
		background:url(img/loader_s.gif) center center no-repeat #000;
	}
/* ---------------- primor  ENDS ---------------- */	
	.video_gif
	{
		border-top:7px solid #000;
		border-bottom:7px solid #000;
	}

/* ---------------- brauma  ---------------- */	


/* ---------------- brauma  ENDS ---------------- */	

	.work_header h2{font-weight:bold;}
	.gonow .work_header{background-color:#f8b200;}
	.primor .work_header{background-color:#e3050e;}
	.konimee .work_header{background-color:#1ec2dd;}
	.brauma .work_header{background-color:#0b6fb5;}
	.fruits .work_header{background-color:#f77b59;}
	.hit .work_header{background-color:#77abb6;}
	.next-in .work_header{background-color:#4bd30f;}
	.ta .work_header{background-color:#595050;}
	.sp .work_header{background-color:#1c3858;}




	
		
@media only screen and (max-width: 1820px) {
	.blocks_txt p{width:72%;}
	.frames_con{width:100%;}
	
	.audio{margin:20px 6% 0 0;}
}
@media only screen and (max-width: 1740px) {
	.container {
	padding-left: 50px;
	padding-right: 50px;
	}
	.social_btn{right:160px;}
	
	#thumb_1{margin-left:50px;}
	#thumb_9{margin-right:50px;}
	
	.audio{margin:20px 5% 0 0;}
	
}
@media only screen and (max-width: 1600px) {
	.qa_icon{left:15px;}
	
	.audio{margin:20px 4% 0 0;}
	
	#arrow_scroll{top:-50px;}
	
	.pix_img{width:72%;}

}
@media only screen and (max-width: 1470px) {
	
	.audio{margin:20px 2.4% 0 0;}
	#portfolio .video_btn{
	  width: 80px; height: 80px; 
	  margin: -40px 0 0 -40px; 
	  border: 7px solid #fff;
	}
	#portfolio .video_btn:hover{
	  border: 2px solid #fff;
	}
}
@media only screen and (max-width: 1340px) {
		
		.container {
		padding-left: 20px;
		padding-right: 20px;
		}
		.social_btn{right:130px;}
		
		#thumb_1{margin-left:20px;}
		#thumb_9{margin-right:20px;}
	
		

		.qa_icon
		{
		width:300px;
		height:155px;
		}
		.who .qa_icon .second{background-position:0 -132px;}
		.why .qa_icon .first{background-position:0 -293px;}
		.why .qa_icon .second{background-position:0 -475px;}
		.how .wheel{background-position:0 -647px;}
			
		.blocks_txt p{font-size: 38px;padding-left:0;}
		.link_pop{bottom: 52px;}	

		.footer_link a{padding:2px 0 6px;font-size:17px;}		
		.title_w{font-size:42px;line-height:1.2;}		
		.gallery_icon_w,.morestuff,.letstalk
		{
			width:31px;
			height:31px;
			background-position:-11px -1169px;
		}
		.morestuff{background-position:-11px -1217px;}
		.letstalk{background-position:-13px -1265px;}
					
					
		.video_title{margin:60px auto 100px;}
		.video_title h3{font-size:46px;}

		
		.audio_4{display:none;}
		.audio{margin:20px 6% 0 0;}
		
		
		
		
		.creative_txt{font-size:14px;}
		.creative_txt p
		{
			line-height:1.3;
			padding:0 80px 7px 7px;
		}
		
		.creative_img:hover .creative_txt p{padding-top:4px;}
		.creative_img:hover .creative_txt a{top:5px;}
		.creative_txt a{right:5px;}
		
	
}
		
@media only screen and (max-width: 1140px) {

	
	.gallery_wrapper{
	padding: 0 15px 15px !important;
    width: 100% !important;
	margin-bottom:70px;
	}
	.form_wrapper{width:100% !important;  margin-bottom:5px; padding:0 15px 15px 15px !important;}
	.form_wrapper h4{width:100%;  margin-bottom: 15px; border-bottom: 1px solid #353535; padding-bottom:5px;}
	form{float:right;width:49%;}
	.form_wrapper p{float:left;width:51%;}
	footer{padding-top:90px;}
	
	.social {margin: 0 0 30px 15px; top: -80px;}
	
	.audio_4{display:inline-block;}
	.audio{margin:20px 4% 0 0;}
	
	.video_title{margin-bottom:80px;}	
	.anim_container{margin-bottom:80px;}	
	
	.primor_video{width:60%;}
	
	.pix_img{width:82%;}
	
}
@media only screen and (max-width: 1080px) {

		.qa_icon
		{
		width:230px;
		height:118px;
		} 
		.who .qa_icon .first{background-position:0 6px;}
		.who .qa_icon .second{background-position:0 -101px;}
		.why .qa_icon .first{background-position:0 -225px;}
		.why .qa_icon .second{background-position:0 -363px;}
		.how .wheel{background-position:0 -496px;}
		
		.blocks_txt p{font-size: 30px;}
		
		.qa_title{width:32px;}
		#blocks .who h2,#blocks .why h2,#blocks .how h2 {left: 32px !important;}
		#blocks .qa h2,#blocks .qa h3 {font-size: 20px;padding: 6px 0 6px 15px;}

		#blocks .qa:hover.qa h2{left:-1px !important;}
		#blocks .qa:hover.qa h3{left:32px !important;}
		.blocks_txt img{width:200px;}
		.ex{font-size:37px;}
		.link_pop{bottom:47px;}
			
		.video_title h3{font-size:38px;}
		.video_round
		{
		margin-left:-175px;
		margin-top:-175px;
		width:350px;
		height:350px;
		}
		.watch{background-position:center -104px  ;}
		.tilt{background-position:center -138px ;}
		
		.watch.top{background-position:center 57px ;}
		.tilt.top{background-position:center 27px;}
	
			
		footer .title_icon {margin-right: 3px;}
		.footer_link a{font-size:16px;padding:1px 0 6px;}		
		.title_w{font-size:41px;line-height:1.2;}	
		form input[type="submit"] ,form input,form textarea {padding-left: 5px; letter-spacing:-0.3px;}
		.footer_link a span {
			font-size: 24px;
			line-height: 0.85;
			padding: 0 5px;
		}
		.form_wrapper h4 {font-size: 25px;}
		.form_wrapper p {font-size: 15px;}
				

		
		.audio{margin:20px 2% 0 0;}
		
		

	
}

@media handheld, only screen and (max-width: 1000px) {

	.audio_4{display:none;}
	.audio{margin:20px 5.5% 0 0;}

}

/* Mobile */

@media handheld, only screen and (max-width: 860px) {
	
	
	.img_desk{display:none;}
	.img_mob,.img_tablet{display:block;}
	
	#blocks{display:none;}
	#blocks_mobile{display:block;}
	
	.container{
	width: 100%;
	}
	.row{
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	}
	.row .threecol
	{
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	}
	.row .fourcol
	{
	width: 100%;
	}
	
	header h1
	{
		display:none;
	}
	

	.qa_icon
	{
	width:201px;
	height:105px;
	margin:10px auto;
	left:0;
	} 
	.who .qa_icon .first{background-position:0 6px;}
	.who .qa_icon .second{background-position:0 -88px;}
	.why .qa_icon .first{background-position:0 -195px;}
	.why .qa_icon .second{background-position:0 -315px;}
	.how .wheel{background-position:0 -432px;}
	
	.ex{top:30px}
	
	.ex{font-size:30px;padding:1px 8px 3px; top:0;}
	.blocks_txt p{width:100%;padding-top:50px;font-size: 28px;line-height:1.15;letter-spacing:-0.7px;}

	.blocks_txt img{position:relative;float: none !important; margin: 5px auto 20px;}
	.how_txt  img,.who_txt  img{padding-top:10px;}
	

	
	#grid_pop{display:none !important;}
	
	.bullets{width:255px;}
	
	
	#ball_wrapper{height:160px;padding-left:80px;}
	#ball{width:160px;height:160px;background:url(img/anim_h_s.gif) left 0 no-repeat #000;margin-left:-80px;}
	#ball h3{font-size:18px;}
	.playball{padding:0 0 70px 0;}
	.playball h2{margin:70px auto 170px auto;}		

	.video_title{margin-bottom:50px;}	
	.anim_container{margin-bottom:50px;}	
	.video_round
	{
	margin-left:-135px;
	margin-top:-135px;
	width:270px;
	height:270px;
	}

	#arrow_scroll {top: 0}	

	
	#work_wrapper {min-height:1024px;}
	.second_cr{margin-top:20px;}
	.trade_con{display:none !important;}

	.audio{margin:20px 3% 0 0;}	
		
		
		
	#work_btns{background:rgba(0,0,0,.3);}
	
}

@media handheld, only screen and (max-width: 730px) {
	.effects{display:none;}	
}


@media handheld, only screen and (max-width: 680px) {
	.audio{margin:20px 5% 0 0;}	
	.audio_3{display:none;}	
}

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

	.container {
	padding-left: 7px;
	padding-right: 7px;
	}
	.social_home {
		left: 122px;
		right: auto;
	}
	
	.img_tab,.img_tablet{display:none;}
	.img_cell,.mobile_video{display:block;}
	
	header
	{
	padding:50px 0 15px 0;
	}
	.top_btn{left:0;}
	.top_btn li a{padding:5px 10px;}
	
	#logo_wrapper
		{
			width:70%;
			max-width: 370px;
		}
	#grid
		{
			width:50px;
			height:50px;
			bottom:15px;
		}
		
		
		
	#portfolio .title{font-size:51px;letter-spacing:-3px;}
	#portfolio .title_icon {margin-right: 3px;}
	.portfolio_icon{width:36px;height:36px;background-position:-57px -1318px;}	
	
	.qa h2 {
		font-size: 15px;
	}
	.blocks_txt p{font-size: 22px;}
	.fat_link{padding: 1px 5px 3px;}
	.link_pop { bottom: 40px;}


	footer ul,footer section{width:100% !important;}
	
	.form_wrapper h4{width:100%;  margin-bottom: 0; border:none; padding-bottom:0;}
	 form{float:left;width:100%;}
	.form_wrapper p{float:left;width:100%;}
	.social {margin: 50px 6px 30px 15px;top:0;}

	
	.anim_container,#arrow_scroll{display:none;}
	.video_title{margin:30px 0 50px;}	
	.video_title h3{font-size:20px;border-width:2px;}
	
	#map_canvas {height: 220px;}

	.playball h2{margin: 50px auto 150px;font-size: 35px;line-height: 0;}
	.playball h2 span{top:-2px;}
	#ball_wrapper{height:120px;padding-left:60px;}
	#ball{width:120px;height:120px;background:url(img/anim_h_m.gif) left 0 no-repeat #000;margin-left:-60px;}
	#ball h3{font-size:14px;}
	
	.bullets{width:220px;}

		
	.thumb{width:182px;height:407px;}
	.thumb h2{font-size:18px;padding: 12px 6px 12px 9px;}
	.thumb h2 span {font-size: 28px;line-height: 0.58;padding: 0;}
	.piv{bottom:40px;}	
	
	.video_title {margin: 30px 0 20px;}
	.mobile_video {margin:25px auto 70px;}
	
	.video_round_m
	{
	position:relative;
	margin:10px auto;
	width:200px;
	height:200px;
	display:block;
	background:url(img/play_btn.png) center center no-repeat rgba(250,250,250,.9);
	background-size:57% auto;
	border:2px solid #000;
	border-radius:50%;
	-webkit-border-radius:50%;
		-moz-border-radius:50%;
	}
	.vid_line_m
	{
	position:absolute;
	top:50%;
	margin-top:-2px;
	width:0;
	height:1px;
	border:1px solid #000;
	}
	.vid_line_l_m{left:100%;padding-left:30px;}
	.vid_line_r_m{right:100%;padding-right:30px;}

	
	
	#work_wrapper {min-height:640px;}
	
	
	.work_header h2{font-size:38px;margin-bottom:15px;}
	.work_header p{font-size:18px;width:90%}
	.work_header{padding:50px 15px 20px;}
	.work_arrow{margin:15px auto;}
	
	
	.btns_con {padding: 0 5px 60px;}
	.credits p {font-size: 16px;}

	.primor_video_con{padding:15px;}
	.primor_video{width:100%;}
	
	.credits{padding:65px 10px;}

	.creative_wrapper li{margin-top:10px;}
	.creative_wrapper .fourcol {padding:0;}
	
	
	


}
	


@media only screen and (max-width: 420px) {
	
	#logo_wrapper{	height:70px;}
		
	.work_end h3{font-size:16px;}

	.bullets{width:255px;}
	.bullets li{width:22px;height:22px;margin:4px 3px;}
	.bull_line{top:46px;width:280px;}
			
	.row .threecol{width: 100%;margin-right: 0;margin-left: 0;}
	
	.audio{margin:30px 0 10px}	
	
	
	
}	
	
	
	






/* ///////////// validation ///////////// */

.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#212121;border:0;display:none}.formError .formErrorContent{width:100%;position:relative;color:#fff;min-width:155px;top:16px;font-size:17px;border-top:3px solid #fff;padding:7px 20px 7px 10px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;background:url(img/pop_close.png) top right no-repeat #516a79}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#516a79}.blackPopup .formErrorContent{background:#516a79;color:#fff}.formError .formErrorArrow{width:3px;margin:-2px 0 0 13px;position:relative}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div:first-child{position:relative;top:17px;display:block;width:0;height:0;border-width:15px;border-style:solid;border-color:#516a79 transparent transparent transparent}