﻿
.layout.billing #block_center {
	position: relative;
	}
.layout.billing #textcontent {
	position: static;
	}

/* ------------------------------------------------ */
/* Billing form */
/* ------------------------------------------------ */

/* Old */

.billing_form {
	position: relative;
	}
	.billing_form .payment_help_link.firstpagelink {
		top: -162px;
		}

	.billing_form .option {
		height: 60px;
		display: block;
		position: relative;
		padding: 10px 0px;
		border-bottom: 1px solid #cbd3dd;
		cursor: pointer;
		font-size:0;
		}

		.billing_form .option .item {
			height: inherit;
			display: inline-block;
			position: relative;
			padding-left: 10px;
			}
		.billing_form .option .item.pre_plus,
		.billing_form .option .item.pre_sum {
			padding-left: 24px;
		}
		.billing_form--first-pay .option .item.pre_plus {
			padding-left: 17px;
		}
		.billing_form .option .item.type1 .ico + .cont {
			width: 100px;
			}

		.billing_form .option .item.pre_plus:before,
		.billing_form .option .item.pre_sum:before {
			content: '';
			width: 24px;
			top:0;
			bottom:0;
			position: absolute;
			left: 0;
			background-position: center center;
			background-repeat: no-repeat;
			}
		.billing_form .option .item.pre_plus:before {
			background-image: url(/static/awru.my.games/img/main/content/payment/pre_plus.png);
			}
		.billing_form .option .item.pre_sum:before {
			background-image: url(/static/awru.my.games/img/main/content/payment/pre_sum.png);
			}

		.billing_form--first-pay .option .item.pre_plus:before {
			background-position: -7px center;
		}

			.billing_form .option .item .ico {
				width: 60px;
				height: inherit;
				display: inline-block;
				vertical-align:middle;
				background-color: #4d5a6d;
				background-position: center center;
				background-repeat: no-repeat;
				}
			.billing_form .option .item .ico.coin1 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin1.png)}
			.billing_form .option .item .ico.coin2 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin2.png)}
			.billing_form .option .item .ico.coin3 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin3.png)}
			.billing_form .option .item .ico.coin4 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin4.png)}
			.billing_form .option .item .ico.coin5 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin5.png)}
			.billing_form .option .item .ico.coin6 {background-image: url(/static/awru.my.games/img/main/content/payment/items/coin6.png)}
			.billing_form .option .item .ico.bonus5 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus5.png)}
			.billing_form .option .item .ico.bonus10 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus10.png)}
			.billing_form .option .item .ico.bonus15 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus15.png)}
			.billing_form .option .item .ico.bonus20 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus20.png)}
			.billing_form .option .item .ico.bonus25 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus25.png)}
			.billing_form .option .item .ico.bonus30 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus30.png)}
			.billing_form .option .item .ico.bonus50 {background-image: url(/static/awru.my.games/img/main/content/payment/items/bonus50.png)}
			.billing_form .option .item .ico.premium {background-image: url(/static/awru.my.games/img/main/content/payment/items/premium.png)}
			.billing_form .option .item .ico.friend {background-image: url(/static/awru.my.games/img/main/content/payment/items/friend.png)}

			.global-ico-info {
				display:inline-block;
				vertical-align:middle;
				width:16px;
				height:16px;
				background: url(/static/awru.my.games/img/main/content/payment/ico-info.png) no-repeat 0 0;
			}
			.billing_form .global-ico-info {
				margin:0 6px;
				position:relative;
			}
			.billing-tooltip {
				position:absolute;
				top:100%;
				left:50%;
				padding: 5px 10px 10px;
				background:#fff;
				border:1px solid #000;
				text-align:center;
				z-index:2;
				margin: 26px 0 0;
				transform: translateX(-50%);
				white-space:nowrap;
				display: none;
			}
			.global-ico-info:hover .billing-tooltip {
				display: block;
			}
			.billing-tooltip:before {
				content:'';
				position: absolute;
				left:0;
				right:0;
				top:-13px;
				margin: auto;
				width:24px;
				height:24px;
				background:#fff;
				transform: rotate(45deg);
				border-top: 1px solid #000;
				border-left: 1px solid #000;
			}
			.billing-tooltip__title {
				font-size:17px;
				margin: 0 0 3px;
				position:relative;
			}
			.billing-invite {
				display:inline-block;
				width:132px;
				height:122px;
				background:#23262d no-repeat;
				position:relative;
				color:#fff;
			}
			.billing-invite + .billing-invite {
				margin: 0 0 0 9px;
			}
			.billing-invite--prem {
				background-image:url(/static/awru.my.games/img/main/content/payment/tooltip-prem.png);
				background-position: center 5px;
			}
			.billing-invite--tank {
				background-image:url(/static/awru.my.games/img/main/content/payment/tooltip-tank.png);
				background-position: 0 12px;
			}
			.billing-invite--extended {
				background-image:url(/static/awru.my.games/img/main/content/payment/tooltip-extended.png);
				background-position: center 5px;
			}

			.billing-invite__title {
				position:absolute;
				bottom:5px;
				left:0;
				right:0;
				font-size:12px;
				white-space:normal;
			}
			.billing-invite__percent {
				position:absolute;
				left:0;
				right:0;
				margin:auto;
				top:28px;
				width:84px;
				height:45px;
				background:#6f8097;
				font: bold 35px/35px OpenSansCondensed, Arial;
			}
			.billing-invite__percent:before {
				content:'';
				position: absolute;
				left:0;
				right:0;
				bottom:100%;
				width:0;
				height:0;
				margin: auto;
				border-style: solid;
				border-width:18px 42px;
				border-color: transparent transparent #6f8097 transparent;
			}

			.billing_form .option .item .cont {
				height: inherit;
				display: inline-block;
				margin-left: 10px;
				overflow: hidden;
				vertical-align:middle;
				}
			.billing_form .option .item .ico + .cont {
				width: 80px;
			}

			.billing_form .option .item .ico + .cont--short {
				width: 75px;
			}

				.billing_form .option .item .cont > div {
					height: inherit;
					display: table-cell;
					vertical-align: middle;
					}

					.billing_form .option .item .label {
						color: #23262d;
						font-size: 17px;
						line-height: 24px;
						}

						.billing_form .option .item .label b {
							font: bold 23px OpenSansCondensed, Arial, Helvetica, sans-serif;
							}

						.billing_form .option .item .label .text_ico {
							width: 16px;
							height: 16px;
							display: inline-block;
							margin: 0px 6px;
							background-position: left top;
							background-repeat: no-repeat;
							}
						.billing_form .option .item .label .text_ico {background-image: url(/static/awru.my.games/img/main/content/payment/ico16_coin.png)}

		.billing_form .option .btn {
			width: 110px;
			height: inherit;
			position: absolute;
			top: 50%;
			right: 0px;
			color: #fff;
			font: bold 17px Squares, Arial, Helvetica, sans-serif;
			text-align: center;
			background: #23262d;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 1;
			}

		.billing_form .option:hover .btn {
			color: #000;
			background: #feca00;
			cursor: pointer;
			}

			.billing_form .option .btn > span {
				width: 110px;
				height: inherit;
				display: table-cell;
				box-sizing: border-box;
				vertical-align: middle;
				border: 2px solid #23262d;
				}
			.billing_form .option:hover .btn > span {
				border-color: #000;
				}

	.billing_form.bonus1 .option .item {
		width: 170px;
		}
	.billing_form.bonus1 .option .btn,
	.billing_form.bonus1 .option .btn > span {
		width: 130px;
		}

/* ------------------------------------------------ */
/* Promo sale */
/* ------------------------------------------------ */

.pair_tabs {
	height: 49px;
	}
	
	.pair_tabs > div {
		width: 422px;
		height: inherit;
		position: absolute;
		top: 0px;
		color: #fff;
		font: 20px/49px Squares, Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		background: url(/static/awru.my.games/img/main/content/billing/tabs.png) left top no-repeat;
		z-index: 1;
		cursor: pointer;
		-khtml-user-select: none;
		-moz-user-select: none;
		user-select: none;
		}
	.pair_tabs > div.active {
		color: #23262d;
		z-index: 2;
		}
	.pair_tabs > div:first-child {
		left: 0px;
		background-position: left -50px;
		}
	.pair_tabs > div:last-child {
		right: 0px;
		background-position: right -50px;
		}
	.pair_tabs > div.active:first-child {
		background-position: left 0px;
		}
	.pair_tabs > div.active:last-child {
		background-position: right 0px;
		}

.promo_tab_cont {
	min-height: 382px;
	overflow: hidden;
	}

.promosale_timer {
	height: 154px;
	box-sizing: border-box;
	padding-top: 16px;
	color: #6f8097;
	font: 22px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: hidden;
	}
	
	.promosale_timer > span {
		display: block;
		margin: 12px 0px;
		color: #6f8097;
		font: 20px/24px Arial, Helvetica, sans-serif;
		}
	
	.promosale_timer #countdown {
		width: 340px;
		margin: 0px auto;
		}
	
	/* Promo sale timer */
	
	.promosale_timer .is-countdown {
		
		}
	.promosale_timer .countdown-rtl {
		direction: rtl;
		}
	.promosale_timer .countdown-holding span {
		color: #888;
		}
	.promosale_timer .countdown-row {
		clear: both;
		width: 100%;
		padding: 0px 2px;
		text-align: center;
		}
	.promosale_timer .countdown-show1 .countdown-section {
		width: 98%;
		}
	.promosale_timer .countdown-show2 .countdown-section {
		width: 48%;
		}
	.promosale_timer .countdown-show3 .countdown-section {
		width: 32.5%;
		}
	.promosale_timer .countdown-show4 .countdown-section {
		width: 24.5%;
		}
	.promosale_timer .countdown-show5 .countdown-section {
		width: 19.5%;
		}
	.promosale_timer .countdown-show6 .countdown-section {
		width: 16.25%;
		}
	.promosale_timer .countdown-show7 .countdown-section {
		width: 14%;
		}
	.promosale_timer .countdown-section {
		display: block;
		float: left;
		font-size: 75%;
		text-align: center;
		}
	.promosale_timer .countdown-amount {
		color: #23262d;
		font-size: 200%;
		font-weight: bold;
		}
	.promosale_timer .countdown-period {
		display: block;
		text-transform: lowercase;
		}
	.promosale_timer .countdown-descr {
		display: block;
		width: 100%;
		}
		
		.promosale_timer .countdown-section:before {
			content: ':';
			display: block;
			position: absolute;
			font-size: 24px;
			line-height: 22px;
			font-weight: bold;
			}
		.promosale_timer .countdown-section:first-child:before {
			content: '';
			}

.promosale_bonus {
	height: 95px;
	position: relative;
	box-sizing: border-box;
	padding-left: 100px;
	background: #fff url(/static/awru.my.games/img/main/content/billing/premium_sale.png) 7px center no-repeat;
	border-top: 1px solid #cbd3dd;
	border-bottom: 1px solid #cbd3dd;
	}
	
	.promosale_bonus .desc {
		width: 365px;
		height: inherit;
		display: table-cell;
		box-sizing: border-box;
		padding: 3px 0px 0px 6px;
		color: #23262d;
		font: bold 14px/20px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		vertical-align: middle;
		}
		
		.promosale_bonus .desc b {
			font: bold 27px/22px OpenSansCondensed, Arial, Helvetica, sans-serif;
			}
	
	.discount_pad {
		width: 102px;
		height: 81px;
		display: table-cell;
		box-sizing: border-box;
		top: 1px;
		left: 316px;
		padding: 3px 10px 0px 0px;
		color: #fff;
		font: bold 16px/24px Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		vertical-align: middle;
		background: url(/static/awru.my.games/img/main/content/billing/discount_pad.png) left center no-repeat;
		}
		
		.discount_pad b {
			font-size: 30px;
			line-height: 24px;
			}
	
	.promosale_bonus .price {
		width: 137px;
		height: inherit;
		display: table-cell;
		box-sizing: border-box;
		padding: 0px 0px 0px 18px;
		color: #23262d;
		font: 20px/27px Arial, Helvetica, sans-serif;
		vertical-align: middle;
		}
		
		.promosale_bonus .price span:before {
			content: '';
			width: 57px;
			height: 27px;
			position: absolute;
			margin-left: -3px;
			background: url(/static/awru.my.games/img/main/content/billing/price_cross.png) center center no-repeat;
			}
	
	.promosale_buy.option {
		width: 110px;
		height: 60px;
		position: absolute;
		box-sizing: border-box;
		display: table-cell;
		top: 17px;
		right: 0px;
		color: #fff;
		font: bold 17px/34px Squares,Arial,Helvetica,sans-serif;
		text-align: center;
		background: #23262d;
		border: 2px solid #23262d;
		cursor: pointer;
		}
	.promosale_buy.option:hover {
		color: #000;
		background: #feca00;
		}
	
.promosale_discount_desc {
	color: #4d5a6d;
	font: bold 27px/100px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	}	

/* New */

.layout.billing .billing_filter {
	margin-bottom: 23px;
}
.gold_form {
	position: relative;
	font-size: 0;
	}
	.gold_form p {
		text-align: center;
		font-size: 14px;
		margin: 10px 0 51px;
		}

	.gold_form .option {
		padding: 0;
		height: 110px;
		display: inline-block;
		width: 400px;
		position: relative;
		border-bottom: 1px solid #cbd3dd;
		cursor: pointer;
		font-size:0;
		margin-bottom: 12px;
		background: #4d5a6d;
		}
		.gold_form .option:nth-child(even) {
			margin-left: 14px;
			}

	.gold_form .option_price {
		display: inline-block;
		width: 155px;
		vertical-align: top;
		box-sizing: border-box;
		padding-left: 23px;
		}
	.gold_form .option_price > div {
		font-size: 0;
		}

	.gold_form .option .btn_wrap {
		display: inline-block;
		width: 245px;
		height: 110px;
		vertical-align: top;
		border: 2px solid #4d5a6d;
		box-sizing: border-box;
		line-height: 104px;
		text-align: right;
		background: #23262d url(/static/awru.my.games/img/main/content/billing/coins.png) no-repeat 13px 18px;
		}
		.gold_form .option:nth-child(6) .btn_wpap {
			background-position-y: 12px;
			}
		.gold_form .option:nth-child(5) .btn_wrap {
			background-position-y: -247px;
			}
		.gold_form .option:nth-child(4) .btn_wrap {
			background-position-y: -73px;
			}
		.gold_form .option:nth-child(3) .btn_wrap {
			background-position: 18px -333px;
			}
		.gold_form .option:nth-child(2) .btn_wrap {
			background-position-y: -158px;
			}
		.gold_form .option:nth-child(1) .btn_wrap {
			background-position-y: -418px;
			}
		.gold_form .btn_wrap .btn {
			position: static;
			line-height: inherit;
			width: 108px;
			box-sizing: border-box;
			color: #000;
			font: bold 20px/35px Squares, Arial, Helvetica, sans-serif;
			background: #feca00;
			display: inline-block;
			text-align: center;
			margin-right: 20px;
			vertical-align: middle;
			-webkit-transform: none;
    		transform: none;
			}
			.gold_form .option:hover .btn_wrap .btn {
				background: #ffe400;
				}

	.gold_form .option_price .option-roubles {
		color: #fff;
		font: 14px Arial, Helvetica, sans-serif;
		margin-top: 6px;
		}
		.gold_form .option-roubles__current {
			position: relative;
			}
			.gold_form .option-roubles__current:after {
				display: none;
				content: '';
				position: absolute;
				top: 45%;
				bottom: 60%;
				left: 0;
				right: -1px;
				border-bottom: 2px solid #fff;
				transform: rotate(-10deg);
				}
		.gold_form .option-roubles__new{
			position: absolute;
			top:-15px;
			left: 50%;
			display: none;
			color: #fff;
			font: bold 16px Arial, Helvetica, sans-serif;
			white-space: nowrap;
			margin-left: -25px;
			width: 50px;
			text-align: center;
			}
	.gold_form .option_price .option-gold {
		font: 15px Arial, Helvetica, sans-serif;
		color: #feca00;
		}
		.option-gold__num {
			font: bold 33px/48px OpenSansCondensed, Arial, Helvetica, sans-serif;
			display: block;
			height: 39px;
			}

	.gold_form .option_price .option-gold__num_bonus {
			font: bold 18px/28px OpenSansCondensed, Arial, Helvetica, sans-serif;
			display: block;
			height: 25px;
		}

	.gold_form .option-more {
		display: none;
		color: #4d5a6d;
		}
		.gold_form .option-more > span {
			padding: 0 3px;
			display: inline-block;
			font: bold 14px/24px Arial, Helvetica, sans-serif;
			}
		.gold_form .option-more__num{
			font-size: 22px;
			letter-spacing: -1.1px;
			display: inline-block;
			vertical-align: middle;
			}

	.gold_form.gift .option-gold__num,
	.gold_form.sale .option-gold__num {
		display: inline;
		}
	.gold_form.sale .option_price,
	.gold_form.gift .option_price {
		padding-left: 14px;
		}
	.gold_form.gift .option_price {
		width: 158px;
		}
	.gold_form.gift .option-gold__num {
		line-height: 38px;
		font-size: 30px;
		}
	.gold_form.gift .option-more {
		display: block;
		width: 140px;
		background: #feca00;
		height: 24px;
		}
	.gold_form.gift .option-roubles {
		margin-top: 4px;
		}
	.gold_form.gift .btn_wrap {
		width: 242px;
		}
	.gold_form.sale .option-gold {
		margin-bottom: 14px;
		}
	.gold_form.sale .option-roubles__new {
		display: inline-block;
		}
	.gold_form.sale .option-roubles__current {
		color: #a6b9d2;
		}
	.gold_form.sale .option-roubles__current:after {
		display: inline-block;
		}

	/* billing action */

	.billing_sale,
	.billing_gift {
		font-size: 0;
		margin-bottom: 23px;
		}
	.billing_sale > div,
	.billing_gift > div {
	    display: inline-block;
	    height: 80px;
	    vertical-align: text-bottom;
	    background: #4d5a6d;
	    font-size: 13px;
	    line-height: 80px;
		}
	.billing_gift > div:first-child {
		width: 300px;
		padding-left: 20px;
		box-sizing: border-box;
		}
	.billing_gift > div:last-child {
		width: 514px;
		background: #23262d url(/static/awru.my.games/img/main/content/billing/offer-bg.png) no-repeat left top;
		color: #fff;
		padding-left: 40px;
		box-sizing: border-box;
		}
	.billing_gift .billing-offer span {
		display: inline-block;
		vertical-align: middle;
		color: #feca00;
		font-weight: bold;
		padding: 0 1px;
		}
	.billing-offer span:nth-child(1){
		font-size: 45px;
		padding: 0 0 0 5px;
		margin-top: -3px;
		}
	.billing-offer span:nth-child(2){
		font-size: 60px;
		}
	.billing-offer span:nth-child(3){
		font-size: 28px;
		text-transform: uppercase;
		}
	.billing_sale > div:first-child {
		background: #6f8097;
		width: 140px;
		font-size: 33px;
		padding-left: 0;
		text-align: center;
		text-transform: lowercase;
		padding-left: 15px;
		}
	.billing_sale > div {
		width: 174px;
		padding-left: 49px;
		box-sizing: border-box;
		color: #fff;
		font-size: 57px;
		font-weight: bold;
		background: #4d5a6d url(/static/awru.my.games/img/main/content/billing/offer-bg.png) no-repeat left bottom;
		}
	.billing_sale > div:last-child {
		font-size: 20px;
		background: #23262d url(/static/awru.my.games/img/main/content/billing/offer-bg.png) no-repeat left top;
		width: 500px;
		padding-left: 40px;
		box-sizing: border-box;
		}
	.billing-countdown {
		text-align: right;
		}
	.billing-countdown span{
		font-size: 12px;
		}
	.billing-countdown__label {
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		color: #9ba6b4;
		text-transform: uppercase;
		width: 100px;
		line-height: 18px;
		vertical-align: middle;
		text-align: right;
		margin-right: 6px;
		}
	.billing-countdown__timer {
		display: inline-block;
		vertical-align: middle;
		width: 320px;
		line-height: initial;
		margin-right: 11px;
		padding-top: 7px;
		}
	.billing-countdown__timer .countdown-section {
		line-height: 20px;
		text-align: center;
		display: inline-block;
		position: relative;
		width: 75px;
		font-size: 0;
		font-weight: bold;
		}
	.billing-countdown__timer .countdown-section:after {
		content: ":";
		display: block;
		font-size: 40px;
		font-weight: bold;
		position: absolute;
		top:10px;
		color: #9ba6b4;
		right: -8px;
		}
	.billing-countdown__timer .countdown-section:last-child:after {
		content: '';
		}
	.billing-countdown__timer .countdown-amount {
		font-size: 42px;
		line-height: 42px;
		display: block;
		color: #fff;
		}
	.billing-countdown__timer .countdown-period {
		font-size: 11px;
		text-transform: uppercase;
		line-height: 0px;
		color: #9ba6b4;
		}

/* ------------------------------------------------ */
/* Promo sale */
/* ------------------------------------------------ */

/* Promo sale tabs */

.promo-sale__tabs {
	height: 49px;
	}
	
	.promo-sale__tabs > div {
		width: 422px;
		height: inherit;
		position: absolute;
		top: 0px;
		color: #fff;
		font: 20px/49px Squares, Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		background: url(/static/awru.my.games/img/main/content/billing/tabs.png) left top no-repeat;
		z-index: 1;
		cursor: pointer;
		-khtml-user-select: none;
		-moz-user-select: none;
		user-select: none;
		}
	.promo-sale__tabs > div.active {
		color: #23262d;
		z-index: 2;
		}
	.promo-sale__tabs > div:first-child {
		left: 0px;
		background-position: left -50px;
		}
	.promo-sale__tabs > div:last-child {
		right: 0px;
		background-position: right -50px;
		}
	.promo-sale__tabs > div.active:first-child {
		background-position: left 0px;
		}
	.promo-sale__tabs > div.active:last-child {
		background-position: right 0px;
		}

.promo-sale__cont {
	overflow: hidden;
	}

/* Promo sale timer */

.promo-sale__timer {
	height: 154px;
	box-sizing: border-box;
	padding-top: 16px;
	color: #6f8097;
	font: 22px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: hidden;
	}
	.promo-sale__timer > span {
		display: block;
		margin: 12px 0px;
		color: #6f8097;
		font: 20px/24px Arial, Helvetica, sans-serif;
		}
	.promo-sale__timer #promotimer {
		width: 340px;
		margin: 0px auto;
		}
	.promo-sale__timer .countdown-rtl {
		direction: rtl;
		}
	.promo-sale__timer .countdown-holding span {
		color: #888;
		}
	.promo-sale__timer .countdown-row {
		clear: both;
		width: 100%;
		padding: 0px 2px;
		text-align: center;
		}
	.promo-sale__timer .countdown-show1 .countdown-section { width: 98%; }
	.promo-sale__timer .countdown-show2 .countdown-section { width: 48%; }
	.promo-sale__timer .countdown-show3 .countdown-section { width: 32.5%; }
	.promo-sale__timer .countdown-show4 .countdown-section { width: 24.5%; }
	.promo-sale__timer .countdown-show5 .countdown-section { width: 19.5%; }
	.promo-sale__timer .countdown-show6 .countdown-section { width: 16.25%; }
	.promo-sale__timer .countdown-show7 .countdown-section { width: 14%; }
	.promo-sale__timer .countdown-section {
		display: block;
		float: left;
		font-size: 75%;
		text-align: center;
		}
	.promo-sale__timer .countdown-amount {
		color: #23262d;
		font-size: 200%;
		font-weight: bold;
		}
	.promo-sale__timer .countdown-period {
		display: block;
		text-transform: lowercase;
		}
	.promo-sale__timer .countdown-descr {
		display: block;
		width: 100%;
		}
		.promo-sale__timer .countdown-section:before {
			content: ':';
			display: block;
			position: absolute;
			font-size: 24px;
			line-height: 22px;
			font-weight: bold;
			}
		.promo-sale__timer .countdown-section:first-child:before {
			content: '';
			}

/* common style */

.promo-sale__billing {
	margin-top: 20px;
}
.promo-sale__notice {
	color: #666870;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
.promo-sale__button {
	display: inline-block;
	font-size: 20px;
	width: 130px;
	height: 35px;
	line-height: 35px;
	padding: 0;
}

/* action 'LAV 150 90 MERC' */

.promo-tank__img {
	display: block;
	margin: -45px auto 0;
}
.promo-tank__offer-item {
	display: inline-block;
	font: bold 30px/24px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #23262d;
}
	.promo-tank__offer-item img {
		vertical-align: middle;
	}
.promo-tank__pad {
	font: bold 35px/48px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: #b92148;
	position: relative;
	display: inline-block;
	padding: 0 20px;
	height: 50px;
	margin-bottom: 50px;
}
	.promo-tank__pad:after {
	    content: '';
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 25px 0 25px 15px;
	    border-color: transparent transparent transparent #b92148;
	    position: absolute;
	    top: 0;
	    right: -15px;
	}
.promo-tank__price {
	display: inline-block;
	font-size: 30px;
    margin: 0 80px 0 95px;
	position: relative;
}
	.promo-tank__price .new-price {
		margin-left: 105px;
	}
	.promo-tank__price .old-price:before {
		content: '';
		width: 57px;
		height: 27px;
		position: absolute;
		margin-left: -3px;
		background: url(/static/awru.my.games/img/main/content/billing/price_cross.png) center center no-repeat;
		}

.promo-tank__header {
	background: url(/static/awru.my.games/img/main/content/billing/tank.png) left top no-repeat;
    height: 165px;
    width: 350px;
    padding: 20px 0 0 440px;
    margin-top: 10px;
}
.promo-tank__item {
		background: #23262d;
		border: 3px solid #4d5a6d;
		margin-bottom: 7px;
	}
	.promo-tank__item-bonus {
		color: #fff;
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		width: 320px;
	}
		.promo-tank__item-bonus li {
			font: bold 28px/30px OpenSansCondensed, Arial, Helvetica, sans-serif;
			margin: 0;
		}
		.promo-tank__item-bonus .image {
			display: inline-block;
			vertical-align: middle;
			width: 50px;
			height: 46px;
			background-repeat: no-repeat;
			background-position: center;
			margin-right: 10px;
			margin-left: 15px;
		}
		.promo-tank__item-bonus span {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			vertical-align: middle;
		}
	.promo-tank__item-price {
		display: inline-block;
		vertical-align: middle;
		font: 18px/22px Arial, Helvetica, sans-serif;
		color: #fff;
		background: #4d5a6d;
		padding: 21px 19px 21px 90px;
		height: 100%;
		width: 213px;
		position: relative;
	}
		.promo-tank__item-price_sale {
			padding: 65px 19px 65px 90px;
		}
		.promo-tank__item-price_sale:before {
			content: '';
			background: url(/static/awru.my.games/img/main/content/billing/bracket.png) center no-repeat;
			width: 19px;
			height: 138px;
			display: block;
			position: absolute;
			left: 45px;
			top: 0;
			bottom: 0;
			margin: auto;
		}
	.promo-tank__item .promo-sale__button {
		display: inline-block;
		margin: 0 10px;
		vertical-align: middle;
	}

/* action 'premium status' */

.promo-premium__wrap {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.promo-premium__wrap.wrap_margin {
	margin-bottom: 60px;
}
.promo-premium__name {
	color: #23262d;
	font: bold 53px/38px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 215px;
}
	.promo-premium__name span {
		font-size: 26px;
	} 
	.promo-premium__name_small {
		font-size: 41px;
		line-height: 28px;
	}
	.promo-premium__name_small span {
		font-size: 20px;
	}
.promo-premium__union {
	background: #23262d;
	color: #fff;
	font: bold 53px/33px OpenSansCondensed, Arial, Helvetica, sans-serif;
	position: relative;
	display: inline-block;
	width: 74px;
	height: 45px;
	vertical-align: middle;
	margin: 0 10px 0 40px;
}
	.promo-premium__union:before, .promo-premium__union:after {
		content: '';
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    position: absolute;
	    left: 0;
	}
	.promo-premium__union:before {
		top: -20px;
	    border-width: 0 37px 20px 37px;
	    border-color: transparent transparent #23262d transparent;	
	}
	.promo-premium__union:after {
		bottom: -20px;
	    border-width: 20px 37px 0 37px;
	    border-color: #23262d transparent transparent transparent;		
	}
.promo-premium__price {
	color: #23262d;
	font: bold 52px/37px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	width: 245px;
}
	.promo-premium__price span {
		color: #678490;
		display: inline-block;
		margin-right: 20px;
		position: relative;
	}
	.promo-premium__price span:before {
	    content: '';
	    width: 135px;
	    height: 4px;
	    position: absolute;
	    margin-left: -3px;
	    background: #b92148;
	    transform: rotate(-10deg);
	    top: 18px;
	    left: -10px;
		}
	.promo-premium__price-rub {
		font-size: 26px;
		margin-top: 10px;
		margin-right: 43px;
	}
	.promo-premium__price_small {
		font-size: 40px;
		width: 225px;
	}
	.promo-premium__price_small span:before {
		height: 3px;
		width: 105px;
	}
	.promo-premium__price_small .promo-premium__price-rub {
		font-size: 20px;
		margin-top: 0;
		margin-right: 38px;
	}

.promo-premium__discount {
	font: bold 42px/22px Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	color: #9d1310;
	display: inline-block;
	width: 143px;
	height: 83px;
	background: url(/static/awru.my.games/img/main/content/billing/bg-discount.png) no-repeat;
	box-sizing: border-box;
	padding: 20px 0 0 18px;
	position: absolute;
    margin: -23px 0 0 55px;
}
	.promo-premium__discount span {
		font-size: 20px;
	}
.promo-premium__union-prem {
	color: #23262d;
	font: bold 28px/115px OpenSansCondensed, Arial, Helvetica, sans-serif;
	display: inline-block;
	background: url(/static/awru.my.games/img/main/content/billing/bg-premium.png) no-repeat;
	width: 103px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	margin: 0 0px 0 10px;
}

.promo-premium__info {
	font: bold 28px/32px OpenSansCondensed, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #b92148;
	color: #fff;
	position: relative;
	width: 310px;
	padding: 10px 0;
	margin: 30px auto;
	text-align: center;
}
	.promo-premium__info span {
		font-size: 35px;
	}
	.promo-premium__info:before, .promo-premium__info:after {
		content: '';
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    position: absolute;
	    top: 0;
	}
	.promo-premium__info:before {
		left: -23px;
	    border-width: 43px 23px 43px 0;
	    border-color: transparent #b92148 transparent transparent;
	}
	.promo-premium__info:after {
		right: -23px;
	    border-width: 43px 0 43px 23px;
	    border-color: transparent transparent transparent #b92148;	
	}

.promo-premium__offer {
	text-align: center;
	color: #23262d;
    margin-right: 30px;
}
	.promo-premium__offer-day {
		font: bold 33px/24px OpenSansCondensed, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	.promo-premium__offer-prem {
		font-size: 18px;
		line-height: 19px;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.promo-premium__offer-img {
		width: 67px;
		height: auto;
		vertical-align: middle;
		margin: 0 20px;
	}	
	.promo-premium__offer-rub {
		font: bold 33px/24px OpenSansCondensed, Arial, Helvetica, sans-serif;
		display: inline-block;
		vertical-align: middle;
	}
.promo-premium__text {
	margin: 30px 0;
	color: #23262d;
	font-size: 20px;
	line-height: 25px;
}
.promo-premium__label {
	font: bold 42px/22px Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	color: #fff;
	background: #b92148;
	display: inline-block;
	width: 124px;
	text-align: center;
	padding: 20px 0;
	position: absolute;
	margin-top: -22px;
}
	.promo-premium__label span {
		font-size: 20px;
		line-height: 0;
	}
	.promo-premium__label:before {
		content: '';
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    position: absolute;
	    top: 0;
	}
	.promo-premium__label.label_left:before {
		right: -18px;
	    border-width: 42px 0 42px 18px;
	    border-color: transparent transparent transparent #b92148;	
	}
	.promo-premium__label.label_right:before {
		left: -18px;
	    border-width: 42px 18px 42px 0;
	    border-color: transparent #b92148 transparent transparent;
	}
	.promo-premium__label.label_left {
		left: 0;
		padding-left: 5px;
	}
	.promo-premium__label.label_right {
		right: 0;
		padding-right: 5px;
	}

/* Iframe */

.billing__iframe {
    position: fixed;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    display: none;
}
.pfm_content {
	overflow: auto;
	border-bottom: 1px solid #ccc;
	height: 500px;
}
.pfm_content {
	position: relative;
	flex-grow: 1;
	padding: 24px 24px 0px;
}
    .iframe__wrap {
        width: 840px;
        height: 720px;  
        background: #fff;     
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden;
    }
    .iframe__title {
        font: 24px/65px Squares, Arial, Helvetica, sans-serif;
        color: #fff;
        background: #6f8097;
        height: 65px;
        text-transform: uppercase;
        padding: 0 23px;
        margin: 12px 0 24px;
        position: relative;
        z-index: 2;
    }
    .iframe__close {
        position: absolute;
        width: 14px;
        height: 13px;
        background: url(/static/awru.my.games/img/main/content/billing/icon-close.png);
        cursor: pointer;
        right: 25px;
        top: 0px;
        bottom: 0;
        margin: auto;
        z-index: 2;
    }
    .iframe__user {
        color: #242527;
        font-size: 18px;        
        padding: 0 23px 20px;
        margin-bottom: -13px;
    }
        .iframe__user span {
            font-weight: 600;
        }
    .iframe__load {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/static/awru.my.games/img/main/content/billing/ajax_loader.gif) center no-repeat;
        z-index: 1;
    }
    
    .iframe__save {
        background: url(/static/awru.my.games/img/main/content/billing/icon-save.png) left center no-repeat;
        color: #28292a;
        font-size: 14px;
        position: absolute;
        bottom: 23px;
        left: 23px;
        padding-left: 35px;
    } 
    .iframe__save span {
        display: block;
        font-weight: bold;
    }
    .iframe__help {
        position: absolute;
        bottom: 23px;
        right: 23px;
        color: #28292a;
        font-size: 14px;
        text-decoration: underline;
        background: url(/static/awru.my.games/img/main/content/billing/icon-help.png) left center no-repeat;
        padding-left: 25px;
        line-height: 21px;
    }
    .iframe__help:hover {
        text-decoration: none;
    }

@media only screen and (max-height: 720px) {
    body.is-open-frame {
        overflow-y: hidden;
    }
    
    body.is-open-frame .container {
        z-index: 9999;
    }
}