* {margin: 0; padding: 0;}

html, body {border: 0;}
body {background: #000 url("../images/lp8-body.jpg") 50% -153px repeat-y; color: #e6b181; font-family: tahoma, geneva, sans-serif; font-size: 13px;}

a {color: #E6B181; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: 0;}

input, select, textarea {font-family: tahoma, geneva, sans-serif; font-size: 13px;}












.wrapper {position: relative; overflow: hidden; background: url("../images/lp8-body-top.jpg") 50% 0 no-repeat;}
.wrapper-no-anim {background: url("../images/lp7-body.jpg") 50% 0 no-repeat;}
.wrapper-2 {background: url("../images/lp8-body-bottom.jpg") 50% 100% no-repeat;}

.container {margin: 0 auto; position: relative; width: 990px; min-height: 1200px;}
.container:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; //zoom: 1;}

.container___column-left {float: left; padding: 12px 0 52px; position: relative; width: 660px;}
.container___column-right {float: right; padding: 12px 0 52px; position: relative; width: 330px;}
.container__bg-top {background: url("../images/lp7-container-top.png") no-repeat; height: 120px; width: 1102px; position: absolute; left: -56px; top: -37px;}
.container__bg-center {background: url("../images/lp7-container-center.png") repeat-y; height: auto; width: 1102px; position: absolute; left: -56px; top: 50px; bottom: 70px;}
.container__bg-bottom {background: url("../images/lp7-container-bottom.png") no-repeat; height: 110px; width: 1102px; position: absolute; left: -56px; bottom: 0;}

header {clear: both; margin: 0 auto; height: 692px; width: 960px; position: relative;}
header .header__logo {position: absolute; left: 55%; top: 25px; margin: 0 0 0 -252px;}
header .header__award {position: absolute; left: 0; top: 0;}
header .header__description {position: absolute; left: 50%; top: 220px; margin: 0 0 0 -380px; width: 540px; line-height: 1.45em;}
header .header__description p {margin: 0 0 10px;}
header .header__description p strong {font-size: 14px;}
header .header__title {font-size: 18px; margin-bottom: 5px;}
header .button-play-blue {position: absolute; left: 145px; top: 387px;}

footer {clear: both; color: #926f50; font-size: 12px; margin: 0 auto; width: 990px;}
footer .footer__content {text-align: center;}
footer .footer__copy {margin: 0 215px; padding: 12px 0 20px;}
footer .footer__copy-link,
footer .footer__copy-text {display: inline-block; vertical-align: middle;}
footer .footer__copy-text {margin: 0 0 0 20px;}






.b-common {padding: 0 0 12px;}
.b-common__title {background: url("../images/lp7-title-1.png") no-repeat; font-size: 24px; font-weight: bold; height: 69px; padding: 0 0 0 36px; position: relative; left: -8px;}
.b-common__title > cufon {margin: 19px 0 0;}
.b-common__content {position: relative; z-index: 2; line-height: 1.5em; padding: 0 24px 0 45px;}
.b-common__content h3 {font-size: 21px; font-weight: normal; margin: 0 0 8px;}
.b-common__content strong {font-size: 14px;}

.b-widget {margin: 0 0 8px;}
.b-widget__title {background: url("../images/lp7-title-2.png") no-repeat; font-size: 24px; font-weight: bold; height: 69px; padding: 0 0 0 36px; position: relative; left: -2px;}
.b-widget__title > cufon {margin: 19px 0 0;}
.b-widget__content {padding: 0 40px 0 16px;}
.b-widget__content h3 {font-size: 21px; font-weight: normal; margin: 0 0 8px;}

.b-screenshot {background: url("../images/lp7-screenshot.png") 50% 0 no-repeat; height: 133px; margin: 8px 0;}
.b-screenshot__list {list-style-type: none; overflow: hidden; padding: 5px 20px 0;}
.b-screenshot__item {float: left; margin: 0 0 0 8px;}
.b-screenshot__item-link {display: block; height: 122px; width: 172px; position: relative;}
.b-screenshot__item-frame {background: url("../images/lp7-screenshot-frame.png") no-repeat; display: block; height: 122px; width: 172px; position: absolute;}
.b-screenshot__item-image {margin: 6px 0 0 6px; vertical-align: top;}

.b-classes {position: absolute; z-index: 1; top: 210px; left: 50%; width: 600px; margin: 0 0 0 -460px;}
.b-classes__list {overflow: hidden; list-style: none; position: absolute; top: 0; left: 167px;}
.b-classes__item {background: url("../images/lp8-classes-item.png") no-repeat; cursor: pointer; float: left; height: 86px; width: 82px; margin: 0 10px;}
.b-classes__item.item_active {background-position: 0 100%;}
.b-classes__item-icon {background: url("../images/lp8-classes-icon.png") no-repeat; float: left; display: block; height: 86px; width: 82px; overflow: hidden;}
.b-classes__item-icon.item_icon_1 {background-position: 0 0;}
.b-classes__item-icon.item_icon_2 {background-position: 0 -86px;}
.b-classes__item-icon.item_icon_3 {background-position: 0 -172px;}
.b-classes__item-title {float: left; font-size: 21px; display: block; padding: 32px 0 0 20px;}

.b-class-img {position: absolute; top: 234px; left: -182px; width: 388px; height: 353px; background: url("../images/lp8-bg-classes-1.png") 32px 0 no-repeat;}
.b-class-title {position: absolute; top: 229px; left: 27px; font-size: 21px;}
.b-class-description {position: absolute; top: 301px; left: 185px; width: 357px; color: #ffb35b;}

.b-gifts {position: absolute; bottom: -2px; left: 50%; width: 629px; height: 135px; margin-left: -522px; padding: 8px 56px 0; background: url("../images/lp7-gifts.png") no-repeat;}
.b-gifts__title {text-align: center;}
.b-gifts__title-big {font-size: 21px;}
.b-gifts__title-small {font-weight: normal; font-size: 14px; color: #ffb35b;}
.b-gifts__title-num {font-size: 20px;}
.b-gifts__list {position: relative; z-index: 1; padding: 7px 5px 0 75px; text-align: center;}
.b-gifts__list-item {display: inline-block; position: relative; width: 80px; height: 81px; margin: 0 -5px; background: url("../images/lp7-gift-item.png") no-repeat;}
.b-gifts__list-item-glass {position: absolute; z-index: 1; top: 0; left: 0; width: 80px; height: 81px; background: url("../images/lp7-gift-item-glass.png") no-repeat;}
.b-gifts__list-item-img {position: absolute; top: 7px; left: 7px; width: 60px; height: 60px;}

.b-pegi {background: url("../images/lp7-aside-sep.png") 50% 0 no-repeat;}
.b-pegi__content {padding: 12px 0 0;}
.b-pegi__icon {display: inline-block; vertical-align: middle;}
.b-pegi__icon img {vertical-align: top;}
.b-pegi__text {color: #926f50; font-size: 12px; display: inline-block; vertical-align: middle;}

.b-review {}
.b-review__list {list-style-type: none;}
.b-review__item {background: url("../images/lp7-aside-sep.png") 50% 0 no-repeat; overflow: hidden; padding: 10px 0 0;}
.b-review__item:first-child {background: none;}
.b-review__item-author {color: #926f50; font-weight: bold; margin: 2px 0 0; text-align: right;}
.b-review__item-text {background: url("../images/lp7-review-quote-right.png") 100% 100% no-repeat; padding: 8px 0 0 92px;}
.b-review__item-icon {background: url("../images/lp7-review-icon.png") no-repeat; float: left; padding: 13px 12px;}
.b-review__buttons {background: url("../images/lp7-aside-sep.png") 50% 0 no-repeat; padding: 10px 0 0;}
.b-review__button-more {display: block; height: 44px; width: 160px; overflow: hidden; margin: 0 auto 5px; text-indent: -9999px;}
.b-review__button-more:hover {background-position: 0 -44px;}
.b-review__button-more:active {background-position: 0 -88px;}


.b-subscribe {}
.b-subscribe__content {padding: 0 0 0 12px;}
.b-subscribe__title {background: url("../images/lp7-subscribe-title.png") no-repeat; font-size: 14px; line-height: 39px; margin: 0 0 0 -18px; padding: 0 0 0 72px;}
.b-subscribe__form {background: url("../images/lp7-subscribe-form.png") no-repeat; overflow: hidden; padding: 6px 7px 7px 6px; width: 242px; position: relative;}
.b-subscribe__form-label {color: #926f50; position: absolute; left: 14px; top: 13px;}
.b-subscribe__form-field {background: transparent; color: #926f50; border: 0; display: block; float: left; font-size: 13px; padding: 5px 0 6px 8px; line-height: 20px; outline: none; height: 20px; width: 196px;}
.b-subscribe__form-submit {background: url("../images/lp7-button-ok.png") no-repeat; border: 0; cursor: pointer; display: block; float: right; height: 32px; width: 38px; vertical-align: middle;}
.b-subscribe__form-submit:hover {background-position: 0 -32px;}
.b-subscribe__form-submit:active {background-position: 0 -64px;}

.b-community {}
.b-community__content {padding: 0 0 0 20px;}
.b-community__content h3 {font-size: 21px; font-weight: normal; margin: 0 0 8px;}
.b-community__text {margin: 0 0 12px;}
.b-community__list {list-style-type: none; margin: 0 -5px 5px -25px;}
.b-community__item {margin: -5px 0 0;}
.b-community__item-link {background: url("../images/lp7-community-item.png") 100% 0 no-repeat; display: block; height: 74px; overflow: hidden;}
.b-community__item-link:hover {background-position: 100% -74px;}
.b-community__item-icon {float: left; padding: 0 0 0 0;}
.b-community__item-title {float: left; font-size: 18px; padding: 25px 0 0 26px; width: 175px; text-align: center;}

.b-social {}
.b-social__text {padding: 0 0 8px 20px;}
.b-social__box {background: url("../images/lp7-social.png") no-repeat; margin: 0 0 0 -4px; padding: 19px 26px 29px 20px;}

.b-register {background: url("../images/lp7-bg-register.png") no-repeat; height: 470px; width: 670px; position: fixed; z-index: 9999; left: 50%; top: 50%; margin: -235px 0 0 -335px;}
.b-register__title {font-size: 21px; height: 45px; padding: 64px 0 0; text-align: center;}
.b-register__content {min-height: 305px; padding: 0 75px; position: relative;}
.b-register__social {background: url("../images/lp7-bg-register-row.png") 50% 1px no-repeat; padding: 0 0 0 38px; min-height: 60px;}
.b-register__social-title {font-size: 21px; display: inline-block; vertical-align: middle; //zoom: 1;}
.b-register__social-item {display: inline-block; vertical-align: middle; //zoom: 1;}
.b-register__form {padding: 10px 0;}
.b-register__form-submit {border: 0; cursor: pointer; height: 65px; width: 300px; outline: none;}
.b-register__form-submit:hover {background-position: 0 -65px;}
.b-register__input-text {min-height: 34px; padding: 5px 0; position: relative;}
.b-register__input-text-label {float: left; font-size: 18px; width: 220px; text-align: right; margin: 4px 10px 0 0;}
.b-register__input-text-field {background: #1f150c; color: #e6b181; float: left; line-height: 20px; height: 20px; width: 250px; outline: none; padding: 6px 12px;
	border-left: 1px solid #0a0704; border-top: 1px solid #0a0704; border-right: 1px solid #523e2c; border-bottom: 1px solid #523e2c;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 2px #523e2c; -webkit-box-shadow: 0 0 2px #523e2c; -ms-box-shadow: 0 0 2px #523e2c; -o-box-shadow: 0 0 2px #523e2c; box-shadow: 0 0 2px #523e2c;
}
.b-register__input-text.field_error .b-register__input-text-field {border: 2px solid #57140b; color: #CC140b; padding: 5px 11px;}
.b-register__buttons {background: url("../images/lp7-bg-register-row.png") 50% 0 no-repeat; min-height: 71px; padding: 5px 0 0; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%;}
.b-register__hint {display: none; font-size: 11px; position: absolute; margin: 3px 0 0 100%; width: 240px;}
.b-register__hint-cont {background: #1f150c; border: 1px solid #600; padding: 5px 8px 6px;
	-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
}
.b-register__hint-cont:before {border: solid; border-width: 8px 8px 8px 0; border-color: transparent #600 transparent; content: ""; position: absolute; left: -8px; top: 5px;}
.b-register__input-text.field_error .b-register__hint {display: block;}
.b-register__error {background: #1f150c; border: 2px solid #57140b; margin: 2px 12px; padding: 5px 8px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
}
.b-register__button-change {display: block; height: 44px; width: 210px; overflow: hidden; text-indent: -9999px;}
.b-register__button-change:hover {background-position: 0 -44px;}
.b-register__auth-name {color: #e6b181; font-size: 24px; text-align: center; padding-top: 40px;}

.b-video {}
.b-video__content {background: url("../images/lp7-video.png") no-repeat; padding: 13px 16px 16px 11px; position: relative; //zoom: 1;}
.b-video__button {background: url("../images/lp7-button-video.png") no-repeat; height: 56px; width: 56px; position: absolute; left: 50%; top: 50%; margin: -28px 0 0 -28px;}
.b-video__button:hover {background-position: 0 -56px;}

.b-popup {background: #000; display: none; width: 880px; padding: 12px 0; text-align: center; position: fixed; z-index: 9999; left: 50%; top: 50%; margin: -250px 0 0 -440px;
	-moz-box-shadow: 0 0 50px #000; -webkit-box-shadow: 0 0 50px #000; -ms-box-shadow: 0 0 50px #000; -o-box-shadow: 0 0 50px #000; box-shadow: 0 0 50px #000;
}
.b-popup__content {overflow: hidden;}
.b-popup__button-close {color: #FFF; float: right; padding: 10px 20px; text-decoration: none;}

.b-hint {display: none; position: absolute; z-index: 9999; top: 0; left: 0; width: 214px;}
.b-hint__top {padding: 22px 0 0; background: url("../images/lp7-hint-top.png") 0 0 no-repeat;}
.b-hint__bottom {padding: 0 0 22px; background: url("../images/lp7-hint-bottom.png") 0 100% no-repeat;}
.b-hint__middle {padding: 0 20px 0; background: url("../images/lp7-hint-middle.png") 0 0 repeat-y;}















.overlay {background: #000; display: none; position: fixed; z-index: 9999; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.75;}

.button-play-blue {display: block; height: 143px; width: 393px; overflow: hidden; text-indent: -9999px;}
.button-play-blue:hover {background-position: 0 -143px;}
.button-play-blue:active {background-position: 0 -286px;}

.button-play-red {display: block; height: 143px; width: 393px; margin: 0 auto; overflow: hidden; text-indent: -9999px;}
.button-play-red:hover {background-position: 0 -143px;}
.button-play-red:active {background-position: 0 -286px;}
