.hidden {display: none !important;}
.clearer {width: 100%;clear: both;overflow: hidden;}
.clearfix:after, .clear-fix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.dashed{text-decoration:none !important;border-bottom:1px dashed; cursor: pointer;}
.dotted{text-decoration:none !important;border-bottom:1px dotted; cursor: pointer;}
.dashed :active, .dotted:active{border: none;}
button::-moz-focus-inner {border: 0;}
a:focus{outline: none;}

html{
  height: 100%;
}

body{
  font: 15px/24px 'Open Sans', Helvetica, Arial, sans-serif;
  background: #fff6e7 url(bg000000.png);
  color: #6c513b;
  height: 100%;
  width: 100%;
  text-align: center;
}

.bg{
  position: absolute;
  width: 50%;
  top: 0;
  height: 768px;
}

.bg-l{
  left:0;
  background: url(bg-l0000.jpg) 0 0 no-repeat;
}

.bg-r{
  right:0;
  background: url(bg-r0000.jpg) 100% 0 no-repeat;
}

.container{
  width: 790px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 1;
}

.logo{
  position:relative;
}
.logo .sunshine{
	background: url(logo-bg0.png) -75px 0 no-repeat;
	padding-top: 22px;
	padding-bottom: 22px;
	width:400px;
	margin-left:-109px;
}

.android-screen{
	position:absolute;
	width:404px;
	height:136px;
	top:20px;
	right:0;
	color:#BE5D00;
	font-weight:bold;
}
#android-qr{
	position:absolute;
	top:5px;
	right:31px;
}
#android-link{
	position:absolute;
	right:0px;
	bottom:20px;
	width:90px;
	font-size:15px;
	line-height:normal;
	color:#BE5D00;
}
.android-screen .android{
	position:absolute;
	width:52px;
	height:45px;
	bottom:20px;
	left:0;
	cursor:pointer;
}
.android-screen .screen{
	position:absolute;
	width:242px;
	height:129px;
	left:60px;
	top:0;
	cursor:pointer;
}
.android-screen .screen-content{
	width:211px;
	height:122px;
	position:absolute;
	top:3px;
	left:72px;
}

.features:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.features{
	margin:3.5em 0 1.5em;
}
.features li{
	float:left;
	width:16em;
	color:inherit;
}
.features li.middle{
    margin-left: 3em;
    margin-right: 3em;
    width: 14em;
}
.features li b{
	color:#be5d00;
	white-space:nowrap;
}
.logo a{
  display: block;
  width: 172px;
  height: 124px;
  margin: 0 auto;
  background: url(http://zona.ru/img/logo.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
}
.logo.new a{
  background: url(logo-200.png) no-repeat;
  height:130px;
  width:182px;
}

h1{
  font-size: 51px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  text-shadow: 0 1px 0 #fff;
}

h2{
  font-size: 35px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  color: #f15a24;
}

h3{
  font-size: 24px;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  color: #f15a24;
}

.block-btm-out{
  position: relative;
  margin: 0 -105px 20px -105px;
  padding: 0 105px 65px 105px;
  background: url(block-bt.png) 50% 100% no-repeat;
  zoom: 1;
}

.block-top-out{
  position: relative;
  margin: 20px -105px 0 -105px;
  padding: 35px 105px 0 105px;
  background: url(http://zona.ru/img/block-top.png) 50% 0 no-repeat;
  zoom: 1;
}

.monitor{
  height: 600px;
  position: relative;
}

.monitor-sprite{
  width: 656px;
  height: 531px;
  margin: 0 auto;
  background: url(screen00.png);
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 67px;
}

.carousel{
  position:relative;
}

.carousel li{
  float: left;
  position: relative;
  z-index: 1;
}

.carousel li.video{
  z-index: 999;
}

.carousel-holder{
  margin: 0 auto;
  width: 604px;
  height: 351px;
  overflow: hidden;
  position: relative;
  top: 26px;
}

.carousel-button {
  background-image: url("carousel.png");
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 147px;
  width: 37px;
  height: 38px;
  z-index: 100;
}
.carousel-button.left {
  background-position: 0 -38px;
  left: 0px;
}
.carousel-button.left:hover {
  background-position: -44px -38px;
}
.carousel-button.left:active {
  background-position: -88px -38px;
}

.carousel-button.right {
  background-position: 0 0px;
  right: 0px;
}
.carousel-button.right:hover {
  background-position: -44px 0px;
}
.carousel-button.right:active {
  background-position: -88px 0px;
}

.carousel-dots{
  position: absolute;
  top: 560px;
}

.carousel-dots .dot{
  width: 14px;
  height: 15px;
  background: url(carousem.png);
  float: left;
  margin-right: 16px;
  cursor: pointer;
  z-index: 1;
}

.carousel-dots .dot{background-position: 0 -30px;}
.carousel-dots .dot:hover{background-position: 0 -15px;}
.carousel-dots .dot.active,
.carousel-dots .dot:active{background-position: 0 0px;}

.carousel-dots .dot.video{background-position: -15px -30px;width:20px;}
.carousel-dots .dot.video:hover{background-position: -15px -15px;}
.carousel-dots .dot.video.active,
.carousel-dots .dot.video:active{background-position: -15px 0px;}

.how-it-works{
  width: 232px;
  height: 52px;
  background: url(how-it-w.png) no-repeat;
  position: absolute;
  top: 550px;
  left: 478px;
  z-index: 0;
}


.row{
  position: relative;
  margin-right: -20px;
  zoom: 1;
}

.row .column{
  float: left;
  margin-right: 20px;
}

.row .column-left{
  width: 510px;
}

.row .column-right{
  width: 250px;
}

p{
  margin-bottom: 0.75em;
}

.social{
	background:url(social-b.png) 0 0 no-repeat;
	width:789px;
	margin-bottom: 18px;
}
.social ul{
	margin:0.667em 0 0 1em;
}
.social li{
  float: left;
  background: none;
  padding: 0;
  margin: 0 0.5em 0 0;
  overflow: hidden;
  text-align:center;
/*  opacity: 0.5;
  -moz-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;*/
}
.social li:hover{
/*  opacity: 1;*/
}
.social li.vk{
  width: 120px;
  margin-left:20px;
}
.social li.fb{
  width: 140px;
}
.social li.tw{
  width: 120px;
  margin-left: 20px;
}
.social li.mailru{
  width: 180px;
  margin-right: 0;
}
.social li.gplus{
  width: 120px;
  margin-right: 0;
}

.online{
  font-size: 15px;
}

.online .count{
  color: #f15a24;
  font-size: 35px;
  display:block;
  margin-top:0.5em;
}
.online .users-online{
  display:block;
}
.social-widgets{
	margin-top:1.5em;
}
.merits{
	margin-bottom:1.5em;
}
.merits li{
	padding-left:1.5em;
	margin-left:-1.5em;
	background:url(dash0000.png) 0 50% no-repeat;
	text-transform:lowercase;
	line-height:31px;
}

.btn{
  display: block;
  width: 221px;
  height: 61px;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  font-size: 30px;
  color: #fffae3;
  text-shadow: 0 -1px 0 #d26b1a;
  background: url(btn20000.png) 0 0 no-repeat;
  margin-bottom: 0px;
}

.btn:hover{
  background-position: 0 -67px;
}

.btn:active{
  background-position: 0 -135px;
}

.top-download-block .btn{
    background: url("button-b.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 40px;
    height: 83px;
    line-height: 67px;
    width: 266px;
	margin: 0 auto;
}
.top-download-block .btn:hover{
  background-position: 0 -83px;
}

.top-download-block .btn:active{
  background-position: 0 -166px;
}

.column .btn{
  margin-left: -7px;
  position: relative;
  zoom: 1;
}
.top-download-block{
	margin: -1.5em auto 4em;
	text-align:center;
}
.download-block p{
  color: #42210b;
  font-size: 14px;
  line-height: 1.25em;
}

.download-block p.release-info{
	color:#754C24;
	text-align:center;
	white-space:nowrap;
}
.download-block p.release-info span{
	font-size:14px;
}
.here{
  margin-bottom: 9px;
  margin-top:-5px;
}

.here-arrow{
  width: 51px;
  height: 23px;
  background: url(http://zona.ru/img/here-arrow.png) no-repeat;
  position: relative;
  top: 13px;
}


.second-download-block{
  position: relative;
  margin: 0 -32px;
  padding: 0 32px;
  zoom: 1;
  padding-top: 100px;
  background: url(shadow00.png) 50% 0 no-repeat;
}

.second-download-block h2,
.second-download-block .btn,
.second-download-block p{
  float: left;
}

.second-download-block h2{
  margin-right: 18px;
}

.second-download-block p{
  font-size: 12px;
  line-height: 57px;
}

.second-download-block .btn{
  margin-right: 14px;
}

ul.inline,
ul.inline li{
  margin: 0;
  padding: 0;
  background: none;
  display: inline;
}

ul.inline li{
  margin-right: 1.5em;
}

.footer{
  padding-top: 40px;
  padding-bottom: 50px;
  background: url(footer00.png) 0 0 repeat-x;
  margin-top: 30px;
}

.footer a{
  color: #f26d3d;
}

.footer .copyright {
  margin-right: 2em;
}
.footer li.mailto {
  margin-left: 3em;
  margin-right: 0;
}


.movie{
  position: relative;
}

.movie img{
  width: 604px;
  height: 354px;
}

.movie .controls{
  width: 604px;
  height: 351px;
  background: url(60000000.png) left bottom no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.video div{
  padding-top: 14px;
  background: #000;
}


.feature-current{
  float: left;
  margin-right: 8px;
  width:788px;
  height:466px;
}

.feature-current ul li{
  display: none;
  position: relative;
}
.feature-current ul li.active{
  display: block;
}

.feature-current .desc{
  background-color: #da5523;
  color: #fff;
  background-image: -moz-linear-gradient(top, #dc831d, #da5523);
  background-image: -o-linear-gradient(top, #dc831d, #da5523);
  background-image: -webkit-linear-gradient(top, #dc831d, #da5523);
  background-image: linear-gradient(top, #dc831d, #da5523);
  padding: 23px 23px 5px;
  position: absolute;
  font-size:20px;
  line-height:normal;
}

.feature15 .desc{
  bottom: 100px;
  right: 30px;
}

.feature14 .desc{
  top: 15px;
  left: 15px;
}

.feature13 .desc{
  top: 75px;
  right: 30px;
}

.feature12 .desc{
  top: 70px;
  left: 150px;
}

.feature11 .desc{
  top: 77px;
  right: 19px;
}

.feature10 .desc{
    bottom: 60px;
    left: 68px;
}

.feature9 .desc{
    left: 50px;
    top: 51px;
}

.feature8 .desc{
    left: 49px;
    top: 42px;
}

.feature7 .desc{
    right: 147px;
    top: 83px;
}

.feature6 .desc{
    left: 39px;
    top: 31px;
}

.feature5 .desc{
    right: 45px;
    top: 58px;
}
.feature5 .download-btn{
  position: relative;
  top: 4px;
  left: 2px;
}

.feature4 .desc{
  bottom: 36px;
  right: 19px;
}

.feature3 .desc{
    bottom: 71px;
    right: 72px;
}

.feature2 .desc{
    left: 101px;
    top: 92px;
}

.feature1 .desc{
	bottom: 23px;
    right: 77px;
}

.changelog h3{
  font-size: 40px;
  line-height: 1;
  margin-bottom: 0.3em;
  color:#fff;
}

.feature-select .shadow{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(feature-.png) 0 100% repeat-x;
}

.feature-select{
  float: left;
  font-size: 14px;
  position: relative;
  height:89px;
  overflow:hidden;
  white-space:nowrap;
  width:788px;
}
.feature-select-holder{
	margin-top:0.5em;
	position:relative;
	float:left;
}
#feature-select-active-border{
    border: 6px solid #DA5523;
    height: 85px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 147px;
    z-index: 1;
}
.feature-select-button {
  background-image: url("carousel.png");
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: 147px;
  width: 37px;
  height: 38px;
  z-index: 100;
}
.feature-select-button.left {
  background-position: 0 -38px;
	left:-60px;
	top:-255px;
}
.feature-select-button.left:hover {
  background-position: -44px -38px;
}
.feature-select-button.left:active {
  background-position: -88px -38px;
}

.feature-select-button.right {
  background-position: 0 0px;
	right:-60px;
	top:-255px;
}
.feature-select-button.right:hover {
  background-position: -44px 0px;
}
.feature-select-button.right:active {
  background-position: -88px 0px;
}

.feature-select ul{
	width: 1749px;
}
.feature-select li{
  position: relative;
  margin-right: 8px;
  height: 89px;
  cursor: pointer;
  float:left;
}

.feature-select img{
  width: 151px;
}

.feature-select span{
  display: block;
  position: absolute;
  left: 10px;
  bottom: 6px;
  color: #fff;
  line-height:normal;
  font-size:13px;
}

.feature-select .active{
  background-color: #da5523;
/*  background-image: -moz-linear-gradient(top, #dc831d, #da5523);
  background-image: -o-linear-gradient(top, #dc831d, #da5523);
  background-image: -webkit-linear-gradient(top, #dc831d, #da5523);
  background-image: linear-gradient(top, #dc831d, #da5523);*/
  zoom: 1;
}

.feature-select .active span{
}

.block-over{
  z-index: 1;
  margin-top: 0;
}

.vk-widgets{
  background: #fff;
  padding: 32px 32px 22px 32px;
  margin: -32px -32px 0 -32px;
  position: relative;
  zoom: 1;
  z-index: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.comments{
  float: left;
  margin-right: 30px;
  width: 460px;
}

.vk-widgets .right{
  float: left;
}

.group{
  margin-bottom: 15px;
}

/* блок рассказать друзьям о зоне */

.no-bg {
    background: none;
    margin-top: 0;
}

.score-table-wrap {
    width : 350px;
    float: left;
}

.competition-description {
    float: right;
    width: 380px;
    font-size: 13px;
    line-height: 18px;
}

.score-table-header {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 4px;
}

.score-table {
    width: 100%;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 22px;
}

.score-table td {
    padding: 7px 4px 0 0;
}

.score-table .number {
    width: 20px;
}

.score-table .name, .score-table .score {
    border-bottom: 1px dotted #e2d5c5;
}

.score-table .score {
    text-align: right;
    padding-right: 0;
}

.no-dots {
    display: inline-block;
    border-bottom: 1px solid #fdf2c9;
    position: relative;
    top: 1px;
}

.name .no-dots {
    padding-right: 15px;
}

.score .no-dots {
    padding-left: 5px;
}


.description-image {
    margin : 0 0 10px -31px;
}

.description-text ol {
    margin: 0 0 20px 17px;
}

.description-text li {
    list-style: decimal;
}

.btn.smaller-text {
    font-size : 27px;
}


.description-text a {
    color: inherit;
}