.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: 12px;
 line-height: 1.2em;
 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(https://static.wixstatic.com/media/2101c2_91d4ea573d2247309f0d15aa2f72935f~mv2.png);
	background-color: rgba(255,255,255,0.8);
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 1.7em;
	height: 1.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: 20%;
 background-repeat: no-repeat;
 text-indent: -9999em;
 overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon{
 width: 0.2em;
 height: 0.2em;
 background-image:url(https://static.wixstatic.com/media/2101c2_c475f6cc5b294439a66ece08bc76d852~mv2.png);
 margin-top: -0.3em;
 background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
 width: 0.2em;
 height: 0.2em;
 background-image:url(https://static.wixstatic.com/media/2101c2_c475f6cc5b294439a66ece08bc76d852~mv2.png);
 margin-bottom: 0.4em;
 background-size: 100% auto;
}

.ath-android .ath-action-icon {
 width: 0.2em;
 height: 0.2em;
 background-image:url(https://static.wixstatic.com/media/2101c2_c475f6cc5b294439a66ece08bc76d852~mv2.png);
 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: 0.8em;
}

.ath-ios.ath-phone:after {
 content: '';
 background: #eee;
 position: absolute;
 width: 0.5em;
 height: 0.5em;
 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: 0.5em;
 height: 0.5em;
 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: 0.1em;
 width: 0.1em;
 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;
 }
}