/* Default Styles */

.row {
	margin-bottom:20px;
}
.row.nospace {
	margin-bottom:0px;
}
.row.earn {
	background-color:#363636;
	color:#ffffff;
	padding:5px 0;
}
.center {
	text-align:center;
}
.uppercase {
	text-transform: uppercase;
}
.orbit-container {
	height:100% !important;	
}
p {
	margin:5px 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
p.fees {
	margin:5px 0 5px 0;
	font-weight:bold;
	font-size:x-large;
}
p.space {
	margin-top:10px;
}
p.middle {
	padding-top:10px;
}
p.terms {
	font-size:x-small;
	padding-top:5px;
	margin:0;
}
.legal p {
	font-size:x-small;
	line-height:1.8em;
}
a {
	color: #333;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#ee2e24;
}
span.largeNum {
	font-size:xx-large;
	color:#ee2e24;
	font-weight:bold;
	text-transform:uppercase;
  	line-height: .5em;
}
span.benefits {
	font-size:24px;
	color:#000000;
	font-weight:bold;
}
span.content {
	padding-left: 30px;
}
span.textRed {
	color:#ee2e24;
}
.button {
	margin:0;
}
a.button {
	text-decoration:none;
}
.earnPoints {
	text-align:center;
	text-transform: uppercase;
	color:#ffffff;
	font-size:x-large;
	font-weight:bold;
	padding:10px 0;
  
  }
.special-bus {
	text-align:center;
	text-transform: uppercase;
	color:#ffffff;
	font-size:x-large;
	font-weight:bold;
	padding:10px 0;
}
.learn.button {
	background-color:#fff;
	border-radius:40px;
	color:#ee2e24;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 20px;
	margin:10px 0;
}
.learn.button:hover {
	background-color:#ee2e24;
	color:#fff;
}
.apply.button {
    background-color: #ee2e24;
    background-image: url("https://www.firstbankcard.com/scheels/landingpage/css/btn_arrow.png");
    background-position: 180px center;
    background-repeat: no-repeat;
    border-radius: 40px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 75px 15px 20px;
    margin-top: 10px;
	font-size: x-large;
}
.apply.button:hover {
	background-color:#363636;
}
.bgRed {
	background-color:#ee2e24;
}
.bgDarkGrey {
	background-color:#363636;
}

/* Desktop only style */

body.desktop .content {
	margin: 0 auto;
    width: 1000px;
	background-color:#ffffff;
}
.desktop .bgGray {
	background-color:#acacac;
}
.desktop .cardArt {
	background-color:#acacac;
	padding-left:0;
}
.desktop .rightSide {
	padding-top:25px;
}
.desktop .points {
	padding: 10px 20px 10px 60px;
}
.desktop .alignMiddlebus {
	padding-top:24px;
  }
.desktop .alignMiddle {
	padding-top:40px;
}
.desktop .aligntopleft {
	padding-left: 50px;
  	padding-bottom: 43px;
  }
.desktop .aligntoplft {
	padding-left: 50px;
  	padding-bottom: 20px;
  }

.desktop .alignbottomleft {
	padding-left:50px;
  }
.desktop .aligntopright {
	margin-right:-15px;
  	padding-bottom: 20px;
  }
.desktop .alignbottomright {
	margin-right:-15px;
}
.desktop .purchase {
	min-height:105px;	
}
.desktop .special h2{
	color:#ffffff;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 50px; 
	line-height:.9em;
	margin:0;
}
.desktop .purchase h3 {
	color:#ffffff;
	font-weight:bold;
	font-size: x-large;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 30px; 
	line-height:1.2em;
	margin:0;
}
.desktop  .special.bgGray,
.desktop  .purchase.bgGray {
	border-left:10px solid #ffffff;
}
.desktop .earn p {
	padding-left:50px;
}

/* Mobile only style */

body.mobile .content {
	background-color:#ffffff;
}
.mobile .special h2{
	color:#ffffff;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 10px;
	text-align:center;
}
.mobile .purchase h3 {
	color:#ffffff;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;	
	padding:10px 10px;
	text-align:center;
}
.mobile .points {
	padding: 0px 5px 20px 5px;
}
.mobile p.fees {
	margin:15px 0 5px 0;
	font-weight:bold;
	font-size:x-large;
}
.mobile .alignMiddle {
	padding-top:24px;
  }
.mobile .aligntopleft {
	padding-left: 20px;
  	padding-bottom: 43px;
  }
.mobile .aligntoplft {
	padding-left: 20px;
  	padding-bottom: 20px;
  }

.mobile .alignbottomleft {
	padding-left: 20px;
  }
.mobile .aligntopright {
	padding-left: 20px;
  	padding-bottom: 20px;
  }
.mobile .alignbottomright {
	padding-left: 20px;
}