/* CSS BASE RESET */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

@font-face {
    font-family: 'BentonSans';
    src: local("Benton Sans Regular");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/3be50273-0b2e-4aef-ae68-882eacd611f9-2.eot");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/3be50273-0b2e-4aef-ae68-882eacd611f9-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/3be50273-0b2e-4aef-ae68-882eacd611f9-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/3be50273-0b2e-4aef-ae68-882eacd611f9-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/3be50273-0b2e-4aef-ae68-882eacd611f9-4.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'BentonSans-Bk';
    src: local("Benton Sans Book");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-2.eot");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-4.svg#web") format("svg");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'BentonSans-Md';
    src: local("Benton Sans Medium");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-2.eot");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-4.svg#web") format("svg");
    font-style: normal;
    font-weight: bold;
}

body, body * {
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
}

#container {
	top: 0px;
	left: 0px;
	width: 300px;
	height: 600px;
	display: block;
	position: relative;
	cursor: pointer;
	border: 1px solid #b9b9b9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'BentonSans', sans-serif;
	overflow: hidden;
}

#banner{
	width: 300px; 
    height:600px;
	position: relative;
	overflow: hidden;
	opacity:1;			
}

#banner .myAd_Img { 
	position: absolute; 
	background: url(graphics.png) no-repeat 0px 0px; 
}

#banner #myAd_logo{
	position: absolute;
	width: 108px; 
    height:31px; 
    background: url("LOGOAMEX_FlatBox.svg");
    background-size: 108px 31px;
	bottom:26px;
	left:22px;
}

#banner #beReady{
	position: relative;
	top:29px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #737373;
	font-size: 21px;
	font-weight:300;
    letter-spacing: .3px;
    line-height: 24px;
	width: 100%;
	text-align: center;
}

#cta{
	position: absolute;
	top:444px;
	left:93px;
	display:block;
	width:114px;
	height:36px;
	background-color: #05337d;
	border-radius: 4px;
    color: #fff;
	padding-top:8px;
    line-height: 20px;
    text-align: center;
	letter-spacing: .4px; 
	font-size: .95em;
	font-weight:500;
	opacity:0;
	z-index: 10;
}

.shine {
	position:absolute;
	background: rgba(255,255,255,0);
	background-repeat: no-repeat;
	background: -webkit-gradient(left top, right bottom, color-stop(22%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,.5)), color-stop(49%, rgba(255,255,255,0)));
	background: linear-gradient(135deg, rgba(255,255,255,0) 22%, rgba(255,255,255,.5) 49%, rgba(255,255,255,0) 76%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	background-repeat: no-repeat;
	border-radius: 4px;
	z-index: 9999;
}

#shine {
    position: absolute;
    top: 0;
	width:114px;
	height:36px;
	background-position: -120px 0;
}

#footer_slant{
	position:absolute;
	bottom:0px;
	width: 300px;
	height: 250px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI2MDAuMTM3cHgiIGhlaWdodD0iMTYuMDA0cHgiIHZpZXdCb3g9IjAgMCA2MDAuMTM3IDE2LjAwNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAwLjEzNyAxNi4wMDQiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiMxQzM2NjQiIHBvaW50cz0iNjAwLjEzNywxNi4wMDQgNjAwLjEzNywwIDAsMTYuMDA0ICIvPgo8L3N2Zz4=) no-repeat center bottom; 
}
#banner #img01{ 
	position: absolute; 
	right:-70px;
	top:133px;
	width: 239px;
	height: 280px;;
	background-position: -5px -2px;
}
#banner #img02{ 
	position: absolute; 
	left:20px;
	top:171px;
	width: 260px;
	height: 165px;;
	background-position: -4px -287px;
}


#title {
    position: absolute;
    top: 50px;
    width: 100%;
    color: #737373;
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -.6px;
    text-align: center;
}

#title2 {
    position: absolute;
    top: 49px;
    width: 100%;
    color: #737373;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -.6px;
    text-align: center;
}

#mainCopy  {
  position: absolute; 
  color: #737373;
  font-size: .75em;
  line-height:1.6em;
  top:40px;
  left:8px;

}

#banner #card_plum {
	position: absolute;
	width: 228px;
	height: 145px;
	background-position: 0 -456px;
	top: 199px;
/*	top: 129px;*/
	left: 35px;
}

#banner #card_silver {
	position: absolute;
	width: 228px;
	height: 145px;
	background-position: 0 -604px;
	top: 199px;
	left: 35px;
}

#banner #card_gold {
	position: absolute;
	width: 228px;
	height: 145px;
	background-position: 0 -751px;
	top: 199px;
/*	top: 269px;*/
	left: 35px;
}

#banner #final_frame{
	top: 0;
	left: 0px;
	position: absolute;
	opacity:0;
	width: 100%;
}