@import url(../../../../fonts.googleapis.com/css@family=Megrim);
@import 'reset.css';


#pre-loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000
}
#pre-loader.not-ready {
	background:#000
}
#pre-loader>.text {
	position:relative;
	top:50%;
	left:50%;
	margin:-85px -150px;
	width:300px;
	height:160px;
	color:#FFF;
	text-align:center;
	text-transform:lowercase
}
#pre-loader>.text>h1 {
	font:5em 'Megrim', sans-serif
}
#pre-loader .progress-bar>.perc {
	position:relative;
	margin:35px auto 0;
	padding:5px;
	width:55px;
	font:300 1em sans-serif;
	background:#000;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	z-index:10
}
#pre-loader .progress-bar>.line {
	margin-top:-15px;
	min-width:0;
	width:0;
	height:1px;
	background:#FFF
}
#pre-loader>.squares {
	overflow:hidden;
	white-space:nowrap
}
#pre-loader>.squares>ul {
	list-style:none;
	display:block
}
#pre-loader>.squares>ul>li {
	background-color:#000;
	display:inline-block
}
#pre-loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000
}
#pre-loader.not-ready {
	background:#000
}
#pre-loader>.text {
	position:relative;
	top:50%;
	left:50%;
	margin:-85px -150px;
	width:300px;
	height:160px;
	color:#FFF;
	text-align:center;
	text-transform:lowercase
}
#pre-loader>.text>h1 {
	font:5em 'Megrim', sans-serif
}
#pre-loader .progress-bar>.perc {
	position:relative;
	margin:35px auto 0;
	padding:5px;
	width:55px;
	font:300 1em sans-serif;
	background:#000;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	z-index:10
}
#pre-loader .progress-bar>.line {
	margin-top:-15px;
	min-width:0;
	width:0;
	height:1px;
	background:#FFF
}
#pre-loader>.squares {
	overflow:hidden;
	white-space:nowrap
}
#pre-loader>.squares>ul {
	list-style:none;
	display:block
}
#pre-loader>.squares>ul>li {
	background-color:#000;
	display:inline-block
}
.500px {
background:#444 url(../img/icons/500px.png) no-repeat
}
.alistapart {
	background:#222 url(../img/icons/alistapart.png) no-repeat
}
.aboutme {
	background:#00405d url(../img/icons/aboutme.png) no-repeat
}
.aim {
	background:#f2d523 url(../img/icons/aim.png) no-repeat
}
.amazon {
	background:#f90 url(../img/icons/amazon.png) no-repeat
}
.amazonwishlist {
	background:#f90 url(../img/icons/amazonwishlist.png) no-repeat
}
.android {
	background:#a4c639 url(../img/icons/android.png) no-repeat
}
.angellist {
	background:#000 url(../img/icons/angellist.png) no-repeat
}
.appdotnet {
	background:#898d90 url(../img/icons/appdotnet.png) no-repeat
}
.apple {
	background:#b9bfc1 url(../img/icons/apple.png) no-repeat
}
.audioboo {
	background:#ae006e url(../img/icons/audioboo.png) no-repeat
}
.aws {
	background:#f90 url(../img/icons/aws.png) no-repeat
}
.basecamp {
	background:#66ad4e url(../img/icons/basecamp.png) no-repeat
}
.bebo {
	background:#ee1010 url(../img/icons/bebo.png) no-repeat
}
.behance {
	background:#1769ff url(../img/icons/behance.png) no-repeat
}
.bitbucket {
	background:#205081 url(../img/icons/bitbucket.png) no-repeat
}
.blip {
	background:#ff1919 url(../img/icons/blip.png) no-repeat
}
.blogger {
	background:#f57d00 url(../img/icons/blogger.png) no-repeat
}
.bootstrap {
	background:#08c url(../img/icons/bootstrap.png) no-repeat
}
.codepen {
	background:#231f20 url(../img/icons/codepen.png) no-repeat
}
.codeschool {
	background:#c68044 url(../img/icons/codeschool.png) no-repeat
}
.codecademy {
	background:#08c url(../img/icons/codecademy.png) no-repeat
}
.coderbits {
	background:#f16522 url(../img/icons/coderbits.png) no-repeat
}
.coderwall {
	background:#3e8dcc url(../img/icons/coderwall.png) no-repeat
}
.conservatives {
	background:#0087dc url(../img/icons/conservatives.png) no-repeat
}
.coursera {
	background:#3a6d8e url(../img/icons/coursera.png) no-repeat
}
.css3 {
	background:#0092bf url(../img/icons/css3.png) no-repeat
}
.delicious {
	background:#3274d1 url(../img/icons/delicious.png) no-repeat
}
.designernews {
	background:#1c52a2 url(../img/icons/designernews.png) no-repeat
}
.deviantart {
	background:#4b5d50 url(../img/icons/deviantart.png) no-repeat
}
.digg {
	background:#14589e url(../img/icons/digg.png) no-repeat
}
.disqus {
	background:#2e9fff url(../img/icons/disqus.png) no-repeat
}
.dribbble {
	background:#ea4c89 url(../img/icons/dribbble.png) no-repeat
}
.dropbox {
	background:#2281cf url(../img/icons/dropbox.png) no-repeat
}
.drupal {
	background:#0077c0 url(../img/icons/drupal.png) no-repeat
}
.ebay {
	background:#0064d2 url(../img/icons/ebay.png) no-repeat
}
.envato {
	background:#528036 url(../img/icons/envato.png) no-repeat
}
.eventstore {
	background:#6ba300 url(../img/icons/eventstore.png) no-repeat
}
.eventbrite {
	background:#f3844c url(../img/icons/eventbrite.png) no-repeat
}
.evernote {
	background:#6bb130 url(../img/icons/evernote.png) no-repeat
}
.exfm {
	background:#0097f8 url(../img/icons/exfm.png) no-repeat
}
.facebook {
	background:#3b5998 url(../img/icons/facebook.png) no-repeat
}
.flattr {
	background:#f67c1a url(../img/icons/flattr.png) no-repeat
}
.flickr {
	background:#0063db url(../img/icons/flickr.png) no-repeat
}
.formspring {
	background:#0076c0 url(../img/icons/formspring.png) no-repeat
}
.forrst {
	background:#5b9a68 url(../img/icons/forrst.png) no-repeat
}
.foursquare {
	background:#2398c9 url(../img/icons/foursquare.png) no-repeat
}
.geeklist {
	background:#8cc63e url(../img/icons/geeklist.png) no-repeat
}
.github {
	background:#4183c4 url(../img/icons/github.png) no-repeat
}
.gmail {
	background:#dd4b39 url(../img/icons/gmail.png) no-repeat
}
.goodreads {
	background:#5a471b url(../img/icons/goodreads.png) no-repeat
}
.google {
	background:#245dc1 url(../img/icons/google.png) no-repeat
}
.googleplus {
	background:#d14836 url(../img/icons/googleplus.png) no-repeat
}
.govuk {
	background:#231f20 url(../img/icons/govuk.png) no-repeat
}
.gravatar {
	background:#1e8cbe url(../img/icons/gravatar.png) no-repeat
}
.grooveshark {
	background:#000 url(../img/icons/grooveshark.png) no-repeat
}
.hackernews {
	background:#f60 url(../img/icons/hackernews.png) no-repeat
}
.heroku {
	background:#6762a6 url(../img/icons/heroku.png) no-repeat
}
.html5 {
	background:#f06529 url(../img/icons/html5.png) no-repeat
}
.imdb {
	background:#f3ce00 url(../img/icons/imdb.png) no-repeat
}
.instagram {
	background:#3f729b url(../img/icons/instagram.png) no-repeat
}
.jquery {
	background:#0867ab url(../img/icons/jquery.png) no-repeat
}
.jqueryui {
	background:#fea620 url(../img/icons/jqueryui.png) no-repeat
}
.jsdb {
	background:#da320b url(../img/icons/jsdb.png) no-repeat
}
.jsfiddle {
	background:#4679a4 url(../img/icons/jsfiddle.png) no-repeat
}
.justgiving {
	background:#78256d url(../img/icons/justgiving.png) no-repeat
}
.khanacademy {
	background:#9db63b url(../img/icons/khanacademy.png) no-repeat
}
.kickstarter {
	background:#87c442 url(../img/icons/kickstarter.png) no-repeat
}
.kik {
	background:#87c541 url(../img/icons/kik.png) no-repeat
}
.klout {
	background:#e24a25 url(../img/icons/klout.png) no-repeat
}
.labour {
	background:#c41230 url(../img/icons/labour.png) no-repeat
}
.laravel {
	background:#fb502b url(../img/icons/laravel.png) no-repeat
}
.lastfm {
	background:#d51007 url(../img/icons/lastfm.png) no-repeat
}
.layervault {
	background:#26ae90 url(../img/icons/layervault.png) no-repeat
}
.letterboxd {
	background:#2c3641 url(../img/icons/letterboxd.png) no-repeat
}
.liberaldemocrats {
	background:#f7b135 url(../img/icons/liberaldemocrats.png) no-repeat
}
.linkedin {
	background:#007fb1 url(../img/icons/linkedin.png) no-repeat
}
.livejournal {
	background:#195397 url(../img/icons/livejournal.png) no-repeat
}
.mediatemple {
	background:#000 url(../img/icons/mediatemple.png) no-repeat
}
.mendeley {
	background:#b61f2f url(../img/icons/mendeley.png) no-repeat
}
.microformats {
	background:#8cc319 url(../img/icons/microformats.png) no-repeat
}
.modernizr {
	background:#d81a76 url(../img/icons/modernizr.png) no-repeat
}
.myspace {
	background:#008dde url(../img/icons/myspace.png) no-repeat
}
.mysql {
	background:#007597 url(../img/icons/mysql.png) no-repeat
}
.nationalrail {
	background:#036 url(../img/icons/nationalrail.png) no-repeat
}
.newsvine {
	background:#075b2f url(../img/icons/newsvine.png) no-repeat
}
.office {
	background:#eb3c00 url(../img/icons/office.png) no-repeat
}
.orkut {
	background:#ed2590 url(../img/icons/orkut.png) no-repeat
}
.outlook {
	background:#0072c6 url(../img/icons/outlook.png) no-repeat
}
.path {
	background:#e41f11 url(../img/icons/path.png) no-repeat
}
.picasa {
	background:#4b5d5f url(../img/icons/picasa.png) no-repeat
}
.pocket {
	background:#ef4056 url(../img/icons/pocket.png) no-repeat
}
.php {
	background:#6181b6 url(../img/icons/php.png) no-repeat
}
.pinboard {
	background:#00f url(../img/icons/pinboard.png) no-repeat
}
.pingup {
	background:#00b1ab url(../img/icons/pingup.png) no-repeat
}
.pinterest {
	background:#cb2027 url(../img/icons/pinterest.png) no-repeat
}
.protoio {
	background:#40c8f4 url(../img/icons/protoio.png) no-repeat
}
.quora {
	background:#a82400 url(../img/icons/quora.png) no-repeat
}
.rails {
	background:#a62c39 url(../img/icons/rails.png) no-repeat
}
.rdio {
	background:#006ed2 url(../img/icons/rdio.png) no-repeat
}
.readability {
	background:#870000 url(../img/icons/readability.png) no-repeat
}
.readmill {
	background:#052336 url(../img/icons/readmill.png) no-repeat
}
.reddit {
	background:#ff4500 url(../img/icons/reddit.png) no-repeat
}
.rss {
	background:#ff8300 url(../img/icons/rss.png) no-repeat
}
.sinaweibo {
	background:#e6162d url(../img/icons/sinaweibo.png) no-repeat
}
.skydrive {
	background:#094ab1 url(../img/icons/skydrive.png) no-repeat
}
.skype {
	background:#00aff0 url(../img/icons/skype.png) no-repeat
}
.slideshare {
	background:#099 url(../img/icons/slideshare.png) no-repeat
}
.smashingmagazine {
	background:#e95c33 url(../img/icons/smashingmagazine.png) no-repeat
}
.soundcloud {
	background:#f60 url(../img/icons/soundcloud.png) no-repeat
}
.spotify {
	background:#80b719 url(../img/icons/spotify.png) no-repeat
}
.squarespace {
	background:#000 url(../img/icons/squarespace.png) no-repeat
}
.stackexchange {
	background:#1f5196 url(../img/icons/stackexchange.png) no-repeat
}
.stackoverflow {
	background:#f47920 url(../img/icons/stackoverflow.png) no-repeat
}
.steam {
	background:#000 url(../img/icons/steam.png) no-repeat
}
.stumbleupon {
	background:#eb4924 url(../img/icons/stumbleupon.png) no-repeat
}
.superuser {
	background:#2dabe2 url(../img/icons/superuser.png) no-repeat
}
.ted {
	background:#ff2b06 url(../img/icons/ted.png) no-repeat
}
.trakt {
	background:#222 url(../img/icons/trakt.png) no-repeat
}
.treehouse {
	background:#7fa24c url(../img/icons/treehouse.png) no-repeat
}
.tripadvisor {
	background:#589442 url(../img/icons/tripadvisor.png) no-repeat
}
.tumblr {
	background:#2c4762 url(../img/icons/tumblr.png) no-repeat
}
.twitch {
	background:#6441a5 url(../img/icons/twitch.png) no-repeat
}
.twitter {
	background:#00aced url(../img/icons/twitter.png) no-repeat
}
.typo3 {
	background:#ff8700 url(../img/icons/typo3.png) no-repeat
}
.viadeo {
	background:#f4982b url(../img/icons/viadeo.png) no-repeat
}
.vimeo {
	background:#4bf url(../img/icons/vimeo.png) no-repeat
}
.vine {
	background:#00a47a url(../img/icons/vine.png) no-repeat
}
.visualstudio {
	background:#68217a url(../img/icons/visualstudio.png) no-repeat
}
.w3c {
	background:#0066b0 url(../img/icons/w3c.png) no-repeat
}
.whatsapp {
	background:#64d448 url(../img/icons/whatsapp.png) no-repeat
}
.wikipedia {
	background:#000 url(../img/icons/wikipedia.png) no-repeat
}
.windows {
	background:#00bdf6 url(../img/icons/windows.png) no-repeat
}
.wordpress {
	background:#21759b url(../img/icons/wordpress.png) no-repeat
}
.xbox {
	background:#107c10 url(../img/icons/xbox.png) no-repeat
}
.xing {
	background:#006567 url(../img/icons/xing.png) no-repeat
}
.yahoo {
	background:#731a8b url(../img/icons/yahoo.png) no-repeat
}
.yelp {
	background:#c93c27 url(../img/icons/yelp.png) no-repeat
}
.youtube {
	background:#cd332d url(../img/icons/youtube.png) no-repeat
}
.zerply {
	background:#9dbc7a url(../img/icons/zerply.png) no-repeat
}
* {
	outline:0
}
html, body {
	width:100%;
	height:100%;
	font:400 1em sans-serif;
	overflow:hidden;
	background: url(../bg/bg.jpg);
}
.clear {
	clear:both
}
input, textarea {
	-webkit-appearance:none
}
#mid-header {
	position:absolute;
	top:50%;
	margin-top:-200px;
	width:100%;
	text-align:center;
	z-index:15
}
#mid-header>.logo {
	color:#FFF;
	font:3.5em 'Megrim', sans-serif
}
#mid-header>.descr {
	margin:20px auto;
	width:600px;
	color:#FFF;
	font-weight:300
}
.logo {
	height:154px;
	width:394px;
	margin: 0 auto;
}
.logo img {
	width:100%;
	height:auto;
	max-width:394px;
}
#countdown {
	margin-top:100px
}
#countdown>.body>div {
	display:inline-block
}
#countdown>.body .info {
	position:relative;
	top:-160px;
	color:#FFF
}
#countdown>.body .info>.num {
	font:3.5em 'Megrim', sans-serif
}
#countdown>.body .info>.label {
	margin-top:5px;
	font-weight:300
}
#slider {
	width:100%;
	height:100%
}
#slider>.pattern {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	background:rgba(0, 0, 0, .1) url(../img/pattern.png);
	-ms-filter:"alpha(opacity=10)";
	filter:alpha(opacity=10);
	opacity:.5;
	z-index:10;
	behavior:url(ie-fix/PIE.htc)
}
#slider>.photos {
	width:100%;
	height:100%;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
transition:all .6s ease
}
body.page>#slider>.photos {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:.8;
	behavior:url(ie-fix/PIE.htc)
}
#slider>.photos div {
	height:100%;
	background-position:0 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
#slider>.photos div.w {
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto
}
#slider>.photos div.h {
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-o-background-size:auto 100%;
	background-size:auto 100%
}
#slider>.photos>.b>div {
	position:absolute;
	top:0;
	width:100%;
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	behavior:url(ie-fix/PIE.htc)
}
#menu {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:10
}
#menu>ul {
	list-style:none
}
#menu>ul>li {
	margin:0 5px;
	width:36px;
	height:36px;
	background:#FFF 50% no-repeat;
	-webkit-background-size:24px;
	-moz-background-size:24px;
	-o-background-size:24px;
	background-size:24px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-ms-filter:"alpha(opacity=60)";
	filter:alpha(opacity=60);
	opacity:.6;
-webkit-transition:opacity .2s ease;
-moz-transition:opacity .2s ease;
-o-transition:opacity .2s ease;
transition:opacity .2s ease;
	cursor:pointer;
	overflow:hidden;
	display:inline-block;
	behavior:url(ie-fix/PIE.htc)
}
#menu>ul>li.curr, #menu>ul>li:hover {
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	behavior:url(ie-fix/PIE.htc)
}
#menu>ul>li.curr {
	cursor:default
}
#menu>ul>li.slider {
	background-image:url(../svg/dot.svg);
	behavior:url(ie-fix/PIE.htc)
}
#menu>ul>li.subscribe {
	background-image:url(../svg/mail.svg)
}
#menu>ul>li.about {
	background-image:url(../svg/about.svg)
}
#menu>ul>li.feedback {
	background-image:url(../svg/feedback.svg)
}
#menu>.desc {
	margin-top:10px;
	color:#FFF;
	font-size:.9em;
	font-weight:300;
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	behavior:url(ie-fix/PIE.htc)
}
.page {
	position:absolute;
	top:100%;
	left:50%;
	margin:0 -384px;
	padding:15px;
	width:738px;
	background:#fff;
	display:none;
	z-index:10
}
.page>h2 {
	padding:25px 0;
	border-bottom:1px solid #EEE;
	font:300 1.5em sans-serif;
	text-align:center
}
.page h3 {
	font:400 1.3em sans-serif;
	text-align:center
}
.page h3.first {
	margin-top:25px
}
.page form span {
	margin-right:-10px;
	padding:8px;
	padding-right:15px;
	min-width:65px;
	color:#2c3e50;
	font:300 1em sans-serif;
	background:#FFF;
	border:1px solid #bdc3c7;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
	vertical-align:middle;
	text-align:center;
	cursor:text;
	display:inline-block;
	behavior:url(ie-fix/PIE.htc)
}
.page form input {
	padding:8px 10px;
	min-width:220px;
	font:400 1em sans-serif;
	border:1px solid #bdc3c7;
	border-left:0;
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
	behavior:url(ie-fix/PIE.htc)
}
.page form button {
	padding:8px 19px;
	min-width:65px;
	color:#2c3e50;
	font:300 1em sans-serif;
	background:#FFF;
	border:1px solid #bdc3c7;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
	cursor:pointer;
	vertical-align:top;
	behavior:url(ie-fix/PIE.htc)
}
.page form textarea {
	padding:8px 10px;
	max-width:360px;
	min-width:360px;
	width:360px;
	min-height:145px;
	font:400 1em sans-serif;
	border:1px solid #bdc3c7;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
-webkit-transition:border .2s ease;
-moz-transition:border .2s ease;
-o-transition:border .2s ease;
transition:border .2s ease;
	behavior:url(ie-fix/PIE.htc)
}
.page form .info {
	margin-top:5px;
	color:#555;
	font:400 .7em sans-serif;
	font-style:italic
}
.page form textarea:hover, .page form button:hover, .page form span:hover, .page form span.hover, .page form input:hover, .page form input.hover {
	border:1px solid #7f8c8d
}
.page form input.hover, .page form input:hover {
	border-left:0
}
#newsletter>.body>.descr {
	margin-top:15px;
	padding:0 20px;
	font:400 1em sans-serif;
	text-align:center
}
#newsletter>.body>form {
	padding:25px 0;
	text-align:center
}
#newsletter>.body>.social {
	padding:25px 0;
	list-style:none;
	text-align:center
}
#newsletter>.body>.social>li {
	margin:0 2px;
	-webkit-background-size:32px;
	-moz-background-size:32px;
	-o-background-size:32px;
	background-size:32px;
	background-position:50%;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
	cursor:pointer;
	display:inline-block
}
#newsletter>.body>.social>li:hover {
	-webkit-background-size:38px;
	-moz-background-size:38px;
	-o-background-size:38px;
	background-size:38px
}
#newsletter>.body>.social>li>a {
	width:32px;
	height:32px;
	display:block
}
#feedback-response, #newsletter-response {
	position:absolute;
	margin-top:-108px;
	padding:0 50px;
	padding-top:45px;
	width:638px;
	height:58px;
	color:#27ae60;
	font:300 1em sans-serif;
	text-align:center;
	opacity:0;
	display:none
}
#feedback-response.error, #newsletter-response.error {
	color:#c0392b
}
#feedback-response>.loader {
	margin:0 auto;
	max-width:128px;
	max-height:43px;
}
#feedback-response>.loader img {
	width:100%;
	height:auto;
	background:transparent url(../img/loader.gif) 50% 0 no-repeat;
}
#newsletter-response>.loader {
	margin:0 auto;
	max-width:265px;
	max-height:43px;
}
#newsletter-response>.loader img {
	width:100%;
	height:auto;
	background:transparent url(../img/loader2.gif) 50% 0 no-repeat;
}
#feedback-response {
	margin-top:-386px;
	padding-top:175px;
	height:210px
}
#about .descr {
	margin:20px 15px;
	text-align:justify
}
#about .team {
	margin-top:25px;
	list-style:none;
	text-align:center
}
#about .team>li {
	margin:15px;
	display:inline-block
}
#about .team>li>.photo {
	width:150px;
	height:150px;
	background-position:50%;
	-webkit-background-size:101%;
	-moz-background-size:101%;
	-o-background-size:101%;
	background-size:101%;
	border:0;
	border:1px solid rgba(0, 0, 0, 0);
	-webkit-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3);
	behavior:url(ie-fix/PIE.htc)
}
#about .team>li.no-pic>.photo {
	background-image:url(../svg/unnamed.svg)
}
#about .team>li>.name {
	margin-top:10px;
	font:400 .9em sans-serif;
	white-space:nowrap
}
#about .team>li>.off {
	margin-top:3px;
	font:300 .8em sans-serif;
	white-space:nowrap
}
#about .etc {
	margin-top:10px;
	font:300 .9em sans-serif;
	text-align:center
}
#feedback>.body form>div {
	margin-top:5px
}
#feedback .descr {
	margin:25px auto 0;
	width:500px;
	text-align:center
}
#feedback form {
	margin:0 auto;
	width:386px;
	padding:25px 0;
	text-align:left
}
#feedback input {
	min-width:275px
}
#feedback .code>div {
	float:left
}
#feedback .code>div>div, #feedback .code>div>span, #feedback .code>div>input, #feedback .code>div>button, #feedback .code>div>div>img {
	vertical-align:middle
}
#feedback .code>div.cp {
	margin:0 5px 0 6px
}
#feedback .code>div>input {
	margin:0;
	min-width:0;
	width:70px;
	text-align:center
}
#feedback .code>div>div {
	width:120px;
	height:40px;
	display:inline-block
}
#feedback .code img {
	cursor:pointer
}
@media all and (max-width:1023px), all and (max-device-width:1023px) {
html, body {
height:auto;
overflow:auto
}
#countdown>.body .info {
top:-135px
}
#mid-header>.descr {
width:100%
}
.page {
position:static;
margin:0;
padding:0;
width:100%;
background:#fff;
display:block
}
.page>h2 {
/* background-image: -ms-linear-gradient(top, #97CA00 0%, #6DA900 100%); /* IE10 Consumer Preview */ 
/* background-image: -moz-linear-gradient(top, #97CA00 0%, #6DA900 100%); /* Mozilla Firefox */ 
/* background-image: -o-linear-gradient(top, #97CA00 0%, #6DA900 100%); /* Opera */ 
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #97CA00), color-stop(1, #6DA900)); /* Webkit (Safari/Chrome 10) */ 
/* background-image: -webkit-linear-gradient(top, #97CA00 0%, #6DA900 100%); /* Webkit (Chrome 11+) */ 
/* background-image: linear-gradient(to bottom, #97CA00 0%, #6DA900 100%); /* W3C Markup, IE10 Release Preview */ 
color: #fff;
background: url(../bg/bg.jpg);
border-top:1px solid #428700;
border-bottom:1px solid #428700;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
}
.page>.body {
padding:25px 0
}
#about .descr {
padding:0 60px
}
#about .etc {
margin-bottom:0;
padding-bottom:10px
}
#feedback .descr {
padding:0 60px;
width:auto
}
#feedback-response, #newsletter-response {
padding-left:0;
padding-right:0;
width:100%
}
#feedback-response .resp, #newsletter-response .resp {
padding:0 100px
}
#feedback-response .resp>a, #newsletter-response .resp>a {
display:block
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#countdown>.body .info {
top:-160px
}
}
@media all and (max-width:700px), all and (max-device-width:700px) {
#countdown {
display:none
}
#mid-header {
margin-top:-100px
}
}
@media all and (max-width:450px), all and (max-device-width:450px) {
.page>h2 {
padding:25px 15px
}
.page>.body {
width:auto
}
.page form span {
color:#2c3e50;
font:300 1em sans-serif;
background:#FFF;
border:0;
cursor:text;
display:block
}
.page form span.hover, .page form span:hover {
border:0
}
.page form input, .page form input:hover, .page form input.hover {
border:1px solid #bdc3c7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
#newsletter>.body>form {
padding:25px;
width:auto
}
#about .descr {
padding:0 30px
}
#newsletter form button {
margin:5px auto;
display:block
}
#feedback form {
width:auto;
text-align:center
}
.page form textarea {
max-width:275px;
min-width:275px;
width:275px
}
#feedback .code {
margin:10px auto 0;
width:300px;
text-align:center
}
#feedback .code>div {
display:inline-block
}
#feedback .code>div>input {
width:60px
}
#feedback form button {
margin-top:15px
}
#feedback form>div>span {
display:none
}
#feedback .code>.last {
margin:0 auto;
display:block;
float:none
}
.logo {
	height:98px;
	width:250px;
	margin: 0 auto;
}
}