* {margin:0; padding:0; font-style:normal; font-weight:normal;} 
a, img {border:none; outline:none}
a {color:#ffffff;}

/*@font-face {font-family:'pts55f'; src:url('pts55f.eot'); src:url('pts55fd41d.eot?#iefix') format('embedded-opentype'),url('pts55f.woff') format('woff'),url('pts55f.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'regular'; src:url('pf-reg.eot'); src:url('pf-regd41d.eot?#iefix') format('embedded-opentype'),url('pf-reg.woff') format('woff'),url('pf-reg.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'bold'; src:url('pf-bold.eot'); src:url('pf-boldd41d.eot?#iefix') format('embedded-opentype'),url('pf-bold.woff') format('woff'),url('pf-bold.ttf') format('truetype');font-weight:normal;font-style:normal;}
*/

@font-face {font-family:'thin'; src:url('pf-thin.eot'); src:url('pf-thind41d.eot?#iefix') format('embedded-opentype'),url('pf-thin.woff') format('woff'),url('pf-thin.ttf') format('truetype');font-weight:normal;font-style:normal;}

@font-face {
	font-family: 'Grands'; 
	src:url('Grands.eot');
	src:url('Grands.eot?#iefix') format('embedded-opentype'),
		url('Grands.svg#Grands') format('svg'),
		url('Grands.woff') format('woff'),
		url('Grands.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'regular'; 
	src:url('Cuprum-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bold'; 
	src:url('Cuprum-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {background:url(../img/bg.png);}
#head {background:url(../img/head.png); height:77px; width:100%; z-index:20;}
#head .box {width:100%; margin:0 auto;}
	#head ul {overflow:hidden; list-style:none;}
		#head li {float:left; padding:26px 30px 0 0;}
		#head li.social {float:left; padding:15px 5px 0 0;}
		#head li a {font:15px/20px 'regular'; color:#F9F9F9; text-decoration:none; border-bottom:none;}
		#head li a:hover {color:#00A9DD;}
		
		#head li.logo {float:left; padding:10px 35px 0px 15px;}
		img.avatar {width:55px; height:55px;}
		
		#head li a.social {text-decoration:none; border-bottom:none; font:36px/42px 'Grands'; color:#F9F9F9;}
		
		#head li a.vk {font:36px/42px 'Grands'; padding:0px;}
		#head li a.vk:hover {text-decoration:none; border-bottom:none; color:#56789C;}
		
		#head li a.linkedin {font:36px/40px 'Grands'; padding:0px;}
		#head li a.linkedin:hover {text-decoration:none; border-bottom:none; color:#1DA1E2;}
		
		#head li a.habr {font:34px/43px 'Grands'; padding:0px;}
		#head li a.habr:hover {text-decoration:none; border-bottom:none; color:#80A1B0;}
		
		#head li a.stackoverflow {font:34px/40px 'Grands'; padding:0px;}
		#head li a.stackoverflow:hover {text-decoration:none; border-bottom:none; color:#FE7A15;}
		
		#head li a.github {font:28px/42px 'Grands'; padding:0px;}
		#head li a.github:hover {text-decoration:none; border-bottom:none; color:#88745C;}

#description {background:url(../img/description.png) 8px 125px no-repeat; padding-top:30px; height:180px; width:675px; margin:0 auto; text-align:center; position:relative; z-index:10;}
	#description h2 {font:36px/42px 'thin'; padding-bottom:56px; white-space:nowrap}
	#description p {font:22px/25px 'bold'; width:470px; margin:0 auto;}
	
#description.donate {background:url(../img/description.png) 8px 85px no-repeat; padding-top:30px; height:auto; width:675px; margin:0 auto; text-align:center; position:relative; z-index:10;}
	#description p.shifted {font:22px/25px 'bold'; width:470px; margin:10px auto;}
	#description p.shifted20 {font:22px/25px 'bold'; width:470px; margin:30px auto;}
	#description p.comix {font:22px/25px 'bold'; width:540px; margin:10px auto; margin-top: 30px;}

#others h2 {font:35px 'thin'; text-align:center; padding:67px 0 62px;}

#footer {width:615px; background:url(../img/footer.png) top center no-repeat; margin:0 auto; margin-top:40px; font:17px/70px 'regular'; height:100px; color:#3a3e43;}
	#footer .copy {float:left; width:240px; padding-left:8px;}
	#footer .mail {float:left; color:#3a3e43;text-decoration:none;} #footer .mail:hover {color:#000000;}
	#footer .phone {float:right; padding-right:5px;}

#apps {}
	#apps i.top, #apps i.bottom  {height:134px; position:absolute; width:100%; left:0px; top:-119px;}
	#apps i.bottom {background-position:bottom left; top:auto; bottom:-119px;}

.post_scrolled .switch {top:auto !important; bottom:0px !important;}
.scrolled i.top {position:fixed !important; top:-43px !important; z-index:7;}
.scrolled i.bottom {position:fixed !important;  z-index:7;}

.scrolled .fixed {position:fixed; width:100%; top:77px; z-index:3;}
.project {position:relative; z-index:4; margin:10px 65px 10px 65px; border-radius:10px;}

#apps .switch {display:none;}
#apps .switch {width:60px; background:rgba(0, 0, 0, 0.15); height:360px; position:fixed; top:76px; right:0px; z-index:8;}
#apps .switch a {height:50px; text-align:center; line-height:50px; display:block; position:relative;}
#apps .switch a span {display:none;  position:absolute; top:0px; right:80px; font:14px/50px 'regular'; color:#fff; white-space:nowrap;}
#apps .switch a img {vertical-align:middle; width:25px; display:none !important;} #apps .switch a img.grayscale {display:inline !important;}
#apps .switch a.active {background:url(../img/active_i.html) center center no-repeat;}
#apps .switch a.active img, #apps .switch a.hover img {display:inline !important;} #apps .switch a.active img.grayscale, #apps .switch a.hover img.grayscale {display:none !important;}


#apps .box {width:635px; margin:0 auto;}

	.description {background:url(../img/description2.png) bottom left no-repeat; width:636px; position:relative; margin:0 auto; color:#fff; position:relative; left:5px;}
		.description-small {background:none !important;}
		
		.description h2 {font:36px/36px 'regular'; padding-top:6px;}
		.description p {font:16px/17px 'regular'; width:310px; padding:17px 0 20px;}
		.description img {position:absolute; top:5px; left:-82px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7); border-radius:12px;}
		.description img.top1-badge {position:absolute; top:-20px; left:auto !important; right:115px; box-shadow:none; border-radius:0px;}
		.description img.notableaward-badge {position:absolute; top:10px; left:auto !important; right:150px; box-shadow:none; border-radius:0px;}
		.description img.smarttv-badge {position:absolute; top:40px; left:auto !important; right:106px; box-shadow:none; border-radius:0px;}
		.description img.devcup-badge {position:absolute; top:10px; left:auto !important; right:112px; box-shadow:none; border-radius:0px;}
	.platform {position:absolute; bottom:25px; left:380px; font:15px/25px 'regular'; list-style:none;}
		.platform li {background:url(../img/platform.png) 0 0 no-repeat; padding-left:30px; margin-top:3px; white-space:nowrap;}
			.platform li.s2 {background-position:0 -25px;} .platform li.s3 {background-position:0 -50px;} .platform li.s4 {background-position:0 -75px;} .platform li.s5 {background-position:0 -100px;} .platform li.s6 {background-position:0 -125px;}
                .platform li.s7 {background-position:0 -150px;}
        .platform li a{color:#FFF};
		
.projects {overflow:hidden;}
.project  {overflow:hidden; box-shadow: inset 0 20px 70px rgba(0, 0, 0, 0.3);}
.project .box {padding-top:20px;}


#euromaidan .project {background:url(../img/euromaidan/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/euromaidan/bg.jpg', sizingMethod='scale')";}

#explus .project {background:url(../img/explus/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/explus/bg.jpg', sizingMethod='scale')";}

#newseek .project {background:url(../img/newseek/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/newseek/bg.jpg', sizingMethod='scale')";}

#legalalarm .project {background:url(../img/legalalarm/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/legalalarm/bg.jpg', sizingMethod='scale')";}

#feokino .project {background:url(../img/feokino/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/feokino/bg.jpg', sizingMethod='scale')";}

#xoxo .project {background:url(../img/xoxo/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/xoxo/bg.jpg', sizingMethod='scale')";}

#videopay .project {background:url(../img/videopay/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/videopay/bg.jpg', sizingMethod='scale')";}

#toptaxi .project {background:url(../img/toptaxi/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/toptaxi/bg.jpg', sizingMethod='scale')";}

#memorecall .project {background:url(../img/memorecall/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/memorecall/bg.jpg', sizingMethod='scale')";}

#bpmster .project {background:url(../img/bpmster/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bpmster/bg.jpg', sizingMethod='scale')";}

#songfu .project {background:url(../img/songfu/bg.jpg); background-position: center; background-size:cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/songfu/bg.jpg', sizingMethod='scale')";}


#apps .box .social_button {width:254px; height:20px; margin-top:25px;margin-bottom:25px; margin-left:5px;}

.social_button {display:none;}

.device {height:493px; position:relative; clear:both;}

	.scroll {background:url(../img/bar.html); height:27px; padding-left:25px; position:relative; float:left; margin:36px 0 0 -40px;}
	.scroll .bar {position:absolute; background:url(../img/scroll.png); height:27px; top:0px; width:30px}
		.scroll .bar i {background:url(../img/scroll.png) top right; height:27px; width:28px; position:absolute; right:-28px;}
	.scroll .link {padding-left:26px; float:left; font:14px/25px 'regular'; color:#fff; text-decoration:none; position:relative; z-index:5;}
		.scroll .active {color:#ccc;}
	.scroll .next {background:url(../img/bar.html) top right; width:50px; height:27px; position:absolute; right:-50px; top:0px;}
	.scroll .prev {width:50px; height:27px; position:absolute; left:0px; top:0px;}
	

.z1 img, .z2 img, .z3 img, .z4 img, .z5 img  {display:none;}
	.z1 img.z1, .z2 img.z2, .z3 img.z3, .z4 img.z4, .z5 img.z5 {display:block;}
	
	.sony {background:url(../img/sony.png); width:153px; height:312px; position:absolute; bottom:0px; left:00px;}
		.sony i {background:url(../img/sony_shadow.png); width:41px; height:102px; position:absolute; top:67px; right:24px; z-index:5;}
		.sony img {position:absolute; top:67px; left:26px;}
	.iphone {background:url(../img/iphone.png); height:283px; width:135px; position:absolute; bottom:0px; left:-170px;} 
		.iphone i {background:url(../img/iphone_shadow.png); width:49px; height:127px; position:absolute; top:46px; right:8px; z-index:5;}
		.iphone img {position:absolute; top:45px; left:10px;}
	.ipad {background:url(../img/ipad.png); height:395px; width:484px;  position:absolute; bottom:0px; left:0px;} 
		.ipad i {background:url(../img/ipad_shadow.png); width:112px; height:296px; position:absolute; top:7px; right:8px; z-index:5;}
		.ipad img {position:absolute; top:46px; left:50px;}
		
	.iphone5wl {background:url(../img/iphone5w_landscape.png); height:158px; width:290px;  position:absolute; bottom:0px; left:0px;} 
		.iphone5wl i {background:url(../img/iphone5w_landscape_shadow.png); width:112px; height:138px; position:absolute; top:0px; right:0px; z-index:5;}
		.iphone5wl img {position:absolute; top:12px; left:44px;}
		
	.samsung_stv {background:url(../img/samsung_smarttv.png); height:486px; width:797px;  position:absolute; bottom:0px; left:0px;} 
		.samsung_stv i {background:url(../img/samsung_smarttv_shadow.png); width:200px; height:420px; position:absolute; top:0px; right:0px; z-index:5;}
		.samsung_stv img {position:absolute; top:23px; left:51px;}
	
	.tab {background:url(../img/tab.png); height:395px; width:484px;  position:absolute; bottom:0px; left:0px;} 
		.tab i {background:url(../img/tab_shadow.png); width:112px; height:296px; position:absolute; top: 54px; right:8px; z-index:5;}
		.tab img {position:absolute; top: 87px; left: 42px;}
	
	.android {background:url(../img/phone.png); height:306px; width:145px;  position:absolute; bottom: 0px; left: 450px;} 
		.android i {background:url(../img/phone_shadow.png); width:74px; height:111px; position:absolute; top:3px; right:5px; z-index:5;}
		.android img {position:absolute; top:34px; left:10px;}

	.bada {background:url(../img/bada.png); height: 310px; width: 145px;  position:absolute; bottom: -20px; left:500px;} 
		.bada i {background:url(../img/bada_shadow.png); width: 74px; height: 219px; position:absolute; top: 7px; right: 9px; z-index:5;}
		.bada img {position:absolute; top: 44px; left: 17px;}

	.nokia {background:url(../img/nokia.png); height:325px; width:180px;  position:absolute; bottom:0px; left:665px;} 
		.nokia i {background:url(../img/nokia_shadow.png); width:74px; height:109px; position:absolute; top:13px; right:25px; z-index:5;}
		.nokia img {position:absolute; top:50px; left:28px;}		
	.n95 {background:url(../img/n95.png); width:195px; height:315px;  position:absolute; bottom:3px; left:0px;}
		.n95 i {background:url(../img/n95_shadow.png); width:66px; height:144px; position:absolute; top:76px; right:47px; z-index:5;}
		.n95 img {position:absolute; top:90px; left:38px; width:110px; height:133px;}
	
	.n80 {background:url(../img/n80.png); width:215px; height:381px;  position:absolute; bottom:0px; left:0px;}
		.n80 i {background:url(../img/n80_shadow.png); width:66px; height:160px; position:absolute; top:62px; right:38px; z-index:5;}
		.n80 img {position:absolute; top:62px; left:41px;}
		
		
/*--- buttons ----*/

.donate-button {
	margin-top: 10px;
	margin-right: 10px;
	padding: 14px 26px;
	font-size: 19px;
	line-height: 100%;
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
.donate-button:active {
	padding-top: 15px;
        margin-bottom: -1px;
}
.donate-button, .donate-button:hover, .donate-button:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}
.donate-button {
	background-color: #2ecc71;
	box-shadow: 0px 3px 0px 0px #239a55;
}
.donate-button:hover {
	background-color: #28b363;
}
.donate-button:active {
	box-shadow: 0px 1px 0px 0px #239a55;
}