/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: default;
    color: #FFFFFF;
}

.disable-hover, .disable-hover *{ pointer-events: none !important;}

#awwwards{
	position: absolute;
	display: block;
	width: 70px;
	height: 105px;
	background-image: url("/media/img/awwwards_honorable_white_right.png");
	background-repeat: no-repeat;
	top: 85px;
	right: 0;
}
@media (max-width: 1000px) {
	#awwwards { display: none; }
}

/*@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=2e6e2e26-e6fc-44ce-97d8-20ec1df06490&fontids=1098156");*/
@font-face{
font-family:"DriverGothicW10-Regular";
src:url("/media/fonts/1098156/8151e927-c345-4af4-9df7-ebed1cc47ae7.eot?#iefix");
src:url("/media/fonts/1098156/8151e927-c345-4af4-9df7-ebed1cc47ae7.eot?#iefix") format("eot"),url("/media/fonts/1098156/3d2599e2-1755-4260-8fdb-dc272d6c7831.woff") format("woff"),url("/media/fonts/1098156/cc9d238f-fbac-41f9-a259-3fc8a12b95f5.ttf") format("truetype"),url("/media/fonts/1098156/cae7f3ab-2efb-46f2-8fa7-e1945571c084.svg#cae7f3ab-2efb-46f2-8fa7-e1945571c084") format("svg");
}

body {
    background-color: #1A110A;
    min-width: 960px;
    /*font: 200 13px/15px DriverGothic, 'Open Sans', Tahoma, Verdana, sans-serif;*/
    font-family: 'DriverGothicW10-Regular';
    font-weight: 100;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 960px;
    min-height: 400px;

    /* temp */
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);

    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    /*-webkit-transform: translateZ(0);*/
}
p, h1 { margin: 0; padding: 0; line-height: auto; font-weight: 100; }
a {
    -o-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -moz-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -khtml-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -webkit-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -ms-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
}

::selection { background: #FEFF3B;color: #000000;text-shadow: none; }
::-moz-selection { background: #FEFF3B;color: #000000;text-shadow: none; }
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

::-webkit-scrollbar { width: 11px; background: #000000; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-track { background: #000000; } 
::-webkit-scrollbar-thumb { background: #908074;
                            -webkit-border-radius: 100px;
                            -moz-border-radius: 100px;
                            border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover { background: #FEFF3B; }


img, fieldset, input, select, button { border: 0; outline: none; }
input, button { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
a:focus { outline: none; }
a:hover { text-decoration: none; }
a { color: #fff;text-decoration: none !important; }
ul,
li { list-style-type: none; }
img { vertical-align: middle;border: 0; }
table { border: 0; border-collapse: collapse; }
table td { padding: 0; vertical-align: top; }
.clearfix { zoom: 1; }
.clearfix:after { content: " "; display: block; height: 0; clear: both;visibility: hidden; }

/* Base layout */
#wrapper {
    min-height:100%;
    position:relative;
    visibility: hidden;
}
#header-wrapper {
    height: 110px;
    padding-top: 10px;
}
#header{
	z-index: 2;
}
#content-wrapper {
    padding-bottom:100px;   /* Height of the footer element */
}
#footer-wrapper {
    height:60px;
    width: 100%;
    position:absolute;
    bottom:0;
}
.centered {
    /*outline: 1px dotted green;*/

    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

#content{
    width: 1000px;
}

#bg-container {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;

    -webkit-backface-visibility: hidden; 
    -webkit-transform: translateZ(0);

    background: url("../img/bg.png") no-repeat #1A110A center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.dots {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/dots.png");
    pointer-events: none;
}


/* Preloader */
#overall-preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	overflow: hidden;
	pointer-events: none;
}

.overall-preloader-line{
	position: absolute;
	height: 36px;
	width: 3000px;
	background-image: url("../img/cross_line.png");
	background-repeat: repeat-x;
	
	left: 50%;
	margin-left: -1500px;
	box-shadow: 0px 0px 4px #000000;
}
.overall-preloader-loading {
	position: absolute;
	width: 300px;
	left: 50%;
	bottom: 42px;
	margin-left: -150px;
	text-align: center;
	font-size: 14px;
	color:#736051;
}






.rect-button { width: 36px; height: 36px; }
.rect-button-hover { z-index: -1; background-color: #FEFF3B; pointer-events: none; }
.rect-button.control { background-color: #908074; }
.rect-button.control.active { background-color: #110904; }

/* temp */
.rect-icon {
    width: 36px;
    height: 36px;
    background: url("../img/icons.png") 0 0 no-repeat;
	pointer-events: none;
}
/* Normal state */
.rect-icon.gallery { background-position: 0px 0px; }
.rect-icon.info { background-position: 0px -36px; }
.rect-icon.inside { background-position: 0px -72px; }
.rect-icon.non-gallery { background-position: 0px -108px; }
.rect-icon.fs { background-position: 0px -144px; }
.rect-icon.pt { background-position: 0px -180px; }
.rect-icon.share { background-position: 0px -216px; }
.rect-icon.fb { background-position: 0px -252px; }
.rect-icon.tw { background-position: 0px -288px; }
.rect-icon.vk { background-position: 0px -324px; }
.rect-icon.tum { background-position: 0px -360px; }
.rect-icon.en { background-position: 0px -396px; }
.rect-icon.ru { background-position: 0px -432px; }

.rect-icon.close { background-position: 0px -468px; }

.rect-icon.gallery.active { background-position: -36px 0px; }
.rect-icon.info.active  { background-position: -36px -36px; }
.rect-icon.inside.active  { background-position: -36px -72px; }
.rect-icon.non-gallery.active  { background-position: -36px -108px; }
.rect-icon.fs.active  { background-position: -36px -144px; }
.rect-icon.pt.active  { background-position: -36px -180px; }
.rect-icon.share.active { background-position: -36px -216px; }
.rect-icon.fb.active  { background-position: -36px -252px; }
.rect-icon.tw.active  { background-position: -36px -288px; }
.rect-icon.vk.active  { background-position: -36px -324px; }
.rect-icon.tum.active  { background-position: -36px -360px; }
.rect-icon.en.active { background-position: -36px -396px; }
.rect-icon.ru.active { background-position: -36px -432px; }

.rect-icon.close.active { background-position: -36px -468px; }

/* Header */
/*#header-logo { position: absolute; width:280px; height:67px; background: url("../img/cp_logo.png") 0 0 no-repeat; cursor: pointer; }*/
#header-logo {
    position: absolute;
    width:284px;
    height:74px;
    background: url("../img/logo_animation.png") 0 0 no-repeat;
    cursor: pointer;
    -o-transition: none;
    -moz-transition: none;
    -khtml-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    transition: none;
}
.header-menu { position: absolute; left: 330px; top: 20px; margin: 0; padding: 0; white-space: nowrap; }
.header-menu li { 
    position: relative;
    float: left;
    display: block;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 40px;
    padding-right: 40px;
    list-style: none;
}

.header-controls {
    position: absolute;
    right: 0;
    top: 20px;
}

#header-selection{
    position: absolute;
    height: 36px;
    background-color: #908074;
    top: 20px;
    z-index: -1;
}

.header-menu li:last-child { margin-right: 0; }
.header-menu li { font-size: 18px;}
.header-menu li.selected{ color: #FFFFFF; background-color: #908074; }
.header-menu li a{color: #FFFFFF;}
.header-menu li a:hover { color: #FEFF3B; }
.header-menu li.active {
    /*pointer-events: none;*/
}
.header-menu li.active a{
    color: #FFFFFF;
    /*pointer-events: none;*/
}
/* Footer */
/* footer elements */
.copyright, .made-by, .showreels { position:absolute; display:block; font-size:13px; color:#736051; }
.copyright { left:-16px; }
.showreels {width: 300px; left: 50%; margin-left: -150px; text-align: center; }
.made-by { right: 0; }
.made-by a { position:relative; display:inline-block; width:38px; height:10px; top:0px; background:url("../img/wow.png") 0 0 no-repeat; }

a.pseudolink {
	margin-left: 4px;
	margin-right: 4px;
	color:#FFFFFF;
	border-bottom: 1px dotted #736051;
	cursor: pointer;
}
a.pseudolink:hover {
	color: #FEFF3B;
	border-bottom: 1px dotted #FEFF3B;
}
/* Text expand classes */
.text-expand-word {
    position: absolute;
    color: #FFFFFF;
    font-size: 34px;
    line-height: 1;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.text-expand-word.yellow{
    color: #FEFF3B;
}
.text-expand-word.list{
    position: absolute;
    color: #FEFF3B;
    font-size: 28px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-shadow: none;
}
.text-expand-word.list.trigger{
    padding-left: 5px;
    padding-right: 5px;
	height: 33px;
}
.text-expand-word.list-start{
    position: absolute;
    color: #FEFF3B;
    font-size: 28px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-shadow: none;
    padding-left: 35px;

    background-image: url("../img/list-cross.png");
    background-repeat: no-repeat;
    background-position: 10px 4px;
}

.text-expand-word.trigger {
    color: #000000;
    cursor: ew-resize;
    /*background-color: #FEFF3B;*/
	height: 39px;
    text-shadow: none;
    padding-left: 10px;
    padding-right: 10px;
	background-image: url("../img/expand_word_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}

.text-expand-word.trigger:hover { background-color: #FEFF3B; }

.text-expand-word.link {
    position: absolute;
    font-size: 35px;
    overflow: hidden;
    white-space: nowrap;
    color: #FEFF3B;
    border-bottom: 2px solid #FEFF3B;
    padding-left: 3px;
    padding-right: 3px;
	padding-bottom: 3px;
}
.text-expand-word.link:hover { background-color: #FEFF3B; color: #000000; text-shadow: none; }

.text-expand-list-text-container {
    color: #736051;
    line-height: 1.5;
    font-size: 18px;
    padding-left: 34px;
	padding-bottom: 15px;
}

/* image */
img.text-expand-image {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
}
/* Icons */
/*
span.text-expand-icon {position: absolute; width: 20px; height: 20px; background: url("../img/text_icons.png") 0 0 no-repeat;  }
span.text-expand-icon.film { background-position: 0px 0px; }
span.text-expand-icon.lots { background-position: 0px -20px; }
span.text-expand-icon.love { background-position: 0px -40px; }
span.text-expand-icon.photo { background-position: 0px -60px; }
span.text-expand-icon.feel { background-position: 0px -80px; }
span.text-expand-icon.star { background-position: 0px -100px; }
span.text-expand-icon.car { background-position: 0px -120px; }
*/
span.text-expand-icon { margin-top:0px; margin-left:0px; position: absolute; background: url("../img/text_icons.png") 0 0 no-repeat; }

span.text-expand-icon.award       { background-position: -10px -10px;   width: 21px; height: 22px; margin-left: 0px;}
span.text-expand-icon.ball        { background-position: -41px -10px;   width: 12px; height: 23px; margin-left: 0px;}
span.text-expand-icon.bowtie      { background-position: -63px -10px;   width: 18px; height: 16px; margin-left: 0px;}
span.text-expand-icon.camera      { background-position: -91px -10px;   width: 16px; height: 13px; margin-left: 0px;}
span.text-expand-icon.car         { background-position: -117px -10px;  width: 20px; height: 20px; margin-left: 0px;}
span.text-expand-icon.cards       { background-position: -147px -10px;  width: 18px; height: 18px; margin-left: 0px;}
span.text-expand-icon.chemistry   { background-position: -175px -10px;  width: 13px; height: 18px; margin-left: 0px;}
span.text-expand-icon.clock       { background-position: -198px -10px;  width: 9px; height: 20px; margin-left: 0px;}
span.text-expand-icon.cogwheel    { background-position: -217px -10px;  width: 16px; height: 16px; margin-left: 0px;}
span.text-expand-icon.compass     { background-position: -243px -10px;  width: 17px; height: 17px; margin-left: 0px;}
span.text-expand-icon.cross       { background-position: -270px -10px;  width: 12px; height: 12px; margin-left: 0px;}
span.text-expand-icon.diamond     { background-position: -10px -43px;   width: 15px; height: 14px; margin-left: 0px;}
span.text-expand-icon.feel        { background-position: -35px -43px;   width: 20px; height: 20px; margin-left: 0px;}
span.text-expand-icon.flash       { background-position: -65px -43px;   width: 13px; height: 21px; margin-left: 0px;}
span.text-expand-icon.gamepad     { background-position: -88px -43px;   width: 21px; height: 15px; margin-left: 0px;}
span.text-expand-icon.goblet      { background-position: -119px -43px;  width: 17px; height: 17px; margin-left: 0px;}
span.text-expand-icon.horseshoe   { background-position: -146px -43px;  width: 17px; height: 18px; margin-left: 0px;}
span.text-expand-icon.jacket      { background-position: -173px -43px;  width: 17px; height: 17px; margin-left: 0px;}
span.text-expand-icon.lamp        { background-position: -200px -43px;  width: 14px; height: 21px; margin-left: 0px;}
span.text-expand-icon.letter-a    { background-position: -224px -43px;  width: 15px; height: 16px; margin-left: 0px;}
span.text-expand-icon.like        { background-position: -249px -43px;  width: 18px; height: 16px; margin-left: 0px;}
span.text-expand-icon.love        { background-position: -10px -74px;   width: 20px; height: 20px; margin-left: -5px;}
span.text-expand-icon.map         { background-position: -40px -74px;   width: 13px; height: 17px; margin-left: 0px;}
span.text-expand-icon.ornament    { background-position: -63px -74px;   width: 17px; height: 16px; margin-left: 0px;}
span.text-expand-icon.paint       { background-position: -90px -74px;   width: 15px; height: 16px; margin-left: 0px;}
span.text-expand-icon.people      { background-position: -115px -74px;  width: 19px; height: 18px; margin-left: 0px;}
span.text-expand-icon.percent     { background-position: -144px -74px;  width: 23px; height: 12px; margin-left: 0px;}
span.text-expand-icon.photo       { background-position: -177px -74px;  width: 19px; height: 12px; margin-left: 1px;}
span.text-expand-icon.pirates     { background-position: -201px -74px;  width: 15px; height: 20px; margin-left: 0px;}
span.text-expand-icon.plane       { background-position: -226px -74px;  width: 16px; height: 16px; margin-left: 0px;}
span.text-expand-icon.play        { background-position: -252px -74px;  width: 11px; height: 14px; margin-left: 0px;}
span.text-expand-icon.pov         { background-position: -273px -74px;  width: 14px; height: 12px; margin-left: 0px;}
span.text-expand-icon.pumpkin     { background-position: -10px -104px;  width: 18px; height: 16px; margin-left: 0px;}
span.text-expand-icon.rabbit      { background-position: -38px -104px;  width: 18px; height: 21px; margin-left: 0px;}
span.text-expand-icon.road        { background-position: -66px -104px;  width: 12px; height: 24px; margin-left: 0px;}
span.text-expand-icon.shovel      { background-position: -88px -104px;  width: 8px; height: 23px;  margin-left: 0px;}
span.text-expand-icon.snowflake   { background-position: -106px -104px; width: 17px; height: 18px; margin-left: 0px;}
span.text-expand-icon.star        { background-position: -133px -104px; width: 20px; height: 20px; margin-left: 0px;}
span.text-expand-icon.stripes     { background-position: -163px -104px; width: 15px; height: 21px; margin-left: 0px;}
span.text-expand-icon.sun         { background-position: -188px -104px; width: 17px; height: 17px; margin-left: 0px;}
span.text-expand-icon.thermometer { background-position: -215px -104px; width: 12px; height: 21px; margin-left: 0px;}
span.text-expand-icon.tools       { background-position: -237px -104px; width: 17px; height: 17px; margin-left: 0px;}
span.text-expand-icon.travaller   { background-position: -264px -104px; width: 13px; height: 22px; margin-left: 0px;}
span.text-expand-icon.two-sides   { background-position: -10px -138px;  width: 12px; height: 15px; margin-left: 0px;}
span.text-expand-icon.weather     { background-position: -32px -138px;  width: 19px; height: 20px; margin-left: 0px;}
span.text-expand-icon.weight      { background-position: -61px -138px;  width: 14px; height: 17px; margin-left: 0px;}
span.text-expand-icon.worker      { background-position: -85px -138px;  width: 19px; height: 16px; margin-left: 0px;}

/* added */
span.text-expand-icon.run       { background-position: -10px  -170px; width: 18px; height: 20px; margin-left: 0px; }
span.text-expand-icon.fish      { background-position: -40px  -170px; width: 9px;  height: 24px; margin-left: 0px; }
span.text-expand-icon.starship  { background-position: -60px  -170px; width: 18px; height: 20px; margin-left: 0px; }
span.text-expand-icon.call      { background-position: -90px  -170px; width: 15px; height: 17px; margin-left: 0px; }
span.text-expand-icon.balloon   { background-position: -120px -170px; width: 17px; height: 17px; margin-left: 0px; }
span.text-expand-icon.check     { background-position: -150px -170px; width: 19px; height: 14px; margin-left: 0px; }
span.text-expand-icon.yoga      { background-position: -180px -170px; width: 17px; height: 17px; margin-left: 0px; }
span.text-expand-icon.ufo       { background-position: -210px -170px; width: 17px; height: 14px; margin-left: 0px; }
span.text-expand-icon.galaxy    { background-position: -240px -170px; width: 16px; height: 17px; margin-left: 0px; }
span.text-expand-icon.close-2   { background-position: -270px -170px; width: 14px; height: 14px; margin-left: 0px; }
span.text-expand-icon.power     { background-position: -10px  -200px; width: 13px; height: 14px; margin-left: 0px; }
span.text-expand-icon.ghost     { background-position: -60px  -200px; width: 14px; height: 16px; margin-left: 0px; }
span.text-expand-icon.cut       { background-position: -90px  -200px; width: 16px; height: 16px; margin-left: 0px; }
span.text-expand-icon.bull      { background-position: -120px -200px; width: 16px; height: 17px; margin-left: 0px; }


/* expands-container */
#expands-container {
    width: 100%;
    position: relative;
	/*position: absolute;
	overflow: hidden;*/
	display: none;
}

/* Controls */
.controls-container { display: inline-block; }
.controls-container.two-lined .control:nth-of-type(1) { clear: both; }
.control { position: relative; float: left; margin-right: 10px; }
.control:last-child {margin-right: 0;}
.rectangle-block { outline: 1px solid rgba(0,0,0,0.5); width: auto; height: auto; max-width: 620px; position: absolute; padding-left: 15px; padding-bottom: 10px; padding-right: 15px; padding-top: 15px; background: rgba(0, 0, 0, 0.4); }


.controls-text { position: relative; display: block; float: left; line-height: 36px; margin-right: 10px; color: #FEFF3B; }

.share-block{ top: -110px; left: -107px; width: 250px; }

.download-portfolio { margin-left: 30px; }
.download-portfolio a{ color: #FEFF3B; border-bottom: 1px solid #FEFF3B; display: block; line-height: 100%; }
.download-portfolio a:hover{ color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.download-portfolio p{ color: #FFFFFF; font-size: 16px; }

.close-button { cursor: pointer; position: relative; width: 21px; height: 21px; float: right; background: url("../img/close.png") 0 0 no-repeat;}

.project-controls-block { position: absolute; right: 0; top: -10px; display: none;}
/* Portfolio / Projects */
/* Left - right buttons */

.scroll-button {
    position: absolute;
    top: 0;
    width: 5%;
    height: 100%;
    cursor: pointer;
	display: none;
}
.scroll-button.left{ left: 0; }
.scroll-button.right{ right: 0; }

.arrow{
    position: absolute;
    width: 27px;
    height: 84px;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -14px;
    background-repeat: no-repeat;
    background-image: url("../img/arrows.png");
}
.scroll-button.left .arrow.left { background-position: 0px 0px; }
.scroll-button.left:hover .arrow.left { background-position: -30px 0px; }
.scroll-button.right .arrow.right { background-position: -60px 0px; }
.scroll-button.right:hover  .arrow.right{ background-position: -90px 0px; }

#project-fs-close{
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 3;
}

#click-capturer{
	position: fixed;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
}

/* image container */
#image-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
#image-container img { position: absolute;top: 0;left: 0; }



#project-info-block { top: 30%; left: 0; width: auto; max-width: 620px; overflow: hidden; min-width: 345px; padding-bottom: 50px;}
#project-info-controls { position: absolute; /*bottom: 10px;*/ top: 70px; }

.project-name{ font-size: 36px; color: #FEFF3B; margin-right: 30px; white-space: nowrap; }
.project-description { font-size: 18px; color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; line-height: 200%; }


#projects-block{
    position: absolute;
    left: 50px;
}

.project-preview-container{
    position: absolute;
    width: 280px;
    height: 180px;
    background-color: #FFFFFF;
}
.project-preview-name {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
    pointer-events: none;
}
.project-preview-name p{
    font-size: 22px;
    color: #FFFFFF;
    padding: 10px;
}
.project-preview-hover-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 180px;
    background-color: #FEFF3B;
}
.portfolio-container{
    position: absolute;
    width: 100%;
    top: -130px; /* compensate header height */

	display: none;
}

.image-preloader {
    position: absolute;
    width: 0%;
    height: 10px;
    bottom: 0;
    background-color: #FEFF3B;
}


.agency-team-arrow-down {
    background: url("../img/arrow_down.png") no-repeat center center;
    height: 28px;
    width: 80px;
    margin-left: -40px;
    top: 320px;
    left: 50%;
    position: absolute;
    cursor: pointer;
}

.agency-worksmap-point{
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #FEFF3B;
    cursor: pointer;
}
.agency-worksmap-point.russian {
    background-color: #FFFFFF;
}
.agency-worksmap-point-hover{
    position: absolute;
    width: auto;
    height: 36px;
    background: url("../img/map_title.png") no-repeat left top;
    white-space: nowrap;
    color: #000000;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-shadow: none;
    z-index: 1;
}

.agency-reelblock-play-button {
    position: absolute;
    width: 77px;
    height: 89px;
    background: url("../img/icon_play.png") no-repeat left top;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -45px;
}

#logo-404{
	position: absolute;
	width:284px;
	height:74px;
	left: 50%;
	top: 10px;
	margin-left: -350px;
	background: url("/media/img/logo_animation.png") 0 0 no-repeat;
	cursor: pointer;
	-o-transition: none;
	-moz-transition: none;
	-khtml-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
}
#controls-lang-404{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 315px;
	visibility: hidden;
}
#copyright-404{
	position: absolute;
	left: 50%;
	bottom: 45px;
	margin-left: -350px;
	visibility: hidden;
}
#bg-404{
	position: absolute;
	font-size: 400px;
	color: #0F0B09;
	width: 800px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-top: -270px;
	margin-left: -400px;
	text-align: center;
	pointer-events: none;
	text-shadow: -1px 1px 4px rgba(255,255,255,0.05);
	visibility: hidden;
}
#expands-container-404 {
	position: absolute;
	width: 700px;
	left: 50%;
	margin-top: 120px;
	margin-left: -350px;
}

#reels-container{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #000000;
	visibility: hidden;
}
#reel-frame-container{
	position: absolute;
	top: 58px;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000000;
}
#reel-title{
	position: absolute;
	padding: 10px;
	color: #FFFFFF;
	font-size: 32px;
	background-color: #000000;
}
#reel-close{
	position: absolute;
	top: 10px;
	right: 10px;
}


#bad-browser {
	color: #FFFFFF;
	font-size: 34px;
	line-height: 1.6;
	display: none;
}
#bad-browser a{
	color: #FEFF3B;
	border-bottom: 3px solid #FEFF3B;
	padding-left: 3px;
	padding-right: 3px;
}
#bad-browser a:hover {
	color: #000000;
	background-color: #FEFF3B;
	text-shadow: none;
}

#bad-browser ul{
	margin: 0;
	padding: 0;
	height: 80px;
	display: block;
	position: relative;
	clear: both;
}
#bad-browser ul li{
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	padding-top: 32px;
	padding-right: 25px;
}


.feedback-text{
	padding-left: 20px;
	color: #8E7E72;
	width: 700px;
	left: 200px;
	position: absolute;
	font-size: 16px;
	line-height: 1.7;
}
.feedback-contacts{
	color: #FFFFFF;
	position: absolute;
	font-size: 16px;
	line-height: 1.7;
}
._contacts_label div{
    display:inline-block;
    margin-left: 4px;
    font-size:18px;
    margin-bottom: 9px;
    margin-top:20px;
    color:#908074;
}
input[type="text"]:focus, textarea:focus{
    outline: solid 4px #908074;
}
#_contacts_message_holder input[type='submit']{
    width:266px;
    height:47px;
    background-color: #908074;
    margin-left:15px;

    bottom: 5px;
    font-family:inherit;
    font-size: 35px;
    font-weight: normal;
    color:white;
    position: relative;
}
@-moz-document url-prefix() {
    #_contacts_message_holder input[type='submit']{
    bottom: 2px;
}
}
#_contacts_message_holder input[type='submit']:hover{
    color: #feff3b;
    cursor:pointer;
}
div._contacts_textarea_holder{
    height:130px;
}

#_contacts_message_holder textarea{
    resize:none;
    padding-top: 10px;
    margin-left: 4px;
    width:676px;
    height:122px;
    -o-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -moz-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -khtml-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -webkit-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    -ms-transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
    transition: background 0.15s linear, color 0.15s linear, border 0.15s linear;
}

#_contacts_label_name{
    width: 351px;
}
#_contacts_label_email{
    width: 350px;
}

div.error{
    color:red;
    -webkit-transition:color 0.5s ease;
    -moz-transition:color 0.5s ease;
    -ms-transition:color 0.5s ease;
    -o-transition:color 0.5s ease;
    transition:color 0.5s ease;
}
#_contacts_message_holder input[type='text'],textarea,input[type='submit']{
    padding-left: 11px;
    text-shadow: none;
}
#_contacts_message_name{
    position: absolute;
    width:324px;
    height:45px;
    margin-left:4px;
    -webkit-appearance : none;
    padding-right: 0px;
}
#_contacts_message_email{
    position: absolute;
    width:323px;
    height:45px;
    margin-left: 360px;
    -webkit-appearance : none;
     padding-right: 0px;
}
#_contacts_message_phone{
    position: absolute;
    width:244px;
    height:45px;
    margin-left:714px;
    -webkit-appearance : none;
     padding-right: 0px;
    
}
#_contacts_message_text{
    
}
#_contacts_label_text{
    margin-top: 70px;
    position:relative;
}
input[type="text"]:focus, textarea:focus{
    outline-offset:0px;
    border:1px solid black;
    outline-color: #feff3b;
}
input[type="text"], textarea{
    outline:solid 4px #908074;
    border:1px solid white;
    -webkit-transition:outline-color 0.5s ease;
    -moz-transition:outline-color 0.5s ease;
    -ms-transition:outline-color 0.5s ease;
    -o-transition:outline-color 0.5s ease;
    transition:outline-color 0.5s ease;
    font-family:inherit;
    font-size:26px;
}
input[type="text"].error, textarea.error{
    outline:solid 4px #FF0000;
}
#_contacts_message_name:focus,#_contacts_message_email:focus,#_contacts_message_phone:focus,#_contacts_message_holder textarea:focus{
    outline-offset: 0px;
    border:1px solid black;
    outline-color: #feff3b;
}


#project-fs-close{
 visibility: hidden;
}