/* APP BANNER DESKTOP */
.app-banner-desktop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.app-banner-desktop > .banner-wrapper {
	position: relative;
	opacity: 0;
	transition: all 0.25s ease;
	
	width: 100%;
	height: 100%;
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#62137c+0,ac401a+100&0.95+0,0.95+100 */
	background: -moz-linear-gradient(45deg,  rgba(98,19,124,0.95) 0%, rgba(172,64,26,0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(98,19,124,0.95) 0%,rgba(172,64,26,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(98,19,124,0.95) 0%,rgba(172,64,26,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f262137c', endColorstr='#f2ac401a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.app-banner-desktop > .banner-wrapper > .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
	width: 90%;
	height: calc(100% - 60px);
	max-width: 850px;
	margin: 0 auto;
}
.app-banner-desktop > .banner-wrapper > .inner > .img {
	width: 400px;
	margin: 0 50px 0 0;
}
.app-banner-desktop > .banner-wrapper > .inner > .img img {
	width: 100%;
}
.app-banner-desktop > .banner-wrapper > .inner > .txt h1 {
	font-size: 42px;
	line-height: 1.1em;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #fff;
}
.app-banner-desktop > .banner-wrapper > .inner > .txt p {
	font-size: 20px;
	line-height: 1.25em;
	font-weight: 300;
	color: #fff;
	margin: 0 0 20px 0;
}
.app-banner-desktop .btns {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.app-banner-desktop .btn-close {
	display: block;
	color: #333 !important;
	padding: 10px 35px;
	background: #fff;
	border-radius: 60px;
	border: 2px solid #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	transition: all 0.25s ease;
}
.app-banner-desktop .btn-close:hover {
	background: none;
	color: #fff !important;
	transition: all 0.25s ease;
}
.app-banner-desktop.visible > .banner-wrapper {
	opacity: 1;
	transition: all 0.25s ease;
}
@media (max-width:700px) {
	.app-banner-desktop > .banner-wrapper > .inner {
		flex-direction: column;
	}
	.app-banner-desktop > .banner-wrapper > .inner > .img {
		width: auto;
		max-width: 200px;
		margin: 0 0 30px 0;
	}
	.app-banner-desktop > .banner-wrapper > .inner > .txt h1,
	.app-banner-desktop > .banner-wrapper > .inner > .txt p {
		text-align: center;
	}
	.app-banner-desktop .btns { 
		justify-content: center;
	}
}