#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#999999;z-index:9999999999999999;}
#status {width:340px;height:128px;position:absolute;left:50%;top:50%;background-image: url(i/loader.gif);background-repeat:no-repeat;background-position:bottom center;margin:-64px 0 0 -170px; text-align:center}
.iphone #status img {width:200px; margin:0 auto}

@media screen and (max-width:1366px) {
	#full_desc .container > .wide {width: 70%;}
	#full_desc .container > .narrow {width: 30%;}
}

@media screen and (max-width:1024px) {
	html {-webkit-text-size-adjust: 100%!important;}
	h1, h2, h3, h4, h5, h6 {font-weight: normal!important;}
	#share_window {width: 440px!important; padding: 20px!important; margin-left: -220px!important;}
	#header {display: none;}
	#mobile_header {display: block !important; position: static!important;}
	#mobile_header .forLogo {display: inline-block; padding: 15px 10px 8px 15px;width:150px;}
	#mobile_header .forLogo img {width: 100%;}
	.iphone #mobile_header .forLogo {padding-top: 0; padding-bottom: 0;}
	#mobile_header .forLogo a {display: inline-block;}
	#mobile_header .forLang {float: right; margin-right: 85px; margin-top: 17px; position: relative;}
	#mobile_header .forLang {width: 50px; padding-bottom: 19px;}
	.iphone #mobile_header .forLang {margin-top: 0; padding-bottom: 0;}
	.forLang .modal {position: absolute; top: 100%; right: 0%; z-index: 100; margin-right: 10px; padding: 8px 8px 8px 0; background: #ccc;}
	.forLang .modal:before {content: ""; display: block; height: 0; width: 0; 
	border-style: solid; border-width: 0 6px 8px 6px;
	border-color: transparent transparent #ccc transparent; position: absolute; top: -6px;
	left: 50%; margin-left: -6px;}
	.forLang .modal a {margin-top: 10px;}
	.forLang .modal a:first-child {margin-top: 2px;}
	.forLang .modal .lang {border-bottom: 1px solid #ccc;}
	.forLang span.lang, .forLang .modal a {float: none !important; display: inline-block;}
	#header #logo {background:url(i/logo2.png) no-repeat!important; background-size:contain!important; width:150px !important; margin-top:25px}
	#header table .forLogo {padding-left:20px!important; width:150px!important}
	.topmenu, .forLang {letter-spacing:1px!important; font-size:16px!important}
	.topmenu a {margin:0 10px!important}
	#header table .forLang {padding-right:20px!important; width:100px !important}
	#header .forShare {width: 80px;}
	#header .forShare .img:first-child {margin-left: 0;}
	#header .forShare .img:last-child {margin-right: 0;}
	.forLang img {height:17px; margin-top:0px}
	#icon_cont {margin-top:0px!important}
	#icon_cont img {-moz-transform: rotate(0deg)!important;-webkit-transform: rotate(0deg)!important;-o-transform: rotate(0deg)!important;-ms-transform: rotate(0deg)!important;transform: rotate(0deg)!important;}
	#slides {display:none}
	#slides .pic {width:auto!important; min-height:100%; height:100%!important}
	.flexslider .slides li img {position: static!important; display: block!important;}
	#sm {display:none!important}
	.flexslider {position:relative!important; overflow: visible!important;}
	.iphone .flexslider {display: table !important;}
	.flex-control-nav {display: none!important;}
	.flex-direction-nav {text-align: right; position: absolute; bottom: -65px; right: 2%; margin: 0;}
	.flex-direction-nav li {display: inline-block; margin-left: 10px;}
	.flex-direction-nav a {position: static;}
	#proj_info {display: none;}
	#full_desc {position:static!important; margin-top:0 !important; padding-top: 15px; padding-bottom: 15px;}
	#full_desc:after {display: none;}
	#full_desc .container {width:95%; border-top: none; padding-top: 20px; padding-bottom: 35px; } /*padding-top: 0;*/
	#full_desc .container > .wide, #full_desc .container > .narrow {display: block; width:100%;}
	#full_desc .container > .wide > .narrow, #full_desc .container > .wide > .wide {float: none; width:100%;}
	#full_desc .container > .wide > .narrow {margin-bottom: 3em;}
	#full_desc h1 {border-bottom: 1px solid #dedede; padding-bottom: 10px; z-index: 0;}
	#full_desc #title {margin:20px 0!important}
	#full_desc #text {margin:50px auto 30px auto!important}
	#full_desc #nav .left:after {left: 0px;}
	#full_desc #nav .right:after {right: 0px;}
	#full_desc #nav .left {padding-left: 25px;}
	#full_desc #nav .right {padding-right: 25px;}
	#slides #head {margin-bottom:0!important}
	#pages_cont {top:0 !important}
	.sort {font-size:16px!important; -webkit-transition: all 0s ease!important;-o-transition: all 0s ease!important;-moz-transition: all 0s ease!important; transition: all 0s ease!important; width:90%!important; margin-left:5%!important;}
	.sort .sortLink, .sort .sortLink2, sort .sortLink.show, .sort .sortLink2.show {padding:0 5px!important; opacity:1!important;-webkit-transition: all 0s ease!important;-o-transition: all 0s ease!important;-moz-transition: all 0s ease!important; transition: all 0s ease!important}
	.preview.show:nth-child(3n+1) img, .preview:nth-child(3n+1) img, .preview:nth-child(3n-3) img, .preview:nth-child(3n+2) img {margin-left:0px!important; opacity:1!important}
	.preview {width:50%!important;-webkit-transition: all 0s ease!important;-o-transition: all 0s ease!important;-moz-transition: all 0s ease!important; transition: all 0s ease!important}
	#about #slogan {margin:30px auto 0 auto!important}
	#about #columns {margin:50px auto 70px auto!important}
	#about #team {width:90%!important; margin-left:5%!important}
	#about #team .name span {letter-spacing:1px!important}
	#news_slide .flex-direction-nav .flex-next {right:0px!important}
	#news_slide {padding-top:0px!important; display:none !important}
	#blog #archive {margin-top:60px!important}
	#contacts #for_round {width:100%!important}
	#archive_cont #news .news {width:33%!important; opacity:0.5; -webkit-transition: all 0s ease!important;-o-transition: all 0s ease!important;-moz-transition: all 0s ease!important;transition: all 0s ease!important}
	#archive_cont #news .news .img {width:100%!important}
	#contacts #for_form {width:90%!important}
	.flexslider li img {display: block; position: relative;}
	#footer {position: static; padding-top: 10px; border-top: 1px solid #dedede;}

	#error404 .container {width: 90%;}
	#error404 .error-text > * {padding-left: 0%!important;}
	#error404 .error-text span {font-size: 130px; line-height: 130px;}
	#error404 .error-text p {font-size: 16px; line-height: 20px;}
}

@media only screen and (max-width:736px) {
	h1 {font-size: 1.4em!important; line-height: 1.4em!important;}
	h2, #title {font-size: 1.2em!important; line-height: 1.2em!important;}
	h3, h4, h5, h6 {font-size: 1.1em!important; line-height: 1.1em!important;}
	#sub.show {padding-top: 60px; z-index: 100000;}
	#sub .sprite {margin-right: 10px;}
	#sub .sprite-fb-small:hover {background-position: -311px -5px;}
	#sub .sprite-pin-small:hover {background-position: -33px -70px;}
	#sub #title span {font-size: 0.9em!important;}
	#mobile_header {z-index: 300!important;}
	#mobile_header .forLang {margin-right: 55px;}
	#mobile_header .forLogo {float: left;}
	#icon_cont {margin-bottom: 25px;}
	#full_desc {padding-top: 0;}
	#full_desc h1 {padding-right: 110px;}
	#icon_cont > div {margin:0 0 15px 0!important; height: auto; text-align: left!important;}
}