p,
span,
div {
  font-family: "interstate", Arial, Helvetica, sans-serif;
  /* font-weight: 500; */
  margin: 0;
  padding: 0;
}

.bannerSize {
  width: 728px;
  height: 90px;
}

.sell {
  width: 728px;
  height: 90px;
  visibility: hidden;
}

.text {
  position: absolute;
  color: #002a54;
}

.bold {
  font-weight: 600;
}

.italic{
  font-style: italic;
}

#background {
  background-color: #eeeeee;
}

#naf_bar {
  background: url(../img/naf_bar.png) no-repeat;
  background-size: contain;
}

#ten {
  background: url(../img/ten.png) no-repeat;
  background-size: contain;
}

#arrow {
  background: url(../img/arrow.png) no-repeat;
  background-size: contain;
}

/* @media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

  #ten {
    left:5px;
    position: absolute;
  }
  #arrow {
    left:5px;
    position: absolute;
  }
}} */


#logo {
  background: url(../img/logo.png) no-repeat;
  background-size: contain;
}

/* ! text styles */

/* general text styles */
#text2,
#text3,
#text4a, #text4b {
  font-size: 16.7px;
}

#text2,
#text3 {
  left: 70.5px;
  letter-spacing: -0.56px;
}

#text4a,
#text4b{
  left: 70.5px;
  top: 29px;
  letter-spacing: -0.4px;
}

/* ! text for top bar */
#naf_text{
  top: 20px;
  left: 6.5px;
  font-size: 13.94px;
  letter-spacing: -0.18px;
  line-height: 15.73px;
  font-weight: 700;
  color: #FFFFFF;
}

/*  ! text set 1 */
#text1{
  top: 39.5px;
  left: 369.5px;
  font-size: 13px;
}

#text1,
#roundUp{
  font-weight: 700;
}

#text1 span {
  position: absolute;
  top: 19;
  left: 64.5px;
}

#text1Last {
  color: #0271b1;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.20px;
  position: absolute;
}

/* ! text set 2 */
#text2{
  top: 29px;
}

#lastText{
  left: 22.5px;
  position: relative;
}

/* ! text set 3 */
#text3{
  top: 29px;
}

#f3italic{
  font-size: 12px;
  letter-spacing: -0.12px;
  position: absolute;
  top: 22.5px;
}

/* ! text set 4  */
#text4b{
  left: 258.5px;
}

#f4italic{
  font-size: 12px;
  letter-spacing: -0.12px;
  position: absolute;
  top: 35px;
}

/* ! cta  */
#cta {
  /* position: absolute; */
  top: 39.5px;
  font-size: 10px;
  left: 546px;
  color: #002a54;
}

#cta p {
  font-weight: 700;
  /* position: absolute; */
}

#cta .line2 {
  /* letter-spacing: 0.1px; */
  top: 9.5px;
}

#cta .line2 span {
  left: 49.5px;
  position: absolute;
}

#cta .line3 {
  color: #0271b1;
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: -0.45px;
  position: absolute;
  top: 21.5px;
}

/* ! trademark */

/* first frame trademark */
#tm1 {
  background: url(../img/tm1.png) no-repeat;
  background-size: contain;
  /* left: 1px; */
}

/* final frame trademark */
#tm {
  background: url(../img/tm.png) no-repeat;
  background-size: contain;
  /* left: 2px; */
}

#cardArt {
  background: url(../img/cardArt.png) no-repeat;
  background-size: contain;
}

#overlay {
  background: url(../img/overlay.png) no-repeat;
  background-size: contain;
}

/* ! plus styling  */

/* general */
#plusCon {
  position: absolute;
  top:0;
  background-size: contain;
}

#plus1, #plus2, #plus3,
#plus4, #plus5, #plus6,
#plus7, #plus8, #plus9 {
  position: absolute;
  top: 0;
}

/* individual */
#plus1 {
  background: url(../img/plus1.png) no-repeat;
  background-size: contain;
  transform-origin: 375px 29px;
}

#plus2 {
  background: url(../img/plus2.png) no-repeat;
  background-size: contain;
  transform-origin: 381px 21px ;
}

#plus3 {
  background: url(../img/plus3.png) no-repeat;
  background-size: contain;
  transform-origin: 368px 19px ;
}

#plus4 {
  background: url(../img/plus4.png) no-repeat;
  background-size: contain;
  transform-origin: 374px 8px ;
}

#plus5 {
  background: url(../img/plus5.png) no-repeat;
  background-size: contain;
  transform-origin: 381px 0px;
  height: 95px;
}

#plus6 {
  background: url(../img/plus6.png) no-repeat;
  background-size: contain;
  transform-origin: 352px 18px ;
}

#plus7 {
  background: url(../img/plus7.png) no-repeat;
  background-size: contain;
  transform-origin: 381px 12px ;
}

#plus8 {
  background: url(../img/plus8.png) no-repeat;
  background-size: contain;
  transform-origin: 358px 12px;
}

#plus9 {
  background: url(../img/plus9.png) no-repeat;
  background-size: contain;
  transform-origin: 367px 2px;
  height: 95px;
}

#plus_ff {
  background: url(../img/plus_ff.png) no-repeat;
  background-size: contain;
  /* top: 5px; */
}