@import url(//fonts.googleapis.com/css?family=Lato:400,700);

/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend {
  margin: 0;
  padding: 0;
}

button {
  outline: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
}

fieldset, img {
  border: 0;
}

legend {
  color: #000;
}

li {
  list-style: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

input, textarea, select {
  font-size: 110%;
  line-height: 1.1;
}

input[type="submit"]:hover, button:hover {
  cursor: pointer;
}

abbr, acronym {
  border-bottom: .1em dotted;
  cursor: help;
}

html, body {
  background-color: #d8d8d8;
  height: 100%;
  font-family: 'Lato', sans-serif;
  display: relative;
}

/* ----------------------------
support overlay
---------------------------- */

#aw_overlay {
  background: #f2f2f2;
  height: 100%;
  position: fixed;
  right: 0;
  z-index: 999999;
  -moz-box-shadow: 0 0 200px 20px #000;
  -webkit-box-shadow: 0 0 200px 20px #000;
  box-shadow: 0 0 200px 20px #000;
  display: none;
  overflow-x: hidden;
  top: 0;
  bottom: 0;
  max-width: 600px;
}

#aw_overlay_header {
  background: #767676;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  position: relative;
  height: 75px;
}

#aw_overlay_header > #aw_overlay_title {
  padding: 25px 0 15px 15px;
  font-size: 24px;
}

#aw_overlay_header > #aw_overlay_close {
  font-size: 20px;
  position: absolute;
  right: 5%;
  top: 15px;
  padding: 15px 20px 15px 0;
}

#aw_overlay_header > #aw_overlay_close a {
  text-decoration: none;
  color: #fff;
}

#aw_overlay_menu {
  width: 100%;
}

#aw_overlay_menu_form {
  text-align: left;
  margin: 0 auto;
  width: 600px;
  padding: 10px;
}

#aw_overlay_menu_form input[type="radio"] {
  display: none;
}

#aw_overlay_menu_form span label {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  background-color: #164f7b;
  color: #fff;
  margin: 5px .5%;
  width: 15%;
  border-radius: 5px;
}

#aw_overlay_menu_form label:hover {
  background-color: #01354a;
  color: #fff;
  cursor: pointer;
}

#aw_overlay_menu_form input[type="radio"]:checked + label {
  background-color: #01354a;
  color: #fff;
}

#aw_overlay_content {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 95%;
  margin: 0 auto;
  max-height: 77%;
}

#aw_overlay_content h2 {
  font-size: 24px;
  color: #164f7b;
  text-align: left;
}

.aw_hidden_tab {
  display: none;
}

/* ----------------------------
support overlay - FAQ
---------------------------- */

#aw_overlay_faq {
}

#aw_overlay_faq .faqquestion {
  font-size: 16px;
  color: #3e3e3e;
  margin: 0 auto;
  padding: 5px 5px 0 23px;
  cursor: pointer;
  display: block;
  width: 80%;
  float: left;
  line-height: 1.5em;
}

#aw_overlay_faq .plus_toggle {
  background: url("../images/faq_open.jpg") no-repeat 0 10px;
}

#aw_overlay_faq .minus_toggle {
  background: url("../images/faq_close.jpg") no-repeat 0 10px;
}

#aw_overlay_faq .faqanswer, #aw_overlay_faq .faqquestion {
  display: block;
}

#aw_overlay_faq .faqanswer {
  display: none;
  font-size: 16px;
  color: #767676;
  line-height: 1.2;
  padding: 5px 0 0 23px;
  width: 70%;
  margin-top: 0;
  text-align: justify;
}

/* ----------------------------
support overlay - Transaction History
---------------------------- */

#aw_overlay_history, #aw_overlay_email {
  display: none;
}

.aw_transaction {
  padding: 5px;
  border-bottom: 4px solid #e9e9e9;
  width: 100%;
  font-size: 14px;
}

.aw_transaction_header {
  font-size: 18px;
  background-color: #e9e9e9;
  border: 0;
  font-weight: 700;
}

.aw_transaction div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #3e3e3e;
  padding: 5px 3%;
  vertical-align: top;
}

.aw_transaction .aw_trans_offer_col {
  width: 32%;
  line-height: 26px;
  padding-right: 4%;
}

.aw_transaction .aw_trans_credits_col {
  width: 13%;
}

.aw_transaction .aw_trans_support_col,
.aw_transaction .aw_trans_status_col {
  width: 13%;
}

.aw_transaction .aw_trans_offer_col strong {
  color: #306491;
}

.aw_transaction > div:not(:first-child) {
  font-weight: 700;
}

.aw_transaction > div:last-child {
  text-align: right;
}

.aw_transaction span.negative {
  color: #9d2121;
}

.aw_transaction span.positive {
  color: #167b1d;
}

.aw_trans_support_col a {
  color: #306491;
  text-decoration: none;
}

/* ----------------------------
support overlay - Email Form
---------------------------- */
#aw_overlay_email {
  position: relative;
  right: 0;
}

#aw_overlay_email form input, #aw_overlay_email form textarea {
  display: block;
  padding: 15px 50px 15px 15px;
  font-size: 18px;
  margin: 6px 0;
  width: 64%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#aw_overlay_email form textarea {
  height: 200px;
}

#aw_overlay_email form input[type="submit"] {
  border: none;
  background-color: #164f7b;
  color: #fff;
  font-weight: 700;
  margin-left: 1px;
  width: 76%;
  padding: 15px;
}

#aw_overlay_email form input[type="submit"]:hover {
  background-color: #01354a;
  color: #fff;
  cursor: pointer;
}

#aw_overlay_email form input[name="name"] {
  background: #fff url("../images/yourname.png") no-repeat 94% 50%;
}

#aw_overlay_email form input[name="email"] {
  background: #fff url("../images/emailaddress.png") no-repeat 95% 50%;
}

#aw_overlay_email form textarea {
  background: #fff url("../images/comment.png") no-repeat 95% 20px;
}

.select-style {
  color: #cccccc;
  border: 1px solid #ccc;
  display: block;
  padding: 15px;
  font-size: 18px;
  margin: 6px 0;
  width: 70%;
  overflow: hidden;
  background: #fff url("../images/dropdownarrow.png") no-repeat 95% 50%;
  border-radius: 5px;
}

.select-style select {
  background: transparent;
  width: 100%;
  max-height: 36px;
  font-size: 14px;
  color: #6e6e6e;
  padding: 5px 10px;
  line-height: 1.5;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-family: Lato, sans-serif;
}

.select-style select:focus {
  outline: none;
}

.aw_overlay_email_hidden p {
  margin: 10px 0;
}

.aw_overlay_email_hidden label, .aw_overlay_email_hidden input[type=radio] {
  display: inline !important;
  width: auto !important;
  margin-bottom: 10px;
}

.aw_overlay_email_hidden label {
  padding: 0 10px
}

#email_form_submit, .aw_overlay_email_hidden {
  display: none;
}

.creditperiodnomsg, .creditperiodyesmsg {
  display: none;
}

/* ----------------------------
support overlay - Select Devices
---------------------------- */
#aw_overlay_devices {
  display: none;
}

#aw_overlay_devices > div {
  width: 80%;
}

#aw_overlay_devices h2 {
  font-size: 24px;
  color: #164f7b;
  text-align: left;
}

#aw_overlay_devices p {
  font-size: 14px;
  text-align: justify;
  line-height: 1.5;
}

#aw_select_devices_form {
  margin-top: 20px;
}

#aw_overlay_devices label {
  display: inline-block;
  text-align: center;
  margin: 15px;
  color: #aaa;
  font-size: 12px;
  cursor: pointer;
}

#aw_overlay_devices label span {
  display: block;
  margin: 0 auto 12px;
  background: url(/framework/public/packages/adscend/images/device_sprite.png) no-repeat 0 0;
}

#aw_overlay_devices label span.iphone {
  width: 65px;
  height: 132px;
}

#aw_overlay_devices label span.ipad {
  background-position: -65px 0;
  width: 134px;
  height: 187px;
}

#aw_overlay_devices label span.android {
  background-position: -199px 0;
  width: 66px;
  height: 133px;
}

#aw_overlay_devices label span.iphone.checked {
  background-position: 0 -188px;
}

#aw_overlay_devices label span.ipad.checked {
  background-position: -65px -188px;
}

#aw_overlay_devices label span.android.checked {
  background-position: -199px -188px;
}

#aw_overlay_devices input[type="submit"] {
  display: block;
  width: 82%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #164f7b;
  text-decoration: none;
  padding: 10px 0;
  border: 0;
  margin: 20px 0;
  font-family: Lato, sans-serif;
  font-weight: 700;
  border-radius: 5px;
}

#aw_overlay_devices input[type="submit"]:hover {
  background-color: #01354a;
}

/* ----------------------------
market research overlay
---------------------------- */

#aw_market_research {
  width: 100%;
  z-index: 999998;
}

#aw_market_research_banner {
  position: relative;
  z-index: 999998;
  background: #154D7E;
  text-align: center;
  color: white;
  padding: 15px 0 18px;
  letter-spacing: 1.2px;
}

#aw_market_research_banner #top_headline {
  font-size: 20px;
}

#aw_market_research_banner #bottom_headline {
  font-size: 14px;
}

#aw_market_research_banner:hover {
  cursor: pointer;
}

#aw_market_research_banner #top_headline {
  font-size: 20px;
}

#aw_market_research_banner #bottom_headline {
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 5px;
}

#aw_market_research_banner p {
  font-size: 10px;
  height: 14px;
}

#aw_market_research_banner p strong {
  font-size: 16px;
  font-weight: 300;
}

#aw_market_research_overlay {
  background: white;
  height: 280px;
  text-align: center;
  position: relative;
  display: none;
}

#aw_market_research_overlay_infobar {
  font-size: 0;
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 15px 0;
  position: relative;
}

#aw_market_research_overlay_infobar > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  width: 50%;
  text-align: left;
}

#aw_market_research_overlay_infobar > div:nth-child(2) {
  text-align: right;
}

.aw_market_research_hide {
  text-decoration: none;
  color: #797979;
}

.learn_more_btn {
  text-decoration: none;
  color: #164f7b;
}

.mr_learn {
  display: none;
}

#aw_market_research_questions {
  max-width: 1024px;
  margin: -30px auto 0;
  text-align: center;
  display: none;
}

#aw_market_research_questions .mr_question {
  font-size: 12px;
  text-align: left;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}

#aw_market_research_questions .mr_question span.dob {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#aw_market_research_questions .mr_question span.dob.month {
  width: 120px;
}

#aw_market_research_questions .mr_question span.dob.day {
  width: 96px;
  margin: 0 20px;
}

#aw_market_research_questions .mr_question span.dob.year {
  width: 108px;
}

#aw_market_research_questions .mr_question small {
  text-align: center;
  display: block;
}

#aw_market_research_questions .mr_question div.input-placeholder {
  width: 70%;
  margin: 0 auto 12px;
}

#aw_market_research_questions .mr_question div.input-placeholder span {
  height: 100% !important;
}

#aw_market_research_questions .question_text {
  color: #154D7E;
  text-align: center;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}

#aw_market_research_questions input[type='checkbox'], #aw_market_research_questions input[type='radio'] {
  margin-left: 170px;
}

#aw_market_research_questions input[type='email'], #aw_market_research_questions input[type='text'], #aw_market_research_questions select, #aw_market_research_questions input[type='date'] {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  color: black;
  padding: 7px;
  outline: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #999999;
}

#aw_market_research_questions .placeholder /*, #aw_market_research_questions ::-webkit-input-placeholder, #aw_market_research_questions :-moz-placeholder, #aw_market_research_questions ::-moz-placeholder*/  {
  color: #999999;
}

#aw_market_research_questions .select-style {
  padding: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  width: 90%;
  max-width: 250px;
  margin: 0 auto;
  border: 1px solid #999999;
}

#aw_market_research_questions .select-style select {
  padding: 9px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0px;
}

#aw_market_research_continue_contain {
  width: 100%;
  position: absolute;
  bottom: 20px;
  display: none;
}

#aw_market_research_back {
  height: 15px;
}

#aw_market_research_back > span {
  display: none;
}

#aw_market_research_overlay button {
  background: none;
}

#aw_market_research_overlay button#aw_market_research_continue {
  display: block;
  width: 150px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #164f7b;
  text-decoration: none;
  padding: 7px 0;
  margin: 0 auto;
  letter-spacing: 1px;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

#aw_market_research_overlay button#aw_market_research_continue:hover {
  background-color: #01354a;
}

/* ----------------------------
page
---------------------------- */

#aw_contain {
  max-width: 1280px;
  width: 98%;
  margin: 0 auto;
}

#aw_mobile_header {
  background-color: #164f7b;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  display: none;
  font-weight: bold;
}

#aw_top_bar {
  padding: 10px 0 10px 0;
  position: relative;
  clear: both;
  text-align: center;
  font-size: 0;
  width: 97%;
}

#aw_top_bar > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 48%;
  font-size: 24px;
  font-weight: 700;
}

#aw_top_bar > #aw_top_left strong, #aw_top_bar > #aw_top_right {
  color: #164f7b;
  font-size: 30px;
}

#aw_top_bar > div > span > a.aw_help_toggle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #164f7b;
  color: #fff;
  padding: 7px 15px;
  text-decoration: none;
  border-radius: 5px;
}

#aw_top_bar > div > span > a.aw_help_toggle:hover {
  background-color: #01354a;
}

a.aw_help_toggle span.close {
  background-color: #ffffff;
  padding: 0 5px;
  border-radius: 20px;
  color: #767676;
  text-align: center;
  font-size: 17px;
  margin-left: 4px;
}

#aw_top_bar #aw_top_left {
  text-align: left;
  color: #818181
}

#aw_top_bar #aw_top_right {
  text-align: right;
}

#aw_top_bar div span {
  font-size: 16px;
}

#aw_header {
  max-width: 1280px;
  margin: 0 auto;
}

/* ----------------------------
page - sort filter
---------------------------- */

#aw_sort {
  max-width: 95%;
  padding: 10px 0 5px;
  text-align: right;
}

#aw_sort .select-container {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.select-container {
  width: 194px;
  max-height: 36px;
  background: url("../images/dropdownarrow.png") no-repeat 95% 50% #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}

.select-container select {
  background: transparent;
  width: 194px;
  max-height: 36px;
  font-size: 14px;
  color: #6e6e6e;
  padding: 5px;
  line-height: 1.5;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  cursor: pointer;
}

/* ----------------------------
page - offers
---------------------------- */

#aw_credits {
  position: absolute;
  right: 0;
  width: 20%;
}

#aw_offers, #aw_surveys {
  font-size: 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-left: 1%;
  min-height: 200px;
}

#aw_surveys {
  min-height: 0;
  display: none;
}

.aw_survey {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
  padding: .75%;
  background: #fff;
  position: relative;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-left: 1%;
  height: 48px;
}

.aw_survey > * {
  font-size: 12px;
}

.aw_survey h3 {
  margin: 5px 0;
  color: #3e3e3e;
}

.aw_survey_details img {
  width: 10px;
}

.aw_survey_details span {
  color: #696969;
}

#offerstatusmessage {
  font-size: 16px;
  text-align: center;
  padding: 100px 0;
  color: #164f7b;
}

#aw_mob_select_offers {
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}

.aw_offer {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 0;
  padding: .75%;
  background: #fff;
  position: relative;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-left: 1%;
}

.aw_offer > .aw_offer_wrap {
  position: relative;
  height: 100%;
}

.aw_offer > div > div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 12px;
  vertical-align: top;
}

.aw_offer_img_contain, .aw_qr_code {
  width: 23%;
  margin: 0 5% 2% 0;
  max-width: 125px;
  max-height: 125px;
}

.aw_offer_img {
  width: 100%;
  max-width: 125px;
  max-height: 125px;
}

.aw_offer_desc, .aw_contain_mob_url {
  position: relative;
  width: 72%;
  height: 120px;
  overflow: hidden;
}

.aw_offer_desc h2 {
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  /* height: 25px; */
  display: block;
  line-height: 20px;
  color: #3e3e3e;
  margin-bottom: 5px;
}

.aw_offer_desc div.aw_desc {
  font-size: 12px;
  color: #696969;
  overflow: hidden;
  height: 48px;
}

.aw_mobile_options {
  height: 125px;
  padding: 12px 0;
  width: 100%;
  position: relative;
  margin-top: 15px;
  border-top: 1px #486591 solid;
  display: none;
}

.aw_qr_code img {
  width: 100%;
}

.aw_contain_mob_url {
  height: 130px;
}

.aw_contain_mob_url input[type="text"], .aw_contain_mob_url input[type="email"] {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
  width: 60%;
}

.aw_contain_mob_url input[type="submit"] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100px;
  padding: 5px 0;
  background: #164f7b;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  color: #FFF;
  border: 0;
  outline: 0;
  margin-left: 5px;
  border-radius: 5px;
  font-family: Lato, sans-serif;
}

.aw_contain_mob_url input[type="submit"]:hover {
  background-color: #01354a;
}

.triangle-contain {
  position: absolute;
  padding-top: 20px;
  font-size: 12px;
  z-index: 999999;
  right: -8px;
  width: 100%;
  max-width: 350px;
  text-align: left;
  line-height: 2.0em;
}

.triangle-border {
  position: relative;
  padding: 15px;
  margin: 5px 10px 5px;
  border: 1px solid #bbb;
  color: #333;
  background: #fff;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 999998;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px; /* value = - border-top-width - border-bottom-width */
  left: 40px; /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #bbb transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -19px; /* value = - border-top-width - border-bottom-width */
  left: 47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 19px 19px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the larger triangle */
.triangle-border.top:before {
  top: -20px; /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px; /* controls horizontal position */
  border-width: 0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
  top: -19px; /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 41px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 19px 19px;
}

.aw_offer .aw_linkcontain {
  position: absolute;
  bottom: 0;
  right: 0;
}

.aw_survey .aw_linkcontain {
  bottom: 13px;
  right: 8px;
}

.aw_offer .aw_linkcontain > span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 5px;
  color: #3e3e3e;
  font-size: 16px;
}

.aw_offer .aw_linkcontain .aw_offerlink {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 208px;
  padding: 10px 0;
  background: #1ba324;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  color: #FFF;
  border: 0;
  outline: 0;
  font-family: 'Lato', sans-serif;
  border-radius: 5px;
}

.aw_offer .aw_offerlink:hover {
  background: #269109;
}

.aw_offer .arrow_rotate img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.aw_offer .aw_offerlink .aw_creditsarrow {
  vertical-align: bottom;
  margin-bottom: 2px;
}

.aw_offer .aw_offerlink span {
  margin-right: 5px;
}

.aw_select_device_button {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: #164f7b;
  text-decoration: none;
  padding: 10px 0;
  border-radius: 5px;
  font-family: Lato, sans-serif;
}

.aw_select_device_button:hover {
  background-color: #01354a;
}

.aw_offer .aw_select_device_button {
  position: absolute;
  bottom: 0;
}

.aw_device_offer_box .aw_offer_img_contain {
  text-align: center;
}

.aw_device_offer_box .aw_offer_img_contain img {
  width: 100%;
  max-height: none;
  max-width: 100px;
}

.aw_device_offer_box .aw_offer_wrap > div {
  vertical-align: middle;
}

.email-sent {
  background: #159f1f !important;
}

.email-failed {
  background: #a94442 !important;
}

.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
}

button#aw_loadmore {
  display: block;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background: #164f7b;
  text-decoration: none;
  padding: 10px 0;
  margin: 10px auto;
  border-radius: 5px;
  font-family: Lato, sans-serif;
}

button#aw_loadmore:hover {
  background-color: #01354a;
}

.spinner {
  margin: 50px auto;
  width: 70px;
  text-align: center;
  display: none;
}

/* ----------------------------
Alert Messages
---------------------------- */

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

/* ----------------------------
offers loading spinner
---------------------------- */

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #164f7b;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* ----------------------------
responsive stuff
---------------------------- */

@media only screen and (min-width: 960px) {
  #aw_sort > form label {
    width: 173px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 900px) {
  .aw_survey .aw_linkcontain > a {
    width: 150px !important;
  }
}

@media only screen and (min-width: 768px) {
  .aw_offer {
    width: 45%;
    margin: 8px;
  }

  #aw_sort > form label {
    width: 135px;
    font-size: 14px;
  }

  .aw_select_device_button {
    font-size: 14px;
  }

  .aw_offer_desc h2 {
    font-size: 18px;
  }

  .aw_offer_desc {
    height: 140px;
  }

  .aw_contain_mob_url, .aw_mobile_options {
    height: 180px !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .aw_offer {
    width: 45%;
    margin: 8px;
  }

  #aw_sort > form label {
    width: 135px;
    font-size: 14px;
  }

  #aw_overlay_header {
    width: 100%;
  }

  .aw_survey {
    height: auto;
    margin-top: 1px;
  }

  .aw_survey h3 {
    margin: 0px;
  }

  .aw_survey > div {
    width: 100%;
    position: relative !important;
    text-align: center;
    margin: 0px;
  }

  .aw_survey .aw_survey_details {
    margin-bottom: 8px;
  }

  .aw_survey .aw_linkcontain {
    width: 100%;
    bottom: 0;
    right: 0;
  }

  .aw_survey .aw_linkcontain a {
    width: 100%;
  }

  #aw_sort form {
    margin-bottom: 10px;
  }

  #aw_sort > form label {
    width: 100%;
    margin: 0;
    padding: 15px 0;
  }

  #aw_sort > form > div.labelcontain {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background-color: #13507c;
    color: #fff;
    position: relative;
  }

  #aw_sort > form > div.radiocontain {
    width: 100%;
    display: none;
  }

  #aw_sort > form label {
    background-color: #0b3859;
    color: #fff;
    border-bottom: 1px solid #13507c;
  }

  #aw_sort > form label:hover {
    background-color: #082b45;
    color: #fff;
  }

  #aw_sort > form input[type="radio"]:checked + label {
    background-color: #082b45;
    color: #fff;
  }

  .aw_select_device_button {
    font-size: 14px;
  }

  .aw_offer_desc h2 {
    font-size: 16px;
  }

  .aw_offer_desc, .aw_contain_mob_url, .aw_mobile_options {
    height: 150px;
  }

  .aw_offer_img_contain, .aw_offer_img_contain img {
    max-width: 77px;
    max-height: 77px;
  }

  .aw_offer .aw_linkcontain, .aw_offer .aw_linkcontain .aw_offerlink {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  body {
    overflow-x: hidden;
  }

  #aw_contain {
    width: 95%;
  }

  #aw_overlay_header {
    width: 100%;
    height: auto;
  }

  #aw_overlay_menu {
    height: 60px;
  }

  #aw_overlay_menu_form {
    width: 100%;
    padding: 4px;
    height: 80px;
    margin-bottom: 15px;
  }

  #aw_overlay_menu_form span label {
    padding: 15px 5px;
    font-size: 16px;
    margin: 1px;
    width: 21%;
  }

  #aw_overlay_devices > div {
    width: 100%;
  }

  #aw_overlay_content {
    width: 100%;
    font-size: 16px;
  }

  #aw_overlay_history {
    width: 92%;
  }

  #aw_overlay_header > #aw_overlay_title {
    padding: 10px;
    font-size: 18px;
  }

  #aw_overlay_header > #aw_overlay_close {
    padding: 0;
    top: 10px;
    font-size: 18px;
  }

  .aw_transaction_header {
    font-size: 14px;
  }

  #aw_transaction_header > div {
    vertical-align: middle;
  }

  .aw_transaction {
    font-size: 11px;
  }

  .aw_trans_offer_col {
    width: 28% !important;
  }

  .aw_trans_credits_col {
    width: 18% !important;
  }

  .aw_trans_status_col {
    width: 14% !important;
  }

  #aw_overlay_devices input[type="submit"] {
    font-size: 16px;
    width: 100%;
  }

  .select-style {
    font-size: 12px;
    width: 75%;
  }

  #aw_top_bar a {
    font-size: 12px;
  }

  #aw_top_bar > div {
    vertical-align: top;
  }

  #aw_top_left {
    width: 30% !important;
  }

  #aw_top_right {
    width: 65% !important;
  }

  .aw_offer {
    width: 93%;
    border-bottom: 1px solid #bbb;
    margin: 1%;
    padding: 8px;
  }

  #aw_overlay {
    width: 100%;
  }

  #aw_market_research.mobile_height {
    height: 100%;
  }

  #aw_market_research_banner {
    width: 100%;
  }

  div.mobile_height #aw_market_research_banner {
    position: fixed;
  }

  #aw_market_research_overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 80px;
    height: 100%;
    z-index: 999999;
  }

  #aw_market_research_overlay #aw_market_research_continue_contain {
    bottom: 100px;
  }

  #aw_market_research_overlay button#aw_market_research_continue {
    padding: 15px 0;
  }

  #aw_market_research_questions input[type='checkbox'], #aw_market_research_questions input[type='radio'] {
    margin-left: 35%;
  }

  #aw_market_research_questions {
    margin-top: 10px;
  }

  .aw_survey {
    height: auto;
    margin-top: 1px;
  }

  .aw_survey h3 {
    margin: 0px;
  }

  .aw_survey > div {
    width: 100%;
    position: relative !important;
    text-align: center;
    margin: 0px;
  }

  .aw_survey .aw_survey_details {
    margin-bottom: 8px;
  }

  .aw_survey .aw_linkcontain {
    width: 100%;
  }

  #aw_sort form {
    margin-bottom: 10px;
  }

  #aw_sort > form label {
    width: 100%;
    margin: 0;
    padding: 15px 0;
  }

  #aw_sort > form > div.labelcontain {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background-color: #13507c;
    color: #fff;
    position: relative;
  }

  #aw_sort > form > div.radiocontain {
    width: 100%;
    display: none;
  }

  #aw_sort > form label {
    background-color: #0b3859;
    color: #fff;
    border-bottom: 1px solid #13507c;
  }

  #aw_sort > form label:hover {
    background-color: #082b45;
    color: #fff;
  }

  #aw_sort > form input[type="radio"]:checked + label {
    background-color: #082b45;
    color: #fff;
  }

  .aw_select_device_button {
    font-size: 14px;
  }

  .aw_offer_desc h2 {
    font-size: 14px;
  }

  .aw_offer_desc, .aw_contain_mob_url, .aw_mobile_options {
    height: 150px;
  }

  .aw_desc {
    max-height: 60px;
    overflow: hidden;
  }

  .aw_survey > div {
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

}

@media only screen and (max-width: 479px) {
  .aw_offer_desc {
    height: 100px;
  }

  .aw_contain_mob_url, .aw_mobile_options {
    height: 199px !important;
  }

  .aw_offer .aw_linkcontain .aw_offerlink {
    width: 163px;
  }

  .select-container, .select-container select {
    width: 125px;
    height: 29px;
  }

  .aw_offer_desc h2 {
    font-size: 12px;
    margin-bottom: 0;
  }

  .aw_offer_desc div.aw_desc {
    font-size: 10px;
  }

  #aw_market_research_banner #top_headline {
    font-size: 16px;
  }

  #aw_market_research_banner #bottom_headline {
    font-size: 11px;
    margin-top: 11px;
  }

  #aw_market_research_banner {
    padding: 7px 0;
  }

  #aw_top_bar {
    padding: 2px 0;
  }

  #aw_sort form {
    margin-bottom: 5px;
  }

  .aw_offer_img_contain, .aw_qr_code {
    margin-right: 7px;
  }

  #aw_market_research_overlay {
    top: 57px;
  }

  #aw_sort {
    max-width: 98%;
  }

  #aw_top_bar > div {
    width: 50% !important;
  }

  #aw_overlay_menu
  {
    height: 50px;
  }

  #aw_overlay_menu_form span label {
    font-size: .8em;
    padding: 10px;
    width: auto;
  }
}
#offerstatusmessage h2{
  background-color: #cfcfcf;
  color: #9b9b9b;
  font-size: 14px;
  padding: 0.5%;
  margin: 0 16% 0 15%;
}
#profile_footer{
  padding: 15px;
  background-color: #ececec;
  color: #818181;
  line-height: 13px;
  font-size: 10px;
  text-align: center;  
}
#profile_footer span{
  margin-right: 5px;
}
.footer_logo{
  width: 103px;
  vertical-align: middle;
}