html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  background: #ffffff;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: 100%; }

div {
  padding: 0;
  margin: 0; }

.wrapper {
  padding: 0;
  margin: 0;
  position: absolute;
  -webkit-transform: translateZ(0px); }

.banner {
  width: 300px;
  height: 600px;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
  .banner .border {
    position: absolute;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 298px;
    height: 598px;
    pointer-events: none; }
  .banner .stage {
    position: absolute;
    z-index: 7;
    width: 300px;
    height: 600px;
    opacity: 0;
    visibility: hidden;
    perspective: 300px;
    -webkit-perspective: 600;
    perspective-origin: 91px 381px; }

.png-element {
  display: block;
  position: absolute;
  background-image: url(png-elements.png);
  background-repeat: no-repeat;
  background-size: 257px 346px; }

.all-of-it {
  width: 242px;
  height: 20px;
  background-position: 0 0; }

.card {
  width: 63px;
  height: 33px;
  background-position: 0 -20px; }

.cta {
  width: 69px;
  height: 15px;
  background-position: 0 -53px; }

.disclaimer {
  width: 183px;
  height: 23px;
  background-position: 0 -68px; }

.discover-it-does {
  width: 257px;
  height: 38px;
  background-position: 0 -91px; }

.does-your {
  width: 147px;
  height: 38px;
  background-position: 0 -129px; }

.match {
  width: 128px;
  height: 37px;
  background-position: 0 -167px; }

.no-annual-fee {
  width: 103px;
  height: 17px;
  background-position: 0 -204px; }

.rewards {
  width: 137px;
  height: 34px;
  background-position: 0 -221px; }

.well-match {
  width: 186px;
  height: 29px;
  background-position: 0 -255px; }

.your-cash-back {
  width: 246px;
  height: 29px;
  background-position: 0 -284px; }

.your {
  width: 70px;
  height: 33px;
  background-position: 0 -313px; }

.jpg-element {
  display: block;
  position: absolute;
  background-image: url(jpg-elements.jpg);
  background-repeat: no-repeat;
  background-size: 300px 696px; }

.card-graphic {
  width: 155px;
  height: 96px;
  background-position: 0 0; }

.background {
  width: 300px;
  height: 600px;
  background-position: 0 -96px; }

.filters {
  display: none; }

.all-of-it {
  top: 183px;
  left: 33px; }

.card {
  top: 214px;
  left: 117px; }

.cta {
  top: 0px;
  left: 0px; }

.disclaimer {
  top: 485px;
  left: 56px; }

.discover-it-does {
  top: 197px;
  left: 24px; }

.does-your {
  top: 177px;
  left: 80px; }

.match {
  top: 259px;
  left: 84px; }

.no-annual-fee {
  top: 392px;
  left: 103px; }

.rewards {
  top: 337px;
  left: 81px; }

.well-match {
  top: 113px;
  left: 58px; }

.your-cash-back {
  top: 147px;
  left: 30px; }

.your {
  top: 306px;
  left: 114px; }

/*.cta-button {
    display: block;
    position:absolute;
    background: #ff5700;
    padding: 3px 7px;
    top: 73px;
    left: 109px;
    background-repeat: no-repeat;
    z-index:20;
    overflow:hidden;
    border-radius: 4px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(233,77,0,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(233,77,0,1);
	box-shadow: 0px 2px 0px 0px rgba(233,77,0,1);
    .cta {
        position:relative;
		z-index:22;
		top:1px;
    }
}
*/
.cta-button {
  display: block;
  position: absolute;
  background: #fc6621;
  padding: 4px 8px;
  top: 451px;
  left: 109px;
  background-repeat: no-repeat;
  z-index: 20;
  overflow: hidden;
  /*border-radius: 4px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(163,16,33,1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(163,16,33,1);
  box-shadow: 0px 2px 0px 0px rgba(163,16,33,1);*/ }
  .cta-button .cta {
    position: relative;
    z-index: 22;
    top: 0px;
    left: 1px; }

.card-graphic {
  display: block;
  position: absolute;
  width: 153px;
  height: 96px;
  border-radius: 10px;
  background-position: 0 0; }

.black-cover {
  display: block;
  position: absolute;
  border-radius: 10px;
  width: 153px;
  height: 96px;
  background-color: #292140;
  opacity: .95;
  z-index: 35; }

.card-shadow {
  display: block;
  position: absolute;
  border-radius: 10px;
  width: 153px;
  height: 96px;
  left: -77px;
  background-color: #000000;
  opacity: .25;
  transform: translateZ(0.1px);
  -ms-filter: blur(10px);
  /* IE 9 */
  -webkit-filter: blur(10px);
  /* Chrome, Safari, Opera */
  filter: blur(10px);
  -ms-transform-origin: 0% 100%;
  /* IE 9 */
  -webkit-transform-origin: 0 100%;
  /* Chrome, Safari, Opera */
  transform-origin: 0% 100%; }

.glaring-card {
  display: block;
  position: absolute;
  width: 153px;
  height: 96px;
  left: -77px;
  /*	top: 100px;
  	left: 85px;
  */
  overflow: hidden;
  border-radius: 10px; }

.full-card {
  display: block;
  position: absolute;
  top: 303px;
  left: 173px; }

.left-side {
  top: 0px;
  left: 0px;
  width: 150px;
  height: 600px;
  background-position: 0px -96px; }

.right-side {
  top: 0px;
  left: 150px;
  width: 150px;
  height: 600px;
  background-position: -150px -96px; }

.cta-glare {
  display: block;
  position: absolute;
  top: 0px;
  left: -100px;
  width: 100px;
  height: 100px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 51%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 51%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.7) 51%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ }