.app-banner{
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 10000;
	background-color: #11161d;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height: 100%;
	overflow-x: hidden;
    overflow-y: auto;
	display: none;
	-webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
body.android .app-banner-show, body.ios .app-banner-show {
	display: block;
}

.app-banner .close-popup{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;
	text-align: right;
	z-index: 1202;
	
	background: rgba(17,22,29,0.7);
	background: -moz-linear-gradient(top, rgba(17,22,29,0.7) 0%, rgba(17,22,29,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,22,29,0.7)), color-stop(100%, rgba(17,22,29,0)));
	background: -webkit-linear-gradient(top, rgba(17,22,29,0.7) 0%, rgba(17,22,29,0) 100%);
	background: -o-linear-gradient(top, rgba(17,22,29,0.7) 0%, rgba(17,22,29,0) 100%);
	background: -ms-linear-gradient(top, rgba(17,22,29,0.7) 0%, rgba(17,22,29,0) 100%);
	background: linear-gradient(to bottom, rgba(17,22,29,0.7) 0%, rgba(17,22,29,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11161d', endColorstr='#11161d', GradientType=0 );
	
	/*
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTExNjFkIiBzdG9wLW9wYWNpdHk9IjAuOCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzExMTYxZCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgba(17, 22, 29, 0.8)),color-stop(1, rgba(17, 22, 29, 0)));
    background-image: -webkit-repeating-linear-gradient(top,rgba(17, 22, 29, 0.8) 0%,rgba(17, 22, 29, 0) 100%);
    background-image: repeating-linear-gradient(to bottom,rgba(17, 22, 29, 0.8) 0%,rgba(17, 22, 29, 0) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgba(17, 22, 29, 0.8) 0%,rgba(17, 22, 29, 0) 100%);
	*/
}

.app-banner .close-popup a{
	padding-left: 15px;
	padding-right: 39px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	background-image: url(../images/app-banner/close.svg);
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 24px;
}
.app-banner .goto{
	height: 100%;
	min-height: 100%;
	display: none;
}

.app-banner .bottom{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 100px 30px 30px;
	color: #fff;
	z-index: 1201;
	
	background: rgba(17,22,29,0);
	background: -moz-linear-gradient(top, rgba(17,22,29,0) 0%, rgba(17,22,29,0) 0%, rgba(17,22,29,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,22,29,0)), color-stop(0%, rgba(17,22,29,0)), color-stop(100%, rgba(17,22,29,1)));
	background: -webkit-linear-gradient(top, rgba(17,22,29,0) 0%, rgba(17,22,29,0) 0%, rgba(17,22,29,1) 100%);
	background: -o-linear-gradient(top, rgba(17,22,29,0) 0%, rgba(17,22,29,0) 0%, rgba(17,22,29,1) 100%);
	background: -ms-linear-gradient(top, rgba(17,22,29,0) 0%, rgba(17,22,29,0) 0%, rgba(17,22,29,1) 100%);
	background: linear-gradient(to bottom, rgba(17,22,29,0) 0%, rgba(17,22,29,0) 0%, rgba(17,22,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11161d', endColorstr='#11161d', GradientType=0 );
	
	/*
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTExNjFkIiBzdG9wLW9wYWNpdHk9IjAuOTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMTE2MWQiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(linear, 0% 100%, 0% 0%,color-stop(0, rgba(17, 22, 29, 0.97)),color-stop(1, rgba(17, 22, 29, 0)));
    background-image: -webkit-repeating-linear-gradient(bottom,rgba(17, 22, 29, 0.97) 0%,rgba(17, 22, 29, 0) 100%);
    background-image: repeating-linear-gradient(to top,rgba(17, 22, 29, 0.97) 0%,rgba(17, 22, 29, 0) 100%);
    background-image: -ms-repeating-linear-gradient(bottom,rgba(17, 22, 29, 0.97) 0%,rgba(17, 22, 29, 0) 100%);
	*/
}


.app-banner .bottom .big-text{
	font-size: 40px;
	line-height: 1.1;
}
.app-banner .bottom .big-text span{
	color: #F7C415;
}
.app-banner .bottom .small-text{
	font-size: 20px;
	opacity: 0.6;
	margin-top: 10px;
}

.app-banner .bottom .brands{
	margin-top: 15px;
}
.app-banner .bottom .brands .logos{
	background-image: url(../images/app-banner/logos.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 40px;
	min-width: 120px;
	height: 50px;
}
.app-banner .bottom .brands .app-brand__android{
	background-image: url(../images/app-banner/google-play.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 40px;
	min-width: 120px;
	height: 50px;
}

body.android .a-ekb-app__android {
	display: block;
}

body.ios .a-ekb-app_ios {
	display: block;
}

.app-brand__ios {
	background-image: url(../images/app-banner/appstore_white.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 55px;
	min-width: 120px;
	height: 50px;
}