root { 
    display: block;
}

body, h1, h2, h3, h4, p, ul, li { 
	margin: 0px;
	padding: 0px;
}

.flip {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}

body {
	font-family: Myriad Pro;
	font-size: 26;
}

/*
table {
 border-collapse : collapse; 
}

table td, table th {
 padding: 0px; 
}
*/

.content {
	width: 1014px;
	margin: 0px auto;
	height: 91%;
/*	border: solid 1px #965e88;*/
}

.bar-1 {
	background-color: #d1dbde;
	height: 470px;
}

.bar-2 {
	background-color: #50666f;
	background: url(../images/2/Pattern.png) repeat;
	height: 530px;
}

.bar-3 {
	background-color: #d8ccb8;
	background: url(../images/3/pattern.png) repeat;
	height: 610px;
}

.bar-4 {
	background-color: #537b90;
	background: url(../images/4/Pattern.png) repeat;
	height: 700px;
}

.bar-5 {
	background-color: #bdd6dd;
	height: 725px;
}

.bar-6 {
	background-color: #965e88;
	background: url(../images/6/Pattern.png) repeat;
	height: 670px;
}

.bar-7 {
	background-color: #d1dbde;
	height: 140px;
}

.bar-1, .bar-2, .bar-3, .bar-4, .bar-5, .bar-6, .bar-7 {
	width: 100%;
	padding-top: 10px;
	position: relative;
/*	overflow: hidden;*/
}

.bar-1 div {
	position: absolute;
}

.bar-1 .content {
	position: relative;
	z-index: 20;
}

.bar-1 .social_network {
	height: 300px;
	width: 100px;
/*	border: solid 1px #965e88;*/
	bottom: -15px;
	right: 65px;
}

.social_likes {
	height: 23px;
	width: 350px;
/*	border: solid 1px #965e88;*/
	
}

.bar-1 .main_logo {
	height: 114px;
	width: 114px;
	top: 150px;
	right: 270px;
}

.bar-1 .logo {
/*	background: url(../images/1/Available_Logo.png) no-repeat;*/
	height: 350px;
	width: 447px;
	top: 70px;
	left: 90px;
}

.bar-1 .logo_new {
	height: 350px;
	width: 447px;
	top: 50px;
	left: 110px;
}

.bar-1 .logotype {
    height: 205px;
	width: 450px;
	top: 10px;
	left: 0px;
    background: url(../images/addons/28_08_2013/Title.png) no-repeat;
}

.bar-1 .iosstore {
	height: 99px;
	width: 295px;
	top: 200px;
	left: 75px;
}

.bar-1 .combo_store {
	height: 54px;
	width: 298px;
	top: 300px;
	left: 75px;
    background: url(../images/addons/28_08_2013/logos3.png) no-repeat;
}

.bar-1 .combo_store a {
    display: block;
    height: 80%;
    width: 90px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    /*border: 1px #50666f solid;*/
}

.bar-1 .combo_store a.last {
    margin-right: 0px !important;
}

.bar-1 .aratog {
/*	background: url(../images/1/aratog_logo.png) no-repeat;*/
	height: 34px;
	width: 292px;
	top: 20px;
	left: 200px;
}

.bar-1 .kuv {
	background: url(../images/1/KUV.png) no-repeat;
	height: 44px;
	width: 173px;
	bottom: -25px;
	left: 140px;
}

.bar-1 .child {
	background: url(../images/1/Child.png) no-repeat;
	height: 44px;
	width: 163px;
	bottom: -25px;
	left: 335px;
}

.bar-1 .char {
	background: url(../images/1/Char.png) no-repeat;
	height: 324px;
	width: 295px;
	bottom: 50px;
	right: 190px;
}

.bar-1 .feed_me {
	background: url(../images/1/Feed_me.png) no-repeat;
	height: 174px;
	width: 189px;
	top: 10px;
	right: 70px;
}

.bar-1 .twitter {
/*	background: url(../images/1/Twitter_icon.png) no-repeat;*/
	height: 96px;
	width: 95px;
	top: 3px;
	left: 5px;
}

.bar-1 .facebook {
/*	background: url(../images/1/Facebook_icon.png) no-repeat;*/
	height: 96px;
	width: 95px;
	top: 100px;
	left: 5px;
}

.bar-1 .vkontakte {
/*	background: url(../images/1/VK_ICON.png) no-repeat;*/
	height: 96px;
	width: 95px;
	top: 193px;
	left: 5px;
}

.bar-1 .twitter:hover {
	transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -o-transform:rotate(7deg);
}

.bar-1 .facebook:hover {
	transform:rotate(-17deg);
    -webkit-transform:rotate(-17deg);
    -moz-transform:rotate(-17deg);
    -o-transform:rotate(-17deg);
}

.bar-1 .vkontakte:hover {
	transform:rotate(17deg);
    -webkit-transform:rotate(17deg);
    -moz-transform:rotate(17deg);
    -o-transform:rotate(17deg);
}

.bar-1 .social_likes {
	position: absolute;
	left: 530px;
	bottom: -20px;
}


.bar-1 .back {
	background: url(../images/1/back.png) no-repeat;
	height: 416px;
	width: 1014px;
/*	top: -5px;
	left: -140px;*/
	top: 0px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
}

.bar-2 div {
	position: absolute;
}

.bar-2 .content {
	position: relative;
	z-index: 12;
}

.bar-2 .tri_top {
	background: url(../images/2/TRI.png) repeat-x;
	width: 100%;
	height: 11px;
	top: -1px;
/*	z-index: 20;*/
}

.bar-2 .tri {
	background: url(../images/3/TRI.png) repeat-x;
	width: 100%;
	height: 11px;
	bottom: 0px;
}

.bar-2 .bomb {
	background: url(../images/2/Bomb.png) no-repeat;
	height: 270px;
	width: 269px;
	top: -120px;
	right: -170px;
}

.bar-2 .gamecenter_icon {
	background: url(../images/2/gamecenter_icon.png) no-repeat;
	height: 93px;
	width: 94px;
	top: -20px;
	left: 50px;
}

.bar-2 .biker {
	background: url(../images/2/Image.png) no-repeat;
	height: 541px;
	width: 1195px;
	top: -10px;
	right: -50px;
}

.bar-2 .video {
	background: url(../images/addons/28_08_2013/HM_video.png) no-repeat;
    width: 682px;
	height: 454px;
	top: 30px;
	left: 400px;
}

.bar-2 .video a {
    display: block;
    width: 100%;
    height: 100%;
}

.bar-2 .video_frame {
    border: 3px #fff solid;
    border-radius: 3px;
    width: 540px;
	height: 304px;
	top: 120px;
	left: 440px;
    -webkit-box-shadow: 8px 8px 10px rgba(50, 50, 50, 0.65), -8px -8px 10px rgba(50, 50, 50, 0.65), 8px -8px 10px rgba(50, 50, 50, 0.65), -8px 8px 10px rgba(50, 50, 50, 0.65);
    -moz-box-shadow:    8px 8px 10px rgba(50, 50, 50, 0.65), -8px -8px 10px rgba(50, 50, 50, 0.65), 8px -8px 10px rgba(50, 50, 50, 0.65), -8px 8px 10px rgba(50, 50, 50, 0.65);
    box-shadow:         8px 8px 10px rgba(50, 50, 50, 0.65), -8px -8px 10px rgba(50, 50, 50, 0.65), 8px -8px 10px rgba(50, 50, 50, 0.65), -8px 8px 10px rgba(50, 50, 50, 0.65);
}

.bar-2 .text {
	font: regular 20px Arial;
	color: #fff;
/*	border: solid 1px #965e88;*/
	width: 350px;
	height: 380px;
	margin-left: 30px;
	margin-top: 150px;
}

.bar-2 .title {
	background: url(../images/2/Game_overview.png) no-repeat;
	height: 47px;
	width: 389px;
	top: 90px;
	left: 30px;
}

.bar-2 .text .title{
	font: bold 40px Arial;
	color: #e41a8a;
	/* text-shadow: 0 0 7px white;  Параметры тени */
	text-shadow: white 1px 0px, white 1px 1px, white 0px 1px, white -1px 1px, white -1px 0px, white -1px -1px, white 0px -1px, white 1px -1px;
}

.bar-3 div {
	position: absolute;
}

.bar-3 .content {
	position: relative;
	z-index: 12;
}

.bar-3 .tab {
	background: url(../images/4/Tab.png) no-repeat;
	height: 156px;
	width: 359px;
	top: -18px;
	left: 4px;
}

.bar-3 .icons {
	background: url(../images/4/icons.png) no-repeat;
	height: 140px;
	width: 415px;
	top: 10px;
	left: 395px;
}

.bar-3 .icon_char {
	background: url(../images/4/Icon_char.png) no-repeat;
	height: 192px;
	width: 191px;
	top: -60px;
	right: -30px;
}

.rotate_7_left {
    transform:rotate(-7deg);
    -webkit-transform:rotate(-7deg);
    -moz-transform:rotate(-7deg);
    -o-transform:rotate(-7deg);
}

.rotate_5 {
    transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
}

.bar-3 .screen_block {
	height: 331px;
	width: 200px;
	/*border: solid 4px #fff;*/
}

.bar-3 .screen_block a {
    decoration: none;
}

.bar-3 .tipe {
	background: url(../images/4/tipe.png) no-repeat;
	height: 56px;
	width: 128px;
	z-index: 70;
}

.bar-3 .t1 {
	top: 140px;
	left: 70px;
}

.bar-3 .screen_1 {
	top: 170px;
	left: 30px;
}

.bar-3 .t2 {
	top: 160px;
	left: 320px;
}

.bar-3 .screen_2 {
	top: 190px;
	left: 280px;
}

.bar-3 .t3 {
	top: 120px;
	left: 537px;
}

.bar-3 .screen_3 {
	top: 150px;
	left: 527px;
}

.bar-3 .t4 {
	top: 150px;
	left: 790px;
}

.bar-3 .screen_4 {
	top: 180px;
	left: 765px;
}

.bar-4 div {
	position: absolute;
}

.bar-4 .content {
	position: relative;
	z-index: 12;
}

.bar-4 .paper {
	background: url(../images/3/Papper.png) no-repeat;
	height: 577px;
	width: 509px;
	top: 70px;
	left: 10px;
}

.bar-4 .paper .text_field {
	width: 390px;
	height: 400px;
	margin-top: 167px;
	margin-left: 122px;
/*	border: solid 1px #965e88;*/
}

.bar-4 .paper .text_field .text {
	font: bold 23px Arial;
	color: #e41a8a;
/*	border: solid 1px #965e88;*/
	width: 100%;
	height: 35px;
	position: relative;
	margin-left: 0px;
	margin-top: 8px;
	padding: 5px 0px 0px 0px;
}


.bar-4 .char {
	background: url(../images/3/Car_fall.png) no-repeat;
	height: 196px;
	width: 223px;
	top: -50px;
	left: -190px;
}

.bar-4 .hand{
	background: url(../images/3/Hand.png) no-repeat;
	height: 646px;
	width: 561px;
	bottom: -45px;
	right: -20px;
}

.bar-4 .apple{
	background: url(../images/3/Apple.png) no-repeat;
	height: 191px;
	width: 140px;
	top: -50px;
	right: -130px;
}

.bar-4 .tri_top {
	background: url(../images/4/TRI.png) repeat-x;
	width: 100%;
	height: 11px;
	top: -1px;
}

.bar-4 .tri {
	background: url(../images/5/TRI_sky.png) repeat-x;
	width: 100%;
	height: 11px;
	bottom: 0px;
}

.bar-5 .bush_left, .bush_right {
	position: absolute;
	z-index: 15;
	bottom: 90px;
	width: 195px;
	height: 201px;
	background: url(../images/5/bush.png) no-repeat;
}

.bar-5 .bush_right {
	float: right;
	right: 0px;
}

.bar-5 .bush_left {
	float: left;
	left: 0px;
}

.bar-5 .sea {
	position: absolute;
	top: 600px;
	height: 135px;
	width: 100%;
	z-index: 25;
}

.bar-5 .sea_center {
	background: url(../images/5/Sea.png) no-repeat;
	width: 1014px;
	height: 135px;
	margin: 0px auto;
	position: relative;
	z-index: 25;
}

.bar-5 .sea_left {
	margin-top: 10px;
	background: url(../images/5/Sea_l.png) repeat-x;
	left: 0px;
	top: 13px;
}

.bar-5 .sea_right {
	background: url(../images/5/Sea_r.png) repeat-x;
	right: 0px;
	top: 13px;
}

.bar-5 .sea_left, .sea_right {
	width: 20%;
	height: 135px;
	overflow: hidden;
	position: absolute;
	z-index: 20;
}

.bar-5 .sand {
	background: url(../images/5/sand_pattern.png) repeat;
	position: absolute;
	z-index: 10;
	bottom: 0px;
	width: 100%;
	height: 300px;
}

.bar-5 div {
	position: absolute;
}

.bar-5 .content {
	position: relative;
	z-index: 12;
}

.bar-5 .char {
	background: url(../images/5/Char.png) no-repeat;
	height: 562px;
	width: 540px;
	bottom: 50px;
	left: -90px;
/*        border: solid 1px #965e88;*/
}

.bar-5 .char_ring {
	background: url(../images/5/Char_ring.png) no-repeat;
	height: 370px;
	width: 317px;
	bottom: 0px;
	left: 30px;
}

.bar-5 .icons {
	background: url(../images/5/Icons.png) no-repeat;
	height: 643px;
	width: 612px;
	bottom: 20px;
	left: -150px;
}

.bar-5 .stars {
	background: url(../images/5/Stars.png) no-repeat;
	height: 161px;
	width: 193px;
	top: -40px;
	left: -230px;
}

.bar-5 .tips {
	background: url(../images/5/Tips.png) no-repeat;
	height: 235px;
	width: 514px;
	top: 25px;
	right: 0px;
	z-index: 60;
}

.bar-5 .tips .text {
	font: bold 44px Myriad Pro;
	color: #fff;
	margin-left: 150px;
	margin-top: 50px;
}

.bar-5 .rule {
	background: url(../images/5/Rule.png) no-repeat;
	height: 81px;
	width: 86px;
	top: 170px;
	right: 510px;
	z-index: 70;
}

.bar-5 .char_ring, .icons, .stars, .hat_text, .tips, .rule {
	position: absolute;
}

.bar-5 .hat_text {
	width: 450px;
	height: 400px;
/*	border: solid 1px #965e88;*/
	bottom: 40px;
	right: 50px;
}

.bar-5 .hat_text div {
	position: relative;
}

.bar-5 .hat_text .title {
	font: bold 45px Myriad Pro;
	color: #D01A69;
}

.bar-5 .hat_text .pink {
	font: bold 34px Arial;
	color: #D01A69;
}

.bar-5 .hat_text .item_1, .item_2, .item_3, .item_4 {
	height: 60px;
	padding-left: 85px;
	padding-top: 19px;
	width: 100%;
	font: bold 34px Arial;
	color: #595e6d;
	margin: 0px;
}
	
.bar-5 .hat_text .item_1 {
	margin-top: 20px;
	background: url(../images/5/Time_icon.png) no-repeat;
}

.bar-5 .hat_text .item_2 {
	background: url(../images/5/Buff.png) no-repeat;
}

.bar-5 .hat_text .item_3 {
	background: url(../images/5/Umbrella_icon.png) no-repeat;
}

.bar-5 .hat_text .item_4 {
	background: url(../images/5/Candy_icons.png) no-repeat;
}

.bar-6 div {
	position: absolute;
}

.bar-6 .content {
	position: relative;
	z-index: 12;
}

.bar-6 .egg {
	background: url(../images/6/Egg.png) no-repeat;
	height: 536px;
	width: 687px;
	bottom: -30px;
	right: -20px;
}

.bar-6 .appstore {
	/*background: url(../images/6/Appstore_icon2.png) no-repeat;*/
	height: 99px;
	width: 295px;
	top: 260px;
	left: 25px;
}

.bar-6 .google_play {
	background: url(../images/6/Google_play_icon.png) no-repeat;
	height: 99px;
	width: 295px;
	top: 150px;
	left: 25px;
}

.bar-6 .logo_back {
	background: url(../images/addons/28_08_2013/logo_bck.png) no-repeat;
	height: 62px;
	width: 135px;
}

.bar-6 .logo_back.but1 {
	top: 380px;
	left: 25px;
}

.bar-6 .logo_back.but2 {
	top: 380px;
	left: 185px;
}

.bar-6 .logo_back.but3 {
	top: 460px;
	left: 185px;
}

.bar-6 .logo_back img {
    display: block;
    margin: 0px auto;
}

.bar-6 .up_button {
/*	background: url(../images/6/Top_button.png) no-repeat;*/
	height: 79px;
	width: 97px;
	bottom: -30px;
	right: -120px;
	opacity: 0.5;
}

.up_button:hover {
	opacity: 1.0;
}

.bar-6 .title {
	font: bold 40px Myriad Pro;
	color: #fff;
	width: 100%;
	text-align: center;
	top: 30px;
}

.bar-6 .tri {
	background: url(../images/5/TRI_sea.png) repeat-x;
	width: 100%;
	height: 11px;
	top: 0px;
}

.bar-6 .tri_bottom {
	background: url(../images/6/TRI_bottom.png) repeat-x;
	width: 100%;
	height: 11px;
	bottom: 0px;
}

.bar-7 div {
	position: absolute;
}

.bar-7 .content {
	position: relative;
	z-index: 12;
}

.bar-7 .text {
	font: normal 14px Myriad Pro;
	color: #595e6d;
	width: 500px;
	height: 50px;
/*	border: solid 1px #965e88;*/
	text-align: center;
	top: 20px;
	left: 10px;
}

.bar-7 .aratog {
/*	background: url(../images/1/aratog_logo.png) no-repeat;*/
	height: 34px;
	width: 292px;
	top: 20px;
	right: 120px;
}

.bar-7 .social_likes {
	position: relative;
	margin: 0px auto;
	top: 80px;
}