body{
	margin: 0;
	padding: 0;
	position: relative;
	font-family: PT Sans, Arial;
	color:white;
	/*background: url(../pics/background2.jpg) no-repeat;
	background-size: cover;
	background-position: top center;*/

	/*background: url(../pics/arka.png), url(../pics/over_footer.png);
	background-size: cover, cover;
	background-position: top center, top center;
	background-repeat: no-repeat, no-repeat;
	/*background: url(../pics/blue_light.png) no-repeat top center cover;/*
	background: url(../pics/over_footer.png) no-repeat top center cover;*/

	background-color:  #1e396d;
	/*min-height: 620px;*/
	height: 100%;
	min-height: 100%;
}

html{
	min-width:1280px;
	min-height:620px;
	height:100%;
}

#bg_wrap {
	height: 100%;
	width: 100%;
	right: 0;
}

.container {
	background: url(../pics/background.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	height:140%;
	margin: 0 auto;
}

.container_inner {
	margin: 0 auto;
	min-height:100%;
	position:relative;

	background: url(../pics/back1.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color:  #1e396d;
	/*height: 100%;
	/*left: 50%;
	/*min-height: 1050px;
	background: url(../pics/arka.png) no-repeat;
	background-size: cover;
	background-position: top center;	*/
}

.container_inner2 {
	margin: 0 auto;
	min-height:100%;
	position:relative;

	background: url(../pics/back2.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color:  #1e396d;
	/*height: 100%;
	/*left: 50%;
	/*min-height: 1050px;
	background: url(../pics/arka.png) no-repeat;
	background-size: cover;
	background-position: top center;	*/
}

.container_inner_right {
	margin: 0 auto;
	left: 50%;
	/*min-height: 1050px;*/
	/*background: url(../pics/blue_light.png) no-repeat;
	background-size: contain;
	background-position: top center;
	height:1000px;*/
	width: 65%;
}

.inner_footer {
	height:11%;
	background-color: #0b2b54;
	position:absolute;
	bottom: 0px;
	width: 100%;
}

.inner_footer img { /* для IE8+ */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.inner_over_footer {
	padding-bottom: 10%;
	/*background: url(../pics/over_footer.png) no-repeat;
	background-size: contain;
	background-position: top center;*/
}

.container_inner_left1 {
	margin: 0 auto;
	left: 0%;
	position:absolute;
	background: url(../pics/arka.png) no-repeat;
	background-size: cover;
	background-position: top center;
}

.question{
    left: 50%;
	font-size:38px;
	font-family: PT Sans, Arial;
	text-align: center;
	margin-left: 5%;
    position: absolute;
    top: 20%;
}
.question b{
	font-size:43px;
}

.content_left{
    text-align: left;
	position: absolute;
	left: 50%;
	top: 150px;
}

.content_index_right{
    text-align: left;
	position: relative;
	left: 50%;
	width: 45%;
}

.content_right {
    left: 50%;
    padding-left: 330px;
    position: absolute;
    top: 150px;
}

.top_inner{
	font-size: 22.5pt;
	line-height: 36pt;
	text-transform:uppercase;
	position: absolute;
	left: 50%;
	width: 640px;
	height: 150px;
	margin-top:20px;
}

.top_inner span{
	font-size:33pt;
	text-transform:uppercase;
}

.top_index{
	font-size: 22.5pt;
	line-height: 36pt;
	text-transform:uppercase;
	position: relative;
	left: 50%;
	width: 45%;
	height: 150px;

}

.top_index span{
	font-size:33pt;
	text-transform:uppercase;
}

.top_index_str1{
	margin-left:100px;
}

.top_index_str2{
	text-transform: none;
	font-size: 14.25pt;
	line-height: 19pt;
	padding-right: 14px;

	}

.top_index_str3{
	text-transform: none;
	font-size: 14.25pt;
	line-height: 19pt;
	text-transform:uppercase;
	}

.str3_1 {
	font-size: 27pt;
	line-height: 22.5pt;
}

.str3_2 {
	font-size: 18pt;
	line-height: 22.5pt;
	margin-left: 20px;
}

.str3_3 {
	font-size: 13.5pt;
	line-height: 22.5pt;
}

.str3_4 {
	font-size: 19.5pt;
	line-height: 22.5pt;
}

.inner_info{
	font-size:13.5pt;
	line-height: 18pt;
	top: 15%;
	width:310px;
}

.inner_sovet{
	font-size:13.5pt;
	line-height: 18pt;
	top: 75%;
	width:310px;
}

.right_votes{
	font-size:15pt;
    text-align: left;
	position: absolute;
	top: 470px;
	width:300px;
}

.right_votes b{
	font-size:45pt;
    text-align: left;
}

.right_fontan{
	font-size:10.5pt;
	line-height: 16.5pt;
    text-align: center;
	position: absolute;
	width:300px;
	margin-top: 8px;
	height: 464px;
}

.right_fontan img{
	border: 1px solid white;
}

.inner_info b, .inner_sovet b, .right_votes b {
	color:yellow;
	text-transform: uppercase;
}

.bottle {
    position: absolute;
    right: 45%;
    top: 20%;
    width: 700px;
}

.more_info {
    position: absolute;
    right: 45%;
    bottom: 160px;
    width: 700px;
}

.logo {
    position: absolute;
    left: 5%;
    top: 5%;
    /*width: 700px;*/
}

.buttony {
    background: url("../pics/yes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 49px;
    left: 50%;
    margin-left: 70px;
    position: absolute;
    top: 50%;
    position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 140px;
}

.buttonn {
    background: url("../pics/no.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 49px;
    left: 50%;
    margin-left: 240px;
    position: absolute;
    top: 50%;
    position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 140px;
}

.button_throw_another {
    background: url("../pics/button_throw_another.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 53px;
    position: absolute;
    top: 670px;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 300px;
}

.button_more_info {
    background: url("../pics/more_info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 43px;
    position: absolute;
    bottom: 15%;
	right: 50%;
	margin-right: 180px;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 161px;
}

.buttons_share {
	position: absolute;
	top: 610px;
	margin-left:50px;
}

.button_vk {
    background: url("../pics/vk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 45px;
	position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 46px;
}

.button_odnoklass {
    background: url("../pics/odnoklass.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 45px;
    margin-left: 55px;
    position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 46px;
}

.button_twit {
    background: url("../pics/twit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 45px;
    margin-left: 110px;
    position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 46px;
}

.button_fb {
    background: url("../pics/fb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 45px;
    margin-left: 165px;
	position: absolute;
    transition-duration: 0.5s;
    transition-property: left, top;
    width: 46px;
}

 .buttony span {
	background: url('../pics/yes.png');
 }

 .buttonn span {
	background: url('../pics/no.png');
 }

 .button_throw_another span {
	background: url('../pics/button_throw_another.png');
 }

  .button_more_info span {
	background: url('../pics/more_info.png');
 }

 .button_vk span {
	background: url('../pics/vk.png');
 }

 .button_odnoklass span {
	background: url('../pics/odnoklass.png');
 }

 .button_twit span {
	background: url('../pics/twit.png');
 }

 .button_fb span {
	background: url('../pics/fb.png');
 }

.buttony span, .buttony span:active , .buttonn span, .buttonn span:active {
    background-position: 0 -49px;
}

.button_throw_another span, .button_throw_another span:active {
    background-position: 0 -53px;
}

.button_more_info span, .button_more_info span:active {
    background-position: 0 -43px;
}

.button_share span, .button_share span:active
{
    background-position: 0 -45px;
}

.button span, .button_share span, .buttony span, .buttonn span, .button_throw_another span , .button_vk span {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s ease 0s;
}

 .button span:hover, .button_share span:hover, .buttony span:hover, .buttonn span:hover, .button_throw_another span:hover , .button_vk span:hover{
    opacity: 1;
   }

.counter {
    /*background-color: #0c3558;*/
	background:rgba(12, 53, 88, 0.5);
	position: relative;
	font-family: PT Sans, Arial;
	color:white;
	font-size: 10.5pt;
	margin-top: -27px;
	padding-left: 20px;
	line-height: 22px;
	height: 22px;

}

.counter span{
    background: url('../pics/coin.png') no-repeat;
	height: 11px;
	width:11px;
	background-size: cover;
	background-position: center center;
	position: absolute;
	margin-top: 5.5px;
	margin-left: -15px;
}


   .noselect {
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.content_brick {
    left: 50%;
    position: relative;
	width: 45%;
}


.brick {
    border: 1px solid white;
	box-shadow: 10px 10px 21px -8px #010101;
	left: 0px;
    position: relative;

}

.brick_all{
	left: 0px;
    position: absolute;
    top: 220px;
}

a {
	text-decoration:none;
}