.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
.homex{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkzNDcxOTY2MzkzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI5NzAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik04ODQuMzYzNjM2IDQ2LjU0NTQ1NWM1MS4yIDAgOTMuMDkwOTA5IDQxLjg5MDkwOSA5My4wOTA5MDkgOTMuMDkwOTA5djc0NC43MjcyNzJjMCA1MS4yLTQxLjg5MDkwOSA5My4wOTA5MDktOTMuMDkwOTA5IDkzLjA5MDkwOUgxMzkuNjM2MzY0Yy01MS4yIDAtOTMuMDkwOTA5LTQxLjg5MDkwOS05My4wOTA5MDktOTMuMDkwOTA5VjEzOS42MzYzNjRjMC01MS4yIDQxLjg5MDkwOS05My4wOTA5MDkgOTMuMDkwOTA5LTkzLjA5MDkwOWg3NDQuNzI3MjcyeiBtMjMuMjcyNzI4IDgzNy44MTgxODFWMTM5LjYzNjM2NGMwLTEyLjYxMzgxOC0xMC42NTg5MDktMjMuMjcyNzI3LTIzLjI3MjcyOC0yMy4yNzI3MjhIMTM5LjYzNjM2NGMtMTIuNjEzODE4IDAtMjMuMjcyNzI3IDEwLjY1ODkwOS0yMy4yNzI3MjggMjMuMjcyNzI4djc0NC43MjcyNzJjMCAxMi42MTM4MTggMTAuNjU4OTA5IDIzLjI3MjcyNyAyMy4yNzI3MjggMjMuMjcyNzI4aDc0NC43MjcyNzJjMTIuNjEzODE4IDAgMjMuMjcyNzI3LTEwLjY1ODkwOSAyMy4yNzI3MjgtMjMuMjcyNzI4eiBtLTE1MS4yNzI3MjgtNDA3LjI3MjcyN2EzNC45MDkwOTEgMzQuOTA5MDkxIDAgMSAxIDAgNjkuODE4MTgyaC0yMDkuNDU0NTQ1djIwOS40NTQ1NDVhMzQuOTA5MDkxIDM0LjkwOTA5MSAwIDEgMS02OS44MTgxODIgMHYtMjA5LjQ1NDU0NWgtMjA5LjQ1NDU0NWEzNC45MDkwOTEgMzQuOTA5MDkxIDAgMSAxIDAtNjkuODE4MTgyaDIwOS40NTQ1NDV2LTIwOS40NTQ1NDVhMzQuOTA5MDkxIDM0LjkwOTA5MSAwIDEgMSA2OS44MTgxODIgMHYyMDkuNDU0NTQ1aDIwOS40NTQ1NDV6IiBmaWxsPSIjNTE1MTUxIiBwLWlkPSIyOTcxIj48L3BhdGg+PC9zdmc+);
	margin-top: -0.3em;
	background-size: auto 100%;
}
.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon,
.ath-ios11 .ath-action-icon,
.ath-ios12 .ath-action-icon,
.ath-ios13 .ath-action-icon,
.ath-ios14 .ath-action-icon,
.ath-ios15 .ath-action-icon,
.ath-ios13 .ath-action-icon,
.ath-ios15 .ath-action-icon,
.ath-ios16 .ath-action-icon,
.ath-ios17 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjkzNDY4MDA1Njk0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2ODgiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3gubWFuYWdlX3R5cGVfbXlsaWtlcy4wLmkyLjUwZDMzYTgxZWg3d2ZjIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBkPSJNMzY1LjYwNDc5MiAyNjIuMTAwNDRsMTI3Ljc5MjUyNS0xMjcuNzkzNTQ4IDAuMTUyNDczIDUwMy4yMjcxOTZjMC4wMDQwOTMgMTEuMDE0ODY4IDguOTM0NDg2IDE5Ljk0MzIxNSAxOS45NDkzNTQgMTkuOTQzMjE1IDAuMDAyMDQ3IDAgMC4wMDQwOTMgMCAwLjAwNjE0IDAgMTEuMDE2OTE1LTAuMDA0MDkzIDE5Ljk0NzMwOC04LjkzNzU1NiAxOS45NDMyMTUtMTkuOTU0NDcxbC0wLjE1MjQ3My01MDMuMTAwMzA2IDEyNy42NzU4NjggMTI3LjY3Njg5MWMzLjg5Njc1IDMuODk2NzUgOC45OTk5NzggNS44NDMwNzggMTQuMTA2Mjc2IDUuODQzMDc4IDUuMTA0MjUxIDAgMTAuMjEyNTk2LTEuOTQ4Mzc1IDE0LjEwNjI3Ni01Ljg0MjA1NSA3Ljc5MDQzLTcuNzkwNDMgNy43OTA0My0yMC40MjIxMjIgMC0yOC4yMTI1NTJMNTI3Ljg1MzA2IDcyLjU1NTQ3OWMtMy42Mzg4NzctMy44NzAxNDQtOC43OTEyMjQtNi4zMDA0OTYtMTQuNTIxNzM4LTYuMzAwNDk2LTAuMDAyMDQ3IDAtMC4wMDQwOTMgMC0wLjAwNjE0IDAtMC4wMDYxNCAwLTAuMDEyMjggMC4wMDEwMjMtMC4wMTg0MiAwLjAwMTAyMy0wLjAwNjE0IDAtMC4wMTIyOC0wLjAwMTAyMy0wLjAxODQyLTAuMDAxMDIzLTUuMjkxNTE2IDAtMTAuMzY0MDQ1IDIuMTAxODcxLTE0LjEwNjI3NiA1Ljg0MjA1NUwzMzcuMzkyMjQgMjMzLjg4Njg2NWMtNy43ODk0MDcgNy43OTA0My03Ljc4OTQwNyAyMC40MjIxMjIgMCAyOC4yMTI1NTJDMzQ1LjE4MjY3IDI2OS44OTA4NyAzNTcuODE0MzYyIDI2OS44OTA4NyAzNjUuNjA0NzkyIDI2Mi4xMDA0NHpNNzgyLjUwNzkyNCAzMTUuMDg3MjM1IDY0Mi43MTMwNDEgMzE1LjA4NzIzNWMtMTEuMDE2OTE1IDAtMTkuOTQ5MzU0IDguOTMxNDE2LTE5Ljk0OTM1NCAxOS45NDkzNTRzOC45MzI0NCAxOS45NDkzNTQgMTkuOTQ5MzU0IDE5Ljk0OTM1NGwxMzkuNzk0ODgzIDBjMzguNDk4ODI2IDAgNjkuODIxMjA1IDMxLjMyMjM3OSA2OS44MjEyMDUgNjkuODIxMjA1bDAgNDI1LjQ0MzY0NWMwIDM4LjQ5ODgyNi0zMS4zMjIzNzkgNjkuODIxMjA1LTY5LjgyMTIwNSA2OS44MjEyMDVMMjQ2LjAwOTk3MyA5MjAuMDcxOTk5Yy0zOC40OTg4MjYgMC02OS44MjEyMDUtMzEuMzIyMzc5LTY5LjgyMTIwNS02OS44MjEyMDVMMTc2LjE4ODc2OCA0MjQuODA2MTI1YzAtMzguNDk4ODI2IDMxLjMyMjM3OS02OS44MjEyMDUgNjkuODIxMjA1LTY5LjgyMTIwNWwxNDMuOTM2MjAzIDBjMTEuMDE3OTM4IDAgMTkuOTQ5MzU0LTguOTMxNDE2IDE5Ljk0OTM1NC0xOS45NDkzNTRzLTguOTMxNDE2LTE5Ljk0OTM1NC0xOS45NDkzNTQtMTkuOTQ5MzU0TDI0Ni4wMDk5NzMgMzE1LjA4NjIxMmMtNjAuNDk5OTA5IDAtMTA5LjcxODg5MSA0OS4yMjAwMDUtMTA5LjcxODg5MSAxMDkuNzE4ODkxbDAgNDI1LjQ0MzY0NWMwIDYwLjQ5OTkwOSA0OS4yMjAwMDUgMTA5LjcxODg5MSAxMDkuNzE4ODkxIDEwOS43MTg4OTFsNTM2LjQ5Nzk1IDBjNjAuNDk5OTA5IDAgMTA5LjcxODg5MS00OS4yMjAwMDUgMTA5LjcxODg5MS0xMDkuNzE4ODkxTDg5Mi4yMjY4MTQgNDI0LjgwNjEyNUM4OTIuMjI3ODM4IDM2NC4zMDYyMTYgODQzLjAwNzgzMyAzMTUuMDg3MjM1IDc4Mi41MDc5MjQgMzE1LjA4NzIzNXoiIGZpbGw9IiMzM2E0ZmYiIHAtaWQ9IjE2ODkiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3gubWFuYWdlX3R5cGVfbXlsaWtlcy4wLmkzLjUwZDMzYTgxZWg3d2ZjIiBjbGFzcz0ic2VsZWN0ZWQiPjwvcGF0aD48L3N2Zz4=);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 4em;
	width: 4em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}