@font-face {
    font-family: 'proxima_nova_ltlight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_thextrabold';
    src: url('../fonts/proximanova-xbold-webfont.eot');
    src: url('../fonts/proximanova-xbold-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-xbold-webfont.woff') format('woff'),
         url('../fonts/proximanova-xbold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-xbold-webfont.svg#proxima_nova_thextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{height:100%;}
body{
	padding:0;
	margin:0;
	font-family:'proxima_nova_ltlight', Arial, Helvetica, sans-serif;
	background:#fff;
	color:#1A1A1A;
	font-size:14px;
	line-height:150%;
	height:100%;
	overflow:hidden;
}
body.ready{overflow:auto;}
/*.dragged a,.dragged li{pointer-events: none;}*/
ul,ol,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,h6,.h1div,.h2div,.h3div,.h4div,.h5div,.h6div{padding:0;margin:0;list-style:none;font-weight:normal;}
input,select,textarea{color:#000;font-family: 'proxima_nova_ltlight';font-size:14px;line-height:normal;outline:none;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:0;-webkit-appearance:none;}
input::-ms-clear{display:none;}
a img{border:none;}
a{display:inline-block;white-space:nowrap;line-height:1;outline:none;border-bottom:1px solid #000;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:link,a:visited,a:hover{color:#000;text-decoration:none;}
a:hover{text-decoration:none;border-bottom-color:transparent;}
p{padding:0 0 20px 0;}
h1,h2,h3,h4,h5,h6,.h1div,.h2div,.h3div,.h4div,.h5div,.h6div{font-family: 'proxima_nova_thextrabold';text-transform:uppercase;letter-spacing:1px;line-height:normal;}
h1,.h1div{font-size:60px;padding:0 0 20px 0;}
h2,.h2div{font-size:24px;padding:0 0 15px 0;}
h3,.h3div{font-size:18px;padding:0 0 10px 0;}
h4,.h4div{font-size:16px;padding:0 0 10px 0;}
h5,.h5div{font-size:13px;padding:0 0 5px 0;}
h6,.h6div{font-size:13px;padding:0 0 10px 0;color:#B0B0B0;}

header{
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	background:#000;
	width:140px;
	text-align:center;
	height:100%;
	overflow:hidden;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s cubic-bezier(0,0,.45,1.5);-o-transition:all 0.3s ease-in-out;transition:all 0.3s cubic-bezier(0,0,.45,1.5);
}
header.current{
	width:300px;
}
#logo{
	padding:30px 0 40px 0;
}
#logo img{
	display:inline-block;
	width:100%;
	height:auto;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
}
#logo .logo2{display:none;}
header.current #logo .logo1{display:none;}
header.current #logo .logo2{display:inline-block;}
#logo a{
	border:none;
	opacity:0.6;
	display:block;
	margin:0 auto;
	max-width:120px;
	height:54px;
	line-height:20px;
	position:relative;
	z-index:1;
	padding:0 5px;
}
#logo a:hover{opacity:1;}
.current #logo a{max-width:200px;}
#lang{
	font-size:12px;
	line-height:1;
	color:#fff;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
}
#lang a:link,#lang a:visited,#lang a:hover{
	color:rgba(255,255,255,0.6);
	border:none;	
}
#lang a:hover{color:#fff;}
#lang li{
	padding:0 0 20px 0;
}
.bx-ie .sound{display:none;}
.sound{
	position:absolute;
	z-index:10;
	left:50%;
	margin:0 0 0 -6px;
	top:200px;
	cursor:pointer;
	opacity:0.5;
	width:15px;
	height:21px;
	overflow:hidden;
	background:transparent;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.sound:hover{opacity:1;}
.sound.current{width:21px;}

.sound li{
	float:left;
	width:2px;
	background:#fff;
	height:20px;
	margin:0 2px 0 0;
	position:absolute;
	z-index:1;
	left:0;
	bottom:0;
	height:20px;
}
.sound li.s2{left:4px;height:7px;}
.sound li.s3{left:8px;height:15px;}
.sound li.s4{left:12px;height:5px;}
.sound li.s5{left:16px;height:17px;}
@keyframes sound1
{
	0%{height:20px;}
	50%{height:5px;}
	100%{height:20px;}
}

@-moz-keyframes sound1
{
	0%{height:20px;}
	50%{height:5px;}
	100%{height:20px;}
}

@-webkit-keyframes sound1
{
	0%{height:20px;}
	50%{height:5px;}
	100%{height:20px;}
}
@-o-keyframes sound1
{
	0%{height:20px;}
	50%{height:5px;}
	100%{height:20px;}
}
.sound.current li.s1{	
	-moz-animation:sound1 1s infinite;
	-webkit-animation:sound1 1s infinite;
	-o-animation:sound1 1s infinite;
	animation:sound1 1s infinite;
}
@keyframes sound2
{
	0%{height:7px;}
	25%{height:5px;}
	75%{height:20px;}
	100%{height:7px;}
}

@-moz-keyframes sound2
{
	0%{height:7px;}
	25%{height:5px;}
	75%{height:20px;}
	100%{height:7px;}
}

@-webkit-keyframes sound2
{
	0%{height:7px;}
	25%{height:5px;}
	75%{height:20px;}
	100%{height:7px;}
}
@-o-keyframes sound2
{
	0%{height:7px;}
	25%{height:5px;}
	75%{height:20px;}
	100%{height:7px;}
}
.sound.current li.s2{	
	-moz-animation:sound2 1s infinite;
	-webkit-animation:sound2 1s infinite;
	-o-animation:sound2 1s infinite;
	animation:sound2 1s infinite;
}
@keyframes sound3
{
	0%{height:7px;}
	25%{height:20px;}
	75%{height:5px;}
	100%{height:7px;}
}

@-moz-keyframes sound3
{
	0%{height:7px;}
	25%{height:20px;}
	75%{height:5px;}
	100%{height:7px;}
}

@-webkit-keyframes sound3
{
	0%{height:7px;}
	25%{height:20px;}
	75%{height:5px;}
	100%{height:7px;}
}
@-o-keyframes sound3
{
	0%{height:7px;}
	25%{height:20px;}
	75%{height:5px;}
	100%{height:7px;}
}
.sound.current li.s3{	
	-moz-animation:sound3 1s infinite;
	-webkit-animation:sound3 1s infinite;
	-o-animation:sound3 1s infinite;
	animation:sound3 1s infinite;
}
@keyframes sound4
{
	0%{height:5px;}
	50%{height:20px;}
	100%{height:5px;}
}

@-moz-keyframes sound4
{
	0%{height:5px;}
	50%{height:20px;}
	100%{height:5px;}
}

@-webkit-keyframes sound4
{
	0%{height:5px;}
	50%{height:20px;}
	100%{height:5px;}
}
@-o-keyframes sound4
{
	0%{height:5px;}
	50%{height:20px;}
	100%{height:5px;}
}
.sound.current li.s4{	
	-moz-animation:sound4 1s infinite;
	-webkit-animation:sound4 1s infinite;
	-o-animation:sound4 1s infinite;
	animation:sound4 1s infinite;
}
@keyframes sound5
{
	0%{height:17px;}
	40%{height:5px;}
	90%{height:20px;}
	100%{height:17px;}
}

@-moz-keyframes sound5
{
	0%{height:17px;}
	40%{height:5px;}
	90%{height:20px;}
	100%{height:17px;}
}

@-webkit-keyframes sound5
{
	0%{height:17px;}
	40%{height:5px;}
	90%{height:20px;}
	100%{height:17px;}
}
@-o-keyframes sound5
{
	0%{height:17px;}
	40%{height:5px;}
	90%{height:20px;}
	100%{height:17px;}
}
.sound.current li.s5{	
	-moz-animation:sound5 1s infinite;
	-webkit-animation:sound5 1s infinite;
	-o-animation:sound5 1s infinite;
	animation:sound5 1s infinite;
}

#phone{
	border:none;
	position:absolute;
	z-index:10;
	left:50%;
	margin:0 0 0 -11px;
	bottom:30px;
	opacity:0.6;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.current #phone{opacity:0;z-index:1;}
#phone img{display:block;}
#phone:hover{opacity:1;}

@keyframes phone
{
	0%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	5%{
		-webkit-transform:rotate(-20deg);
		-moz-transform:rotate(-20deg);
		-o-transform:rotate(-20deg);
		transform:rotate(-20deg);
	}
	10%{
		-webkit-transform:rotate(18deg);
		-moz-transform:rotate(18deg);
		-o-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	15%{
		-webkit-transform:rotate(-16deg);
		-moz-transform:rotate(-16deg);
		-o-transform:rotate(-16deg);
		transform:rotate(-16deg);
	}
	20%{
		-webkit-transform:rotate(14deg);
		-moz-transform:rotate(14deg);
		-o-transform:rotate(14deg);
		transform:rotate(14deg);
	}
	25%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	35%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	40%{
		-webkit-transform:rotate(6deg);
		-moz-transform:rotate(6deg);
		-o-transform:rotate(6deg);
		transform:rotate(6deg);
	}
	45%{
		-webkit-transform:rotate(-4deg);
		-moz-transform:rotate(-4deg);
		-o-transform:rotate(-4deg);
		transform:rotate(-4deg);
	}
	50%{
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-o-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	55%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}

@-moz-keyframes phone
{
	0%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	5%{
		-webkit-transform:rotate(-20deg);
		-moz-transform:rotate(-20deg);
		-o-transform:rotate(-20deg);
		transform:rotate(-20deg);
	}
	10%{
		-webkit-transform:rotate(18deg);
		-moz-transform:rotate(18deg);
		-o-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	15%{
		-webkit-transform:rotate(-16deg);
		-moz-transform:rotate(-16deg);
		-o-transform:rotate(-16deg);
		transform:rotate(-16deg);
	}
	20%{
		-webkit-transform:rotate(14deg);
		-moz-transform:rotate(14deg);
		-o-transform:rotate(14deg);
		transform:rotate(14deg);
	}
	25%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	35%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	40%{
		-webkit-transform:rotate(6deg);
		-moz-transform:rotate(6deg);
		-o-transform:rotate(6deg);
		transform:rotate(6deg);
	}
	45%{
		-webkit-transform:rotate(-4deg);
		-moz-transform:rotate(-4deg);
		-o-transform:rotate(-4deg);
		transform:rotate(-4deg);
	}
	50%{
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-o-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	55%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}

@-webkit-keyframes phone
{
	0%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	5%{
		-webkit-transform:rotate(-20deg);
		-moz-transform:rotate(-20deg);
		-o-transform:rotate(-20deg);
		transform:rotate(-20deg);
	}
	10%{
		-webkit-transform:rotate(18deg);
		-moz-transform:rotate(18deg);
		-o-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	15%{
		-webkit-transform:rotate(-16deg);
		-moz-transform:rotate(-16deg);
		-o-transform:rotate(-16deg);
		transform:rotate(-16deg);
	}
	20%{
		-webkit-transform:rotate(14deg);
		-moz-transform:rotate(14deg);
		-o-transform:rotate(14deg);
		transform:rotate(14deg);
	}
	25%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	35%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	40%{
		-webkit-transform:rotate(6deg);
		-moz-transform:rotate(6deg);
		-o-transform:rotate(6deg);
		transform:rotate(6deg);
	}
	45%{
		-webkit-transform:rotate(-4deg);
		-moz-transform:rotate(-4deg);
		-o-transform:rotate(-4deg);
		transform:rotate(-4deg);
	}
	50%{
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-o-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	55%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
@-o-keyframes phone
{
	0%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	5%{
		-webkit-transform:rotate(-20deg);
		-moz-transform:rotate(-20deg);
		-o-transform:rotate(-20deg);
		transform:rotate(-20deg);
	}
	10%{
		-webkit-transform:rotate(18deg);
		-moz-transform:rotate(18deg);
		-o-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	15%{
		-webkit-transform:rotate(-16deg);
		-moz-transform:rotate(-16deg);
		-o-transform:rotate(-16deg);
		transform:rotate(-16deg);
	}
	20%{
		-webkit-transform:rotate(14deg);
		-moz-transform:rotate(14deg);
		-o-transform:rotate(14deg);
		transform:rotate(14deg);
	}
	25%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	35%{
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
	40%{
		-webkit-transform:rotate(6deg);
		-moz-transform:rotate(6deg);
		-o-transform:rotate(6deg);
		transform:rotate(6deg);
	}
	45%{
		-webkit-transform:rotate(-4deg);
		-moz-transform:rotate(-4deg);
		-o-transform:rotate(-4deg);
		transform:rotate(-4deg);
	}
	50%{
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-o-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	55%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
	}
}
#phone:hover img{
	-moz-animation:phone 2s infinite;
	-webkit-animation:phone 2s infinite;
	-o-animation:phone 2s infinite;
	animation:phone 2s infinite;
}
#menublock{
	position:absolute;
	z-index:1;
	left:0;
	width:100%;
	top:50%;
	margin:-120px 0 0 0;
	font-size:14px;
	line-height:1;
}
#menublock:before{
	content:'';
	position:absolute;
	z-index:5;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent;
}
header.current #menublock:before{display:none;}
#menu a:link,#menu a:visited,#menu a:hover{border:none;color:rgba(255,255,255,0.6);font-size: 20px;}
#menu a:hover{color:#fff;}
#menu a.current:link,#menu a.current:visited,#menu a:hover{color:#fff;}

#menu{
	transform: skew(0deg, -8deg) translateZ(0);
	-webkit-transform: skew(0deg, -8deg) translateZ(0);
	-moz-transform: skew(0deg, -8deg) translateZ(0);
	-o-transform: skew(0deg, -8deg) translateZ(0);
	-ms-transform: skew(0deg, -8deg) translateZ(0);
	padding:0 0 50px 0;
/*	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;*/
}

#menu li{
	padding:0 0 20px 0;
	position:relative;
	z-index:1;
	left:-30px;
	opacity:0;
	-moz-transition:all 0.2s cubic-bezier(0,0,.45,1.5);-webkit-transition:all 0.2s cubic-bezier(0,0,.45,1.5);-o-transition:all 0.2s cubic-bezier(0,0,.45,1.5);transition:all 0.2s cubic-bezier(0,0,.45,1.5);
}
header.current #menu li.menu1{-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;-moz-transition-delay:0.1s;transition-delay:0.1s;}
header.current #menu li.menu2{-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s;}
header.current #menu li.menu3{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-moz-transition-delay:0.3s;transition-delay:0.3s;}
header.current #menu li.menu4{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;-moz-transition-delay:0.4s;transition-delay:0.4s;}
header.current #menu li.menu5{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-moz-transition-delay:0.5s;transition-delay:0.5s;}
header.current #menu li.menu6{-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;-moz-transition-delay:0.6s;transition-delay:0.6s;}
header.current #menu li.menu7{-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;-moz-transition-delay:0.7s;transition-delay:0.7s;}
header.current #menu li.menu8{-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;-moz-transition-delay:0.8s;transition-delay:0.8s;}
header.current #menu li.menu9{-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;-moz-transition-delay:0.9s;transition-delay:0.9s;}

header.current #menu li{left:0;opacity:1;}
#soclinks{padding:0 0 10px 0;}
#soclinks li{
	/*fix*/
	display:inline-block;
	padding:5px;
	/*fix*/
	/*padding:0 0 15px 0;*/
	opacity:0;
	position:relative;
	z-index:1;
	left:-30px;
	top:10px;
	-moz-transition:all 0.1s cubic-bezier(0,0,.45,1.5);-webkit-transition:all 0.1s cubic-bezier(0,0,.45,1.5);-o-transition:all 0.1s cubic-bezier(0,0,.45,1.5);transition:all 0.1s cubic-bezier(0,0,.45,1.5);
}
header.current #soclinks li{opacity:1;left:0;top:0;}
header.current #soclinks li.soc1{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;-moz-transition-delay:0.5s;transition-delay:0.5s;}
header.current #soclinks li.soc2{-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;-moz-transition-delay:0.6s;transition-delay:0.6s;}
header.current #soclinks li.soc3{-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;-moz-transition-delay:0.7s;transition-delay:0.7s;}
header.current #soclinks li.soc4{-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;-moz-transition-delay:0.8s;transition-delay:0.8s;}
header.current #soclinks li.soc5{-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;-moz-transition-delay:0.9s;transition-delay:0.9s;}
header.current #soclinks li.soc6{-webkit-transition-delay:1s;-o-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s;}
#soclinks a{opacity:1;border:none;}
#soclinks a:hover{
	opacity:1;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
#menuhide{
	position:absolute;
	z-index:10;
	cursor:pointer;
	left:40px;
	top:50%;
	width:20px;
	height:12px;
	margin:-26px 0 0 0;
	border:20px solid transparent;
	opacity:0.6;
	-moz-transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;
}
#menuhide:hover{opacity:1;}
#menuhide div{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:20px;
	height:2px;
	background:#fff;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#menuhide div.mh2{top:5px;}
#menuhide div.mh3{top:10px;}

header.current #menuhide div.mh2{opacity:0;}
header.current #menuhide div.mh1{
	width:24px;
	top:5px;
	left:-2px;
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
header.current #menuhide div.mh3{
	width:24px;
	top:5px;
	left:-2px;
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
article{
	margin:0 0 0 0;
	min-height:100%;
	position:relative;
	z-index:1;
	overflow:hidden;
	border-left:140px solid #000;
}

.mainvideo{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-moz-transform:skew(0,-8deg);
	-o-transform:skew(0,-8deg);
	-webkit-transform:skew(0,-8deg);
	transform:skew(0,-8deg);
	background:#000;
	color:#fff;
}
.mainvideo>li{
	position:absolute;
	z-index:1;
	left:0;
	width:100%;
	height:50%;
	overflow:hidden;
	-moz-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.mainvideo>li.video1{
	top:-22%;
	-webkit-transform:translate3d(-50%,0,0);
	-moz-transform:translate3d(-50%,0,0);
	-o-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
}
.mainvideo>li.video2{
	bottom:22%;
	-webkit-transform:translate3d(50%,0,0);
	-moz-transform:translate3d(50%,0,0);
	-o-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
}
.mainvideo>li.video3{
	bottom:-22%;
	-webkit-transform:translate3d(-50%,0,0);
	-moz-transform:translate3d(-50%,0,0);
	-o-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);
}

body.ready .mainvideo>li.video1,body.ready .mainvideo>li.video2,body.ready .mainvideo>li.video3{
	-webkit-transform:translate3d(0%,0,0);
	-moz-transform:translate3d(0%,0,0);
	-o-transform:translate3d(0%,0,0);
	transform:translate3d(0%,0,0);
}

.mainvideo video,.videomask{
	position:absolute;
	left:50%;
	top:30%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:1;
	opacity:1;
	-webkit-transform:translateX(-50%) translateY(-50%) skew(0,8deg);
	-moz-transform:translateX(-50%) translateY(-50%) skew(0,8deg);
	-o-transform:translateX(-50%) translateY(-50%) skew(0,8deg);
	transform:translateX(-50%) translateY(-50%) skew(0,8deg);
}
.touch .mainvideo video{
	bottom:auto !important;
	left:-25% !important;
	top:-25% !important;
	width:150% !important;
	height:150% !important;
	-webkit-transform:skew(0,8deg) !important;
	-moz-transform:skew(0,8deg) !important;
	-o-transform:skew(0,8deg) !important;
	transform:skew(0,8deg) !important;
}

.mainvideo .video1 video,.video1 .videomask{
	top:auto;
	bottom:30%;
	-webkit-transform:translateX(-50%) translateY(50%) skew(0,8deg);
	-moz-transform:translateX(-50%) translateY(50%) skew(0,8deg);
	-o-transform:translateX(-50%) translateY(50%) skew(0,8deg);
	transform:translateX(-50%) translateY(50%) skew(0,8deg);
}

.mainvideo.v1size>li.video1{height:80%;}
.mainvideo.v1size>li.video2{height:20%;}
.mainvideo.v1size>li.video3{height:44%;}
.mainvideo.v1size>li.video1 .videoName a.moreBtn{opacity:1;}
.mainvideo.v1size>li.video1 .videoName{bottom:20%;}
.mainvideo.v1size>li.video2 .videoName{top:18%;}

.mainvideo.v2size>li.video1{height:44%;}
.mainvideo.v2size>li.video2{height:80%;bottom:-2%;}
.mainvideo.v2size>li.video3{height:44%;}
.mainvideo.v2size>li.video2 .videoName{top:22%;bottom:auto;}
.mainvideo.v2size>li.video2 .videoName a.moreBtn{opacity:1;}

.mainvideo.v3size>li.video3{height:80%;}
.mainvideo.v3size>li.video2{height:20%;bottom:58%;}
.mainvideo.v3size>li.video1{height:44%;}
.mainvideo.v3size>li.video3 .videoName a.moreBtn{opacity:1;}
.mainvideo.v3size>li.video3 .videoName{top:22%;bottom:auto;}
.mainvideo.v3size>li.video2 .videoName{top:18%;}


.videomask{
	z-index:5;
	-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;
}
.mainvideo.v1size>li.video1 .videomask{opacity:0;}
.mainvideo.v2size>li.video2 .videomask{opacity:0;}
.mainvideo.v3size>li.video3 .videomask{opacity:0;}

.touch .mainvideo.v1size>li.video1 .videomask{opacity:1;}
.touch .mainvideo.v2size>li.video2 .videomask{opacity:1;}
.touch .mainvideo.v3size>li.video3 .videomask{opacity:1;}

.videoName{
	position:absolute;
	z-index:10;
	left:50%;
	bottom:-5%;
	width:700px;
	margin:0 0 0 -350px;
	text-align:center;
	padding:20px;
	-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.video2 .videoName{bottom:auto;top:32%;}
.video3 .videoName{bottom:auto;top:12%;}
.moreBtn{
	display:inline-block;
	border:none;
	padding:10px 15px;
	font-size:16px;
	line-height:1;
	white-space:nowrap;
	position:relative;
	z-index:1;
	-webkit-transform:translateZ(0);
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.videoName a.moreBtn{opacity:0;}


a.moreBtn:link,a.moreBtn:visited,a.moreBtn:hover,.moreBtn{color:#fff;text-decoration:none;}
.moreBtn>span{
	position:absolute;
	z-index:1;
	background:#fff;
	opacity:1;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.moreBtn>span.a1{left:0;top:0;width:100%;height:1px;}
.moreBtn>span.a2{right:0;top:0;width:1px;height:100%;}
.moreBtn>span.a3{right:0;bottom:0;width:100%;height:1px;}
.moreBtn>span.a4{left:0;bottom:0;width:1px;height:100%;}
.moreBtn:hover,.pList a:hover .moreBtn{background:#fff;color:#000;}
.moreBtn:hover>span.a1,.pList a:hover .moreBtn>span.a1{left:100%;opacity:0;}
.moreBtn:hover>span.a2,.pList a:hover .moreBtn>span.a2{top:100%;opacity:0;}
.moreBtn:hover>span.a3,.pList a:hover .moreBtn>span.a3{right:100%;opacity:0;}
.moreBtn:hover>span.a4,.pList a:hover .moreBtn>span.a4{bottom:100%;opacity:0;}

.pList a:hover .moreBtn,.pList a:hover .moreBtn>span{
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}

.videoName h2, .videoName .h2div{
	font-family: 'proxima_nova_thextrabold';	
	text-transform:uppercase;
	font-size:58px;
	line-height:1;
	padding:0 0 30px 0;
	letter-spacing:2px;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.darkmask{
	background:#000;
	opacity:0.4;
	position:absolute;
	z-index:6;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-moz-transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;
}
#mainvideo li:hover .darkmask{opacity:0;}
.namehover .darkmask{opacity:0.3 !important;}
#mainvideo li:hover h2, #mainvideo li:hover .h2div{
	color:rgba(255,255,255,0);
	text-shadow:0 0 10px rgba(255,255,255,0.2);
}
#mainvideo li:hover a.moreBtn{
	color:rgba(255,255,255,0);
	text-shadow:0 0 2px rgba(255,255,255,0.2);
}
#mainvideo li:hover .moreBtn>span{
	background:transparent;
	box-shadow:0 0 1px rgba(255,255,255,0.2);
}
#mainvideo li:hover .videoName:hover h2{
	color:rgba(255,255,255,1);
	text-shadow:0 0 0 rgba(255,255,255,0);
}
#mainvideo li:hover .videoName:hover a.moreBtn{
	color:rgba(255,255,255,1);
	text-shadow:0 0 2px rgba(255,255,255,0);
}
#mainvideo li:hover .videoName:hover .moreBtn>span{
	background:#fff;
	box-shadow:0 0 1px rgba(255,255,255,0);
}
#mainvideo li:hover .videoName:hover a.moreBtn:hover{color:#000;}



/* **** */
@-webkit-keyframes clock-bag {
	0%{-webkit-transform: translate(14px, 14px);}
	2%{-webkit-transform: translate(14px, 14px);}
	4%{-webkit-transform: translate(4px, 4px);}
	6%{-webkit-transform: translate(8px, 14px);}
	8%{-webkit-transform: translate(14px, 4px);}
	10%{-webkit-transform: translate(16px, 4px);}
	12%{-webkit-transform: translate(14px, 4px);}
	14%{-webkit-transform: translate(14px, 4px);}
	16%{-webkit-transform: translate(8px, 16px);}
	18%{-webkit-transform: translate(8px, 8px);}
	20%{-webkit-transform: translate(4px, 8px);}
	22%{-webkit-transform: translate(4px, 14px);}
	24%{-webkit-transform: translate(14px, 14px);}
	26%{-webkit-transform: translate(14px, 8px);}
	28%{-webkit-transform: translate(4px, 14px);}
	30%{-webkit-transform: translate(16px, 20px);}
	32%{-webkit-transform: translate(14px, 14px);}
	34%{-webkit-transform: translate(16px, 8px);}
	36%{-webkit-transform: translate(8px, 14px);}
	38%{-webkit-transform: translate(16px, 4px);}
	40%{-webkit-transform: translate(20px, 4px);}
	42%{-webkit-transform: translate(14px, 4px);}
	44%{-webkit-transform: translate(16px, 8px);}
	46%{-webkit-transform: translate(20px, 8px);}
	48%{-webkit-transform: translate(14px, 20px);}
	50%{-webkit-transform: translate(16px, 16px);}
	52%{-webkit-transform: translate(16px, 20px);}
	54%{-webkit-transform: translate(4px, 16px);}
	56%{-webkit-transform: translate(14px, 20px);}
	58%{-webkit-transform: translate(16px, 14px);}
	60%{-webkit-transform: translate(4px, 14px);}
	62%{-webkit-transform: translate(4px, 4px);}
	64%{-webkit-transform: translate(14px, 4px);}
	66%{-webkit-transform: translate(16px, 4px);}
	68%{-webkit-transform: translate(4px, 8px);}
	70%{-webkit-transform: translate(8px, 14px);}
	72%{-webkit-transform: translate(4px, 8px);}
	74%{-webkit-transform: translate(8px, 8px);}
	76%{-webkit-transform: translate(16px, 14px);}
	78%{-webkit-transform: translate(14px, 20px);}
	80%{-webkit-transform: translate(4px, 20px);}
	82%{-webkit-transform: translate(8px, 14px);}
	84%{-webkit-transform: translate(8px, 4px);}
	86%{-webkit-transform: translate(8px, 8px);}
	88%{-webkit-transform: translate(16px, 20px);}
	90%{-webkit-transform: translate(20px, 20px);}
	92%{-webkit-transform: translate(14px, 20px);}
	94%{-webkit-transform: translate(4px, 20px);}
	96%{-webkit-transform: translate(20px, 8px);}
	98%{-webkit-transform: translate(16px, 20px);}
	100%{-webkit-transform: translate(14px, 8px);}
	1%{-webkit-transform: scaleY(2) skewX(0deg);}
	1.5%{-webkit-transform: scaleY(6) skewX(-80deg);}
	2%{-webkit-transform: scaleY(2) skewX(0deg);}
	51%{-webkit-transform: scaleX(2) scaleY(2) skewX(0deg);}
	52%{-webkit-transform: scaleX(3) scaleY(0.4) skewX(80deg);}
	53%{-webkit-transform: scaleX(2) scaleY(2) skewX(0deg);}
}
@-moz-keyframes clock-bag {
	0%{-moz-transform: translate(14px, 14px);}
	2%{-moz-transform: translate(14px, 14px);}
	4%{-moz-transform: translate(4px, 4px);}
	6%{-moz-transform: translate(8px, 14px);}
	8%{-moz-transform: translate(14px, 4px);}
	10%{-moz-transform: translate(16px, 4px);}
	12%{-moz-transform: translate(14px, 4px);}
	14%{-moz-transform: translate(14px, 4px);}
	16%{-moz-transform: translate(8px, 16px);}
	18%{-moz-transform: translate(8px, 8px);}
	20%{-moz-transform: translate(4px, 8px);}
	22%{-moz-transform: translate(4px, 14px);}
	24%{-moz-transform: translate(14px, 14px);}
	26%{-moz-transform: translate(14px, 8px);}
	28%{-moz-transform: translate(4px, 14px);}
	30%{-moz-transform: translate(16px, 20px);}
	32%{-moz-transform: translate(14px, 14px);}
	34%{-moz-transform: translate(16px, 8px);}
	36%{-moz-transform: translate(8px, 14px);}
	38%{-moz-transform: translate(16px, 4px);}
	40%{-moz-transform: translate(20px, 4px);}
	42%{-moz-transform: translate(14px, 4px);}
	44%{-moz-transform: translate(16px, 8px);}
	46%{-moz-transform: translate(20px, 8px);}
	48%{-moz-transform: translate(14px, 20px);}
	50%{-moz-transform: translate(16px, 16px);}
	52%{-moz-transform: translate(16px, 20px);}
	54%{-moz-transform: translate(4px, 16px);}
	56%{-moz-transform: translate(14px, 20px);}
	58%{-moz-transform: translate(16px, 14px);}
	60%{-moz-transform: translate(4px, 14px);}
	62%{-moz-transform: translate(4px, 4px);}
	64%{-moz-transform: translate(14px, 4px);}
	66%{-moz-transform: translate(16px, 4px);}
	68%{-moz-transform: translate(4px, 8px);}
	70%{-moz-transform: translate(8px, 14px);}
	72%{-moz-transform: translate(4px, 8px);}
	74%{-moz-transform: translate(8px, 8px);}
	76%{-moz-transform: translate(16px, 14px);}
	78%{-moz-transform: translate(14px, 20px);}
	80%{-moz-transform: translate(4px, 20px);}
	82%{-moz-transform: translate(8px, 14px);}
	84%{-moz-transform: translate(8px, 4px);}
	86%{-moz-transform: translate(8px, 8px);}
	88%{-moz-transform: translate(16px, 20px);}
	90%{-moz-transform: translate(20px, 20px);}
	92%{-moz-transform: translate(14px, 20px);}
	94%{-moz-transform: translate(4px, 20px);}
	96%{-moz-transform: translate(20px, 8px);}
	98%{-moz-transform: translate(16px, 20px);}
	100%{-moz-transform: translate(14px, 8px);}
	1%{-moz-transform: scaleY(2) skewX(0deg);}
	1.5%{-moz-transform: scaleY(6) skewX(-80deg);}
	2%{-moz-transform: scaleY(2) skewX(0deg);}
	51%{-moz-transform: scaleX(2) scaleY(2) skewX(0deg);}
	52%{-moz-transform: scaleX(3) scaleY(0.4) skewX(80deg);}
	53%{-moz-transform: scaleX(2) scaleY(2) skewX(0deg);}
}
@-o-keyframes clock-bag {
	0%{-o-transform: translate(14px, 14px);}
	2%{-o-transform: translate(14px, 14px);}
	4%{-o-transform: translate(4px, 4px);}
	6%{-o-transform: translate(8px, 14px);}
	8%{-o-transform: translate(14px, 4px);}
	10%{-o-transform: translate(16px, 4px);}
	12%{-o-transform: translate(14px, 4px);}
	14%{-o-transform: translate(14px, 4px);}
	16%{-o-transform: translate(8px, 16px);}
	18%{-o-transform: translate(8px, 8px);}
	20%{-o-transform: translate(4px, 8px);}
	22%{-o-transform: translate(4px, 14px);}
	24%{-o-transform: translate(14px, 14px);}
	26%{-o-transform: translate(14px, 8px);}
	28%{-o-transform: translate(4px, 14px);}
	30%{-o-transform: translate(16px, 20px);}
	32%{-o-transform: translate(14px, 14px);}
	34%{-o-transform: translate(16px, 8px);}
	36%{-o-transform: translate(8px, 14px);}
	38%{-o-transform: translate(16px, 4px);}
	40%{-o-transform: translate(20px, 4px);}
	42%{-o-transform: translate(14px, 4px);}
	44%{-o-transform: translate(16px, 8px);}
	46%{-o-transform: translate(20px, 8px);}
	48%{-o-transform: translate(14px, 20px);}
	50%{-o-transform: translate(16px, 16px);}
	52%{-o-transform: translate(16px, 20px);}
	54%{-o-transform: translate(4px, 16px);}
	56%{-o-transform: translate(14px, 20px);}
	58%{-o-transform: translate(16px, 14px);}
	60%{-o-transform: translate(4px, 14px);}
	62%{-o-transform: translate(4px, 4px);}
	64%{-o-transform: translate(14px, 4px);}
	66%{-o-transform: translate(16px, 4px);}
	68%{-o-transform: translate(4px, 8px);}
	70%{-o-transform: translate(8px, 14px);}
	72%{-o-transform: translate(4px, 8px);}
	74%{-o-transform: translate(8px, 8px);}
	76%{-o-transform: translate(16px, 14px);}
	78%{-o-transform: translate(14px, 20px);}
	80%{-o-transform: translate(4px, 20px);}
	82%{-o-transform: translate(8px, 14px);}
	84%{-o-transform: translate(8px, 4px);}
	86%{-o-transform: translate(8px, 8px);}
	88%{-o-transform: translate(16px, 20px);}
	90%{-o-transform: translate(20px, 20px);}
	92%{-o-transform: translate(14px, 20px);}
	94%{-o-transform: translate(4px, 20px);}
	96%{-o-transform: translate(20px, 8px);}
	98%{-o-transform: translate(16px, 20px);}
	100%{-o-transform: translate(14px, 8px);}
	1%{-o-transform: scaleY(2) skewX(0deg);}
	1.5%{-o-transform: scaleY(6) skewX(-80deg);}
	2%{-o-transform: scaleY(2) skewX(0deg);}
	51%{-o-transform: scaleX(2) scaleY(2) skewX(0deg);}
	52%{-o-transform: scaleX(3) scaleY(0.4) skewX(80deg);}
	53%{-o-transform: scaleX(2) scaleY(2) skewX(0deg);}
}
@keyframes clock-bag {
	0%{transform: translate(14px, 14px);}
	2%{transform: translate(14px, 14px);}
	4%{transform: translate(4px, 4px);}
	6%{transform: translate(8px, 14px);}
	8%{transform: translate(14px, 4px);}
	10%{transform: translate(16px, 4px);}
	12%{transform: translate(14px, 4px);}
	14%{transform: translate(14px, 4px);}
	16%{transform: translate(8px, 16px);}
	18%{transform: translate(8px, 8px);}
	20%{transform: translate(4px, 8px);}
	22%{transform: translate(4px, 14px);}
	24%{transform: translate(14px, 14px);}
	26%{transform: translate(14px, 8px);}
	28%{transform: translate(4px, 14px);}
	30%{transform: translate(16px, 20px);}
	32%{transform: translate(14px, 14px);}
	34%{transform: translate(16px, 8px);}
	36%{transform: translate(8px, 14px);}
	38%{transform: translate(16px, 4px);}
	40%{transform: translate(20px, 4px);}
	42%{transform: translate(14px, 4px);}
	44%{transform: translate(16px, 8px);}
	46%{transform: translate(20px, 8px);}
	48%{transform: translate(14px, 20px);}
	50%{transform: translate(16px, 16px);}
	52%{transform: translate(16px, 20px);}
	54%{transform: translate(4px, 16px);}
	56%{transform: translate(14px, 20px);}
	58%{transform: translate(16px, 14px);}
	60%{transform: translate(4px, 14px);}
	62%{transform: translate(4px, 4px);}
	64%{transform: translate(14px, 4px);}
	66%{transform: translate(16px, 4px);}
	68%{transform: translate(4px, 8px);}
	70%{transform: translate(8px, 14px);}
	72%{transform: translate(4px, 8px);}
	74%{transform: translate(8px, 8px);}
	76%{transform: translate(16px, 14px);}
	78%{transform: translate(14px, 20px);}
	80%{transform: translate(4px, 20px);}
	82%{transform: translate(8px, 14px);}
	84%{transform: translate(8px, 4px);}
	86%{transform: translate(8px, 8px);}
	88%{transform: translate(16px, 20px);}
	90%{transform: translate(20px, 20px);}
	92%{transform: translate(14px, 20px);}
	94%{transform: translate(4px, 20px);}
	96%{transform: translate(20px, 8px);}
	98%{transform: translate(16px, 20px);}
	100%{transform: translate(14px, 8px);}
	1%{transform: scaleY(2) skewX(0deg);}
	1.5%{transform: scaleY(6) skewX(-80deg);}
	2%{transform: scaleY(2) skewX(0deg);}
	51%{transform: scaleX(2) scaleY(2) skewX(0deg);}
	52%{transform: scaleX(3) scaleY(0.4) skewX(80deg);}
	53%{transform: scaleX(2) scaleY(2) skewX(0deg);}
}

@-webkit-keyframes c1{
	0%{clip:rect(23px, 9999px, 50px, 0);}
	5%{clip:rect(54px, 9999px, 51px, 0);}
	10%{clip:rect(12px, 9999px, 79px, 0);}
	15%{clip:rect(22px, 9999px, 35px, 0);}
	20%{clip:rect(3px, 9999px, 43px, 0);}
	25%{clip:rect(54px, 9999px, 53px, 0);}
	30%{clip:rect(27px, 9999px, 14px, 0);}
	35%{clip:rect(35px, 9999px, 71px, 0);}
	40%{clip:rect(30px, 9999px, 72px, 0);}
	45%{clip:rect(84px, 9999px, 99px, 0);}
	50%{clip:rect(13px, 9999px, 22px, 0);}
	55%{clip:rect(9px, 9999px, 30px, 0);}
	60%{clip:rect(73px, 9999px, 16px, 0);}
	65%{clip:rect(78px, 9999px, 52px, 0);}
	70%{clip:rect(84px, 9999px, 83px, 0);}
	75%{clip:rect(73px, 9999px, 26px, 0);}
	80%{clip:rect(25px, 9999px, 41px, 0);}
	85%{clip:rect(54px, 9999px, 34px, 0);}
	90%{clip:rect(33px, 9999px, 88px, 0);}
	95%{clip:rect(46px, 9999px, 17px, 0);}
	100%{clip:rect(41px, 9999px, 33px, 0);}
}
@-moz-keyframes c1{
	0%{clip:rect(23px, 9999px, 50px, 0);}
	5%{clip:rect(54px, 9999px, 51px, 0);}
	10%{clip:rect(12px, 9999px, 79px, 0);}
	15%{clip:rect(22px, 9999px, 35px, 0);}
	20%{clip:rect(3px, 9999px, 43px, 0);}
	25%{clip:rect(54px, 9999px, 53px, 0);}
	30%{clip:rect(27px, 9999px, 14px, 0);}
	35%{clip:rect(35px, 9999px, 71px, 0);}
	40%{clip:rect(30px, 9999px, 72px, 0);}
	45%{clip:rect(84px, 9999px, 99px, 0);}
	50%{clip:rect(13px, 9999px, 22px, 0);}
	55%{clip:rect(9px, 9999px, 30px, 0);}
	60%{clip:rect(73px, 9999px, 16px, 0);}
	65%{clip:rect(78px, 9999px, 52px, 0);}
	70%{clip:rect(84px, 9999px, 83px, 0);}
	75%{clip:rect(73px, 9999px, 26px, 0);}
	80%{clip:rect(25px, 9999px, 41px, 0);}
	85%{clip:rect(54px, 9999px, 34px, 0);}
	90%{clip:rect(33px, 9999px, 88px, 0);}
	95%{clip:rect(46px, 9999px, 17px, 0);}
	100%{clip:rect(41px, 9999px, 33px, 0);}
}
@-o-keyframes c1{
	0%{clip:rect(23px, 9999px, 50px, 0);}
	5%{clip:rect(54px, 9999px, 51px, 0);}
	10%{clip:rect(12px, 9999px, 79px, 0);}
	15%{clip:rect(22px, 9999px, 35px, 0);}
	20%{clip:rect(3px, 9999px, 43px, 0);}
	25%{clip:rect(54px, 9999px, 53px, 0);}
	30%{clip:rect(27px, 9999px, 14px, 0);}
	35%{clip:rect(35px, 9999px, 71px, 0);}
	40%{clip:rect(30px, 9999px, 72px, 0);}
	45%{clip:rect(84px, 9999px, 99px, 0);}
	50%{clip:rect(13px, 9999px, 22px, 0);}
	55%{clip:rect(9px, 9999px, 30px, 0);}
	60%{clip:rect(73px, 9999px, 16px, 0);}
	65%{clip:rect(78px, 9999px, 52px, 0);}
	70%{clip:rect(84px, 9999px, 83px, 0);}
	75%{clip:rect(73px, 9999px, 26px, 0);}
	80%{clip:rect(25px, 9999px, 41px, 0);}
	85%{clip:rect(54px, 9999px, 34px, 0);}
	90%{clip:rect(33px, 9999px, 88px, 0);}
	95%{clip:rect(46px, 9999px, 17px, 0);}
	100%{clip:rect(41px, 9999px, 33px, 0);}
}
@keyframes c1{
	0%{clip:rect(23px, 9999px, 50px, 0);}
	5%{clip:rect(54px, 9999px, 51px, 0);}
	10%{clip:rect(12px, 9999px, 79px, 0);}
	15%{clip:rect(22px, 9999px, 35px, 0);}
	20%{clip:rect(3px, 9999px, 43px, 0);}
	25%{clip:rect(54px, 9999px, 53px, 0);}
	30%{clip:rect(27px, 9999px, 14px, 0);}
	35%{clip:rect(35px, 9999px, 71px, 0);}
	40%{clip:rect(30px, 9999px, 72px, 0);}
	45%{clip:rect(84px, 9999px, 99px, 0);}
	50%{clip:rect(13px, 9999px, 22px, 0);}
	55%{clip:rect(9px, 9999px, 30px, 0);}
	60%{clip:rect(73px, 9999px, 16px, 0);}
	65%{clip:rect(78px, 9999px, 52px, 0);}
	70%{clip:rect(84px, 9999px, 83px, 0);}
	75%{clip:rect(73px, 9999px, 26px, 0);}
	80%{clip:rect(25px, 9999px, 41px, 0);}
	85%{clip:rect(54px, 9999px, 34px, 0);}
	90%{clip:rect(33px, 9999px, 88px, 0);}
	95%{clip:rect(46px, 9999px, 17px, 0);}
	100%{clip:rect(41px, 9999px, 33px, 0);}
}

@-webkit-keyframes c2 {
	0%{clip:rect(56px, 9999px, 100px, 0);}
	5%{clip:rect(25px, 9999px, 64px, 0);}
	10%{clip:rect(56px, 9999px, 63px, 0);}
	15%{clip:rect(54px, 9999px, 18px, 0);}
	20%{clip:rect(45px, 9999px, 70px, 0);}
	25%{clip:rect(49px, 9999px, 40px, 0);}
	30%{clip:rect(61px, 9999px, 11px, 0);}
	35%{clip:rect(33px, 9999px, 85px, 0);}
	40%{clip:rect(17px, 9999px, 54px, 0);}
	45%{clip:rect(84px, 9999px, 30px, 0);}
	50%{clip:rect(90px, 9999px, 8px, 0);}
	55%{clip:rect(100px, 9999px, 62px, 0);}
	60%{clip:rect(77px, 9999px, 76px, 0);}
	65%{clip:rect(97px, 9999px, 37px, 0);}
	70%{clip:rect(16px, 9999px, 28px, 0);}
	75%{clip:rect(11px, 9999px, 63px, 0);}
	80%{clip:rect(15px, 9999px, 58px, 0);}
	85%{clip:rect(35px, 9999px, 63px, 0);}
	90%{clip:rect(82px, 9999px, 49px, 0);}
	95%{clip:rect(25px, 9999px, 45px, 0);}
	100%{clip:rect(6px, 9999px, 50px, 0);}
	23%{-webkit-transform: scaleX(0.8);}
}
@-moz-keyframes c2 {
	0%{clip:rect(56px, 9999px, 100px, 0);}
	5%{clip:rect(25px, 9999px, 64px, 0);}
	10%{clip:rect(56px, 9999px, 63px, 0);}
	15%{clip:rect(54px, 9999px, 18px, 0);}
	20%{clip:rect(45px, 9999px, 70px, 0);}
	25%{clip:rect(49px, 9999px, 40px, 0);}
	30%{clip:rect(61px, 9999px, 11px, 0);}
	35%{clip:rect(33px, 9999px, 85px, 0);}
	40%{clip:rect(17px, 9999px, 54px, 0);}
	45%{clip:rect(84px, 9999px, 30px, 0);}
	50%{clip:rect(90px, 9999px, 8px, 0);}
	55%{clip:rect(100px, 9999px, 62px, 0);}
	60%{clip:rect(77px, 9999px, 76px, 0);}
	65%{clip:rect(97px, 9999px, 37px, 0);}
	70%{clip:rect(16px, 9999px, 28px, 0);}
	75%{clip:rect(11px, 9999px, 63px, 0);}
	80%{clip:rect(15px, 9999px, 58px, 0);}
	85%{clip:rect(35px, 9999px, 63px, 0);}
	90%{clip:rect(82px, 9999px, 49px, 0);}
	95%{clip:rect(25px, 9999px, 45px, 0);}
	100%{clip:rect(6px, 9999px, 50px, 0);}
	23%{-moz-transform: scaleX(0.8);}
}
@-o-keyframes c2 {
	0%{clip:rect(56px, 9999px, 100px, 0);}
	5%{clip:rect(25px, 9999px, 64px, 0);}
	10%{clip:rect(56px, 9999px, 63px, 0);}
	15%{clip:rect(54px, 9999px, 18px, 0);}
	20%{clip:rect(45px, 9999px, 70px, 0);}
	25%{clip:rect(49px, 9999px, 40px, 0);}
	30%{clip:rect(61px, 9999px, 11px, 0);}
	35%{clip:rect(33px, 9999px, 85px, 0);}
	40%{clip:rect(17px, 9999px, 54px, 0);}
	45%{clip:rect(84px, 9999px, 30px, 0);}
	50%{clip:rect(90px, 9999px, 8px, 0);}
	55%{clip:rect(100px, 9999px, 62px, 0);}
	60%{clip:rect(77px, 9999px, 76px, 0);}
	65%{clip:rect(97px, 9999px, 37px, 0);}
	70%{clip:rect(16px, 9999px, 28px, 0);}
	75%{clip:rect(11px, 9999px, 63px, 0);}
	80%{clip:rect(15px, 9999px, 58px, 0);}
	85%{clip:rect(35px, 9999px, 63px, 0);}
	90%{clip:rect(82px, 9999px, 49px, 0);}
	95%{clip:rect(25px, 9999px, 45px, 0);}
	100%{clip:rect(6px, 9999px, 50px, 0);}
	23%{-o-transform: scaleX(0.8);}
}
@keyframes c2 {
	0%{clip:rect(56px, 9999px, 100px, 0);}
	5%{clip:rect(25px, 9999px, 64px, 0);}
	10%{clip:rect(56px, 9999px, 63px, 0);}
	15%{clip:rect(54px, 9999px, 18px, 0);}
	20%{clip:rect(45px, 9999px, 70px, 0);}
	25%{clip:rect(49px, 9999px, 40px, 0);}
	30%{clip:rect(61px, 9999px, 11px, 0);}
	35%{clip:rect(33px, 9999px, 85px, 0);}
	40%{clip:rect(17px, 9999px, 54px, 0);}
	45%{clip:rect(84px, 9999px, 30px, 0);}
	50%{clip:rect(90px, 9999px, 8px, 0);}
	55%{clip:rect(100px, 9999px, 62px, 0);}
	60%{clip:rect(77px, 9999px, 76px, 0);}
	65%{clip:rect(97px, 9999px, 37px, 0);}
	70%{clip:rect(16px, 9999px, 28px, 0);}
	75%{clip:rect(11px, 9999px, 63px, 0);}
	80%{clip:rect(15px, 9999px, 58px, 0);}
	85%{clip:rect(35px, 9999px, 63px, 0);}
	90%{clip:rect(82px, 9999px, 49px, 0);}
	95%{clip:rect(25px, 9999px, 45px, 0);}
	100%{clip:rect(6px, 9999px, 50px, 0);}
	23%{transform: scaleX(0.8);}
}

.videoName:hover #word2{
	-webkit-animation:clock-bag 4s linear infinite;
	-moz-animation:clock-bag 4s linear infinite;
	-o-animation:clock-bag 4s linear infinite;
	animation:clock-bag 4s linear infinite;
}
#word2 span:before,
#word2 span:after {
  display: block;
  content: "Освещение";
  position: absolute;
  top: 0;
  left:0;
  color: #fff;
  overflow: hidden;
  width: 100%;
  height: 100%;
  clip:rect(0, 900px, 0, 0);
}
.rusword #word2 span:before,
.rusword #word2 span:after {
	content:'Видео';
}

.videoName:hover #word2 span:before {
	left: -2px;
	text-shadow: 2px 0 #00f;
	-webkit-animation: c2 1s infinite linear alternate-reverse;
	-moz-animation: c2 1s infinite linear alternate-reverse;
	-o-animation: c2 1s infinite linear alternate-reverse;
	animation: c2 1s infinite linear alternate-reverse;
}
.videoName:hover #word2 span:after {
	left: 3px;
	text-shadow: -2px 0 #f00;
	-webkit-animation: c1 2s infinite linear alternate-reverse;
	-moz-animation: c1 2s infinite linear alternate-reverse;
	-o-animation: c1 2s infinite linear alternate-reverse;
	animation: c1 2s infinite linear alternate-reverse;
}

/* Прелоадер */
  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Прелоадер будет поверх всего */
    transition: opacity 0.5s ease-out; /* Плавное исчезновение */
  }

  /* Прячем прелоадер после загрузки */
  .preloader.hidden {
    opacity: 0;
    pointer-events: none;
  }

 /* Основной стиль для десктопной версии */
  svg {
    width: 100%;
    max-width: 500px; /* Размер SVG на десктопе */
    height: auto;
  }

  /* Медиа-запрос для экранов ниже 480px */
  @media (max-width: 480px) {
    svg {
      max-width: 250px; /* Размер SVG для экранов ниже 480px */
      height: auto;
    }
  }

  .st0 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 0.3;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawLetter 2s forwards;
  }

  @keyframes drawLetter {
    from { stroke-dashoffset: 1000; }
    to { stroke-dashoffset: 0; }
  }

#loader{
	position:fixed;
	z-index:200;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#010101;
}
#loader img{width:0;height:0;}


/*.ready #loader{
	z-index:40;
}*/

#mainpage{background:#000;}
.pageHead{
	position:relative;
	z-index:1;
	height:635px;
	color:#fff;
	overflow:hidden;
}

#pageprlx,#pageprlx div,#pageprlx:before{
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	background:no-repeat right 80%;
	background-size:cover;
	width:100%;
	height:100%;
}
#pageprlx div{
	-webkit-transition:-webkit-transform 10s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition:-moz-transform 10s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition:-o-transform 10s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition:transform 10s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
body.ready #pageprlx div{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
body.ready .pageHead.contact #pageprlx div{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	transform:none;
}


#pageprlx:before{
	content:'';
	background:#000;
	opacity:0.5;
	z-index:1;
}
.pageHead.about #pageprlx div{
	background-image:url(../images/about.jpg);
	background-position:left bottom;
}
.pageHead.about #pageprlx:before,.pageHead.contact #pageprlx:before{display:none;}

#map{
	width:100%;
	height:150%;
	position:absolute;
	z-index:1;
	left:0;
	top:-35%;
	filter: gray; /* IE6-9 */
    filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 

}
.pageTitle{
	position:absolute;
	z-index:10;
	left:0;
	bottom:0;
	width:100%;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	margin:0 0 -800px 0;
	border-bottom:1000px solid #fff;
}

@-webkit-keyframes animname{
	0%{-webkit-transform:translate3d(0, -200px, 0) scaleY(1) scaleX(1);}
	65%{-webkit-transform:translate3d(0, 0px, 0) scaleY(0.8) scaleX(1.2);} 
	100%{-webkit-transform:translate3d(0, 0px, 0) scaleY(1) scaleX(1);}
}
@-o-keyframes animname{
	0%{-o-transform:translate3d(0, -200px, 0) scaleY(1) scaleX(1);}
	65%{-o-transform:translate3d(0, 0px, 0) scaleY(0.8) scaleX(1.2);} 
	100%{-o-transform:translate3d(0, 0px, 0) scaleY(1) scaleX(1);}
}
@-moz-keyframes animname{
	0%{-moz-transform:translate3d(0, -200px, 0) scaleY(1) scaleX(1);}
	65%{-moz-transform:translate3d(0, 0px, 0) scaleY(0.8) scaleX(1.2);} 
	100%{-moz-transform:translate3d(0, 0px, 0) scaleY(1) scaleX(1);}
}
@keyframes animname{
	0%{transform:translate3d(0, -200px, 0) scaleY(1) scaleX(1);}
	65%{transform:translate3d(0, 0px, 0) scaleY(0.8) scaleX(1.2);} 
	100%{transform:translate3d(0, 0px, 0) scaleY(1) scaleX(1);}
}
body.ready .h1anim{
	transform-origin:center center;
	-webkit-animation:animname 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-animation:animname 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-animation:animname 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	animation:animname 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.h1anim{display:inline-block;}
.about .pageTitle{
	border-bottom-color:#000;
}
.dark{
	color:#1A1A1A;
}
.siteWidth{
	max-width:940px;
	margin:0 auto;
	padding:0 20px;
}
.pageHead .siteWidth{
	padding-bottom:40px;
}
.pageHead p{
	width:320px;
	padding:0 0 10px 30px;
	opacity:0;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.pageHead .titleFixed p{
	opacity:1;
}
.pageHead h1 span, .pageHead .h1div span{
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	display:inline-block;
	vertical-align:top;
}
.pageHead .titleFixed h1 span, .pageHead .titleFixed .h1div span{
	-webkit-transform:translate(0,0) !important;
	-moz-transform:translate(0,0) !important;
	-o-transform:translate(0,0) !important;
	transform:translate(0,0) !important;
}
/*.pageHead h1,.pageHead p{
	width:960px;
	margin:0 auto;
	padding:0 20px 40px 80px;
}*/
.socLinks2,.socLinks3{
	float:right;
	position:relative;
	z-index:1;
	padding:0 20px 20px 20px;
	width:200px;
	margin:-110px 10px 0 -100%;
}
.socLinks3{
	width:260px;
}
.socLinks3.socLinks4{margin-top:40px;}
.socLinks2:after,.socLinks3:after{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	top:100%;
	width:100%;
	height:1px;
	background:#e3e3e3;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);	
}
.socLinks3:after{
	top:60px;
}
.socLinks2 a,.socLinks3 a{
	border:none;
	opacity:1;
	margin:0 10px 0 0;
	vertical-align:middle;
}
.socLinks2 a:hover,.socLinks3 a:hover{
	opacity:0.6;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.socLinks2 a  img,.socLinks3 a img{
	
}
.contItem{
	position:relative;
	z-index:10;
	padding:0 0 50px 0;
	text-align:center;
}
.contItem li{
	vertical-align:top;
	display:inline-block;
	width:100%;
}
.contItem li>div{
	/*display:inline-block;
	vertical-align:top;*/
	text-align:left;
}

.contItem a.link{margin-top:5px;}
a.link{
	background:#efefef;
	padding:2px 5px;
	margin:0 0 0 -5px;
	border:none;
}
a.link:link,a.link:visited,a.link:hover{
	color:#1A1A1A;
}
a.link:hover{
	background:#1A1A1A;
	color:#fff;
}
.form{
	padding:0 0 50px 0;
	position:relative;
	z-index:5;
	overflow:hidden;
}
#formmodal .form{padding:0 0 20px 0;}


.formLink{
	display:block;
	cursor:pointer;
	border:1px solid #c9c9c9;
	background:#fff;
	line-height:40px;
	width:180px;
	margin:-82px auto 70px auto;
	position:relative;
	z-index:15;
	left:40px;
	white-space:nowrap;
	overflow:hidden;
	color:#1A1A1A;
	font-size:14px;
	text-align:center;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);	
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.formLink:hover{
	background:#1a1a1a;
	color:#fff;
}
.formLink .word2{display:none;}
.formLink.current .word2{display:block;}
.formLink.current .word1{display:none;}
.form form{
	width:460px;
	margin:0 auto;
}
.form input[type="text"],.form input[type="email"],.form textarea{
	border:1px solid #c9c9c9;
	padding:15px 20px;
	color:#969696;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	font-family: 'proxima_nova_thextrabold';
	display:block;
	box-sizing:border-box;
	width:100%;
	margin:0 0 10px 0;
}
.form textarea{
	height:132px;
	resize:none;
	padding-bottom:40px;
}
.form input[type="text"]:hover,.form input[type="email"]:hover,.form textarea:hover{
	border-color:#848383;	
}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form textarea:focus{
	border-color:#1a1a1a;
	color:#1a1a1a;
}
.form input[type="text"].error,.form input[type="email"].error,.form textarea.error,#formmodal .form input[type="text"].error,#formmodal .form input[type="email"].error,#formmodal .form textarea.error{
	border-color:#EA1C24;
}
#formmodal .form input[type="text"],#formmodal .form input[type="email"],#formmodal .form textarea{
	color:#fff;
	background:#1a1a1a;
	border-color:transparent;
}
#formmodal .form input[type="text"]:focus,#formmodal .form input[type="email"]:focus,#formmodal .form textarea:focus{
	border-color:#333;
}


.lineForm{
	z-index:1;
	position:relative;
}
.form label.error{
	position:absolute;
	z-index:1;
	left:100%;
	top:7px;
	color:#EA1C24;
	padding:0 0 0 10px;
	font-size:13px;
	line-height:normal;
	width:70px;
}

.form input[type="submit"]{
	font-family: 'proxima_nova_ltlight';
	font-size:14px;
	display:block;
	width:160px;
	height:40px;
	color:#fff;
	text-align:center;
	background:#1a1a1a;
	cursor:pointer;
	border:none;
	padding:0;
	margin:-30px auto 0 auto;
	position:relative;
	z-index:5;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
}
.form input[type="submit"]:hover{
	background:#3f3e3e;
}
.form input[type="submit"]:active{
	background:#6e6b6b;
}
#formmodal .form input[type="submit"]{
	border:1px solid #333;
}

.bx-core-waitwindow{
	display:none !important;
}
.formMsg{
	text-align:center;
	display:none;
	height:200px;
}
.formHide{
	display:none;
}
.textAbout{
	background:#000;
	color:#969696;
	padding:0 0 350px 0;
}

.textAbout h2, .textAbout .h2div{
	color:#fff;
	/*text-indent:-15px;*/
	text-align: center;
}
.aboutCol{
	width:100%;
	position:relative;
	z-index:1;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:70px 0 70px 0;
}

.textAbout p{
position:relative;
z-index:7;
text-align: justify;
    font-size: 20px;
    line-height: 33px;
}

.clients p {
	position:relative;
z-index:7;
text-align: justify;
    font-size: 20px;
    line-height: 33px;
}
}

.aboutCol.aboutCol0{padding-left:0;}
.aboutCol.aboutCol1{margin-top:-50px;/*padding-left:25px;padding-right:25px;*/}
.aboutCol.aboutCol2{margin-top:-60px;/*padding-right:0;*/}

.aboutCol a:link,.aboutCol a:visited,.aboutCol a:hover{color:#fff;border:none;position:relative;z-index:5;}
.aboutCol a:hover{letter-spacing:2px;}



.clients{
	position:relative;
	z-index:5;
	padding:100px 0 0 0;
	margin:-300px 0 0 0;
}
.clients:after{
	content:'';
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	margin:0 0 0 0;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:500px;
	background:#fff;
	box-shadow:0 10px 0 #fff;
}
.clients .siteWidth{
	position:relative;
	z-index:5;
}
.clients h2, .clients .h2div{
	text-align:center;
}

.cList{
	text-align:center;
	padding:20px 0;
	font-size:0;
	margin:0 0 0 -20px;
}
.cList li{
	display:inline-block;
	vertical-align:middle;
	line-height:70px;
	box-sizing:border-box;
	padding:0 0 20px 20px;
	vertical-align:top;
	width:20%;
}
.cList a{
	border:1px solid #e5e5e5;
	display:block;
	height:120px;
	line-height:80px;
	padding:20px;
	box-sizing:border-box;
}
.cList img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
	filter: gray;
    filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#slider{

}
.cList a:hover img{
	filter: none;
    filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
}
.pList{
	width:100%;
	display:inline-block;
	vertical-align:top;
	-moz-transition:width 0.3s ease-in-out;
	-webkit-transition:width 0.3s ease-in-out;
	-o-transition:width 0.3s ease-in-out;
	transition:width 0.3s ease-in-out;
}
#prjList{
	-webkit-transform:translate3d(0,50px,0);
	-moz-transform:translate3d(0,50px,0);
	-o-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0);
	-webkit-transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	-moz-transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	-o-transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	white-space:nowrap;
}
body.finish #prjList{
	-webkit-transform:translate3d(0,0px,0);
	-moz-transform:translate3d(0,0px,0);
	-o-transform:translate3d(0,0px,0);
	transform:translate3d(0,0px,0);
}

#prjList .pList{
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}
.pList li{
	height:100%;
	width:100%;
	float:left;
	background:no-repeat center center;
	background-size:cover;
	position:relative;
	z-index:1;
	text-align:center;
	overflow:hidden;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	
}
.pList.pList2 li{
	float:left;
	width:50%;
}
.pList li div{
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:no-repeat center center;
	background-size:cover;
/*	filter: none;
    filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); */
	-moz-transition:-moz-filter 0.3s ease-in-out,-moz-transform  0.3s ease-in-out;
	-webkit-transition:-webkit-filter 0.3s ease-in-out,-webkit-transform  0.3s ease-in-out;
	-o-transition:-o-filter 0.3s ease-in-out,-o-transform  0.3s ease-in-out;
	-ms-transition:-ms-filter 0.3s ease-in-out,transform  0.3s ease-in-out;
	transition:filter 0.3s ease-in-out,transform  0.3s ease-in-out;

}

.pList a,.pList li,.pList{
	-webkit-backface-visibility: hidden;
}

.pList a{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:none;
	white-space:normal;
	opacity:0;
	visibility:hidden;
}
#prjList .pList a{visibility:visible;}
.slyready .pList a{visibility:visible;}
#slider{
	overflow:hidden;
	zoom:1;
	white-space:nowrap;
}

.pList li:hover div{
	filter: gray;
    filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	
}
.pList li:hover a{
	background:rgba(0,0,0,0.6);
	opacity:1;
}
.pList a:link,.pList a:visited,.pList a:hover{
	color:#fff;
}
.pList strong{
	font-size:24px;
	line-height:1;
	text-transform:uppercase;
	display:block;
	font-family: 'proxima_nova_thextrabold';
	font-weight:normal;
	letter-spacing:1px;
	padding:18px 0 15px 0;
}
.pList small{
	display:block;
	font-size:15px;
	line-height:1;
}
.pLink{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	width:100%;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
}
#sNav{
	height:60px;
	position:absolute;
	z-index:10;
	left:0;
	bottom:0;
	width:100%;
	border-left:#000;
	overflow:hidden;
	line-height:60px;
	text-align:center;
	color:#969696;
	padding:0 0px;
	background:#000;
	font-size:18px;
}
#sNav span{display:inline-block;vertical-align:middle;}

.snavSpan{
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.3s ease-in-out;
	-webkit-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
.snavSpan.active{
	opacity:1;
	visibility:visible;
}

#sNav h2, #sNav .h2div{
	line-height:60px;
	padding:0;
	float:left;
	margin:0 -100% 0 0;
	color:#EFEFEF;
}
#sNav strong,#photoNav strong,#prjNav strong{
	font-weight:normal;
	color:#fff;
}
#sNav .prev,#sNav .next,#photoNav .prev,#photoNav .next,#prjNav .prev,#prjNav .next{
	vertical-align:middle;
	cursor:pointer;
	padding:10px;
	margin:0 20px;
	opacity:0.5;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#sNav .prev:hover,#sNav .next:hover,#photoNav .prev:hover,#photoNav .next:hover,#prjNav .prev:hover,#prjNav .next:hover{opacity:1;}
#sNav .prev.disabled,#sNav .next.disabled,#photoNav .prev.disabled,#photoNav .next.disabled,#prjNav .prev.disabled,#prjNav .next.disabled{opacity:0;cursor:auto;}
#spages,#spages2{display:inline;color:#fff;}
#spages li,#spages2 li{display:none;}
#spages li.active,#spages2 li.active{display:inline;}

.pList .pAdd a{
	background:#000;
	opacity:1;
}
.pList .pAdd a span{
	width:80px;
	height:80px;
	background:#333;
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	margin:-40px 0 0 -40px;
	line-height:80px;
	font-size:70px;
	color:#1a1a1a;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	font-family: 'proxima_nova_thextrabold';
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.pList .pAdd a:hover span{
	color:#333;
	background:#1a1a1a;
}
#ppicdet{display:none;}
#headmask{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.pTextCol{
	float:left;
	width:540px;
	padding:0 0 60px 30px;
}
.pTextCol.pTextCol2{padding-top:120px;}
.pTextCol h2, .pTextCol .h2div{
	margin:0 0 0 -30px;
}
.clear{clear:both;}
.pPart{
	color:#969696;
	font-size:13px;
	line-height:normal;
	padding:70px 0 20px 0;
}
.pPart li{
	padding:0 0 25px 0;
	display:inline-block;
	width:49%;
	vertical-align:top;
}
.pPart h5, .pPart .h5div{
	padding:0 0 3px 0;
}
.pGray{
	background:#efefef;
	margin:0 0 40px 0;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
}
.pGray.portGray{
	margin:-150px 0 0 0;
	padding:150px 0 0 0;
}
.pGray .pGray2{
	transform: skew(0deg, 8deg);
	-webkit-transform: skew(0deg, 8deg);
	-moz-transform: skew(0deg, 8deg);
	-o-transform: skew(0deg, 8deg);
	-ms-transform: skew(0deg, 8deg);
}
.pVideo{padding:0 0 70px 0;}
.pVideo.pVideoNotext{padding:0;}
.pVideo iframe{
	display:block;
	width:100%;
	height:525px;
}
#photos{
	white-space:nowrap;
	top:40px;
}
#photos li{
	display:inline-block;
	vertical-align:top;
	margin:0 20px 0 0;
}
#photos a{
	display:block;
	border:none;
	overflow:hidden;
}
#photos img{
	display:block;
	width:100%;
	height:auto;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);	
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
#photos a:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);	
}
.w100{
	overflow:hidden;
	position:relative;
	z-index:1;
	width:100%;
}
#photoNav,#prjNav{
	text-align:center;
	padding:0 0 20px 0;
	font-size:24px;
	line-height:35px;
	color:#808080;
	position:relative;
	z-index:1;
	top:40px;
}
#photoNav #spages,#prjNav #spages2{color:#1A1A1A;}
#photoNav span,#spagesAll,#spages,#prjNav span,#spagesAll2,#spages2{display:inline-block;vertical-align:middle;}

#prjNav{
	top:0;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #000;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}


.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-type-iframe .fancybox-inner{

}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top:-35px;
	right:-35px;
	width:35px;
	height:35px;
	cursor: pointer;
	z-index: 8040;
	border:none;
	background:#262626 url(../images/close.png) no-repeat center center;
}
.fancybox-close,.fancybox-nav{
	opacity:0.8;
}
.fancybox-close:hover,.fancybox-nav:hover{
	opacity:1;
}
/*.fancybox-type-iframe .fancybox-close{
	right:-40px;
	top:-40px;
}*/
/*.fancybox-close:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}*/
/*.fancybox-type-image .fancybox-close{
	background-color:#262626;
}*/

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: -35px;
}

.fancybox-next {
	right: -35px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 35px;
	height: 35px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
	background:#262626 no-repeat center center;
}

.fancybox-prev span {
	left:0;
	background-image:url(../images/fancyprev.png);
}

.fancybox-next span {
	right:0;
	background-image:url(../images/fancynext.png);
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 50;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
	#prjList .siteWidth{padding-left:20px;}
#prjList .pList{
	display:block;
	width:100%;
	white-space:nowrap;
}
#prjList .pList li{
	width:300px;
	height:200px;
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
#prjList .pList li a{line-height:200px;}

#prjNav h6, #prjNav .h6div{
	font-size:15px;
	line-height:1;
	margin:12px 0 0 -100%;
	float:right;
	color:#1A1A1A;
	line-height:35px;
	padding:0;
	width:325px;
	text-align:left;
	line-height:1;
}
.hPhone{
	white-space:nowrap;
	position:absolute;
	z-index:1;
	left:50%;
	bottom:20px;
	width:220px;
	margin:0 0 0 -110px;
	color:#969696;
	font-size:15px;
	line-height:1;
	opacity:0;
	visibility:hidden;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.rating-link {
    -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
    text-align: center;
    margin: 0 0 30px;
    opacity: 0.54;
}
.rating-link:hover {
    opacity: 0.8;
}
.rating-link__img {
    width: 120px;
}
header.current .hPhone{
	visibility:visible;
}
.hPhone a:link,.hPhone a:visited,.hPhone a:hover{color:#969696;text-decoration:none;
	font-family: 'proxima_nova_thextrabold';}
.hPhone small{
	display:block;
	font-size:14px;
	line-height:2;
	padding:25px 0 0 0;
	font-family: 'proxima_nova_thextrabold';
}
.current .hPhone{
	opacity:1;
	z-index:10;
}
#rocket {
	position: absolute;
    z-index: 10;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: 15px;
}
header.current #rocket {
	display: none;
}
.fancy-rocket {	
	transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
}
.fancy-rocket .fancybox-skin {
	background: #fff;
}
.fancy-rocket .fancybox-close {
	top: -1px;
    right: -1px;
	width: 80px;
	height: 80px;
	-moz-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.fancy-rocket ul {
	padding: 0 0 20px 30px;
	list-style: disc;
}
.fancy-rocket ul li {
	list-style: disc;
}
#mrocket {
	display: none;
	width:600px;
	height:400px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	color: #1a1a1a;
	min-height:200px;
	padding: 90px 80px 45px 80px;
    box-sizing: border-box;
	/*overflow-y: auto;*/
}
#mrocket .mrocket-inner {
	transform: skewY(8deg);
    -webkit-transform: skewY(8deg);
    -moz-transform: skewY(8deg);
    -o-transform: skewY(8deg);
    -ms-transform: skewY(8deg);
	text-align: left;
	height: 280px;
}
#mrocket .mrocket-inner .head {
	font-size: 24px;
	font-family: proxima_nova_thextrabold;
    text-transform: uppercase;
	margin-bottom: 30px;
}
#mrocket .mrocket-inner .subhead{
	font-size: 14px;
}
.fancybox-wrap #mrocket{
	display: table-cell !important;
}

#mphone{
	display:none;
	width:600px;
	height:400px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	min-height:200px;
}
.h50{clear:both;height:50px;}
.fancybox-wrap #mphone{
	display:table-cell !important;
}
#mphone span{
	font-weight:normal;
	display:block;
	font-size:48px;
	line-height:1;
	padding:0 0 25px 0;
	font-family: 'proxima_nova_thextrabold';
}
#mphone a,#page404 a{
	font-size:30px;
	line-height:1;
	padding:5px 20px;
}
#mphone a:link,#mphone a:visited,#mphone a:hover,#page404 a:link,#page404 a:visited,#page404 a:hover{
	color:#fff;
	/*background:#333;*/
	border:none;
	font-family: 'proxima_nova_thextrabold';
}
#mphone a:hover,#page404 a:hover{
	background:#fff;
	color:#333;
}
.fancy-phone{
	margin:-30px 0 0 40px;
}
#page404{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000 url(../images/404.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	color:#fff;
}
#page404 h1, #page404 .h1div{
	font-size:200px;
	line-height:1;
	padding:0;
}
#page404>div{
	position:absolute;
	z-index:1;
	left:0;
	top:50%;
	width:100%;
	margin:-100px 0 0 0;
}



@-o-keyframes hinge {
  0%,35%{
    -o-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0px, 0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  47%{
    -o-transform: rotate3d(0, 0, 1, 80deg) translate3d(0, 0px, 0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    opacity: 1;
  }  
  59% {
    -o-transform: rotate3d(0, 0, 1, 30deg) translate3d(0, 0px, 0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  71% {
    -o-transform: rotate3d(0, 0, 1, 70deg) translate3d(0, 0px, 0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  76%,84% {
    -o-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
  86% {
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
    -o-transform: translate3d(0, -700px, 0);
	opacity: 0;
  }
  95%{
    -o-transform: translate3d(0, 0px, 0) rotateX(70deg);
	-o-transform-origin: center bottom;
	-o-animation-timing-function: ease-in-out;
	opacity: 1;
  }
  100%{
    -o-transform: translate3d(0, 0px, 0) rotateX(0deg);
	-o-transform-origin: center bottom;
	-o-animation-timing-function: ease-in-out;
	opacity: 1;
  }
}

@-moz-keyframes hinge {
  0%,35%{
    -moz-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0px, 0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  47%{
    -moz-transform: rotate3d(0, 0, 1, 80deg) translate3d(0, 0px, 0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    opacity: 1;
  }  
  59% {
    -moz-transform: rotate3d(0, 0, 1, 30deg) translate3d(0, 0px, 0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  71% {
    -moz-transform: rotate3d(0, 0, 1, 70deg) translate3d(0, 0px, 0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  76%,84% {
    -moz-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
  86% {
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
    -moz-transform: translate3d(0, -700px, 0);
	opacity: 0;
  }
  95%{
    -moz-transform: translate3d(0, 0px, 0) rotateX(70deg);
	-moz-transform-origin: center bottom;
	-moz-animation-timing-function: ease-in-out;
	opacity: 1;
  }
  100%{
    -moz-transform: translate3d(0, 0px, 0) rotateX(0deg);
	-moz-transform-origin: center bottom;
	-moz-animation-timing-function: ease-in-out;
	opacity: 1;
  }
}

@-webkit-keyframes hinge {	
  0%,35%{
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0px, 0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  45%{
    -webkit-transform: rotate3d(0, 0, 1, 80deg) translate3d(0, 0px, 0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    opacity: 1;
  }  
  55% {
    -webkit-transform: rotate3d(0, 0, 1, 30deg) translate3d(0, 0px, 0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  65% {
    -webkit-transform: rotate3d(0, 0, 1, 70deg) translate3d(0, 0px, 0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    opacity: 1;
  }
  74% {
    -webkit-transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
  75% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: translate3d(0, -700px, 0);
	opacity: 0;
  }
  85%{
    -webkit-transform: translate3d(0, 0px, 0) rotateX(70deg);
	-webkit-transform-origin: center bottom;
	-webkit-animation-timing-function: ease-in-out;
	opacity: 1;
  }
  90%{
    -webkit-transform: translate3d(0, -50px, 0) rotateX(0deg);
	-webkit-transform-origin: center bottom;
	-webkit-animation-timing-function: ease-in-out;
	opacity: 1;
  }
  100%{
    -webkit-transform: translate3d(0, 0px, 0) rotateX(0deg);
	-webkit-transform-origin: center bottom;
	-webkit-animation-timing-function: ease-in-out;
	opacity: 1;
  }
}

@keyframes hinge {
  0%,35%{
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0px, 0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  47%{
    transform: rotate3d(0, 0, 1, 80deg) translate3d(0, 0px, 0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }  
  59% {
    transform: rotate3d(0, 0, 1, 30deg) translate3d(0, 0px, 0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  71% {
    transform: rotate3d(0, 0, 1, 70deg) translate3d(0, 0px, 0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  76%,84% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
  86% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    transform: translate3d(0, -700px, 0);
	opacity: 0;
  }
  95%{
    transform: translate3d(0, 0px, 0) rotateX(70deg);
	transform-origin: center bottom;
	animation-timing-function: ease-in-out;
	opacity: 1;
  }
  100%{
    transform: translate3d(0, 0px, 0) rotateX(0deg);
	transform-origin: center bottom;
	animation-timing-function: ease-in-out;
	opacity: 1;
  }
}

@-webkit-keyframes word1 {
  10% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  17% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  23% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  27% {
    -webkit-transform: scale3d(.95, 1.05, 1);
  }
  29% {
    -webkit-transform: scale3d(1.05, .95, 1);
  }
  35%,100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes word1 {
  10% {
    -moz-transform: scale3d(1, 1, 1);
  }
  17% {
    -moz-transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -moz-transform: scale3d(0.75, 1.25, 1);
  }
  23% {
    -moz-transform: scale3d(1.15, 0.85, 1);
  }
  27% {
    -moz-transform: scale3d(.95, 1.05, 1);
  }
  29% {
    -moz-transform: scale3d(1.05, .95, 1);
  }
  35%,100% {
    -moz-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes word1 {
  10% {
    -o-transform: scale3d(1, 1, 1);
  }
  17% {
    -o-transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -o-transform: scale3d(0.75, 1.25, 1);
  }
  23% {
    -o-transform: scale3d(1.15, 0.85, 1);
  }
  27% {
    -o-transform: scale3d(.95, 1.05, 1);
  }
  29% {
    -o-transform: scale3d(1.05, .95, 1);
  }
  35%,100% {
    -o-transform: scale3d(1, 1, 1);
  }
}
@keyframes word1 {
  10% {
    transform: scale3d(1, 1, 1);
  }
  17% {
    transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    transform: scale3d(0.75, 1.25, 1);
  }
  23% {
    transform: scale3d(1.15, 0.85, 1);
  }
  27% {
    transform: scale3d(.95, 1.05, 1);
  }
  29% {
    transform: scale3d(1.05, .95, 1);
  }
  35%,100% {
    transform: scale3d(1, 1, 1);
  }
}

.videoName:hover #word1{
	-webkit-animation:word1 4s linear infinite;
	-moz-animation:word1 4s linear infinite;
	-o-animation:word1 4s linear infinite;
	animation:word1 4s linear infinite;
}

.videoName:hover #word1 span{
	-webkit-animation:hinge 4s linear infinite;
	-moz-animation:hinge 4s linear infinite;
	-o-animation:hinge 4s linear infinite;
	animation:hinge 4s linear infinite;
	display:inline-block;
	position:relative;
	z-index:1;
}
.videoName:hover #word1 #w2{
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.videoName:hover #word1 #w3{
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.videoName:hover #word1 #w4{
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.videoName:hover #word1 #w5{
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.videoName:hover #word1 #w6{
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.videoName:hover #word1 #w7{
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

#vimeo,#vimeo iframe{
	position:absolute;
	z-index:150;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
}
#vimeo{position:fixed;}
#vimeo{
	display:none;
}
#vimeoclose{
	position:absolute;
	z-index:200;
	color:#1a1a1a;
	background:#333;
	width:50px;
	height:50px;
	font-family: 'proxima_nova_ltlight';
	font-weight:bold;
	font-size:36px;
	line-height:46px;
	cursor:pointer;
	text-align:center;
	right:20px;
	top:20px;
}

.loader{
    width:400px;
    height:400px;
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	margin:-200px 0 0 -200px;
	display:none;
}

@-webkit-keyframes loader1{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -6975px;}
}
@-moz-keyframes loader1{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -6975px;}
}
@-o-keyframes loader1{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -6975px;}
}
@keyframes loader1{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -6975px;}
}
.loader.loader1{
	background:url(../images/preloader1.jpg) no-repeat 0 0;
	animation:loader1 1s steps(17) infinite;
	-webkit-animation:loader1 1s steps(17) infinite;
	-moz-animation:loader1 1s steps(17) infinite;
	-o-animation:loader1 1s steps(17) infinite;
	background-position:-5px -6975px;	
}
.showloader1 .loader.loader1{
	display:block;
}

@-webkit-keyframes loader2{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -9435px;}
}
@-moz-keyframes loader2{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -9435px;}
}
@-o-keyframes loader2{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -9435px;}
}
@keyframes loader2{	
	0%{background-position:-5px -5px;}
	100%{background-position:-5px -9435px;}
}
.loader.loader2{
	background:url(../images/preloader2.jpg) no-repeat 0 0;
	animation:loader2 1s steps(23) infinite;
	-webkit-animation:loader2 1s steps(23) infinite;
	-moz-animation:loader2 1s steps(23) infinite;
	-o-animation:loader2 1s steps(23) infinite;
	background-position:-5px -9435px;	
}
.showloader2 .loader.loader2{
	display:block;
}


@-webkit-keyframes loader3{	
	0%{background-position:0 0, 0 5625px, 0 11250px, 0 16875px;}
	100%{background-position:0 -22500px, 0 -16875px, 0 -11250px, 0 -5625px;}
}
@-moz-keyframes loader3{	
	0%{background-position:0 0, 0 5625px, 0 11250px, 0 16875px;}
	100%{background-position:0 -22500px, 0 -16875px, 0 -11250px, 0 -5625px;}
}
@-o-keyframes loader3{	
	0%{background-position:0 0, 0 5625px, 0 11250px, 0 16875px;}
	100%{background-position:0 -22500px, 0 -16875px, 0 -11250px, 0 -5625px;}
}
@keyframes loader3{	
	0%{background-position:0 0, 0 5625px, 0 11250px, 0 16875px;}
	100%{background-position:0 -22500px, 0 -16875px, 0 -11250px, 0 -5625px;}
}
.loader.loader3{
	width:700px;
	height:400px;
	margin:-250px 0 0 -350px;
	background-image:url(../images/preloader3_1.jpg),url(../images/preloader3_2.jpg),url(../images/preloader3_3.jpg),url(../images/preloader3_4.jpg);
	background-position:0 0, 0 5625px, 0 11250px, 0 16875px;
	background-size:auto auto;
	background-repeat:no-repeat;
	animation:loader3 1s steps(40) infinite;
	-webkit-animation:loader3 1s steps(40) infinite;
	-moz-animation:loader3 1s steps(40) infinite;
	-o-animation:loader3 1s steps(40) infinite;
}
.showloader3 .loader.loader3{
	display:block;
}


@-webkit-keyframes loader4{	
	0%{background-position:0 0, 0 4725px, 0 9450px;}
	100%{background-position:0 -14175px, 0 -9450px, 0 -4725px;}
}
@-moz-keyframes loader4{	
	0%{background-position:0 0, 0 4725px, 0 9450px;}
	100%{background-position:0 -14175px, 0 -9450px, 0 -4725px;}
}
@-o-keyframes loader4{	
	0%{background-position:0 0, 0 4725px, 0 9450px;}
	100%{background-position:0 -14175px, 0 -9450px, 0 -4725px;}
}
@keyframes loader4{	
	0%{background-position:0 0, 0 4725px, 0 9450px;}
	100%{background-position:0 -14175px, 0 -9450px, 0 -4725px;}
}
.loader.loader4{
	width:300px;
	height:400px;
	margin:-200px 0 0 -150px;
	background-image:url(../images/preloader4_1.jpg),url(../images/preloader4_2.jpg),url(../images/preloader4_3.jpg);
	background-position:0 0, 0 4725px, 0 9450px;
	background-size:auto auto;
	background-repeat:no-repeat;
	animation:loader4 1s steps(36) infinite;
	-webkit-animation:loader4 1s steps(36) infinite;
	-moz-animation:loader4 1s steps(36) infinite;
	-o-animation:loader4 1s steps(36) infinite;
}
.showloader4 .loader.loader4{
	display:block;
}

a.fileLink{
	font-family: 'proxima_nova_thextrabold';
	text-transform:uppercase;
	font-size:13px;
	line-height:normal;
	padding:40px 50px 40px 100px;
	white-space:normal;
	position:relative;
	z-index:1;
	white-space:normal;
	float:right;
	margin:-210px 0 0 0;
}
a.fileLink:link,a.fileLink:visited,a.fileLink:hover{
	color:#fff;
	border:none;
}
a.fileLink .fileName{
	display:inline-block;
	max-width:120px;
	position:relative;
	z-index:5;
}
a.fileLink:before{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#969696;
	-webkit-transform:skew(0deg, -8deg);
	-moz-transform:skew(0deg, -8deg);
	-o-transform:skew(0deg, -8deg);
	transform:skew(0deg, -8deg);
}
.fileIco{
	position:absolute;
	z-index:5;
	left:45px;
	top:35px;
	width:24px;
	height:35px;
	border:5px solid #262626;
	border-radius:3px;
}
.fileIco span{
	width:2px;
	height:30px;
	background:#262626;
	position:absolute;
	z-index:1;
	left:50%;
	top:-9px;
	margin:0 0 0 -1px;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.fileIco span:before,.fileIco span:after{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	bottom:1px;
	width:2px;
	height:8px;
	background:#262626;
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
	-webkit-transform-origin:center bottom;
	-moz-transform-origin:center bottom;
	-o-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.fileIco span:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
a.fileLink:hover .fileIco span:before{
	-webkit-transform:rotate(35deg);
	-moz-transform:rotate(35deg);
	-o-transform:rotate(35deg);
	transform:rotate(35deg);
}
a.fileLink:hover .fileIco span:after{
	-webkit-transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	-o-transform:rotate(-35deg);
	transform:rotate(-35deg);
}

a.fileLink:hover .fileIco span{
	top:3px;
}
a.fileLink:active .fileIco span{
	top:100%;
	opacity:0;
}
.picScr{
	position:relative;
	z-index:1;
	width:100%;
	height:635px;
	overflow:hidden;
	background:#000;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.picScr:before{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000 url(../images/1.jpg) no-repeat center center;
	background-size:100% 100%;
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
	-ms-filter:blur(20px);
	filter:blur(20px);
}
.picScr>div{
	position: absolute;
	z-index: 2;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background:url(../images/about.jpg) no-repeat center center;
	background-size:cover;
	width: 3329px;
	height: 635px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.picScr img{
	display:block;
}
#portNav{
	position:fixed;
	z-index:10;
	right:0;
	top:50%;
	margin:-80px 0 0 0;
}
.linkBack{
	display:block;
	border:none;
	position:relative;
	z-index:1;
	width:80px;
	height:80px;
	margin:0 0 -2px 0;
}
.linkBack span{
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#959595;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.linkBack:hover span{
	background:#767474;
}
.linkBack:before,.linkBack:after{
	content:'';
	position:absolute;
	width:20px;
	height:2px;
	background:#fff;
	z-index:1;
	left:50%;
	top:50%;
	margin:-1px 0 0 -10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.linkBack:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.portLink{
	display:block;
	position:relative;
	z-index:1;
	width:40px;
	height:40px;
	border:none;
	margin:0 0 1px 40px;
}
.portLink span{
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#efefef;
	border-bottom:1px solid #e3e3e3;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.portLink:hover span{
	background:#dadada;
}
.portLink:before,.portLink:after{
	content:'';
	position:absolute;
	width:10px;
	height:2px;
	background:#4d4d4d;
	z-index:1;
	left:50%;
	top:50%;
	margin:0 0 0 -5px;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.portLink:before{margin-top:-1px;}
.portLink.next:before{margin-top:1px;}
.portLink:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.portLink.next:before,.portLink.next:after{
	-webkit-transform-origin:right center;
	-moz-transform-origin:right center;
	-o-transform-origin:right center;
	transform-origin:right center;
}
#formmodal{
	display:none;
	width:460px;
	color:#fff;
	padding:60px 70px 40px 70px;
}
#formmodal h2, #formmodal .h2div{font-size:40px;text-align:center;padding:0 0 30px 0;}
#formmodal .siteWidth{padding:0;}
#formmodal .siteWidth.formMsg{padding:20px 0 0 0;}
#formmodal .siteWidth.formMsg p{padding:0 0 10px 0;}


#word3 span{
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s cubic-bezier(0,0,.45,1.5);
	-webkit-transform:translateZ(0);
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:1;
}

@-webkit-keyframes wordanim {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  80% {
    -webkit-transform: scale3d(.95, 1.05, 1);
  }
  90% {
    -webkit-transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes wordanim {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  80% {
    -webkit-transform: scale3d(.95, 1.05, 1);
  }
  90% {
    -webkit-transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes wordanim {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  80% {
    -webkit-transform: scale3d(.95, 1.05, 1);
  }
  90% {
    -webkit-transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes wordanim {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
  }
  60% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
  }
  80% {
    -webkit-transform: scale3d(.95, 1.05, 1);
  }
  90% {
    -webkit-transform: scale3d(1.05, .95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}


#word3 span.wordanim1{
	-webkit-animation:wordanim 0.5s linear 0.3s;
	-moz-animation:wordanim 0.5s linear 0.3s;
	-o-animation:wordanim 0.5s linear 0.3s;
	animation:wordanim 0.5s linear 0.3s;
}
#word3 span.wordanim2{
	-webkit-animation:wordanim 0.5s linear 0.3s;
	-moz-animation:wordanim 0.5s linear 0.3s;
	-o-animation:wordanim 0.5s linear 0.3s;
	animation:wordanim 0.5s linear 0.3s;
}
#jshelp2{display:none;}

.pageHeadBot{
	margin-top:-50px;
	position:relative;
	z-index:5;
}


.pageFade{
	opacity:0;
	-webkit-transform:translate3d(0,20px,0);
	-moz-transform:translate3d(0,20px,0);
	-o-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
	-webkit-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	-moz-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	-o-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
body.ready .pageFade{
	opacity:1;
	-webkit-transform:translate3d(0,0px,0);
	-moz-transform:translate3d(0,0px,0);
	-o-transform:translate3d(0,0px,0);
	transform:translate3d(0,0px,0);
}
body.ready .pageFade:nth-child(2){
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
body.ready .pageFade:nth-child(3){
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;
}
body.ready .pageFade:nth-child(4){
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	transition-delay:0.6s;
}
body.ready .pageFade:nth-child(5){
	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	transition-delay:0.7s;
}
body.ready .pageFade:nth-child(6){
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	transition-delay:0.8s;
}
body.ready .pageFade:nth-child(7){
	-webkit-transition-delay:0.9s;
	-moz-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	transition-delay:0.9s;
}
body.ready .pageFade:nth-child(8){
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	transition-delay:1s;
}
body.ready .pageFade:nth-child(9){
	-webkit-transition-delay:1.1s;
	-moz-transition-delay:1.1s;
	-o-transition-delay:1.1s;
	transition-delay:1.1s;
}
body.ready .pageFade:nth-child(10){
	-webkit-transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	transition-delay:1.2s;
}

.ymaps-2-1-29-image{
	opacity:0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.5s cubic-bezier(0,0,.45,1.5);
	-moz-transition:all 0.5s cubic-bezier(0,0,.45,1.5);
	-o-transition:all 0.5s cubic-bezier(0,0,.45,1.5);
	transition:all 0.5s cubic-bezier(0,0,.45,1.5);
	-webkit-transform-origin:center bottom;
	-moz-transform-origin:center bottom;
	-o-transform-origin:center bottom;
	transform-origin:center bottom;
}
body.ready .ymaps-2-1-29-image{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.touch .mainvideo video{display:none !important;}


.icoabout{
	position:absolute;
	z-index:5;
	right:-50px;
	top:-80px;
	width:200px;
	height:200px;
	overflow:hidden;
}
.icoabout div{
	width:200px;
	height:200px;
	background:no-repeat 0 0;
}


@-webkit-keyframes icovid{	
	0%{background-position:0 0,0 8000px;}
	100%{background-position:0 -16000px,0 -8000px;}
}
@-moz-keyframes icovid{	
	0%{background-position:0 0,0 8000px;}
	100%{background-position:0 -16000px,0 -8000px;}
}
@-o-keyframes icovid{	
	0%{background-position:0 0,0 8000px;}
	100%{background-position:0 -16000px,0 -8000px;}
}
@keyframes icovid{	
	0%{background-position:0 0,0 8000px;}
	100%{background-position:0 -16000px,0 -8000px;}
}
.icovideo{
	height:135px;
	top:-35px;
	right:20px;
}
.icovideo div{
	background-image:url(../images/animvid1.png),url(../images/animvid2.png);
	background-position:0 -8000px,0 0;
	margin:-40px 0 0 0;

}
.icoabout.icovideo div:hover{
	animation:icovid 2s steps(80) infinite;
	-webkit-animation:icovid 2s steps(80) infinite;
	-moz-animation:icovid 2s steps(80) infinite;
	-o-animation:icovid 2s steps(80) infinite;
	-webkit-animation-delay:-1s;
	-moz-animation-delay:-1s;
	-o-animation-delay:-1s;
	animation-delay:-1s;
}




@-webkit-keyframes icomot{	
	0%{background-position:0 0,0 7400px;}
	100%{background-position:0 -14800px,0 -7400px;}
}
@-moz-keyframes icomot{	
	0%{background-position:0 0,0 7400px;}
	100%{background-position:0 -14800px,0 -7400px;}
}
@-o-keyframes icomot{	
	0%{background-position:0 0,0 7400px;}
	100%{background-position:0 -14800px,0 -7400px;}
}
@keyframes icomot{	
	0%{background-position:0 0,0 7400px;}
	100%{background-position:0 -14800px,0 -7400px;}
}
.icomotion{
	height:140px;
	top:-25px;
	right:0;
}
.icomotion div{
	background-image:url(../images/animmot1.png),url(../images/animmot2.png);
	background-position:0 -7400px,0 0;
	margin:-35px 0 0 0;

}
.icoabout.icomotion div:hover{
	animation:icomot 2s steps(74) infinite;
	-webkit-animation:icomot 2s steps(74) infinite;
	-moz-animation:icomot 2s steps(74) infinite;
	-o-animation:icomot 2s steps(74) infinite;
	-webkit-animation-delay:-1s;
	-moz-animation-delay:-1s;
	-o-animation-delay:-1s;
	animation-delay:-1s;
}





@-webkit-keyframes icoint{	
	0%{background-position:0 0,0 9400px;}
	100%{background-position:0 -18800px,0 -9400px;}
}
@-moz-keyframes icoint{	
	0%{background-position:0 0,0 9400px;}
	100%{background-position:0 -18800px,0 -9400px;}
}
@-o-keyframes icoint{	
	0%{background-position:0 0,0 9400px;}
	100%{background-position:0 -18800px,0 -9400px;}
}
@keyframes icoint{	
	0%{background-position:0 0,0 9400px;}
	100%{background-position:0 -18800px,0 -9400px;}
}
.icoint{
	height:135px;
	top:-25px;
	right:-70px;
}
.icoint div{
	background-image:url(../images/animint1.png),url(../images/animint2.png);
	background-position:0 -9400px,0 0px;
	margin:-35px 0 0 0;

}
.icoabout.icoint div:hover{
	animation:icoint 2s steps(94) infinite;
	-webkit-animation:icoint 2s steps(94) infinite;
	-moz-animation:icoint 2s steps(94) infinite;
	-o-animation:icoint 2s steps(94) infinite;
	-webkit-animation-delay:-1s;
	-moz-animation-delay:-1s;
	-o-animation-delay:-1s;
	animation-delay:-1s;
}

.awwlink{
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	border:none;
}


/* adaptive */
@media only screen and (max-height: 800px){
	.videoName h2, .videoName .h2div{font-size:48px;}
	.pList strong{font-size:18px;}
	.pList small{font-size:14px;}
	.pList .moreBtn{font-size:13px;padding:5px 10px;}
	.pageHead{height:550px;}
	.pageHeadBot{margin-top:-80px;}
}

@media only screen and (max-height: 700px){
	.videoName h2, .videoName .h2div{font-size:48px;}
	#soclinks li{
		display:inline-block;
		padding:5px;
	}
	#menublock{margin-top:-80px;}
	.pageHead{height:500px;}
}



@media only screen and (max-width: 1100px){
	#prjNav h6, #prjNav .h6div{width:auto;}
	.pList strong{font-size:18px;}
	.pList small{font-size:14px;}
	.pList .moreBtn{font-size:13px;padding:5px 10px;}
	.textAbout h2, .textAbout .h2div{text-indent:0;}	
	.icoint{right:-40px;top:-60px;}
	.icovideo{right:0;}
	.icomotion{right:-30px;}
	.aboutCol.aboutCol1{margin-top:-40px;}
	.aboutCol.aboutCol2{margin-top:-80px;}
	.pVideo iframe{height:480px !important;}
}

@media only screen and (max-width: 950px){
	.socLinks3{width:30%;box-sizing:border-box;}
	.pPart li{width:100%;}
	.pTextCol{box-sizing:border-box;width:65%;}
	.touch .mainvideo video{
		left:-50% !important;
		top:-50% !important;
		width:200% !important;
		height:200% !important;
	}
	.icovideo{top:-50px;right:-30px;}
	.icomotion{top:-60px;}

}

@media only screen and (max-width: 900px){
	.videoName h2, .videoName .h2div{font-size:48px;}
	#sNav{padding:0;}
	#sNav h2, #sNav .h2div{margin-left:20px;}
	.aboutCol{padding-left:20px;padding-right:20px;}
	.aboutCol.aboutCol1{padding-left:10px;padding-right:10px;}
	.icoabout{z-index:1;}
	.cList li{width:25%;}
	.pVideo iframe{height:350px !important;}
}


/* mobile */
@media only screen and (max-height: 600px),only screen and (max-width: 650px){
	#logo{padding:10px 0 0 0;}
	header{width:60px;}
	header.current{
		width:100%;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:auto;
}
	#lang li{padding:10px 0 0 0;}
	#lang{padding:0 0 20px 0;}
	#menublock{
		position:relative;
		z-index:1;
		top:0;
		margin:0;
	}
	#menu li{padding:10px 0 0 0;}
	#menuhide{position:fixed;}
	#menu{padding:0 0 30px 0;}

	#header{height:100%;}
	.hPhone small{padding:7px 0 0 0;}
	#menuhide{left:0px;}
	.mainvideo video{display:none;}
	.videoName h2, .videoName .h2div{font-size:20px;}
	
	.mainvideo.v1size>li.video1 .videomask{opacity:1;}
	.mainvideo.v2size>li.video2 .videomask{opacity:1;}
	.mainvideo.v3size>li.video3 .videomask{opacity:1;}
	#jshelp{display:none;}
	.videoName{
		left:0;
		bottom:auto !important;
		top:0 !important;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	.videoNameBlock{
		position:absolute;
		z-index:10;
		left:0;
		top:50%;
		width:100%;
		box-sizing:border-box;
		padding:0 0 0 0;
		-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
	}
	.video1 .videoNameBlock{top:60%;}
	.video1 .videoName:hover .videoNameBlock{top:50%;}
	
	.video2 .videoNameBlock{top:40%;}
	.video2 .videoName:hover .videoNameBlock{top:20%;}
	.video2 .videoName:hover #word2{position:relative;z-index:1;left:-10px;}
	.video3 .videoNameBlock{top:20%;}
	.video3 .videoName:hover .videoNameBlock{top:20%;}
	.videoName h2, .videoName .h2div{padding:0 0 15px 0;}
	.videomask{display:none;}
	.mainvideo>li{background:no-repeat center center;background-size:cover;}
	.mainvideo>li.video1{background-image:url(../images/home/1.png);}
	.mainvideo>li.video2{background-image:url(../images/home/2.png);}
	.mainvideo>li.video3{background-image:url(../images/home/3.png);}

	#sNav{height:30px;margin:0;line-height:30px;text-align:right;box-sizing:border-box;}
	#sNav h2, #sNav .h2div{line-height:30px;font-size:16px;margin-left:0;}
	#sNav .prev, #sNav .next, #photoNav .prev, #photoNav .next, #prjNav .prev, #prjNav .next{padding:0 10px;margin:0;}
	.loader{
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-o-transform:scale(0.5);
		-ms-transform:scale(0.5);
		transform:scale(0.5);		
	}
	#mphone{width:auto !important;height:auto !important;padding:30px;}
	#mrocket{width:auto !important;height:auto !important;padding: 90px 20px 45px 20px;}
/*	.fancybox-close{right:0;top:0;}*/
	#mphone span{font-size:30px;padding:0 0 15px 0;}
	#mphone a, #page404 a{font-size:18px;}
	.fancy-phone{margin:0 0 0 25px;}
	#formmodal{padding:30px;width:300px;}
	#formmodal h2, #formmodal .h2div{font-size:20px;padding:0 0 15px 0;}

	#formmodal .form form{width:100%;}
	.form input[type="text"], .form input[type="email"], .form textarea{padding:10px 10px;}

	.pageHead{height:340px;}
	.siteWidth{padding:0 20px;}
	h1, .h1div{font-size:30px;padding:0 0 0 0;white-space:nowrap;}
	.pageHead p{padding:0;white-space:normal;width:100%;}
	.pageHead .siteWidth{padding-bottom:20px;}
	.pTextCol{padding:0 0 20px 0;}
	.pTextCol h2, .pTextCol .h2div{margin:0;}
	.socLinks3{width:100%;margin:0;padding:0;}
	.socLinks3:after{top:45px;}
	.pPart{padding:40px 0 20px 0;}
	.pPart li{width:49%;}
	.pTextCol{width:100%;padding:0 0 30px 0;float:none;clear:both;}
	.pageHeadBot{margin-top:-150px;}
	.pageHeadBot.pageHeadBot2{margin-top:-80px;}
	.pVideo iframe{height:250px !important;}
	.pVideo{padding:0 0 30px 0;}
	#photoNav, #prjNav{font-size:18px;line-height:normal;padding:0 0 10px 0;}
	.pTextCol.pTextCol2{padding-top:0;}
	.pGray{margin:0 0 70px 0;}
	.socLinks3.socLinks4{margin-top:0;}
	.form form{width:auto;}
	.form label.error{display:none !important;}

	#prjNav{text-align:left;}
	#prjNav h6, #prjNav .h6div{margin-top:4px;}
	#prjList .pList li{width:240px;height:150px;}
	#prjList .pList li a{line-height:150px;}
	.linkBack{width:40px;height:40px;margin-bottom:-1px;}
	.portLink{width:30px;height:30px;margin-left:10px;}
	#portNav{margin-top:-50px;}
	
	.aboutCol,.aboutCol.aboutCol1,.aboutCol.aboutCol2{width:100%;padding:0 0 20px 0;margin:0;}
	.textAbout h2, .textAbout .h2div{text-indent:0px;}
	a.fileLink{padding:20px 20px 20px 60px;float:left;margin-top:-120px;}
	.fileIco{left:15px;top:25px;}
	
	.socLinks2{width:130px;float:none;margin:-110px 0 50px 0;padding-bottom:10px;}
	.sound{top:0;position:relative;margin:0 auto 10px auto;left:0;}
	#menublock{font-size:18px; margin-top: 70px;}
	article{border-left-width:60px;}
	
	.sound{display:none;}
	
	#pageprlx div#map{height:150%;}
	.fancybox-overlay{z-index:150;}
	
	.icoabout{
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-otransform:scale(0.5);
		transform:scale(0.5);
		left:auto;
		right:-100px;
		top:-180px;
	}
	.icoint{
		right:-75px;
		top:-55px;
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-otransform:scale(0.5);
		transform:scale(0.5);
	}
	.cList li{width:33.333%;}
	
	.icomotion{top:-55px;right:-75px;}
	.icovideo{top:-60px;right:-75px;}
	.awwlink img{display:block;width:30px;height:auto;}

	
}
@media only screen and (max-height: 730px) and (min-height: 450px) {
    .rating-link {display: none;}
}
@media only screen and (max-height: 450px){
	.hPhone{position:relative;left:0;margin:0 auto;padding:20px 0 10px 0;bottom:0;}
	.video2 .videoNameBlock{top:30%;}
	.video2 .videoName:hover .videoNameBlock{top:15%;}
	#jshelp2{display:block;}
	
}
@media only screen and (max-height: 350px){
	#lang li{display:inline-block;font-size:9px;margin:0 2px;}
	#logo{padding:0;}
	header.current #logo{padding-top:10px;}
	#lang{padding:0 0 10px 0;}
}

@media only screen and (max-width: 500px){
	.videoName h2, .videoName .h2div{font-size:20px;}
	#mphone span{font-size:22px;}
	#mphone a, #page404 a{font-size:16px;padding:5px 10px;}
	#formmodal{padding:20px;width:210px;}
	.pVideo iframe{height:150px !important;}
	h1, .h1div{font-size:20px;padding:0 0 5px 0;}
	.pageHead p{font-size:12px;line-height:normal;}
	.contItem li{width:100%;}
	#pageprlx div{background-position:center bottom;}
	.cList li{width:50%;}
	.cList a{height:60px;line-height:40px;padding:10px;}
	.cList a img{max-height:40px;width:auto;}

}

@media only screen and (max-width: 400px){
	#prjNav h6, #prjNav .h6div{font-size:8px;margin-top:10px;}
	.contItem li{width:100%;text-align:left;}
	.pList strong{padding:5px 0 5px 0;}
	.contItem{padding-bottom:20px;padding-left:20px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px;
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px;
	}
	.fancybox-close{
		background-image:url(../images/close2x.png);
		background-size:17px 17px;
	}
	.fancybox-prev span {
		background-image:url(../images/fancyprev2x.png);
		background-size:17px 17px;
	}
	
	.fancybox-next span {
		background-image:url(../images/fancynext2x.png);
		background-size:17px 17px;
	}
	
}
.dashed-popup {
	display: block;
	font-family: 'proxima_nova_ltlight';
	font-size:14px;
	display:block;
	width:145px;
	height:24px;
	color:#000 !important;
	text-align:center;
	background:#7f7f7f;
	cursor:pointer;
	border: 1px solid #7f7f7f;
	padding:10px 0 0 0;
	margin: 25px auto 0 auto;
	position:relative;
	z-index:5;
	transform: skew(0deg, -8deg);
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
}
.dashed-popup:hover {
	background-color: #000;
	color:#7f7f7f !important;
	border: 1px solid #7f7f7f;
}
.dashed-popup:active {
	background-color: #000;
	color:#fefefe !important;
	border: 1px solid #fefefe;
}
/* Localized */