/* @license
 * MyFonts Webfont Build ID 2574173, 2013-06-06T04:12:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Plau Light by Plau
 * URL: http://www.myfonts.com/fonts/niramekko/plau/light/
 * 
 * Webfont: Plau by Plau
 * URL: http://www.myfonts.com/fonts/niramekko/plau/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2574173
 * Webfonts copyright: Copyright (c) 2010 by Rodrigo Saiani. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("../../hello.myfonts.net/count/27475d");*/


@font-face {font-family: 'Plau-Light';src: url('../fonts/27475D_0_0.eot');src: url('../fonts/27475D_0_0d41d.eot?#iefix') format('embedded-opentype'),url('../fonts/27475D_0_0.woff') format('woff'),url('../fonts/27475D_0_0.ttf') format('truetype');} 
@font-face {font-family: 'Plau-Regular';src: url('../fonts/27475D_1_0.eot');src: url('../fonts/27475D_1_0d41d.eot?#iefix') format('embedded-opentype'),url('../fonts/27475D_1_0.woff') format('woff'),url('../fonts/27475D_1_0.ttf') format('truetype');} 
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff) format('woff');}
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hha1RVmPjeKy21_GQJaLlJI.woff) format('woff');}

html{height: 100%; }
html,body{ margin: 0; padding: 0;  width: 100%;}

body{
	position: relative;
	min-height: 100%;
	overflow: -moz-scrollbars-vertical; 
	overflow-x: hidden;
	overflow-y: scroll;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 91px;
	padding-bottom: 380px;
	/**/
	color: #000;
	font: normal 13px/20px 'Open Sans', Tahoma, sans-serif;
}

body.reel-opened,
body.loading{
	position: fixed;
}

#loader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	background: url(../img/layout2/loaderbg.html) center 45% no-repeat rgba(255,255,255,1);
	opacity: 0;
	z-index: 1000;
	overflow: hidden;
	/*-webkit-transition: opacity .7s .6s ease-in-out;
	-moz-transition: 	opacity .7s .6s ease-in-out;
	transition: 		opacity .7s .6s ease-in-out;*/
}

	#loader .inner{
		content: ' ';
		position: absolute;
		top: 91px;
		left: 0;
		width: 0%;
		height: 20px;
		background: #51bef9;
		-webkit-transition: width .3s ease-in-out;
		-moz-transition: 	width .3s ease-in-out;
		-ms-transition: 	width .3s ease-in-out;
		-o-transition: 		width .3s ease-in-out;
		transition: 		width .3s ease-in-out;
	}
	#loader .inner.reset{
		-webkit-transition: width 0s linear;
		-moz-transition: 	width 0s linear;
		-ms-transition: 	width 0s linear;
		-o-transition: 		width 0s linear;
		transition: 		width 0s linear;
	}

/*body.loading #loader{
	-webkit-transition: opacity .7s .1s ease-in-out;
	-moz-transition: 	opacity .7s .1s ease-in-out;
	transition: 		opacity .7s .1s ease-in-out;
	opacity: 1;
}*/

	/*body.loading #loader:after{
		-webkit-transition: height .3s 1s ease-in-out;
		-moz-transition: 	height .3s 1s ease-in-out;
		transition: 		height .3s 1s ease-in-out;
		z-index: 1001;
		height: 100%;
	}*/

#wrapper{
	height: 100%;
}

#page{
	position: relative; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 91px;
	padding-bottom: 380px;
	min-height: 100%;
}

ul,li,p,h1,h2,h3, h4, img{ display: block; margin: 0; padding: 0; }
ul{list-style: none;}

a{text-decoration: none; color: inherit; }
section a.inline{position: relative;}
section a.inline:before{
	position: absolute;
	display: block;
	left: -1px;
	bottom: -1px;
	height: 1px;
	width: 100%;
	padding: 0 2px;
	background: #6afc8f; 
	content: '';
			transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	z-index: -1;
}

	section a.inline:hover:before{
		height: 105%;
		opacity: 0.6;
	}

.clear{
	float: none;
	clear: both; 
}

header,
footer{
	display: block;
	width: 100%;
}

header{
	position: fixed;
	height: 90px;
	top: 0px;
	left: 0;
	z-index: 999999;
	/**/
	background-color: #fff;
	border-bottom: 1px solid #000;

	        transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
}
.reel-opened header {
	top: -90px;
	
	        transition: all .15s ease-in-out .9s;
	-webkit-transition: all .15s ease-in-out .9s;
	   -moz-transition: all .15s ease-in-out .9s;
	    -ms-transition: all .15s ease-in-out .9s;
	     -o-transition: all .15s ease-in-out .9s;
}

	header #MUG-logo{
		display: block;
		float: left;
		width: 100px;
		height: 85px;
		background: url('../img/layout2/106-logo.png') 0 top no-repeat;
		margin: 2px 50px 0 40px;
	} 

	header ul#menu{
		float: left;
		margin: 28px 0 0;
		font: 700 11px/11px 'Open Sans';
		text-transform: uppercase;
	}

		header #menu li{
			float: left;
			margin: 0 2px;
		}

			header #menu li a{
				position: relative;
				display: block;
				outline: none;
				padding: 8px 0;
				margin: 0 25px;
				border-top: 1px solid #e9e9e9;
			}

			footer a.mail{
				display: inline-block;
				position: relative;
				padding: 8px 0 0;
				border-top: 1px solid #e9e9e9;
			}

				.browser_desktop header #menu li a:after, 
				.browser_desktop footer a.mail:after{
					position: absolute;
					max-width: 0;
					height: auto;
					left: 0;
					top: -1px;
					display: block;
					outline: none;
					padding: 8px 0;
					margin: 0px;
					background: #fff;
					border-top: 1px solid #666;
					color: #666;
					content: attr(data-hover);
					overflow: hidden;
					-webkit-transition: max-width 0.3s ease-in-out;
					-moz-transition: max-width 0.3s ease-in-out;
					-ms-transition: max-width 0.3s ease-in-out;
					transition: max-width 0.3s ease-in-out;
				}

					.browser_desktop header #menu li a:hover:after, 
					.browser_desktop footer a.mail:hover:after{
						max-width: 100%;
					}

	header #menu-social{
		float: right;
		margin: 24px 22px 0 0;
	}

		header #menu-social li{
			float: left;
			position: relative;
			width: 36px;
			height: 36px;
		}

		header #menu-social li#amp{
			width: 19px;
			font: 700 15px/34px 'Open Sans';
			text-align: center;
		}

		header #menu-social li a{
			display: block;
			width: 36px;
			height: 36px;
			text-indent: -9999px;
			background: url('../img/layout2/social-icons.png') no-repeat;
		}

		header #menu-social li a#facebook-ico{
			background-position: 0 0;
		}

		header #menu-social li a#vimeo-ico{
			background-position: -36px 0;
		}
		
		header #menu-social li a#instagram-ico{
			background-position: -72px 0;
		}

footer{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 380px;
	/**/
	border-top: 1px solid #d0d0d0;
	z-index: 100;
}

	footer ul{
		position: relative;
		margin-right: -2px;
		height: 320px;
		background: #fff;
	}

		footer ul li{
			position: relative;
			float: left;
			width: 320px;
			height: 320px;
			padding-top: 126px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background: 136px 43px no-repeat;
			border-left: 1px solid #d0d0d0;
			font: normal 16px/19px 'Plau-Regular';
			text-align: center;
		}

			footer ul li:first-child{
				border-left: 0;
				margin-left: 0px
			}

			footer ul li#footer-address	{ background-image: url('../img/layout2/footer-ico-address.png'); }
			footer ul li#footer-mail	{ background-image: url('../img/layout2/footer-ico-mail.png'); }
			footer ul li#footer-work	{ background-image: url('../img/layout2/footer-ico-work.png'); }

			footer ul li > div{
				position: absolute;
				width: 100%;
				bottom: 30px;
				font: 700 10px/12px 'Open Sans';
				text-transform: uppercase;
			}

			footer ul li > div.small{
				bottom: 32px;
			}

				footer ul li > div.small span.light,
				footer ul li > div.address span.light{
					font-weight: 400;
				}

			footer ul li > div .extrbld{
				font-weight: 800;
				font-size: 12px;
			}

			footer ul li > div .spcbefore{
				position: relative;
				bottom: -5px;
			}

			footer ul li a{
				/*text-decoration: underline;*/
				position: relative;
			}

	footer #copy{ 
		height: 60px;
		padding: 20px 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-top: 1px solid #1b2c21;
	}

		footer #copy #MUG-logo-small{
			display: block;
			width: 110px;
			height: 20px;
			font: 700 13px/15px 'Open Sans';
			text-indent: 5px;
			letter-spacing: 3px;
		}

		footer #copy #MUG-logo-small span.logo{
			display: block;
			float: left;

			margin: 0 5px 0 0;

			background: url('../img/layout2/106-logo.png') 0 -91px no-repeat;
			height: 20px;
			width: 25px;

		    -webkit-transform: rotateX(0deg) rotateY(0deg);
		    -webkit-transform-style: preserve-3d;
		    -webkit-backface-visibility: hidden;

		    -moz-transform: rotateX(0deg) rotateY(0deg);
		    -moz-transform-style: preserve-3d;
		    -moz-backface-visibility: hidden;
		    
		    -o-transition: all .4s ease-in-out;
		    -ms-transition: all .4s ease-in-out;
		    -moz-transition: all .4s ease-in-out;
		    -webkit-transition: all .4s ease-in-out;
		    transition: all .4s ease-in-out;
		}
		
		.browser_desktop footer #copy #MUG-logo-small:hover span.logo {
	    	-webkit-transform: rotateX(0deg) rotateY(360deg);
		}

.wrap{
	position: relative;
	width:960px;
	margin:0 auto;
}

.wrap.e404{
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -1px;
	background-color: #ffeb60;
	text-align: center;
}

	.wrap.e404 h1{
		position: relative;
		text-align: center;
		padding: 40px 0 128px;
		font: normal 140px/100px 'Plau-Regular';
		letter-spacing: -1px;
	}

		.wrap.e404 h1:after{
			position: absolute;
			display: block;
			width: 64px;
			height: 15px;
			top: 87px;
			left: 50%;
			margin: 0 0 0 -32px;
			background-color: #ffeb60;
			content: '';
		}

		.wrap.e404 h1 span{
			display: block;
			padding-top: 20px;
			font-size: 24px;
			letter-spacing: 0px;
			line-height: 24px;
			text-indent: 5px;
			text-transform: uppercase;
		}

	.wrap.e404 a{
		display: inline-block;
		width: 90px;
		height: 40px;
		padding: 8px 0;
		border-top: 1px solid rgba(0,0,0,0.1);
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 1px;
		text-transform: uppercase;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

#main{
	margin-bottom: 1px;
	position: relative;
}

.loopover {
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
	z-index: 11;
	display: none;
	opacity: 0;
}

section#reel{
	position: relative;
	top: 0px;
	left: 0;
	height: 496px;
	overflow: hidden;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #101010; 
	border: none;
	cursor: pointer;
	z-index: 99;
}

	section#reel .over,
	section#reel .play{
		position: absolute;
		height: 100%;
		top: 0;
		z-index: 2;
	}

	section#reel .over{
		left: 0;
		width: 100%;
		-webkit-transition: all 0.2s 0.2s ease-in-out;
		-moz-transition: all 0.2s 0.2s ease-in-out;
		transition: all 0.2s 0.2s ease-in-out;
		background: url('../img/content2/reel.png') 50% 50% no-repeat;
		display: none;
		z-index: 2;
	}

		body.reel-opened section#reel .over{
			opacity: 0;
		}

		.browser_desktop section#reel:hover .over{
			-webkit-transition-delay: 0s;
			-moz-transition-delay: 0s;
			transition-delay: 0s;
			opacity: 0;
		}

	section#reel .play{
	left: 50%;
	width: 60px;
	margin-left: -30px;
	color: #fff;
	font-family: "Open Sans";		/*background: url('../img/content2/reel-play.png') 50% 50% no-repeat;*/
	}
	section#reel .play #reel-warning{
		position: absolute;
		bottom: 15px;
		padding: 0;
		left: 0;
		width: 600px;
		text-align: center;
		text-transform: uppercase;
		margin-left: -270px;
		font-size: 11px;
		line-height: 1.2em;
	}
	section#reel .play #reel-warning b {
		display: inline-block;
		padding-bottom: 10px;
	}
	section#reel:hover .play #reel-warning{
		color: #888;
	}

section#reel-full{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 476px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #101010;
	opacity: 0;
	padding: 80px;
}

	body.reel-opened section#reel-full,
	section#reel-full.opened{
		z-index: 102;
	}

	section#reel-full #reel-exit{
		position: absolute;
		top: 40px;
		right: 40px;
		width: 60px;
		height: 60px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		background: url('../img/reel-exit.png') 0 0 no-repeat;
		cursor: pointer;
		opacity: 0;
		z-index: 99;
	}

		section#reel-full.content #reel-exit{
			opacity: 1;
		}

		.browser_desktop section#reel-full.content #reel-exit:hover{
			-webkit-transform: rotate3d(0,0,1, 180deg);
			-moz-transform: rotate3d(0,0,1, 180deg);
			transform: rotate3d(0,0,1, 180deg);
		}

			section#reel-full.content video{
				opacity: 1;
			}

	section#reel-full #reel-player{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}

		section#reel-full.content #reel-player{
			opacity: 1;
		}

		section#reel-full #reel-player .main-reel{
			-webkit-transition: all 1s .5s ease-in-out;
			-moz-transition: all 1s .5s ease-in-out;
			transition: all 1s .5s ease-in-out;
			opacity: 0;
		}

		section#reel-full.content #reel-player .main-reel{
			opacity: 1;
		}

		section#reel-full #reel-player #reel-timeline{
			position: absolute;
			width: 100%;
			height: 9px;
			left: 0;
			bottom: -20px;
			background: #fff;
			border: 11px solid #fff;
			border-top: none;
			border-bottom: none;
			cursor: pointer;
		}
			#reel-time,
			#reel-volume {
				position: absolute;
				right: 50px;
				bottom: 0px;
				color: #fff;
			}
			#reel-volume {
				right: -20px;
				width: 51px;
				height: 22px;
				background: url(../img/layout2/volume.png) 0 0 no-repeat;
				cursor: pointer;
			}
			#reel-play-pause {
				position: absolute;
				left: 0;
				bottom: 0px;
				color: #fff;				
				background: url(../img/layout2/player.png) 0 0 no-repeat;
				width: 20px;
				height: 24px;
				border: 0;
				cursor: pointer;
				outline: none;
			}
			#reel-play-pause.playing {
				background-position: 0 -24px;
			}
			section#reel-full #reel-player #reel-timeline #reel-seek,
			section#reel-full #reel-player #reel-timeline #reel-buffer{
				position: absolute;
				top: 3px;
				left: 0;
				width: 0%;
				height: 3px;
				background: #000;
				cursor: pointer;
				/*-webkit-transition: all 1s linear;
				   -moz-transition: all 1s linear;
				    -ms-transition: all 1s linear;
				     -o-transition: all 1s linear;
				        transition: all 1s linear;*/
			}
			section#reel-full #reel-player #reel-timeline #reel-buffer{
				width: 100%;
				background: #e4e4e4;
			}

section{
	overflow: hidden;
}

section.case{ 
	height: 398px;	
	position: relative;
}

	section.case:before{
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		width: 100%;
		background: rgba(0,0,0,0.18) ;
		content: '';
		z-index: 3;
	}

	section.case .wrap{
		position: relative;
		background: #fff;
		z-index: 1;
	}

		section.case .wrap:before,
		section.case .wrap:after,
		section.case .wrap .desc-box:before,
		section.case .wrap .img-box:after,
		#realizations-grid .cell:not(.empty):after,
		#we-do-grid .cell:not(.empty):after{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			background: #51A8FF;
			content: ' ';			
			-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
			-moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
			-ms-transition: -ms-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
			transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
			-webkit-transform: scale3d(1,0,1);
			-moz-transform: scale3d(1,0,1);
			-ms-transform: scale3d(1,0,1);
			transform: scale3d(1,0,1);
		}

		section.case .wrap:after{ -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s;}
		section.case .wrap .desc-box:before{ -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}
		section.case .wrap .img-box:after{ -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s;}

		section.case .wrap:before,
		section.case .wrap:after,
		section.case .wrap .desc-box:before,
		#realizations-grid .cell:after,
		#we-do-grid .cell:after{
			z-index: -1;
		}

		#realizations-grid .cell:not(.empty):after,
		#we-do-grid .cell:not(.empty):after{left: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top;
			-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
		#realizations-grid .cell:not(.empty):nth-child(even):after,
		#we-do-grid .cell:not(.empty):nth-child(even):after{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;
			-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}

		section.case .wrap:before{left: -99%; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;
			-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
		section.case .wrap:after{right: -100%; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top;
			-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; transition-duration: 0.7s;}

		section.case:nth-child(even) .wrap:before{-webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top;
			-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; transition-duration: 0.7s;}
		section.case:nth-child(even) .wrap:after{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;
			-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}

		section.case .wrap .img-box{
			display: block;
			height: 398px;
			overflow: hidden;
			background: #eee;
			width: 320px;
			position: relative;
			z-index: 8;
		}

			section.case .wrap .img-box:after{
				z-index: 1;
				left: 0;
				-webkit-transform-origin: left bottom;
				-moz-transform-origin: left bottom;
				-ms-transform-origin: left bottom;
				transform-origin: left bottom;
				opacity: 0.4;
			}

				section.case:nth-child(even) .img-box:after{
					-webkit-transform-origin: left top;
					-moz-transform-origin: left top;
					-ms-transform-origin: left top;
					transform-origin: left top;
				}

		section.case .wrap .img-box.double{
				width: 640px;
			}

			section.case .wrap .img-box.left{
				float: left;
			}

			section.case .wrap .img-box.right {
				float: right;
			}

			section.case .wrap .img-box img{
				-webkit-transition: all 1s linear; 
				-moz-transition: all 1s linear;
				transition: all 1s linear;
				-ms-transition: all 0s linear; 
			}

				.browser_desktop section.case .wrap:hover .img-box img{
					-webkit-transform: scale3d(1.1,1.1,1);
					-moz-transform: scale3d(1.1,1.1,1);
					transform: scale3d(1.1,1.1,1);
					-ms-transform: scale3d(1,1,1);
					-webkit-transition-duration: 5s;
					-moz-transition-duration: 5s;
					transition-duration: 5s;
					-ms-transition-duration: 0s; 
				}


		section.case .wrap .desc-box{
			width: 320px;
			height: 398px;
			position: relative;
			z-index: 10;
			text-align: center;
			overflow: hidden;
		}

			section.case .wrap .desc-box:before{
				left: 0;
				-webkit-transform-origin: left top;
				-moz-transform-origin: left top;
				-ms-transform-origin: left top;
				transform-origin: left top;
			}

			section.case:nth-child(even) .wrap .desc-box:before{
				-webkit-transform-origin: left bottom;
				-moz-transform-origin: left bottom;
				-ms-transform-origin: left bottom;
				transform-origin: left bottom;
			} 

		section.case .wrap .desc-box.center{
			margin-left: 320px;
		}

		section.case .wrap .desc-box.right{
			margin-left: 640px;
		}

			section.case .wrap .desc-box h1.mini,
			#realizations-grid .cell h1.mini{
				height: 285px;
				padding: 92px 0 0 0;
				margin: 0px auto;
				display: inline-block;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				font: 700 11px/11px 'Open Sans';
				letter-spacing: 3px;
				text-transform: uppercase;
				z-index: 1;
			}

			#we-do-grid .cell .ico{
				position: relative;
				width: 318px;
				height: 90px;
				top: 112px;
				margin: 0 auto;
				z-index: 2;
				text-align: center; 
			}

				#we-do-grid .cell .ico img{
					display: inline-block;
				}

			section.case .wrap .desc-box h3:before, 
			section.case .wrap .desc-box h3:after,
			#realizations-grid .cell h3:before,
			#realizations-grid .cell h3:after,
			#we-do-grid .cell .ico:before,
			#we-do-grid .cell .ico:after{ 
				position: absolute;
				width: 0px;
				height: 1px;
				background: rgba(0,0,0,0.6);  
				content: '';
				-webkit-transition: width .3s ease-in-out;
				-moz-transition: width .3s ease-in-out;
				transition: width .3s ease-in-out;
			}

			section.case .wrap .desc-box h3:before,
			#realizations-grid .cell h3:before,
			#we-do-grid .cell .ico:before{
				left: 120px;
				top: -20px;
			}

			section.case .wrap .desc-box h3:after,
			#realizations-grid .cell h3:after,
			#we-do-grid .cell .ico:after{ 
				right: 120px; 
				bottom: -20px;
			}

			section.case .wrap:hover .desc-box h3:before,
			section.case .wrap:hover .desc-box h3:after,
			#realizations-grid .cell:hover h3:before,
			#realizations-grid .cell:hover h3:after,
			#we-do-grid .cell:hover .ico:before,
			#we-do-grid .cell:hover .ico:after{
				width: 80px;
			}

			section.case .wrap .desc-box h3,
			#realizations-grid .cell h3,
			#we-do-grid .cell h3{
				position: absolute;
				width: 100%;
				top: 173px;
				margin: 0;
				padding: 0;
				font: normal 40px/40px 'Plau-Regular';
				text-transform: uppercase;
				text-align: center;
				z-index: 2;
			}

				section.case .wrap .desc-box h3.dbl{
					top: 153px;
				}

			section.case .wrap .desc-box ul.list,
			#realizations-grid .cell ul.list{
				width: 200px;
				padding: 0;
				margin: 0 auto;
				font: 700 10px/14px 'Open Sans';
				text-align: center;
				text-transform: uppercase;
			}

				section.case .wrap .desc-box ul.list li{
					display: block; 
				}

				section.case .wrap .desc-box ul.list li.slash{
					font-weight: 400;
				}

			#we-do-grid .cell h3{
				top: 280px;
			}

			section.case .wrap .case-link{
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				outline: none;
				z-index: 11;
			}

.browser_desktop section.case .wrap:hover:before,
.browser_desktop section.case .wrap:hover:after,				
.browser_desktop section.case .wrap:hover .img-box:after,
.browser_desktop section.case .wrap:hover .desc-box:before,
.browser_desktop #realizations-grid .cell:hover:after,
.browser_desktop #we-do-grid .cell:hover:after{
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.browser_desktop.browser_msie.msie_9 .wrap:before, .browser_desktop.browser_msie.msie_8 .wrap:before, .browser_desktop.browser_msie.msie_7 .wrap:before,
.browser_desktop.browser_msie.msie_9 .wrap:after, .browser_desktop.browser_msie.msie_8 .wrap:after, .browser_desktop.browser_msie.msie_7 .wrap:after,
.browser_desktop.browser_msie.msie_9 .wrap .img-box:after, .browser_desktop.browser_msie.msie_8 .wrap .img-box:after, .browser_desktop.browser_msie.msie_7 .wrap .img-box:after,
.browser_desktop.browser_msie.msie_9 .wrap .desc-box:before, .browser_desktop.browser_msie.msie_8 .wrap .desc-box:before, .browser_desktop.browser_msie.msie_7 .wrap .desc-box:before,
.browser_desktop.browser_msie.msie_9 #realizations-grid .cell:after, .browser_desktop.browser_msie.msie_8 #realizations-grid .cell:after, .browser_desktop.browser_msie.msie_7 #realizations-grid .cell:after,
.browser_desktop.browser_msie.msie_9 #we-do-grid .cell:after, .browser_desktop.browser_msie.msie_8 #we-do-grid .cell:after, .browser_desktop.browser_msie.msie_7 #we-do-grid .cell:after
{
	display: block;
}

section#case2.case .wrap:before,
section#case2.case .wrap:after,
section#case2.case .wrap .desc-box:before,
section#case2.case .img-box:after,
#realizations-grid .cell:nth-child(2):after,
#we-do-grid .cell:nth-child(2):after{background: #ffee78;}

section#case3.case .wrap:before,
section#case3.case .wrap:after,
section#case3.case .wrap .desc-box:before,
section#case3.case .img-box:after,
#realizations-grid .cell:nth-child(3):after,
#we-do-grid .cell:nth-child(3):after{background: #fd6969;}

section#case4.case .wrap:before,
section#case4.case .wrap:after,
section#case4.case .wrap .desc-box:before,
section#case4.case .img-box:after,
#realizations-grid .cell:nth-child(4):after,
#we-do-grid .cell:nth-child(4):after{background: #FFAF37;}

section#case5.case .wrap:before,
section#case5.case .wrap:after,
section#case5.case .wrap .desc-box:before,
section#case5.case .img-box:after,
#realizations-grid .cell:nth-child(5):after,
#we-do-grid .cell:nth-child(5):after{background: #56d3a7;}

section#case6.case .wrap:before,
section#case6.case .wrap:after,
section#case6.case .wrap .desc-box:before,
section#case6.case .img-box:after,
#realizations-grid .cell:nth-child(6):after,
#we-do-grid .cell:nth-child(6):after{background: #8f75bc;}

section .wrap > h1.mini{
	padding: 20px 0;
	margin: 0px auto;
	font: 400 10px/11px 'Open Sans';
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
}

section .subsection{
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: -1px;
}

	section .subsection .wrap{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 35px 0 36px 320px;
		position: relative;
	}

		section .subsection .wrap h1{
			position: absolute;
			width: 320px;
			left: 0;
			top: 50%;
			margin-top: -20px;
			font: normal 40px/40px 'Plau-Regular';
			text-align: center;
			text-transform: uppercase;
		}

	section .subsection.idea{
		background: url('../img/kim-idea.html') 0 50% no-repeat;
	}

	section .subsection.team{
		background: url('../img/kim-team.html') 0 50% no-repeat;
	}

	section .subsection.clients{
		background: url('../img/kim-clients.html') 0 50% no-repeat;
	}


section#map{
	border-bottom: none;
}
	section#map #map-google{
		height: 540px;
		background: #f2f2f2;
	}
	#map-google-overlay {
		width: 100%;
		height: 540px;
		position: absolute;
		background: rgba(0,0,0,.1);
		z-index: 99;
	}

section#expertise-desc{
	padding: 40px 0;
}

	section#expertise-desc h1{
		float: left;
		width: 320px;
		font: 700 26px/26px 'Open Sans';
		text-align: center;
		text-transform: uppercase;
	}

	section#expertise-desc .content{
		width: 640px;
		float: right;
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;
		-moz-column-gap:40px; /* Firefox */
		-webkit-column-gap:40px; /* Safari and Chrome */
		column-gap:40px;
	}

section#case-header .case-slide{
		display: block;
		margin-top: 2px;
		width: 48px;
		height: 48px;
		background: url('../img/case-slide-btn.png') 0 0 no-repeat;
	}

		section#case-header .case-slide.left{
			float: left;
			margin-left: 28px;
		}

		section#case-header .case-slide.right{
			float: right;
			margin-right: 28px;
			background-position: -48px 0;
		}

section#case-header .case-name{
		font: normal 17px/17px 'Plau-Regular';
		display: block;
		margin: 0;
		padding: 10px 45px 30px;
		text-align: center;
		text-transform: uppercase;
	}

		section#case-header .case-name li{
			width: 290px;
			float: left;
		}

		section#case-header .case-name .first{
			text-align: left;
		}

		section#case-header .case-name .mid{
			text-align: center;
		}

		section#case-header .case-name .last{
			text-align: right;
		}

.case-wrap{
	position: relative;
	width:960px;
	margin:0 auto;
	padding: 50px 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.case-wrap.brdr880:after{
		position: absolute;
		width: 880px;
		height: 1px;
		left: 40px;
		bottom: 0;
		background: #e3e5e4;
		content: '';
	}
	
	section.big-photo{
		height: 364px;		
		margin: 91px 0 -50px;
		background:  center 0 no-repeat;
	}

	section#intro-autolab.big-photo{
		background-image: url('../img/content2/cases/autolab/intro-photo-autolab.html');
	}

	section#intro-szkola-auto.big-photo{
		background-image: url('../img/content2/cases/szkola-auto/intro-photo-szkola-auto.html');
	}

	section#intro-vwb.big-photo{
		background-image: url('../img/content2/cases/vwb/intro-photo-vwb.html');
	}

	section#intro-amica.big-photo{
		background-image: url('../img/content2/cases/amica/intro-photo-amica.html');
	}

	section#intro-makro.big-photo{
		background-image: url('../img/content2/cases/makro/intro-photo-makro.html');
	}

	section#intro-o2.big-photo{
		background-image: url('../img/content2/cases/o2/intro-photo-o2.html');
	}

	section#autolab-tent{
		position: relative;
		width: 100%;
		height: 466px;
		background: #eaebea;
	}

		section#autolab-tent #tent-bg{
			position: absolute;
			width: 100%;
			height: 267px;
			left: 0;
			bottom: 0;
			background: #fff;
		}

		section#autolab-tent #tent{
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 1300px;
			height: 466px;
			margin-left: -650px;
			background: url('../img/content2/cases/autolab/autolab-tent.html') 50% 0 no-repeat;
		}

		section#autolab-tent .room-ico{
			position: absolute;
			width: 48px;
			height: 40px;
			background: #fff;
		}

			section#autolab-tent .room-ico:before{
				position: absolute;
				width: 22px;
				height: 11px;
				left: 50%;
				bottom: -11px;
				margin-left: -11px;
				background: url('../img/content2/cases/autolab/autolab-room-arrow.html') 0 0 no-repeat;
				content: '';
			}

			section#autolab-tent .room-ico div{
				position: absolute;
				display: block;
				height: 40px;
				width: 200px;
				top: 0;
				left: 50%;
				margin-left: -100px;
				background: #fff;
				color: #000;
				font: normal 18px/40px 'Plau-Light';
				text-align: center;
				text-transform: uppercase;
				-webkit-transform: scale3d(0,1,1);
				-moz-transform: scale3d(0,1,1);
				-ms-transform: scale3d(0,1,1);
				transform: scale3d(0,1,1);
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}

			.browser_desktop section#autolab-tent .room-ico:hover div{
				-webkit-transform: scale3d(1,1,1);
				-moz-transform: scale3d(1,1,1);
				-ms-transform: scale3d(1,1,1);
				transform: scale3d(1,1,1);
			}


		section#autolab-tent .room-ico.room1{
			left: 686px;
			top: 32px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

		section#autolab-tent .room-ico.room2{
			left: 530px;
			top: 55px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

		section#autolab-tent .room-ico.room3{
			left: 291px;
			top: 49px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

		section#autolab-tent .room-ico.room4{
			left: 198px;
			top: 148px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

		section#autolab-tent .room-ico.room5{
			left: 722px;
			top: 240px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

		section#autolab-tent .room-ico.room6{
			left: 898px;
			top: 76px;
			background: url('../img/content2/cases/autolab/autolab-room-ico1.html') 0 0 no-repeat
		}

	section .case-wrap .case-intro{
		border-bottom: 1px solid #e3e5e4;
		padding-bottom: 50px;
		margin: 0 0 -40px;
	}

		section .case-wrap .case-intro .case-name-big{
			font: normal 36px/38px 'Plau-Regular';
			float: left;
			width: 370px;
			text-align: center;
			text-transform: uppercase;
		}

		section .case-wrap .case-intro .case-name-big.full{
			width: 100%;
		}

		section .case-wrap .case-intro .case-name-big.bigger{
			font-size: 56px; 
			line-height: 58px;
		}

		section .case-wrap .case-intro .desc{
			width: 440px;
			float: right;
		}

			section .case-wrap .case-intro .desc h2{
				font: normal 25px/29px 'Plau-Regular';
				text-transform: none;
			}

			section .case-wrap .twoLine,
			section .case-wrap .case-intro .desc h2.twoLine{
				padding-bottom: 40px;
			}


		section .case-wrap p{
			padding-bottom: 20px;
		}

			section .case-wrap p.introduction{
				font-weight: 600;
			}

			section .case-wrap p.left-margin,
			section .case-wrap div.left-margin{
				padding-left: 440px;
			}

			section .case-wrap .reg{
				text-align: center;
				font-family: 'Plau-Regular';
			}

			section .case-wrap .nonLine{
				padding-bottom: 0px;
			}

			section .case-wrap .oneLine{
				padding-bottom: 20px;
			}

		section .case-wrap h3{
			padding-bottom: 40px;
			font: normal 24px/28px 'Plau-Light';  
		}

			section .case-wrap h3.bigger{
				font-size: 30px;
				font-family: 'Plau-Regular';
			}

			section .case-wrap h3.cntr{
				text-align: center;
			}

		section .case-wrap h4 {
			padding-bottom: 40px;
			font: normal 24px/28px 'Plau-Light';
			text-transform: none;
		}

		section .case-wrap .col-l{
			position: relative;
			float: left;
			width: 440px;
		}
		
		section .case-wrap .col-r{
			position: relative;
			float: right;
			width: 440px;
		}

		section .case-wrap .col-l.gap-r,
		section .case-wrap .col-r.gap-r{
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding-right: 30px;
		}

		section .case-wrap .w220{
			width: 220px;	
		}

		section .case-wrap .w320{
			width: 320px;	
		}

		section .case-wrap .w330{
			width: 330px;	
		}

		section .case-wrap .w550{
			width: 550px;	
		}

		section .case-wrap .w660{
			width: 660px;	
		}

		section .case-wrap .col-f > img {
			margin: 0 auto;
		}

		section .case-wrap .thrLine {
			padding-bottom: 60px;
		}

		section .case-wrap .image-slider.thrLine {
			margin-bottom: 20px;
		}

		section .image-slider{
			position: relative;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0 0 60px;
			height: 560px;
		}

			.image-slider > .image-slider-btn{
				position: absolute;
				top: 50%;
				width: 40px;
				height: 80px;
				z-index: 10;
				background: #fff;
				margin-top: -60px;
				cursor: pointer;
				text-align: center;
				font: normal 38px/72px 'Plau-Light';
				background: #ccc;
				color: #fff;
			}

				.image-slider > .image-slider-btn.prev{
					left: -80px;
					text-indent: -5px;
				}

				.image-slider > .image-slider-btn.next{
					right: -80px;
					text-indent: 3px;
				}

			.image-slider > ul.image-slider-slides{
				display: block;
				margin: 0 auto;
				padding: 0;
				width: 880px;
				height: 560px;
				position: relative;
				list-style: none;
				overflow: hidden; 
				z-index: 1;
			}

				.image-slider ul.image-slider-slides li{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 500px;
					z-index: 1;
					overflow: hidden;
				}

				.image-slider ul.image-slider-slides li.on{
					z-index: 3;
				}

					.image-slider ul.image-slider-slides li img{
						position: relative;
						-webkit-transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
						   -moz-transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
							    transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
						-webkit-transition-delay: .0s;
						   -moz-transition-delay: .0s;
						        transition-delay: .0s;
						top: 500px;
					}

					.image-slider.small ul.image-slider-slides li img{
						top: 340px;
					}

						.image-slider ul.image-slider-slides li.on img{
							-webkit-transition-duration: 0.6s;
							   -moz-transition-duration: 0.6s;
							        transition-duration: 0.6s;
							-webkit-transition-delay: .3s;
							   -moz-transition-delay: .3s;
							        transition-delay: .3s;
							top: 0px;
							z-index: 1;
						}

					.image-slider ul.image-slider-slides li:before{
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						content: '';
						-webkit-transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
						   -moz-transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
							    transition: top 0.0s cubic-bezier(0.785, 0.135, 0.15, 0.86);
						-webkit-transition-delay: .0s;
						   -moz-transition-delay: .0s;
						        transition-delay: .0s;
						top: 500px;
						z-index: 0;
					}

					.image-slider.small ul.image-slider-slides li:before{
						top: 340px;
					}

						.image-slider ul.image-slider-slides li.on:before{
							-webkit-transition-duration: 0.6s;
							   -moz-transition-duration: 0.6s;
							        transition-duration: 0.6s;
							-webkit-transition-delay: .0s;
							   -moz-transition-delay: .0s;
							        transition-delay: .0s;
							top: 0px;
						}

					.image-slider ul.image-slider-slides li:nth-child(1):before{
						background-color: #6afc8f;
					}
					.image-slider ul.image-slider-slides li:nth-child(2):before{
						background-color: #ffee78;
					}
					.image-slider ul.image-slider-slides li:nth-child(3):before{
						background-color: #fd6969;
					}
					.image-slider ul.image-slider-slides li:nth-child(4):before{
						background-color: #68d4fb;
					}
					.image-slider ul.image-slider-slides li:nth-child(5):before{
						background-color: #56d3a7;
					}
					.image-slider ul.image-slider-slides li:nth-child(6):before{
						background-color: #8f75bc;
					}

				.image-slider ul.image-slider-slides li.off{
					opacity: 1;
					z-index: 2;
				}

					.image-slider ul.image-slider-slides li.off img{
						-webkit-transition-delay: 0.9s;
						   -moz-transition-delay: 0.9s;
						        transition-delay: 0.9s;
						-webkit-transition-duration: 0s;
						   -moz-transition-duration: 0s;
						        transition-duration: 0s;
					}

					.image-slider ul.image-slider-slides li.off:before{
						-webkit-transition-delay: 0.9s;
						   -moz-transition-delay: 0.9s;
						        transition-delay: 0.9s
						-webkit-transition-duration: 0s;
						   -moz-transition-duration: 0s;
						        transition-duration: 0s;
					}


			.image-slider > .image-slider-panel {
				padding: 20px 0 0px;
				position: absolute;
				width: 100%;
				bottom: 0px;
				height: 60px;
				background-color: #fff;
				z-index: 1;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}

				section .image-slider > .image-slider-panel > ul {
					position: absolute;
					margin-top:3px;
				}

					section .image-slider > .image-slider-panel > ul > li {
						display: block;
						float: left;
						width: 12px;
						height: 12px;
						margin: 0 3px;
						background: #fff;
						border: 1px solid #222;
						border-radius: 8px;
						cursor: pointer;
						position: relative;
						overflow: hidden;
					}

					section .image-slider > .image-slider-panel > ul > li:after {
						position: absolute;
						top: -1px;
						left: -1px;
						width: 14px;
						height: 14px;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
						background: #222;
						border: 7px solid #fff;
						content: ' ';
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: all 0.2s ease-in-out;
						transition: all 0.2s ease-in-out;
					}

					.browser_desktop section .image-slider > .image-slider-panel > ul > li:hover:after {
						border: 0px solid #222;
					}

					section .image-slider > .image-slider-panel > ul > li.on {
						background: #222;
					}

					section .image-slider > .image-slider-panel > ul > li.on:after {
						border: 0px solid #222;
					}

				section .image-slider > .image-slider-panel > p.title {
					text-align: center;
					color: #676767;
					font-style: italic;
				}

		section .image-slider.small{
			height: 400px;
			width: 520px;
		}

			.image-slider.small > .image-slider-btn{
				display: none;
			}

			.image-slider.small > ul.image-slider-slides{
				width: 520px;
				height: 340px;
			}

	section.parallax .case-wrap{
		background-color: inherit;
	}

	section.parallax{
		height: 360px;
		background: #eaebea 50% 0 no-repeat;
	}

	section.parallax.map {
		background-image: url('../img/content2/cases/szkola-auto/mapa-szkola-auto.html');
	}

	section.parallax.map2{
		background-image: url('../img/content2/cases/szkola-auto/mapa2-szkola-auto.html');
	}

section .offer-points {
	height: 170px;
	overflow: hidden;
	counter-reset: offer-points;
}

	section .offer-points li {
		position: relative;
		float: left;
		width: 292px;
		height: inherit;
		padding: 0 40px 0 50px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 1px solid #cccccc;
		counter-increment: offer-points;
	}

		section .offer-points li:before {
			position: absolute;
			top: 0;
			left: 0;
			width: 50px;
			text-align: center;
			font: normal 24px/26px 'Plau-Regular';
			content: counter(offer-points);
		}

section.functionalities {
	padding: 0;
	position: relative;
}

	section.functionalities .case-wrap{
		padding-bottom: 40px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		color: #042c56;
	}

	section.functionalities h4{
		padding-bottom: 40px;
	}

	section.functionalities .slide__wrapper {
		position: relative;
		width: 880px;
		height: 320px;
		margin: 0 auto;
		padding-top: 40px;
		overflow: hidden;
	}

		section.functionalities .slide__wrapper .slide {
			position: absolute;
			display: block;
			left: 0;
			top: 40px;
			width: 880px;
			height: 320px;
			opacity: 0;
			z-index: -1;
			-webkit-transition: opacity .3s ease-in-out;
			-moz-transition: opacity .3s ease-in-out;
			transition: opacity .3s ease-in-out;
		}

			section.functionalities .slide__wrapper .slide.active{
				opacity: 1;
				z-index: 1;
			}

			section.functionalities .slide__wrapper .slide .slide__nr{
				font: normal 64px/78px 'Plau-Regular';
				width: 76px;
				height: 76px;
				margin: 0 auto 0px;
				padding: 0;
				border: 6px solid #042c56;
				border-radius: 50%;
				color: #042c56;
				text-align: center;
			}

			section.functionalities .slide__wrapper .slide .slide__title{
				padding: 30px 0;
				margin: 0;
				font: normal 48px/40px 'Plau-Regular';
				text-align: center;
				width: 100%;
			}

			section.functionalities .slide__wrapper .slide .slide__content{
				padding: 0;
				margin: 0;
				font: normal 18px/22px 'Plau-Regular';
				text-align: center;
				width: 100%;
			}

	section.functionalities .bullets{
		width: 100%;
		height: 34px;
		font: normal 22px/34px 'Plau-Regular';
		text-align: center;
	}

		section.functionalities .bullets li{
			display: inline-block;
			height: 34px;
			width: 34px;
			margin: 0 3px;
			cursor: pointer;
			text-align: center;
		}

		section.functionalities .bullets li.active{
			background: url('../img/functionalitis-dot.png') 0 0 no-repeat;
			color: #fff;
		}

#counter {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 630px;
	height: 160px;
	overflow: hidden;
	text-indent: -90px;
}

	#counter ul {
		position: relative;
		float: left;
		width: 90px;
	}

		#counter li {
			display: block;
			width: 90px;
			height: 160px;
			background: url('../img/flipCounter-medium.html') -900px 0px no-repeat;
			text-indent: -9999px;
		}

			#counter li.n1{ background-position: 0px; }
			#counter li.n2{ background-position: -90px; }
			#counter li.n3{ background-position: -180px; }
			#counter li.n4{ background-position: -270px; }
			#counter li.n5{ background-position: -360px; }
			#counter li.n6{ background-position: -450px; }
			#counter li.n7{ background-position: -540px; }
			#counter li.n8{ background-position: -630px; }
			#counter li.n9{ background-position: -720px; }
			#counter li.n0{ background-position: -810px; }
			#counter li.nu{ background-position: -900px; }

#counter-title {
	min-height: 120px;
	padding: 10px 0 0;
	margin: 0 auto;
	font: normal 25px/120px 'Plau-Regular';
	text-align: center;
}

#counter-bullets {
	text-align: center;
}

	#counter-bullets > ul {
		display: inline-block;
	}

		#counter-bullets > ul > li {
			display: block;
			float: left;
			width: 16px;
			height: 16px;
			margin: 0 3px;
			background: url('../img/image-slider-bullets.png') 0 -16px no-repeat;
			cursor: pointer;
		}

		#counter-bullets > ul > li.active{
			background-position: 0 0 ;
		}

		#counter-bullets > ul > li.last{
			width: 0px;
			height: 0px;
			clear: both;
			float: none;
		}



section .wrap > h1.news-year{
	border-bottom: 1px solid #2f2f2f;
	margin-bottom: 40px;
}

	section ul.news-list{
		margin: 0 -10px 40px;
		background: url('../img/news-list-bg.png') 50% 0 repeat-y;
	}

		section ul.news-list li{
			display: block;
			float: left;
			margin: 0 20px 20px; 
			padding-bottom: 5px;
			width: 450px;
			border-bottom: 6px solid #2a2a2a;
			font: normal 13px/20px Arial, sans-serif;
		}

		section ul.news-list li.news-year{
			display: block;
			float: left;
			width: 960px;
			border-bottom: 1px solid #2f2f2f;
			margin-bottom: 40px;
			font: 400 11px/11px 'Open Sans';
			letter-spacing: 3px;
			text-transform: uppercase;
			text-align: center;
		}
		

		section ul.news-list li.clear{
			margin: 0;
			border: none;
			clear: both;
			float: none;
		}

			section ul.news-list li .news-img{
				background: #eee;
				height: 260px;
				overflow: hidden;
			}

				section ul.news-list li .news-img img{
					max-width: 450px;
				}

			section ul.news-list li .news-content{
				border-bottom: 1px solid #e0e0e0;
				margin-bottom: 5px;
			}

			section ul.news-list li .news-content:after{
				content: " ";
				display: block;
				clear: both;
				height: 0px;
			}

				section ul.news-list li .news-date{
					float: left;
					display: block;
					width: 140px;
					text-align: center;
					padding: 25px 0;
					font: normal 105px/95px 'Plau-Light';
				}

					section ul.news-list li .news-date span{
						font-size: 30px;
						line-height: 30px;
						display: block;
					}

				section ul.news-list li .news-text{
					float: right;
					display: block;
					width: 290px;
					padding: 30px 0;
				}

					section ul.news-list li .news-text h3{
						margin: 0;
						padding: 0 0 20px;
						font-size: inherit;
						font-weight: bold;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
					}

			section ul.news-list li a{
				display: block;
			}

			section ul.news-list li p{
				padding: 5px 0 5px 20px;
				margin: 0;
				font: normal 11px/20px 'lucida grande',tahoma,verdana,arial,sans-serif;
				background: url('../img/fb-icons.png') 0 9px no-repeat;
				display: inline-block;
			}

				section ul.news-list li p span{
					color: #3b5998;
				}

				section ul.news-list li p.fb-like{
					background-position: 0 -42px;
				}

				section ul.news-list li p.fb-comment{
					margin-left: 20px;
				}

				section ul.news-list li p.fb-share{
					margin-left: 20px;
					background-position: 0 -91px;
				}

	#expertise{
		position: fixed;
		top: 91px;
		left: 0;
		height: 90px;
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #d1d1d1;
		background: #fff;
		text-align: center;
		z-index: 12;
	}

		#expertise ul{
			list-style: none;
			display: inline-block;
		}

			#expertise ul li{
				float: left;
			}

				#expertise ul li a{
					display: block;
					padding: 10px 0px;
					margin: 30px 32px 0;
					font: bold 10px/10px 'Open Sans';
					letter-spacing: 1px;
					text-transform: uppercase;
				}

					#expertise ul li a.active,
					.browser_desktop #expertise ul li a:hover{
						border-bottom: 1px solid #000;
					} 


	#what-we-do-intro{
		border-bottom: 1px solid #d1d1d1;
		padding: 48px 0;
		margin-top: 91px;
	}

		#what-we-do-intro h1,
		#what-we-do-intro h4{
			float: left;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		#what-we-do-intro h1{
			width: 320px;
			padding: 74px 0 0 40px;
			font: normal 36px/36px 'Plau-Regular';
			text-transform: uppercase;
		}

			#what-we-do-intro.iweb h1{
				background: url('../img/layout2/co-robimy-ico-iweb.png') 43px 0 no-repeat;
			}

			#what-we-do-intro.video h1{
				background: url('../img/layout2/co-robimy-ico-video.png') 41px 0 no-repeat;
			}

			#what-we-do-intro.elearn h1{
				background: url('../img/layout2/co-robimy-ico-e-learning.png') 43px 0 no-repeat;
			}

			#what-we-do-intro.app h1{
				background: url('../img/layout2/co-robimy-ico-app.png') 43px 0 no-repeat;
			}

			#what-we-do-intro.konkurs h1{
				background: url('../img/layout2/co-robimy-ico-konkurs.png') 43px 0 no-repeat;
			}

		#what-we-do-intro h4{
			width: 640px;
			margin-top: -6px;
			padding: 0px 0 0 40px;
			font: normal 30px/36px 'Plau-Regular';
		}


	#what-we-do-grid{}

		#what-we-do-grid .cell{
			position: relative;
			float: left;
			width: 320px;
			height: 396px;
			padding: 46px 40px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font: normal 13px/20px Arial, sans-serif;
			/*overflow: hidden;*/
		}

		#what-we-do-grid .cell.dbl-height{
			height: 792px;
			float: right;
		}

		.cell.brd-l{border-left: 1px solid #d1d1d1;}
		.cell.brd-b{border-bottom: 1px solid #d1d1d1;}

		#what-we-do-grid .cell.brd-b-ext:after{
			position: absolute;
			height: 1px;
			width: 200%;
			bottom: -1px;
			right: 319px;
			background: #d1d1d1;
			content: '';
		}

			#what-we-do-grid .cell h3{
				height: 75px;
				font: normal 24px/29px 'Plau-Regular';
				text-transform: uppercase;
			}

			#what-we-do-grid .cell h3.single{
				height: 55px;
			}

hr.short{
	border: 0;
	height: 2px;
	width: 9px;
	background: #000;
	margin: 9px 0;
}

	#realizations-grid .cell,
	#we-do-grid .cell{
		position: relative;
		float: left;
		width: 320px;
		height: 416px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font: normal 13px/20px Arial, sans-serif;
		text-align: center;
		cursor: pointer;
	}

section#kim-vid{
	position: relative;
	top: 0px;
	left: 0;
	height: 415px;
	overflow: hidden;
	background: #101010; 
	border: none;
	z-index: 99;
}

section#kontakt-vid{
	position: relative;
	top: 0px;
	left: 0;
	height: 397px;
	overflow: hidden;
	background: #101010; 
	border: none;
	z-index: 99;
}

section#kontakt{
	width: 100%;
	color: #2a2a2a;
	font: normal 18px/21px 'Plau-Regular';
	text-align: center;
	text-transform: uppercase;
}

	section#kontakt h2{
		padding-bottom: 50px;
		font-size: 30px;
		font-weight: normal;
		line-height: 21px;
		text-align: center;
		text-transform: uppercase;
	}

	section#kontakt .hr{
		display: block;
		height: 1px;
		width: 50px;
		margin: 14px auto 15px;
		background: #2a2a2a;
		line-height: 1px;
		overflow: hidden;
	}

		section#kontakt a{
			position: relative;
			display: inline-block;
			margin-bottom: 5px;
		}

			section#kontakt a:after{
				position: absolute;
				display: block;
				width: 100%;
				height: 1px;
				border-top: 1px solid #2a2a2a;
				bottom: -1px;
				left: 0;
				background: rgba(255,255,255,0.5); 
				content: '';
			}


section#polityka .wrap{
	padding: 60px 70px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#referanslar {
	height: 500px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #099;
}


	section#polityka .wrap h2{
		margin: 0;
		padding: 0 0 50px;
		font: normal 30px/20px 'Plau-Regular';
	}

	section#polityka .wrap h4{
		font-weight: 700;
		margin: 0;
		padding: 0 0 20px;
	}

	section#polityka .wrap span{
		display: block;
		padding: 0 0 20px 40px;
	}

#case-header{
	position: fixed;
	top: 91px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 12;
}

body.cookieAlert div#main {
	padding-top: 256px !important;
}
body #loader {
	background-position: 50% 200px;
}
body.cookieAlert #loader {
	background-position: 50% 356px;
}

#amica_vid1_img{
	position: absolute;
	display: block;
	top: 0;
}

#kim_vid_bg_video_img:after,
#kontakt_vid_bg_video_img:after{
	display: block;
	position: absolute;
	margin: -54px 0 0 -26px;
	top: 50%;
	left: 50%;
	width: 52px;
	height: 108px;
	content: '';
	background: url('../img/content2/mobile-play.png') 0 0 no-repeat;
}

#kontakt_vid_bg_video_img:after{
	top: 200px;
}

body.mobile .image-slider > .image-slider-btn{
	display: none;
}

@media only screen and (orientation: portrait) {
	body.mobile header {
		position: absolute !important;
		width: 100%;
	}

	body.mobile #cookieAlert {
		position: absolute !important;
	}
}

@media only screen and (max-width: 960px) {
	html, body, #cookieAlert, body header{
		width: 960px;
	}
	body header,
	#case-header {
		position: absolute !important;
		width: 100%;
	}
	#case-header {
		top: -91px;
	}

	body #cookieAlert {
		position: absolute !important;
	}
}



footer #copy .policy { 
	position: absolute; 
	right: 0; 
	bottom: 4px; 
	font: normal 10px/15px 'Open Sans';
}

body.msie_8 > * {
	display: none; 
}
#best {
	background-image: url(../img/best.jpg);
	height: 104px;
	width: 104px;
	position: absolute;
	z-index: -11;
	margin-left: 10px;
}
section#reel.img-bg{
    background-image: url(../img/doktorunuz-ne-diyor-cok-yakinda.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #000000;
}