body {
padding: 0;
background-color: white;
text-rendering: optimizelegibility;
font-size: 0;
}

.specialContainer * {
box-sizing:content-box;
}

#wrapper {
width: 100%;
margin: 0;
background: none;
background-color: transparent;
}

.navbarContainer {
display: none;
}

a:link, a:visited, a:hover, a:active {
font-style: normal;
font-weight: normal;
text-decoration: underline;
}


/*Common stuff*/
.partnerLogoContainer {
width: 100%;
background-position: center;
background-repeat: repeat-x;
}

.partnerLogo {
width: 930px;
height: 180px;
background-repeat: no-repeat;
background-position: left top;
margin: auto;
}

.backgroundImage {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 8px solid #099091;
display: block;
position: relative;
}

.backgroundImage .fadeBackground {
background-color: white;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(75%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%) !important; /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%) !important; /* W3C */
opacity: 0.4;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
}

.backgroundImage .backgroundStripe {
position: absolute;
left: 0;
right: 0;
top: 60%;
bottom: 15%;
background-color: red;
z-index: 0;
}

.partnerBlurbContainer {
width: 960px;
height: 380px;
padding-top: 200px;
margin: auto;
clear: both;
position: relative;
z-index: 1;
}

.partnerBlurb {
float: left;
width: 500px;
margin-left: 20px;
margin-top: 0px;
/*letter-spacing: -0.02em;*/
font-size: 24px;
line-height: 29px;
font-weight: normal;
box-sizing:content-box;
}

.partnerBlurb > * {
padding: 30px 0;
margin:0;
}

.partnerBlurb h1, .partnerBlurb h2, .partnerBlurb h3, .partnerBlurb h4, .partnerBlurb h5, .partnerBlurb h6 {
font-size: 34px;
line-height: 43px;
font-weight: bold;
}

.partnerBlurb strong {
font-size: 135%;
display: block;
text-transform: uppercase;
}

.backgroundImage .fadeBackground ~ .partnerBlurbContainer .partnerBlurb {
text-shadow: 0px 0px 20px white;
}

#ApplyNow {
position: relative;
float: right;
margin-right: 20px;
background-color: white;
border-width: 8px;
border-style: solid;
width: 370px;
padding: 10px;
padding-top: 20px;
text-align: center;
margin-bottom: 25px;
box-sizing:content-box;
}

#ApplyNow label {
display: block;
line-height: 17px;
color: #646363;
font-size: 14px;
font-weight: bold;
width: 340px;
text-align: left;
margin: auto;
}

#ApplyNow input {
box-sizing:content-box;
display: block;
margin: auto;
}

#ApplyNow input[type=text], #ApplyNow input[type=password] {
margin-bottom: 10px;
padding: 6px;
width: 328px;
min-height: 14px;
color: #999999;
font-style: italic;
border: #646363 solid 1px;
outline: none;
font-size:12px;
}

#ApplyNow input[type=text]:focus, #ApplyNow input[type=password]:focus {
background-color: white !important;
font-style: normal;
color: black;
}

#ApplyNow input[type=radio], #ApplyNow input[type=checkbox], #ApplyNow input[type=radio] + label, #ApplyNow input[type=checkbox] + label {
display: inline;
font-weight: normal;
vertical-align: middle;
}

#ApplyNow div.error {
float: right;
margin-bottom:-14px;
font-size: 12px;
line-height: 14px;
color: red;
display: block;
width: 100%;
text-align: right;
position:relative;
top:-.5em;
left:-20px;
}

#ApplyNow input.error {
border: #F46363 solid 1px;
background-color: #FDF0F0 !important;
}

.stateCA {
margin: 20px auto 10px auto;
}

.applyBtn {
color: white;
text-transform: uppercase;
border-radius: 5px;
padding: 5px 20px;
font-size: 16px;
line-height: 22px;
font-weight: bold;
border: none;
cursor: pointer;
}

.ratesDisclosures {
font-size: 14px;
float: right;
margin-top: 5px;
}

.cardShadow {
width: 480px;
height: 303px;
position: absolute;
top: -295px;
left: -45px;
}

.cardImage {
width: 480px;
height: 303px;
background-position: top left;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}

#ApplyNow .cardChoices {
list-style: none;
text-align: left;
margin: auto;
margin-bottom: 10px;
}

.specialFooter {
width: 100%;
max-width: 2048px;
list-style: none;
margin: auto;
padding: 0;
text-align: center;
margin-top: 31px;
font-size: 0;
}

.specialFooter li {
display: inline-block;
width: 20%;
vertical-align: middle;
}

.specialFooter a:link {
text-decoration:none!important;
}

.specialFooter .footerIcon, .specialFooter img {
display: block;
margin: auto;
font-size:90px;
color:black;
}

.specialFooter span {
display: inline-block;
margin-top: 11px;
font-size: 16px;
height: 44px;
text-rendering: optimizeLegibility;
}

.rewardBox {
position: relative;
color: black;
border-bottom: 8px solid #099091;
text-align: center;
width: 550px;
margin: auto;
background-color: white;
padding: 20px 0;
font-size: 18px;
line-height: 22px;
background-repeat: no-repeat;
background-position: bottom right;
}

.rewardBox.Visa {
background-image: url("/Dinamico/Themes/Default/Images/Special/Common/visa_signature.png");
padding-bottom: 160px;
}

.rewardBox h1, .rewardBox h2 {
font-size: 30px;
line-height: normal;
}

.rewardBox h2 {
font-size: 20px;
}

.rewardBox hr {
width: 80%;
height: 0;
border-bottom: 3px solid #099091;
}

.rewardBox .reward {
position: relative;
display: inline-block;
margin: 10px 20px;
z-index: 0;
cursor: pointer;
}

.rewardBox .reward.on {
cursor: default;
}

.rewardBox .reward img {
width: 225px;
}

.rewardBox .reward.big img {
width: auto;
}

.rewardBox .reward .rewardText {
display: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: white;
vertical-align: middle;
z-index: 1;
padding: 2em 1em;
text-align: left;
margin: auto;
width: 225px;
font-size: 14px;
line-height: 17px;
box-sizing: border-box;
text-shadow: 0px 0px 10px black;
}

.rewardBox .reward.big .rewardText {
width: 100%;
}

.rewardBox .reward:hover .rewardText, .rewardBox .reward.on .rewardText {
display: block;
}

.rewardBox .reward:hover .rewardText:after, .rewardBox .reward.on .rewardText:after {
content: "";
background-color: black;
opacity: 0.7;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}

.rewardBox .benefit {
font-size: 14px;
line-height: 17px;
display: inline-block;
width: 225px;
vertical-align: top;
margin: 10px 20px;
}

.rewardBox .benefit p {
text-align: left;
}

.rewardBox .closeBtn {
cursor: pointer;
position: absolute;
top: -8px;
right: -8px;
width: 16px;
height: 16px;
border-radius: 8px;
background-color: white;
zoom: 1;
color:black;
font-family:FontAwesome;
font-size:12px;
text-align:center;
line-height:16px;
}

.blackout {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: rgba(0,0,0,.6);
text-align: center;
vertical-align: middle;
}

.popBox {
display: inline-block;
padding: 8px;
margin: auto;
background-color: #DDF0EF;
vertical-align: middle;
position: absolute;
bottom: 50%;
margin-bottom: -330px;
left: 50%;
margin-left: -275px;
clear: both;
}

@media (max-width: 999px) {
#ApplyNow {
margin-right: 50px;
}

.partnerBlurb {
margin-left: 0;
}
}

@media (max-width: 959px) {
.partnerLogo {
background-position: top center;
width: 100%;
}

.partnerBlurbContainer {
padding: 0;
height: auto;
width: 100%;
}

.partnerBlurb {
width: 100%;
max-width: 500px;
}

.partnerBlurb, #ApplyNow {
float: none !important;
display: block;
margin-left: auto;
margin-right: auto;
}

#ApplyNow {
box-sizing: border-box;
margin-top: 300px;
clear: both;
padding-bottom: 25px;
width: 100%;
max-width: 405px;
}
}

@media (max-width:700px) {
.specialFooter li {
display: block;
margin: 20px auto;
width: 100%;
}
}

@media (max-width:550px) {
.rewardBox {
width: 100%;
background-position: bottom center;
}

.rewardBox .reward {
display: block;
margin: 10px auto;
}

.popBox {
margin-left: auto;
margin-right: auto;
left: 0;
width: 100%;
box-sizing: border-box;
}

.partnerBlurb img {
max-width: 100%;
}
}

@media (max-height:700px) {
.popBox {
top: 0px;
bottom: auto;
margin-bottom: auto;
}

.blackout {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
}