.small-print, .points-summary .progress .current-total .label, .points-summary .progress .next-level .label, .badges, .right-col section.badges .recent-badges {
  color: #999999;
  font-size: 11px;
  text-transform: uppercase; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  line-height: 1;
  border-top: 49px solid #034ea2;
  border-bottom: 154px solid #494848; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none; }

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

body {
  background: white;
  font: 16px/26px "Samsung Interface", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 39px;
  line-height: 41px;
  margin-bottom: 27px; }

h2 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 12px; }

h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: bold; }

h4 {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 10px;
  font-weight: bold; }

h5 {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: bold; }

h6 {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: bold; }

.login h1,
.login .right-col h2 {
  position: relative;
  font-size: 30px;
  line-height: 41px;
  margin-bottom: 27px;
  color: #5186dd;
  text-transform: none; }
  .login h1:after,
  .login .right-col h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 6px;
    background: url(../images/structural/sprite.png) no-repeat 0 -283px; }
.login .left-col h2 {
  margin-bottom: 4px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.comments form h3 {
  color: #707b82;
  margin-bottom: 25px; }

.offer h2 {
  line-height: 30px;
  color: #333333; }

.wide-offer h2 {
  font-size: 39px;
  line-height: 40px;
  padding-right: 85px; }

.right-col section h2 {
  position: relative;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #929292;
  padding: 0 0 0 22px; }
  .right-col section h2:before {
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    width: 17px;
    height: 16px;
    background: url(../images/structural/sprite.png) no-repeat -586px -20px;
    bottom: 0;
    display: block; }

.right-col .activities h2:before {
  background-position: -603px -20px; }

.right-col .most-points h2:before {
  background-position: -620px -20px; }

.right-col .most-shared h2:before {
  background-position: -637px -20px; }

.right-col .most-commented h2:before {
  background-position: -654px -20px; }

.right-col .most-clicked h2:before {
  background-position: -671px -20px; }

.subheader {
  color: black; }

p {
  margin: 0 0 27px 0; }

p img {
  margin: 0; }

p.lead {
  font-size: 20px;
  line-height: 24px;
  color: #444444; }

em {
  font-style: italic; }

strong {
  font-weight: normal;
  color: black; }

small {
  font-size: 80%; }

blockquote, blockquote p {
  font-size: 20px;
  line-height: 26px;
  color: black;
  margin-bottom: 0; }

blockquote {
  float: left;
  width: 200px;
  margin: 0 27px 25px 0;
  padding: 0 0 0 12px;
  border-left: 4px solid #009cfd;
  position: relative; }
  blockquote:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -4px;
    width: 4px;
    border: solid white;
    border-width: 5px 0 5px;
    background: -moz-linear-gradient(top, #009cfd 0%, #0052a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009cfd), color-stop(100%, #0052a5));
    background: -webkit-linear-gradient(top, #009cfd 0%, #0052a5 100%);
    background: -o-linear-gradient(top, #009cfd 0%, #0052a5 100%);
    background: -ms-linear-gradient(top, #009cfd 0%, #0052a5 100%);
    background: linear-gradient(to bottom, #009cfd 0%, #0052a5 100%); }
  blockquote cite {
    display: block;
    font-size: 12px;
    color: black; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #0089e0; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

a, a:visited {
  color: #0089e0;
  text-decoration: none;
  outline: 0; }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #0089e0;
    text-decoration: underline; }

p a, p a:visited {
  line-height: inherit; }

ul, ol {
  margin-bottom: 20px; }

ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 6px; }

li {
  line-height: 18px;
  margin-bottom: 12px; }
  li p {
    line-height: 21px; }

ul.large li {
  line-height: 21px; }

img.scale-with-grid {
  max-width: 100%;
  height: auto; }

.offer img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px; }

.button, .white-button, .login #form-verify input[type="submit"], .button.facebook,
.button.twitter,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #3da8ea;
  background: -moz-linear-gradient(top, #3da8ea 0%, #008de3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3da8ea), color-stop(100%, #008de3));
  background: -webkit-linear-gradient(top, #3da8ea 0%, #008de3 100%);
  background: -o-linear-gradient(top, #3da8ea 0%, #008de3 100%);
  background: -ms-linear-gradient(top, #3da8ea 0%, #008de3 100%);
  background: linear-gradient(to bottom, #3da8ea 0%, #008de3 100%);
  border: 1px solid #54a2b6;
  border-left-color: #56a4b9;
  border-right-color: #68adbf;
  color: white;
  display: inline-block;
  font: 14px/14px "Samsung Interface", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px #0794c4;
  -webkit-box-shadow: inset 0 1px 1px 0 #8eccf3;
  -moz-box-shadow: inset 0 1px 1px 0 #8eccf3;
  box-shadow: inset 0 1px 1px 0 #8eccf3;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 11px 14px;
  font-weight: bold;
  -webkit-appearance: none; }

.button:visited, .white-button:visited, .login #form-verify input[type="submit"]:visited, .button.facebook:visited,
.button.twitter:visited, .button:hover, .white-button:hover, .login #form-verify input[type="submit"]:hover, .button.facebook:hover,
.button.twitter:hover, .button:focus, .white-button:focus, .login #form-verify input[type="submit"]:focus, .button.facebook:focus,
.button.twitter:focus {
  color: white; }

input[type="submit"]:hover, input[type="submit"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  background: #1ba7fc;
  -webkit-box-shadow: inset 0 0 8px 1px #9ae6fd;
  -moz-box-shadow: inset 0 0 8px 1px #9ae6fd;
  box-shadow: inset 0 0 8px 1px #9ae6fd; }

.white-button, .login #form-verify input[type="submit"], .button.facebook, .facebook.white-button,
.button.twitter,
.twitter.white-button {
  color: #548ae0;
  font-weight: normal;
  background: #fbfcfc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border-color: #d5d8da;
  -webkit-box-shadow: inset 0 -35px 40px -30px #eaedee;
  -moz-box-shadow: inset 0 -35px 40px -30px #eaedee;
  box-shadow: inset 0 -35px 40px -30px #eaedee;
  text-shadow: none; }
  .white-button:visited, .login #form-verify input[type="submit"]:visited, .button.facebook:visited, .facebook.white-button:visited,
  .button.twitter:visited,
  .twitter.white-button:visited, .white-button:hover, .login #form-verify input[type="submit"]:hover, .button.facebook:hover, .facebook.white-button:hover,
  .button.twitter:hover,
  .twitter.white-button:hover, .white-button:focus, .login #form-verify input[type="submit"]:focus, .button.facebook:focus, .facebook.white-button:focus,
  .button.twitter:focus,
  .twitter.white-button:focus {
    color: #548ae0; }

.login #form-verify input[type="submit"] {
  float: right;
  margin: -2px 0 0;
  padding: 11px 19px;
  -webkit-box-shadow: inset 0 35px 40px -30px #d7dadb;
  -moz-box-shadow: inset 0 35px 40px -30px #d7dadb;
  box-shadow: inset 0 35px 40px -30px #d7dadb; }

.facebook.white-button, .login #form-verify input.facebook[type="submit"], .facebook.button,
.facebook.button.twitter,
.twitter.white-button,
.login #form-verify input.twitter[type="submit"],
.twitter.button.facebook,
.twitter.button {
  position: relative;
  margin-bottom: 10px;
  padding: 11px 14px 11px 48px;
  width: 48.3%;
  text-align: right;
  font-weight: bold;
  color: #6ca7df; }
  .facebook.white-button:before, .login #form-verify input.facebook[type="submit"]:before, .facebook.button:before,
  .button.twitter:before,
  .twitter.white-button:before,
  .login #form-verify input.twitter[type="submit"]:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    width: 26px;
    height: 23px;
    background: url(../images/structural/sprite.png) no-repeat -480px -58px; }

.facebook.white-button, .login #form-verify input.facebook[type="submit"], .facebook.button,
.facebook.button.twitter {
  float: right;
  padding-left: 35px;
  color: #3b5998; }
  .facebook.white-button:before, .login #form-verify input.facebook[type="submit"]:before, .facebook.button:before {
    left: 12px;
    width: 11px;
    background-position: -506px -58px; }

#form-edit-profile .facebook.white-button, #form-edit-profile .login #form-verify input.facebook[type="submit"], .login #form-verify #form-edit-profile input.facebook[type="submit"], #form-edit-profile .facebook.button,
#form-edit-profile .button.twitter,
#form-edit-profile .twitter.white-button,
#form-edit-profile .login #form-verify input.twitter[type="submit"],
.login #form-verify #form-edit-profile input.twitter[type="submit"] {
  float: left;
  margin-right: 10px;
  max-width: 190px; }
#form-edit-profile input[type="submit"] {
  margin: 0 7px 0 0; }
#form-edit-profile a.cancel {
  font-weight: bold; }

.comments input[type="submit"] {
  margin: 22px 0 10px; }

.button.full-width, .full-width.white-button, .login #form-verify input.full-width[type="submit"], .full-width.button.facebook,
.full-width.button.twitter,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

a.button, a.white-button, a.button.facebook,
a.button.twitter {
  text-decoration: none; }

a.keyword {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  background: #e5f4fa;
  -webkit-box-shadow: 1px 1px 2px 0 #9fbcc9;
  -moz-box-shadow: 1px 1px 2px 0 #9fbcc9;
  box-shadow: 1px 1px 2px 0 #9fbcc9; }
  a.keyword:hover {
    color: #0089e0;
    -webkit-box-shadow: inset 1px 1px 2px 0 #afd1e0;
    -moz-box-shadow: inset 1px 1px 2px 0 #afd1e0;
    box-shadow: inset 1px 1px 2px 0 #afd1e0;
    text-decoration: none; }
  a.keyword.active {
    color: white;
    background: #94b3bf;
    -webkit-box-shadow: inset 1px 1px 2px 0 #84a8b7;
    -moz-box-shadow: inset 1px 1px 2px 0 #84a8b7;
    box-shadow: inset 1px 1px 2px 0 #84a8b7; }

form {
  margin-bottom: 20px; }
  form .form-row {
    margin-bottom: 32px; }
  form .form-col {
    width: 47.5%;
    float: right; }
    form .form-col:first-child {
      float: left; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #b9d0d5;
  padding: 9px 10px 7px;
  width: 100%;
  outline: none;
  font: 14px/14px "Samsung Interface", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #707b82;
  background: white;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }

select {
  padding: 0; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #707b82; }

textarea {
  min-height: 60px; }

label,
legend {
  display: block;
  font-size: 16px;
  color: #707b82; }

select {
  width: 220px; }

input[type="checkbox"] {
  display: inline; }

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #666666; }

.alert {
  clear: both;
  display: none;
  color: #ee7a24;
  font-size: 13px;
  line-height: 13px;
  margin: 9px 0 -22px; }

.login label {
  display: none; }
.login .checkbox {
  display: block;
  color: #929292; }

.login #form-verify input[type="text"] {
  max-width: 65%;
  margin-right: 7px; }

.ie8 .login #form-verify input[type="text"] {
  max-width: 148px; }

.comments form {
  padding: 22px;
  border: 1px solid white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #f6f8f9;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
  background: -moz-linear-gradient(top, #f2f5f7 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f7), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f2f5f7 0%, white 100%);
  background: -o-linear-gradient(top, #f2f5f7 0%, white 100%);
  background: -ms-linear-gradient(top, #f2f5f7 0%, white 100%);
  background: linear-gradient(to bottom, #f2f5f7 0%, white 100%); }
  .comments form label {
    margin-top: 20px; }

.ie8 .comments form {
  border-color: #cccccc; }

.file-input {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 45px; }
  .file-input .mask {
    float: left;
    margin: 0;
    padding: 11px 10px 10px;
    width: 82%; }
  .file-input .button, .file-input .white-button, .file-input .login #form-verify input[type="submit"], .login #form-verify .file-input input[type="submit"], .file-input .button.facebook,
  .file-input .button.twitter {
    float: left;
    margin-left: 20px; }

#form-edit-profile .form-row,
#form-account-settings .form-row {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 32px; }
  #form-edit-profile .form-row.link-accounts,
  #form-account-settings .form-row.link-accounts {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px; }
#form-edit-profile .submit-row,
#form-account-settings .submit-row {
  clear: both;
  max-width: 390px; }
#form-edit-profile label,
#form-account-settings label {
  clear: both;
  padding-top: 15px; }
  #form-edit-profile label.checkbox,
  #form-account-settings label.checkbox {
    position: relative;
    padding-left: 27px; }
    #form-edit-profile label.checkbox input,
    #form-account-settings label.checkbox input {
      position: absolute;
      left: 0;
      top: 17px; }
#form-edit-profile .radio,
#form-account-settings .radio {
  padding-left: 27px; }
  #form-edit-profile .radio label,
  #form-account-settings .radio label {
    line-height: 15px; }
#form-edit-profile input[type="text"],
#form-edit-profile input[type="password"],
#form-account-settings input[type="text"],
#form-account-settings input[type="password"] {
  width: 60%; }
#form-edit-profile img.avatar,
#form-account-settings img.avatar {
  float: left;
  width: 100px;
  height: 100px;
  border: 3px solid white;
  -webkit-box-shadow: 0 0 5px #9ca5ab;
  -moz-box-shadow: 0 0 5px #9ca5ab;
  box-shadow: 0 0 5px #9ca5ab; }
#form-edit-profile .file-input,
#form-account-settings .file-input {
  float: left;
  width: 70%;
  margin-left: 30px; }
#form-edit-profile p,
#form-account-settings p {
  margin-bottom: 5px; }

.remove-bottom {
  margin-bottom: 0 !important; }

.half-bottom {
  margin-bottom: 10px !important; }

.add-bottom {
  margin-bottom: 20px !important; }

.bar {
  clear: both;
  width: 90%;
  height: 35px;
  margin: 30px auto -30px;
  -webkit-box-shadow: 0px -14px 15px -17px #404c4c;
  -moz-box-shadow: 0px -14px 15px -17px #404c4c;
  box-shadow: 0px -14px 15px -17px #404c4c; }

.ie8 .bar {
  width: 100%;
  height: 0;
  margin-bottom: 5px;
  border-top: 1px solid #eaeef0; }

@media only screen and (min-width: 768px) {
  .logo {
    width: 25%;
    float: left; }
    .logo a#logo {
      display: block;
      margin: 25px 0 0 29px;
      color: #333333;
      font-size: 32px;
      text-decoration: none; }
      .logo a#logo span {
        display: block;
        margin: 0 0 10px -4px;
        background: url("../images/structural/sprite.png") no-repeat -480px 0px;
        height: 0;
        overflow: hidden;
        padding-top: 23px;
        width: 67px; } }
.ie8 .logo {
  width: 25%;
  float: left; }
  .ie8 .logo a#logo {
    display: block;
    margin: 25px 0 0 29px;
    color: #333333;
    font-size: 32px;
    text-decoration: none; }
    .ie8 .logo a#logo span {
      display: block;
      margin: 0 0 10px -4px;
      background: url("../images/structural/sprite.png") no-repeat -480px 0px;
      height: 0;
      overflow: hidden;
      padding-top: 23px;
      width: 67px; }

nav {
  max-width: 1024px;
  margin: -49px auto 0;
  background-color: #034ea2; }
  nav h2 {
    display: none; }
  nav ul {
    margin: 0; }
  nav a, nav a:visited, nav a:hover, nav .account-menu h2 {
    display: block;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #02346d;
    font-weight: bold;
    font-size: 14px;
    line-height: 43px; }
  nav a span {
    font-weight: normal; }
  nav .site-menu {
    padding-left: 33px; }
    nav .site-menu li {
      float: left;
      margin: 0 32px 0 0;
      padding: 3px 0 0;
      border-bottom: 3px solid #034ea2; }
      nav .site-menu li.active, nav .site-menu li:hover {
        border-bottom-color: #3094f9; }
        nav .site-menu li.active a, nav .site-menu li:hover a {
          color: white; }
  nav .account-menu {
    position: relative;
    margin-left: -10px;
    float: right;
    width: 213px;
    border-left: 1px solid #2063ae;
    padding-left: 22px;
    cursor: pointer; }
    nav .account-menu h2 {
      position: relative;
      display: block;
      float: left;
      padding: 3px 0 0 20px;
      margin: 0 27px 0 0; }
      nav .account-menu h2:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -5px;
        left: 0;
        width: 16px;
        height: 16px;
        background: url(../images/structural/sprite.png) no-repeat -688px -20px; }
      nav .account-menu h2 span {
        display: none; }
    nav .account-menu .menu-block:hover ul {
      display: block; }
    nav .account-menu ul {
      display: none;
      z-index: 55;
      position: absolute;
      top: 46px;
      left: 0;
      width: 213px;
      padding-top: 3px;
      background-color: #034ea2; }
    nav .account-menu li {
      margin: 0; }
      nav .account-menu li a {
        padding: 0 0 0 42px; }
        nav .account-menu li a:hover {
          background-color: #3094f9;
          color: white; }
    nav .account-menu a.log-out {
      float: left;
      text-transform: none;
      font-weight: normal;
      font-size: 12px;
      padding-top: 4px; }

body > footer {
  position: relative;
  margin: 0 auto -154px;
  padding: 30px 35px 60px;
  max-width: 1024px;
  height: 154px;
  font-size: 11px;
  color: #879296;
  background-color: #494848; }
  body > footer p {
    margin-bottom: 0; }
  body > footer ul {
    margin-bottom: 7px; }
    body > footer ul li {
      float: left;
      margin-right: 25px; }
      body > footer ul li a, body > footer ul li a:hover, body > footer ul li a:visited {
        color: #a4aaac;
        font-size: 14px; }

.points-summary {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #9e9fa2;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -70px 50px -20px rgba(0, 60, 80, 0.08) inset;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -70px 50px -20px rgba(0, 60, 80, 0.08) inset;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -70px 50px -20px rgba(0, 60, 80, 0.08) inset; }
  .points-summary .show-notifications {
    display: none; }
  .points-summary .content {
    max-width: 1024px;
    margin: 0 auto; }
    .points-summary .content .details {
      position: relative;
      width: 75%;
      height: 100%;
      margin-bottom: 3px;
      padding-bottom: 17px;
      border-left: 1px solid white;
      float: left; }
      .points-summary .content .details:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2px;
        width: 1px;
        background-color: #dce1e4; }
      .points-summary .content .details .user {
        float: left;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #dce1e4; }
        .points-summary .content .details .user p {
          margin: 62px 0 32px 40px;
          color: #999999;
          font-size: 26px; }
          .points-summary .content .details .user p .username {
            color: #1090e2; }
        .points-summary .content .details .user img {
          position: absolute;
          top: 25px;
          right: 25px;
          border: 3px solid white;
          -webkit-box-shadow: 0 0 5px #9ca5ab;
          -moz-box-shadow: 0 0 5px #9ca5ab;
          box-shadow: 0 0 5px #9ca5ab; }
      .points-summary .content .details .points {
        clear: both; }
  .points-summary .progress {
    float: left;
    width: 100%;
    padding: 28px 10px 0 120px; }
    .points-summary .progress .current-total, .points-summary .progress .next-level {
      float: left;
      font-size: 20px;
      line-height: 22px;
      margin: -5px 0 -63px; }
      .points-summary .progress .current-total .label, .points-summary .progress .next-level .label {
        display: block; }
      .points-summary .progress .current-total .total-points, .points-summary .progress .current-total .next-level-points, .points-summary .progress .next-level .total-points, .points-summary .progress .next-level .next-level-points {
        position: relative;
        font-weight: bold; }
        .points-summary .progress .current-total .total-points:after, .points-summary .progress .current-total .next-level-points:after, .points-summary .progress .next-level .total-points:after, .points-summary .progress .next-level .next-level-points:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 37px;
          -webkit-box-shadow: 0 20px 30px -10px rgba(255, 255, 255, 0.8) inset;
          -moz-box-shadow: 0 20px 30px -10px rgba(255, 255, 255, 0.8) inset;
          box-shadow: 0 20px 30px -10px rgba(255, 255, 255, 0.8) inset; }
    .points-summary .progress .next-level {
      float: right;
      margin-right: 15px; }
    .points-summary .progress .progress-bar {
      position: relative;
      clear: both;
      margin: 0 0 0 -20px;
      padding: 22px 15px 18px;
      width: 86%; }
      .points-summary .progress .progress-bar:before {
        content: "";
        position: absolute;
        height: 10px;
        bottom: 21px;
        left: 16px;
        right: 16px;
        background: url(../images/structural/sprite.png) no-repeat 0 -251px; }
      .points-summary .progress .progress-bar li {
        float: right;
        width: 25%;
        margin: 0 0 1px;
        padding: 3px 0 4px 10px;
        text-align: right;
        font-size: 11px;
        line-height: 11px; }
        .points-summary .progress .progress-bar li span {
          text-transform: uppercase;
          font-weight: bold; }
        .points-summary .progress .progress-bar li.bronze span {
          color: #986942; }
        .points-summary .progress .progress-bar li.silver span {
          color: #7f8f93; }
        .points-summary .progress .progress-bar li.gold span {
          color: #c2a748; }
        .points-summary .progress .progress-bar li.bonus span {
          color: #663399; }
          .points-summary .progress .progress-bar li.bonus span.help {
            color: #666666;
            cursor: pointer; }
  .points-summary .current-level {
    float: left;
    width: 187px;
    margin-right: -187px;
    padding: 26px 12px 0;
    font-size: 14px;
    line-height: 17px;
    color: #333333; }
    .points-summary .current-level .medal {
      margin: 0; }
    .points-summary .current-level .level {
      font-weight: bold; }
  .points-summary .points.bronze .current-level .level {
    color: #986942; }
  .points-summary .points.silver .current-level .level {
    color: #7f8f93; }
  .points-summary .points.gold .current-level .level {
    color: #c2a748; }
  .points-summary .points.bonus .current-level .level {
    color: #663399; }
  .points-summary .medal {
    width: 79px;
    height: 79px;
    font-size: 14px;
    font-weight: bold;
    line-height: 79px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    color: white;
    background: url(../images/structural/sprite.png) no-repeat 0 -120px; }
  .points-summary .points.silver .medal {
    background-position: -79px -120px; }
  .points-summary .points.gold .medal {
    background-position: -158px -120px; }
  .points-summary .points.bonus .medal {
    background-position: -237px -120px; }
  .points-summary .view-profile {
    display: none; }
  .points-summary .expand-summary {
    position: absolute;
    bottom: 5px;
    left: 50%;
    height: 0;
    width: 65px;
    border: 6px solid #c4cfd5;
    border-radius: 6px; }
    .points-summary .expand-summary:before, .points-summary .expand-summary:after {
      content: "";
      position: absolute;
      top: -3px;
      left: 50%;
      margin-left: -6px;
      z-index: 3;
      width: 0;
      height: 0;
      border: solid;
      border-color: white transparent transparent;
      border-width: 6px 6px 0; }
    .points-summary .expand-summary:before {
      border-top-color: #b2bcc1;
      top: -4px;
      margin-left: -7px;
      z-index: 2; }
  .points-summary.expanded .content .details {
    padding-bottom: 37px; }
  .points-summary.expanded .expand-summary:before, .points-summary.expanded .expand-summary:after {
    border-color: transparent transparent white;
    border-width: 0 6px 6px; }
  .points-summary.expanded .expand-summary:before {
    border-bottom-color: #b2bcc1; }
  .points-summary.expanded .current-level {
    padding: 26px 23px 0; }
  .points-summary.expanded .medal {
    margin-bottom: 27px;
    width: 120px;
    height: 120px;
    font-size: 24px;
    line-height: 120px;
    background: url(../images/structural/sprite.png) no-repeat 0 0; }
  .points-summary.expanded .points.silver .medal {
    background-position: -120px 0; }
  .points-summary.expanded .points.gold .medal {
    background-position: -240px 0; }
  .points-summary.expanded .points.bonus .medal {
    background-position: -360px 0; }
  .points-summary.expanded .progress {
    padding-left: 187px; }
    .points-summary.expanded .progress .current-total, .points-summary.expanded .progress .next-level {
      font-size: 32px;
      line-height: 26px;
      margin: 0; }
    .points-summary.expanded .progress .progress-bar {
      clear: both;
      padding: 22px 15px 18px;
      margin-right: -10px;
      width: 100%;
      background-color: #f5f8fa;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .points-summary.expanded .progress .progress-bar li {
        float: left;
        border-right: 1px solid #dce1e4;
        padding-right: 10px; }

.the-bar,
.completition-bar {
  clear: both;
  position: relative;
  width: 100%;
  height: 15px;
  padding-top: 2px; }
  .the-bar:after,
  .completition-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 0;
    z-index: 3;
    height: 14px;
    background: url(../images/structural/sprite.png) no-repeat 100% -261px; }
  .the-bar div,
  .completition-bar div {
    width: 0;
    height: 10px;
    background: url(../images/structural/sprite.png) no-repeat 0 -324px; }
    .the-bar div:after,
    .completition-bar div:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      width: 20px;
      height: 14px;
      background: url(../images/structural/sprite.png) no-repeat 0 -261px; }

.none .total-points {
  color: #888888; }
.none .next-level-points {
  color: #986942; }

.bronze .total-points {
  color: #986942; }
.bronze .next-level-points {
  color: #7f8f93; }

.silver .total-points {
  color: #7f8f93; }
.silver .next-level-points {
  color: #d0a849; }

.gold .total-points {
  color: #c2a748; }
.gold .next-level-points {
  color: #663399; }

.bonus .total-points {
  color: #663399; }
.bonus .next-level-points {
  color: #663399; }

.user p,
.points-summary .badges,
.level-text,
.progress .next-level,
.progress-bar li {
  display: none; }

.progress-bar li.next-target {
  display: block; }

.points-summary.expanded .user p,
.points-summary.expanded .badges,
.points-summary.expanded .level-text,
.points-summary.expanded .progress .next-level,
.points-summary.expanded .progress-bar li {
  display: block; }

.left-col {
  float: left;
  padding: 23px;
  width: 774px; }

.right-col {
  float: left;
  padding-left: 1px;
  width: 249px; }

.body-mask,
.body-mask2 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -50px;
  z-index: 1500;
  width: 100%;
  height: 100%; }

.login {
  border: none;
  background: url(../images/login-bgr.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .login .container {
    background: transparent;
    max-width: 742px;
    padding: 120px 0; }
  .login .left-col {
    width: 294px;
    padding: 0 32px 0 0;
    font-weight: normal;
    color: white; }
  .login .right-col {
    position: relative;
    width: 448px;
    min-height: 404px;
    border: 1px solid #e7e7e7;
    padding: 14px 22px 0px;
    color: #666666;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
    background-color: #feffff;
    background: -moz-linear-gradient(top, #f2f5f7 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f7), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #f2f5f7 0%, white 100%);
    background: -o-linear-gradient(top, #f2f5f7 0%, white 100%);
    background: -ms-linear-gradient(top, #f2f5f7 0%, white 100%);
    background: linear-gradient(to bottom, #f2f5f7 0%, white 100%); }
    .login .right-col p {
      font-size: 16px;
      line-height: 26px; }
    .login .right-col footer {
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 100%;
      padding: 0 22px; }
  .login .logo {
    width: 100%; }
    .login .logo a#logo {
      margin: 0 0 10px -3px;
      color: white;
      font-size: 48px;
      line-height: 60px; }
      .login .logo a#logo span {
        display: block;
        margin: 0 0 10px -4px;
        background: url("../images/structural/sprite.png") no-repeat -480px -23px;
        height: 0;
        overflow: hidden;
        padding-top: 35px;
        width: 103px; }
  .login p {
    font-size: 18px;
    line-height: 25px; }
  .login form {
    margin-bottom: 10px; }
  .login .submit {
    margin-top: -2px;
    text-align: right; }
    .login .submit input[type="submit"] {
      font-size: 17px;
      margin: 0 0 7px 10px;
      width: 116px; }
    .login .submit a {
      font-size: 12px; }
    .login .submit label {
      text-transform: uppercase;
      font-size: 11px; }
  .login .or {
    position: relative;
    margin: 0 0 9px 0;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #adb5b9; }
    .login .or:before, .login .or:after {
      content: "";
      position: absolute;
      top: 50%;
      height: 0;
      width: 46.1%;
      border-top: 1px dotted #abb2b6; }
    .login .or:before {
      left: 0; }
    .login .or:after {
      right: 0; }

.ie8 .login {
  background: #797b73; }

.ie8 .login .bgr {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.ie8 .comments .comment .comment-body footer .like .count:after, .ie8 .comments .comment .comment-body footer .like .count:before,
.ie8 .comments .count:after,
.ie8 .comments .count:before {
  border-width: 3px 3px 3px 0;
  left: -3px; }
.ie8 .comments .comment .comment-body footer .like .count:before,
.ie8 .comments .count:before {
  left: -4px; }

.more-offers {
  margin: 10px 0;
  text-align: center; }

.tabs-filter {
  width: 100%; }

.filter {
  float: right;
  position: relative; }
  .filter .filters {
    display: none;
    position: absolute;
    top: 39px;
    right: 0;
    z-index: 400;
    width: 400px;
    border: 4px solid #dde5e7;
    background-color: white; }
  .filter .close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 0px;
    padding-top: 25px;
    overflow: hidden;
    cursor: pointer; }
    .filter .close:after {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      right: 3px;
      background: url("../images/structural/sprite.png") no-repeat -603px -81px;
      height: 0;
      overflow: hidden;
      padding-top: 12px;
      width: 10px; }
  .filter h4 {
    font-size: 11px;
    line-height: 35px;
    color: #999999;
    text-transform: uppercase;
    border-bottom: 1px solid #dbe3e6; }
  .filter .categories,
  .filter .keywords {
    float: left;
    width: 50%;
    padding: 10px 5px; }
    .filter .categories ul,
    .filter .keywords ul {
      margin: 0; }
  .filter .categories {
    border-right: 1px solid #dbe3e6; }
    .filter .categories li {
      margin: 0; }
      .filter .categories li a {
        display: block;
        margin-bottom: 2px;
        padding: 4px 8px 0;
        color: #333333;
        line-height: 30px;
        border-left: 6px solid #d36b1f;
        text-decoration: none; }
        .filter .categories li a:hover {
          background-color: #f0f4f6;
          color: #008de3; }
        .filter .categories li a.active {
          position: relative;
          border: none;
          padding-left: 14px;
          color: white;
          background-color: #d36b1f;
          -webkit-box-shadow: inset 0 45px 0px -30px rgba(255, 255, 255, 0.1), inset 0 40px 20px -30px rgba(255, 255, 255, 0.8);
          -moz-box-shadow: inset 0 45px 0px -30px rgba(255, 255, 255, 0.1), inset 0 40px 20px -30px rgba(255, 255, 255, 0.8);
          box-shadow: inset 0 45px 0px -30px rgba(255, 255, 255, 0.1), inset 0 40px 20px -30px rgba(255, 255, 255, 0.8); }
          .filter .categories li a.active:after {
            content: "";
            position: absolute;
            top: 9px;
            right: 8px;
            width: 17px;
            height: 17px;
            background: url(../images/structural/sprite.png) no-repeat -620px -81px; }
      .filter .categories li.discounts a {
        border-left-color: #c859b7; }
      .filter .categories li.events a {
        border-left-color: #3ca1ad; }
      .filter .categories li.polls a {
        border-left-color: #05be8c; }
      .filter .categories li.video a {
        border-left-color: #773cd0; }
      .filter .categories li.contest a {
        border-left-color: #f3df01; }
      .filter .categories li.discounts a.active {
        background-color: #c859b7; }
      .filter .categories li.events a.active {
        background-color: #3ca1ad; }
      .filter .categories li.polls a.active {
        background-color: #05be8c; }
      .filter .categories li.video a.active {
        background-color: #773cd0; }
      .filter .categories li.contest a.active {
        background-color: #f3df01;
        color: #666666; }
  .filter .keywords {
    padding: 10px 5px 10px 15px; }
    .filter .keywords li {
      float: left;
      margin: 0; }
      .filter .keywords li a {
        display: block;
        background-color: #e5f4fa;
        line-height: 27px;
        font-size: 14px;
        margin: 0 5px 5px 0;
        padding: 0 12px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset -1px -1px 2px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset -1px -1px 2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset -1px -1px 2px 0 rgba(0, 0, 0, 0.15); }
        .filter .keywords li a:hover {
          -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
          -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
          text-decoration: none; }
        .filter .keywords li a.active {
          background-color: #94b3bf;
          color: white;
          -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
          -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.15); }

ul.tags {
  position: absolute;
  right: -4px;
  top: 20px; }
  ul.tags li {
    position: relative;
    float: right;
    clear: both;
    margin-bottom: 6px;
    background-color: #00a5ad;
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5), inset 0 44px 0 -30px rgba(255, 255, 255, 0.2), inset 0 40px 20px -30px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5), inset 0 44px 0 -30px rgba(255, 255, 255, 0.2), inset 0 40px 20px -30px rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5), inset 0 44px 0 -30px rgba(255, 255, 255, 0.2), inset 0 40px 20px -30px rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }
    ul.tags li:before {
      content: "";
      position: absolute;
      bottom: -4px;
      right: 0px;
      border: solid;
      border-width: 4px 4px 0 0;
      border-color: #333333 transparent transparent transparent; }
    ul.tags li.discount {
      background-color: #f14fb2; }
    ul.tags li.poll {
      background-color: #05be8c; }
    ul.tags li.assignment {
      background-color: #fc5e22; }
    ul.tags li.contest {
      background-color: #f3df01; }
    ul.tags li.video {
      background-color: #773cd0; }
  ul.tags a {
    display: block;
    padding: 9px 7px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

.ie8 ul.tags li:before {
  bottom: -3px; }

.offer {
  float: left;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 4px;
  margin: 0 18px 30px 0;
  border: 1px solid #dbdbdb;
  width: 355px;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
  box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5); }
  .offer header {
    padding: 11px; }
  .offer .date {
    font-size: 12px;
    color: #999999; }
  .offer .share {
    float: left;
    width: 100%;
    background: url(/images/structural/dots.png) repeat-x 0 0; }
    .offer .share .num {
      position: relative;
      padding: 0 19px 0 9px;
      margin: 0 0 0 4px;
      font-size: 14px;
      line-height: 23px;
      font-weight: normal;
      color: #707070;
      background: url(/images/structural/bracket.png) no-repeat center left; }
    .offer .share .share-this,
    .offer .share .comment-this,
    .offer .share .favorite {
      position: relative;
      float: left;
      display: inline;
      width: 33%;
      color: #adb5b9;
      font-size: 13px;
      line-height: 23px;
      padding-top: 32px;
      text-transform: uppercase;
      font-weight: bold; }
      .offer .share .share-this:after,
      .offer .share .comment-this:after,
      .offer .share .favorite:after {
        content: "";
        position: absolute;
        background: url(/images/structural/sprite.png) no-repeat -541px -58px; }
    .offer .share .share-this {
      padding: 32px 10px 0;
      width: 40%; }
    .offer .share .comment-this {
      width: 35%; }
    .offer .share .favorite {
      width: 25%; }
    .offer .share .comment-this .num {
      padding-right: 0; }

.home .container .featured.offer header {
  padding: 0; }
.home .container .featured.offer .date {
  position: absolute;
  bottom: 55px;
  right: 10px; }
.home .container .featured.offer .share {
  background: transparent; }
  .home .container .featured.offer .share .share-this {
    max-width: 145px; }
  .home .container .featured.offer .share .comment-this {
    max-width: 150px; }
  .home .container .featured.offer .share .favorite {
    max-width: 123px; }
  .home .container .featured.offer .share .share-this, .home .container .featured.offer .share .comment-this, .home .container .featured.offer .share .favorite {
    padding: 10px 0 52px 40px; }
    .home .container .featured.offer .share .share-this:hover, .home .container .featured.offer .share .comment-this:hover, .home .container .featured.offer .share .favorite:hover {
      -webkit-box-shadow: inset 0px 35px 30px -20px rgba(238, 241, 243, 0.8);
      -moz-box-shadow: inset 0px 35px 30px -20px rgba(238, 241, 243, 0.8);
      box-shadow: inset 0px 35px 30px -20px rgba(238, 241, 243, 0.8); }

.home .container .offer .share .share-this {
  margin-top: 3px;
  width: 35%;
  cursor: pointer; }
  .home .container .offer .share .share-this:after {
    top: 10px;
    left: 10px;
    width: 34px;
    height: 23px;
    background-position: -586px -58px; }
  .home .container .offer .share .share-this:hover:after {
    background-position: -586px -102px; }
  .home .container .offer .share .share-this .shares {
    position: relative;
    display: inline-block; }
    .home .container .offer .share .share-this .shares:after {
      display: block;
      content: "";
      position: absolute;
      bottom: 5px;
      right: -16px;
      width: 14px;
      height: 20px;
      background: url(/images/structural/sprite.png) no-repeat -586px 0; }
    .home .container .offer .share .share-this .shares.medium-activity .count {
      color: #7da2cc; }
    .home .container .offer .share .share-this .shares.medium-activity:after {
      background-position: -600px 0; }
    .home .container .offer .share .share-this .shares.hi-activity .count {
      color: #034ea2; }
    .home .container .offer .share .share-this .shares.hi-activity:after {
      background-position: -614px 0; }
.home .container .offer .share .comment-this {
  width: 35%;
  padding-left: 10px;
  margin-left: 3px;
  margin-top: 3px;
  cursor: pointer; }
  .home .container .offer .share .comment-this:after {
    top: 12px;
    left: 10px;
    width: 22px;
    height: 23px;
    background-position: -564px -58px; }
  .home .container .offer .share .comment-this:hover:after {
    background-position: -564px -81px; }
.home .container .offer .share .favorite {
  width: 28%;
  margin-left: 3px;
  margin-top: 3px;
  padding-left: 10px;
  cursor: pointer; }
  .home .container .offer .share .favorite:after {
    top: 10px;
    left: 10px;
    width: 23px;
    height: 23px;
    background-position: -541px -58px; }
  .home .container .offer .share .favorite:hover:after, .home .container .offer .share .favorite.active:after {
    background-position: -541px -81px; }

.right-col section {
  padding: 20px 25px;
  width: 100%;
  border-bottom: 1px solid #dce1e4;
  -webkit-box-shadow: 2px 1px 1px white;
  -moz-box-shadow: 2px 1px 1px white;
  box-shadow: 2px 1px 1px white; }
  .right-col section.badges {
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0px; }
  .right-col section ul {
    font-size: 14px;
    margin-bottom: 0; }
    .right-col section ul li {
      float: left;
      clear: left;
      position: relative;
      margin-bottom: 0;
      padding: 10px 70px 10px 4px;
      border-top: 1px solid #dce1e4;
      width: 100%;
      min-height: 56px; }
      .right-col section ul li .num-area {
        position: absolute;
        top: 50%;
        right: 2px;
        margin-top: -18px;
        padding: 0 5px 0 10px;
        width: 61px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        text-indent: -2px;
        font-weight: bold;
        color: #8b959c;
        background: url(/images/structural/sprite.png) no-repeat -620px -36px; }
      .right-col section ul li .txt-area {
        color: #333333; }
  .right-col section ul.users li {
    padding: 10px 0; }
    .right-col section ul.users li a {
      line-height: 35px; }
    .right-col section ul.users li .user-avatar {
      float: left;
      display: block;
      margin-right: 11px;
      border: 1px solid #dbdcdd; }
      .right-col section ul.users li .user-avatar img {
        float: left;
        display: block; }

.top-heading {
  float: left;
  width: 100%;
  padding-bottom: 20px; }
  .top-heading .current {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    color: #9ea1a4; }
  .top-heading a {
    float: right; }

.badges, .right-col section.badges .recent-badges {
  padding-top: 7px; }
  .badges p, .right-col section.badges .recent-badges p {
    margin: 0 0 0 3px; }
  .badges li, .right-col section.badges .recent-badges li {
    clear: none;
    float: left;
    margin-right: 3px;
    padding: 0;
    background: url("../images/structural/sprite.png") no-repeat 0 0;
    height: 0;
    overflow: hidden;
    padding-top: 52px;
    width: 52px;
    border-top: none; }
    .badges li.badge-a, .right-col section.badges .recent-badges li.badge-a {
      background-position: 0px -199px; }
    .badges li.badge-b, .right-col section.badges .recent-badges li.badge-b {
      background-position: -52px -199px; }
    .badges li.badge-c, .right-col section.badges .recent-badges li.badge-c {
      background-position: -104px -199px; }

.right-col section ul.recent-badges li {
  min-height: 0; }

.offers {
  clear: both; }

.home .offers {
  margin-right: -50px; }

.ie8 .wide-offer .header {
  border: solid #eeeeee;
  border-width: 1px 1px 0; }

.featured {
  width: 100%;
  clear: both;
  position: relative; }
  .featured h2 {
    position: absolute;
    bottom: 120px;
    left: 0;
    padding: 25px 60px 25px 25px;
    width: 390px;
    font-size: 35px;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.9); }

.ie8 .featured h2 {
  background-color: white; }

.wide-offer {
  width: 100%;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .wide-offer ul.tags {
    right: -9px;
    top: 10px;
    z-index: 30; }
  .wide-offer .header {
    position: relative;
    padding: 4px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); }
    .wide-offer .header:before, .wide-offer .header:after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: -13px;
      width: 10px;
      height: 200px;
      background-color: white;
      -webkit-box-shadow: 0 0 20px 2px white;
      -moz-box-shadow: 0 0 20px 2px white;
      box-shadow: 0 0 20px 2px white;
      -webkit-transform: rotate(-4deg);
      -moz-transform: rotate(-4deg);
      -o-transform: rotate(-4deg);
      -ms-transform: rotate(-4deg);
      transform: rotate(-4deg); }
    .wide-offer .header:after {
      left: auto;
      right: -13px;
      -webkit-transform: rotate(4deg);
      -moz-transform: rotate(4deg);
      -o-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
      transform: rotate(4deg); }
    .wide-offer .header .wrap {
      position: relative;
      min-height: 100px; }
    .wide-offer .header .date {
      padding: 0 18px; }
    .wide-offer .header h2 {
      padding: 10px 175px 0 18px; }
  .wide-offer .content {
    position: relative;
    z-index: 2;
    margin-top: -10px;
    background-color: white;
    padding: 30px 22px 4px; }
  .wide-offer .share {
    border: 1px solid #dce1e4;
    padding: 18px 0 17px 22px;
    background: transparent; }
    .wide-offer .share .share-this {
      padding: 0 0 17px;
      background: transparent; }
      .wide-offer .share .share-this .shares {
        text-transform: uppercase;
        position: relative;
        float: left;
        margin: 0 0 5px; }
        .wide-offer .share .share-this .shares:after {
          content: "";
          position: absolute;
          top: 0px;
          left: auto;
          width: 14px;
          height: 20px;
          background: url(../images/structural/sprite.png) no-repeat -586px 0;
          right: -18px; }
        .wide-offer .share .share-this .shares .count {
          float: none;
          margin: 6px 0 0 10px;
          padding: 2px 0 0 5px;
          font-size: 14px;
          line-height: 14px;
          font-weight: normal;
          color: #666666;
          position: relative; }
          .wide-offer .share .share-this .shares .count:after, .wide-offer .share .share-this .shares .count:before {
            content: "";
            position: absolute;
            top: 5px;
            left: -4px;
            border-style: solid;
            border-width: 3px 4px 3px 0;
            border-color: transparent white;
            display: block;
            width: 0;
            z-index: 1; }
          .wide-offer .share .share-this .shares .count:before {
            left: -5px;
            border-color: transparent #999999;
            z-index: 0; }
      .wide-offer .share .share-this .shares.medium-activity:after {
        background-position: -600px 0; }
      .wide-offer .share .share-this .shares.hi-activity:after {
        background-position: -614px 0; }
      .wide-offer .share .share-this ul {
        clear: left; }
        .wide-offer .share .share-this ul li {
          float: left;
          margin: 0; }
        .wide-offer .share .share-this ul a {
          display: block;
          margin-right: 11px;
          background: url("../images/structural/sprite.png") no-repeat 0 -289px;
          height: 0;
          overflow: hidden;
          padding-top: 35px;
          width: 35px; }
        .wide-offer .share .share-this ul li.share-twitter a {
          background-position: -46px -289px; }
        .wide-offer .share .share-this ul li.share-google a {
          background-position: -93px -289px; }
        .wide-offer .share .share-this ul li.share-linkedin a {
          background-position: -139px -289px; }
        .wide-offer .share .share-this ul li.share-zingme a {
          background-position: -188px -289px; }
        .wide-offer .share .share-this ul li.share-title {
          display: none; }
    .wide-offer .share .favorite, .wide-offer .share .subscribe {
      position: relative;
      float: right;
      border-left: 1px solid #dce1e4;
      margin: -19px 0 -17px;
      padding: 32px 0 0 53px;
      width: 143px;
      height: 100px;
      line-height: 13px;
      text-transform: uppercase;
      background: transparent;
      cursor: pointer; }
      .wide-offer .share .favorite:before, .wide-offer .share .subscribe:before {
        content: "";
        position: absolute;
        top: 29px;
        left: 22px;
        width: 23px;
        height: 23px;
        background: url(../images/structural/sprite.png) no-repeat -541px -58px; }
    .wide-offer .share .favorite.active:before {
      background-position: -541px -81px; }
    .wide-offer .share .subscribe {
      padding-left: 30px;
      width: 127px;
      font-size: 13px;
      font-weight: bold;
      color: #adb5b9;
      text-decoration: none; }
      .wide-offer .share .subscribe:before {
        content: none; }
      .wide-offer .share .subscribe.active {
        width: 145px; }
    .wide-offer .share .share-url {
      clear: both;
      border-top: 1px solid #dce1e4;
      margin-left: -22px;
      padding: 17px 22px 0; }
      .wide-offer .share .share-url form {
        margin: 0; }
      .wide-offer .share .share-url label {
        float: left;
        width: 25%;
        line-height: 35px;
        clear: both; }
      .wide-offer .share .share-url input {
        float: left;
        width: 75%; }
  .wide-offer div.tags {
    padding: 17px 22px 27px; }
    .wide-offer div.tags h3 {
      display: inline;
      font-weight: normal;
      font-size: 16px;
      color: #666666; }
    .wide-offer div.tags ul {
      display: inline; }
    .wide-offer div.tags li {
      display: inline;
      padding-left: 10px; }

.comments {
  clear: both;
  padding-top: 1px; }
  .comments header {
    border-bottom: 1px solid #eaeef0;
    margin-bottom: 30px;
    padding-left: 22px; }
    .comments header h2 {
      float: left;
      font-size: 30px;
      line-height: 80px;
      margin: 0;
      padding: 0; }
    .comments header .right-col {
      float: right;
      padding-top: 20px;
      width: auto; }
      .comments header .right-col a {
        font-size: 13px;
        margin-right: 15px; }
      .comments header .right-col .sort {
        font-size: 15px;
        position: relative;
        padding-right: 35px;
        padding: 9px 35px 9px 14px; }
        .comments header .right-col .sort:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 11px;
          margin-top: -6px;
          width: 0;
          height: 0;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 11px solid #afb7bc; }
      .comments header .right-col .expanded > .sort:after {
        margin-top: -7px;
        border-top-width: 0;
        border-bottom: 11px solid #afb7bc; }
      .comments header .right-col .sort-by {
        position: relative; }
        .comments header .right-col .sort-by ul {
          display: none;
          position: absolute;
          top: 36px;
          right: 0;
          z-index: 10;
          border: 1px solid #dce1e4;
          padding: 5px 0;
          background-color: white; }
          .comments header .right-col .sort-by ul li {
            margin: 0;
            padding: 0; }
            .comments header .right-col .sort-by ul li a {
              display: block;
              padding: 10px 20px;
              min-width: 120px; }
        .comments header .right-col .sort-by.expanded ul {
          display: block; }
  .comments .comment {
    clear: both;
    padding-left: 22px; }
    .comments .comment header {
      float: left;
      width: 21%;
      padding: 3px 5px 0 0;
      border-bottom: none; }
      .comments .comment header img {
        float: left;
        border: 1px solid #dbdcdd;
        width: auto; }
      .comments .comment header a {
        font-size: 14px;
        line-height: 33px;
        margin-left: 10px; }

.comment-body {
  float: left;
  margin-bottom: 50px;
  padding: 17px 25px;
  width: 79%;
  border: 1px solid #eceff1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative; }
  .comment-body:after, .comment-body:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -9px;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent white;
    display: block;
    width: 0;
    z-index: 1; }
  .comment-body:before {
    left: -11px;
    border-color: transparent #d6dce0;
    z-index: 0; }
  .comment-body p {
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 23px; }
  .comment-body footer .date {
    float: left;
    margin: 0;
    padding: 0; }
  .comment-body footer .like {
    float: right; }
    .comment-body footer .like a {
      position: relative;
      float: left;
      margin-top: 2px;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      color: #adb5b9; }
      .comment-body footer .like a:before {
        content: "";
        position: absolute;
        top: 2px;
        left: -20px;
        width: 20px;
        height: 16px;
        background: url(../images/structural/sprite.png) no-repeat -517px -58px; }
    .comment-body footer .like.active a:before {
      background-position: -517px -81px; }
    .comment-body footer .like .count {
      float: right;
      margin: 6px 0 0 10px;
      padding: 2px 0 0 5px;
      font-size: 14px;
      line-height: 14px;
      font-weight: normal;
      color: #666666;
      position: relative; }
      .comment-body footer .like .count:after, .comment-body footer .like .count:before {
        content: "";
        position: absolute;
        top: 5px;
        left: -4px;
        border-style: solid;
        border-width: 3px 4px 3px 0;
        border-color: transparent white;
        display: block;
        width: 0;
        z-index: 1; }
      .comment-body footer .like .count:before {
        left: -5px;
        border-color: transparent #999999;
        z-index: 0; }

.home .container .offer .share-this ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 60px;
  z-index: 400;
  width: 273px;
  border: 3px solid #d9e1e4;
  padding: 3px;
  background-color: white; }
  .home .container .offer .share-this ul li {
    float: none; }
    .home .container .offer .share-this ul li a {
      display: block;
      position: relative;
      padding: 16px 7px 7px 50px;
      height: 49px;
      width: 100%;
      font-size: 16px;
      font-weight: normal;
      background: transparent;
      color: #333333; }
      .home .container .offer .share-this ul li a:hover {
        text-decoration: none;
        background-color: #f0f4f6; }
      .home .container .offer .share-this ul li a:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 7px;
        width: 35px;
        height: 35px;
        background: url(../images/structural/sprite.png) no-repeat 0 -289px; }
  .home .container .offer .share-this ul li.share-twitter a:before {
    background-position: -46px -289px; }
  .home .container .offer .share-this ul li.share-google a:before {
    background-position: -93px -289px; }
  .home .container .offer .share-this ul li.share-linkedin a:before {
    background-position: -139px -289px; }
  .home .container .offer .share-this ul li.share-zingme a:before {
    background-position: -188px -289px; }
  .home .container .offer .share-this ul li.share-title {
    position: relative;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    padding: 16px 10px 10px;
    font-weight: normal; }
    .home .container .offer .share-this ul li.share-title:after {
      content: "";
      position: absolute;
      top: 8px;
      right: 6px;
      width: 17px;
      height: 17px;
      background: url(../images/structural/sprite.png) no-repeat -586px -81px; }
.home .container .offer .shares {
  text-transform: uppercase; }
.home .container .offer .count {
  float: none;
  display: inline-block;
  margin: 0 0 0 15px;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  color: #666666;
  position: relative; }
  .home .container .offer .count:after, .home .container .offer .count:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -4px;
    border-style: solid;
    border-width: 3px 4px 3px 0;
    border-color: transparent white;
    display: block;
    width: 0;
    z-index: 1; }
  .home .container .offer .count:before {
    left: -5px;
    border-color: transparent #999999;
    z-index: 0; }
  .home .container .offer .count:after {
    color: white; }
.home .container .offer .share-this:hover,
.home .container .offer .comment-this:hover,
.home .container .offer .favorite:hover {
  -webkit-box-shadow: inset 0px 60px 30px -20px rgba(238, 241, 243, 0.8);
  -moz-box-shadow: inset 0px 60px 30px -20px rgba(238, 241, 243, 0.8);
  box-shadow: inset 0px 60px 30px -20px rgba(238, 241, 243, 0.8); }

.favorite {
  text-decoration: none !important; }

.comment-this {
  text-decoration: none !important;
  display: block; }

.container .count {
  float: left;
  margin: 31px 0 0 15px;
  padding: 0 0 2px 8px;
  font-size: 24px;
  line-height: 22px;
  font-weight: bold;
  color: #8b959c;
  border: solid #cccccc;
  border-width: 0 0 0 1px;
  position: relative; }
  .container .count:after, .container .count:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -4px;
    border-style: solid;
    border-width: 3px 4px 3px 0;
    border-color: transparent white;
    display: block;
    width: 0;
    z-index: 1; }
  .container .count:before {
    left: -5px;
    border-color: transparent #999999;
    z-index: 0; }

.other-insiders form {
  float: right;
  width: 55%; }
  .other-insiders form input[type="text"] {
    float: left;
    width: 75%;
    margin-right: 10px; }
  .other-insiders form input[type="submit"] {
    float: left;
    width: 20%;
    margin-top: -1px; }
.other-insiders .bar {
  margin-top: 0; }
.other-insiders .tabs-filter {
  margin: 32px 0 10px; }
  .other-insiders .tabs-filter li {
    width: 120px; }
.other-insiders .insider {
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 4px;
  margin: 0 18px 30px 0;
  border: 1px solid #dbdbdb;
  width: 100%;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
  box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5); }
  .other-insiders .insider header {
    margin: 12px 0 15px; }
    .other-insiders .insider header img {
      float: left;
      margin-left: 11px;
      width: 100px;
      padding: 4px;
      -webkit-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
      -moz-box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5);
      box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.5); }
    .other-insiders .insider header div {
      float: left;
      padding-left: 20px; }
      .other-insiders .insider header div .user-name {
        display: block;
        font-size: 30px; }
      .other-insiders .insider header div .city {
        display: block;
        font-size: 18px;
        margin-bottom: 10px; }
      .other-insiders .insider header div dt {
        clear: left;
        padding-right: 5px;
        font-size: 14px; }
        .other-insiders .insider header div dt:after {
          content: ":"; }
      .other-insiders .insider header div dt, .other-insiders .insider header div dd {
        float: left;
        font-size: 14px;
        line-height: 20px; }
  .other-insiders .insider .comment-body {
    float: none;
    margin-bottom: 0;
    padding: 11px 15px;
    width: 100%;
    border: dotted #eceff1;
    border-width: 1px 0 0; }
    .other-insiders .insider .comment-body:before, .other-insiders .insider .comment-body:after {
      content: none; }

.profile-completition {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 32px;
  margin-bottom: 8px; }
  .profile-completition p {
    margin-bottom: 10px; }
  .profile-completition .completition-bar {
    width: 60%; }

.profile {
  padding-left: 120px; }
  .profile img.avatar {
    float: left;
    margin-left: -120px;
    width: 100px;
    height: 100px;
    border: 3px solid white;
    -webkit-box-shadow: 0 0 5px #9ca5ab;
    -moz-box-shadow: 0 0 5px #9ca5ab;
    box-shadow: 0 0 5px #9ca5ab; }
  .profile h1 {
    margin-bottom: 5px;
    line-height: 33px; }
  .profile p.address {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 20px; }
  .profile p.since {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px; }
  .profile a {
    float: left;
    clear: both;
    font-size: 14px;
    line-height: 20px; }
    .profile a.white-button, .profile a.button.facebook, .profile a.facebook.white-button,
    .profile a.button.twitter,
    .profile a.twitter.white-button {
      margin-top: 15px; }

.activity p {
  clear: both; }
  .activity p span {
    font-size: 30px; }
.activity .comment-body {
  margin: 0 0 38px 12px; }

.left-col .points-summary.expanded {
  margin-bottom: 25px;
  padding-bottom: 25px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset; }
  .left-col .points-summary.expanded .progress-bar {
    clear: both;
    width: 100%;
    background-color: transparent; }
  .left-col .points-summary.expanded .current-total,
  .left-col .points-summary.expanded .next-level {
    margin-right: 35px;
    margin-bottom: -20px; }
  .left-col .points-summary.expanded .badges {
    padding-left: 11px; }

@media only screen and (min-width: 768px) {
  .left-col {
    position: relative;
    z-index: 1; }

  .featured {
    position: relative;
    background-color: white; }
    .featured:before {
      content: "";
      position: absolute;
      z-index: -1;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
      top: 50%;
      bottom: 0px;
      left: 30px;
      right: 30px;
      border: 10px solid red;
      -moz-border-radius: 100px/10px;
      border-radius: 300px/20px; }

  .offers-tabs {
    float: left;
    margin-bottom: 15px; }
    .offers-tabs li {
      float: left;
      margin-right: 15px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 10px 1px;
      width: 90px;
      font-size: 14px;
      text-align: center;
      text-transform: uppercase;
      color: #92a0a5;
      cursor: pointer; }
      .offers-tabs li:hover {
        background-color: #f0f4f6;
        border: 1px solid #dce3e6;
        padding: 9px 0;
        -webkit-box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7);
        -moz-box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7);
        box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7); }
      .offers-tabs li.active, .offers-tabs li.active:hover {
        position: relative;
        background-color: #d9e1e4;
        border: none;
        padding: 10px 1px;
        -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        color: #333333; }
        .offers-tabs li.active:after, .offers-tabs li.active:hover:after {
          content: "";
          position: absolute;
          bottom: -12px;
          left: 50%;
          margin-left: -12px;
          width: 0;
          height: 0;
          border: solid;
          border-color: #d9e1e4 transparent transparent;
          border-width: 12px 12px 0 12px; } }
.ie8 .offers-tabs {
  float: left;
  margin-bottom: 15px; }
  .ie8 .offers-tabs li {
    float: left;
    margin-right: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 1px;
    width: 90px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #92a0a5;
    cursor: pointer; }
    .ie8 .offers-tabs li:hover {
      background-color: #f0f4f6;
      border: 1px solid #dce3e6;
      padding: 9px 0;
      -webkit-box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7);
      -moz-box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7);
      box-shadow: inset 1px 1px 2px 0 rgba(255, 255, 255, 0.7); }
    .ie8 .offers-tabs li.active, .ie8 .offers-tabs li.active:hover {
      position: relative;
      background-color: #d9e1e4;
      border: none;
      padding: 10px 1px;
      -webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
      color: #333333; }
      .ie8 .offers-tabs li.active:after, .ie8 .offers-tabs li.active:hover:after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: 50%;
        margin-left: -12px;
        width: 0;
        height: 0;
        border: solid;
        border-color: #d9e1e4 transparent transparent;
        border-width: 12px 12px 0 12px; }

@media only screen and (max-width: 959px) {
  .login .container > .right-col {
    display: block;
    margin: 0 auto;
    padding-left: 20px;
    width: 100%;
    max-width: 500px; }
  .login .container > .left-col {
    padding: 0 0 60px 0;
    width: 100%;
    max-width: 500px; }

  .login .logo {
    position: static; }
    .login .logo a#logo {
      text-transform: none;
      padding: 0 0 0 0;
      font-size: 48px;
      width: 100%;
      font-weight: normal; }
      .login .logo a#logo:before {
        content: none; }

  .home .container .offer .share .share-this:hover:after, .home .container .featured.offer .share .share-this:hover:after {
    background-position: -586px -58px; }
  .home .container .offer .share .comment-this:hover:after, .home .container .featured.offer .share .comment-this:hover:after {
    background-position: -564px -58px; }
  .home .container .offer .share .favorite:hover:after, .home .container .featured.offer .share .favorite:hover:after {
    background-position: -541px -58px; }
  .home .container .offer .share .favorite.active:hover:after, .home .container .featured.offer .share .favorite.active:hover:after {
    background-position: -541px -81px; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .login .container {
    padding: 60px 0; }
  .login .left-col, .login .right-col {
    float: none;
    margin: 0 auto;
    padding-bottom: 60px;
    width: 500px !important; }
  .login .left-col {
    padding-right: 0; }

  nav li {
    margin-right: 15px !important; }
  nav .account-menu {
    float: left;
    margin-left: 1px;
    padding-left: 12px; }
    nav .account-menu h2 {
      margin-right: 12px; }

  html {
    width: 100%; }

  body {
    position: relative;
    width: 100%; }

  .container {
    width: 100%; }
    .container > .left-col {
      width: 100%; }
    .container > .right-col {
      display: none;
      position: relative;
      z-index: 300;
      margin: -175px -249px 0 0;
      padding-left: 1px;
      width: 249px;
      background-color: white; }

  .points-summary .content {
    position: relative; }
  .points-summary .show-notifications {
    display: block;
    position: absolute;
    top: -37px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 9px;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    cursor: pointer;
    background: #6ab03d; }
    .points-summary .show-notifications:before {
      content: "";
      position: absolute;
      left: -38px;
      top: 6px;
      width: 22px;
      height: 20px;
      background: url(../images/structural/sprite.png) no-repeat -712px 0; }
    .points-summary .show-notifications:after {
      content: "";
      position: absolute;
      top: 9px;
      left: -8px;
      border-style: solid;
      border-width: 4px 8px 4px 0;
      border-color: transparent #052a54;
      display: block;
      width: 0;
      z-index: 1; }
    .points-summary .show-notifications .copy {
      display: none; } }
@media only screen and (max-width: 767px) {
  .login .container {
    padding: 60px 30px; }
  .login .left-col, .login .right-col {
    float: none;
    margin: 0 auto;
    padding-bottom: 60px;
    width: 100%; }
  .login .left-col {
    padding-right: 0; }
  .login .right-col {
    display: block;
    min-height: 0;
    padding-bottom: 22px; }
    .login .right-col footer {
      position: static;
      padding: 0; }
    .login .right-col .form-col {
      float: none;
      margin-bottom: 15px;
      width: 100%; }

  nav {
    position: absolute;
    z-index: 300;
    float: left;
    width: 89%;
    height: 100%;
    margin: -49px 0 0 -89%;
    background-color: #494848; }
    nav a, nav a:visited, nav a:hover {
      font-size: 17px;
      text-transform: none;
      text-shadow: none; }
      nav a span, nav a:visited span, nav a:hover span {
        font-weight: bold; }
    nav .site-menu {
      margin: 0;
      padding: 0; }
    nav .account-menu {
      position: relative;
      margin-left: 0;
      float: none;
      width: auto;
      border-left: none;
      padding-left: 0;
      cursor: auto; }
      nav .account-menu ul {
        display: block;
        z-index: 55;
        position: static;
        width: auto;
        padding: 0;
        background-color: transparent; }
        nav .account-menu ul li {
          margin: 0; }
          nav .account-menu ul li a {
            padding: 0; }
            nav .account-menu ul li a:hover {
              background-color: #3094f9;
              color: white; }
      nav .account-menu a.log-out {
        float: none;
        font-weight: bold;
        font-size: 17px;
        padding-left: 15px;
        text-shadow: none; }
    nav .account-menu h2, nav .site-menu h2 {
      float: none;
      display: block;
      margin: 0;
      padding: 7px 15px 5px;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: bold;
      line-height: 9px;
      color: #7c7b7b;
      background: #363434;
      text-shadow: none; }
      nav .account-menu h2 span, nav .site-menu h2 span {
        display: inline; }
    nav .account-menu ul li, nav .account-menu ul li.active, nav .account-menu ul li:hover, nav .site-menu ul li, nav .site-menu ul li.active, nav .site-menu ul li:hover {
      float: none;
      position: relative;
      margin: 0;
      padding-left: 15px;
      border-bottom: 1px solid black; }
      nav .account-menu ul li:after, nav .account-menu ul li.active:after, nav .account-menu ul li:hover:after, nav .site-menu ul li:after, nav .site-menu ul li.active:after, nav .site-menu ul li:hover:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #6e6d6d; }
      nav .account-menu ul li a:hover, nav .account-menu ul li.active a:hover, nav .account-menu ul li:hover a:hover, nav .site-menu ul li a:hover, nav .site-menu ul li.active a:hover, nav .site-menu ul li:hover a:hover {
        background: transparent; }

  .logo {
    position: absolute;
    top: -49px;
    left: 0px; }
    .logo a#logo {
      position: relative;
      display: block;
      width: 205px;
      color: white;
      text-transform: uppercase;
      padding: 12px 0 0 60px;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      margin: 0; }
      .logo a#logo:before {
        content: "";
        position: absolute;
        top: 15px;
        left: 20px;
        width: 21px;
        height: 19px;
        background: url(../images/structural/sprite.png) no-repeat -688px 0; }

  .points-summary .content {
    position: relative; }
  .points-summary .show-notifications {
    display: block;
    position: absolute;
    top: -37px;
    right: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0 9px;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    cursor: pointer;
    background: #6ab03d; }
    .points-summary .show-notifications:before {
      content: "";
      position: absolute;
      left: -38px;
      top: 6px;
      width: 22px;
      height: 20px;
      background: url(../images/structural/sprite.png) no-repeat -712px 0; }
    .points-summary .show-notifications:after {
      content: "";
      position: absolute;
      top: 9px;
      left: -8px;
      border-style: solid;
      border-width: 4px 8px 4px 0;
      border-color: transparent #052a54;
      display: block;
      width: 0;
      z-index: 1; }
    .points-summary .show-notifications .copy {
      display: none; }
  .points-summary .content .details {
    padding: 0 20px;
    margin: 0 0 0;
    width: 100%; }
    .points-summary .content .details .user {
      display: none; }
    .points-summary .content .details .points {
      position: relative; }
    .points-summary .content .details .current-level {
      padding: 0;
      width: 100%;
      margin-bottom: 5px; }
      .points-summary .content .details .current-level p {
        margin: 0; }
      .points-summary .content .details .current-level .medal {
        width: auto;
        height: auto;
        line-height: 55px;
        background: transparent;
        text-shadow: none;
        font-size: 25px;
        text-align: left; }
      .points-summary .content .details .current-level .level-text {
        display: none; }
    .points-summary .content .details .progress {
      padding: 0; }
      .points-summary .content .details .progress .current-total {
        position: absolute;
        top: 15px;
        right: 0;
        line-height: 15px;
        font-size: 20px; }
        .points-summary .content .details .progress .current-total .total-points:after {
          display: none; }
        .points-summary .content .details .progress .current-total .current {
          display: none; }
      .points-summary .content .details .progress .progress-bar {
        display: none; }
    .points-summary .content .details .expand-summary {
      border: none;
      width: 40px;
      height: 20px;
      margin-left: -20px;
      mt: -10px;
      bottom: 0px; }
      .points-summary .content .details .expand-summary:before {
        display: none; }
      .points-summary .content .details .expand-summary:after {
        top: 5px;
        border-top-color: #b2bcc1; }

  .points-summary.expanded {
    height: auto;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -150px 150px -20px rgba(0, 60, 80, 0.08) inset;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -150px 150px -20px rgba(0, 60, 80, 0.08) inset;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -150px 150px -20px rgba(0, 60, 80, 0.08) inset; }
    .points-summary.expanded .content .details .medal {
      border-bottom: 1px solid #e1e5e6; }
    .points-summary.expanded .content .details .expand-summary:after {
      border-bottom-color: #b2bcc1; }
    .points-summary.expanded .content .details .view-profile {
      display: block;
      margin: 0 auto;
      text-align: center; }
      .points-summary.expanded .content .details .view-profile .white-button, .points-summary.expanded .content .details .view-profile .login #form-verify input[type="submit"], .login #form-verify .points-summary.expanded .content .details .view-profile input[type="submit"], .points-summary.expanded .content .details .view-profile .button.facebook,
      .points-summary.expanded .content .details .view-profile .button.twitter {
        border: none;
        margin: 0 0 -7px;
        background-color: white; }
    .points-summary.expanded .content .details .progress {
      padding: 0; }
      .points-summary.expanded .content .details .progress .current-total {
        line-height: 15px; }
        .points-summary.expanded .content .details .progress .current-total p {
          margin: 0; }
      .points-summary.expanded .content .details .progress .next-level {
        font-size: 20px;
        float: left;
        margin-bottom: -37px; }
      .points-summary.expanded .content .details .progress .progress-bar {
        display: block;
        background: transparent;
        margin: 0;
        padding: 0; }
        .points-summary.expanded .content .details .progress .progress-bar:before {
          left: 0;
          right: 0;
          bottom: 3px; }
        .points-summary.expanded .content .details .progress .progress-bar li {
          display: none;
          margin-bottom: 3px; }
          .points-summary.expanded .content .details .progress .progress-bar li.next-target {
            display: block;
            float: right;
            width: 40%;
            text-align: right;
            border: none;
            padding: 0; }
      .points-summary.expanded .content .details .progress .badges {
        margin-top: 15px;
        border-top: 1px solid #e1e5e6; }

  .points.none .medal {
    color: #7f8f93; }

  .points.bronze .medal {
    color: #986942; }

  .points.silver .medal {
    color: #7f8f93; }

  .points.gold .medal {
    color: #c2a748; }

  .points.bonus .medal {
    color: #663399; }

  .left-col .points.none .medal,
  .left-col .points.bronze .medal,
  .left-col .points.silver .medal,
  .left-col .points.gold .medal,
  .left-col .points.bonus .medal {
    color: white; }
  .left-col .points-summary.expanded {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 -120px 150px -20px rgba(0, 60, 80, 0.08) inset; }
    .left-col .points-summary.expanded .progress {
      padding: 10px; }
    .left-col .points-summary.expanded .current-total,
    .left-col .points-summary.expanded .next-level,
    .left-col .points-summary.expanded .progress-bar {
      margin-right: 0;
      margin-left: 0; }
    .left-col .points-summary.expanded .current-total,
    .left-col .points-summary.expanded .next-level {
      float: none;
      padding-left: 150px; }

  .wide-offer .header h2 {
    padding: 0 100px 0 20px; }

  label span {
    display: none; }

  .top-heading a {
    display: none; }

  .comments header {
    padding: 0; }
  .comments .comment {
    padding: 0; }
    .comments .comment header {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 5px; }

  .comment-body {
    float: none;
    margin-bottom: 50px;
    padding: 17px 25px;
    width: 100%;
    border: 1px solid #eceff1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .comment-body:before, .comment-body:after {
      content: none; }

  .file-input .mask {
    width: 52%; }

  .wide-offer .share .share-this {
    position: relative;
    margin: -18px 0 0 -22px;
    padding: 35px 0 0 15px;
    height: 68px;
    min-width: 124px;
    font-size: 10px; }
    .wide-offer .share .share-this:before {
      content: "";
      position: absolute;
      top: 10px;
      left: 15px;
      width: 26px;
      height: 23px;
      background: url(../images/structural/sprite.png) no-repeat -586px -58px; }
    .wide-offer .share .share-this .shares .count {
      font-size: 10px; }
      .wide-offer .share .share-this .shares .count:before, .wide-offer .share .share-this .shares .count:after {
        top: 4px; }
    .wide-offer .share .share-this ul {
      display: none;
      position: absolute;
      left: -1px;
      top: 68px;
      z-index: 400;
      width: 273px;
      border: 3px solid #d9e1e4;
      padding: 3px;
      background-color: white; }
      .wide-offer .share .share-this ul li {
        float: none; }
        .wide-offer .share .share-this ul li a {
          display: block;
          position: relative;
          padding: 16px 7px 7px 50px;
          height: 49px;
          width: 100%;
          font-size: 16px;
          font-weight: normal;
          background: transparent;
          color: #333333; }
          .wide-offer .share .share-this ul li a:hover {
            text-decoration: none;
            background-color: #f0f4f6; }
          .wide-offer .share .share-this ul li a:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 7px;
            width: 35px;
            height: 35px;
            background: url(../images/structural/sprite.png) no-repeat 0 -289px; }
      .wide-offer .share .share-this ul li.share-twitter a:before {
        background-position: -46px -289px; }
      .wide-offer .share .share-this ul li.share-google a:before {
        background-position: -93px -289px; }
      .wide-offer .share .share-this ul li.share-linkedin a:before {
        background-position: -139px -289px; }
      .wide-offer .share .share-this ul li.share-zingme a:before {
        background-position: -188px -289px; }
      .wide-offer .share .share-this ul li.share-title {
        position: relative;
        display: block;
        font-size: 11px;
        text-transform: uppercase;
        padding: 16px 10px 10px;
        font-weight: normal; }
        .wide-offer .share .share-this ul li.share-title:after {
          content: "";
          position: absolute;
          top: 8px;
          right: 6px;
          width: 17px;
          height: 17px;
          background: url(../images/structural/sprite.png) no-repeat -586px -81px; }
  .wide-offer .share .subscribe {
    font-size: 10px;
    width: 72px;
    height: 68px;
    padding: 42px 0 0 10px; }
    .wide-offer .share .subscribe.active {
      width: 85px; }
  .wide-offer .share .favorite {
    font-size: 10px;
    padding: 42px 0 0 9px;
    width: 62px;
    height: 68px; }
    .wide-offer .share .favorite:before {
      left: 10px;
      top: 15px; }

  .filter .white-button span, .filter .login #form-verify input[type="submit"] span, .login #form-verify .filter input[type="submit"] span, .filter .button.facebook span, .filter .facebook.white-button span,
  .filter .button.twitter span,
  .filter .twitter.white-button span {
    display: none; }

  .other-insiders form {
    float: none;
    clear: both;
    width: 100%; }

  .offers-tabs {
    position: relative;
    clear: both;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d5d8da;
    padding: 0;
    width: 50%;
    float: left;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 -35px 40px -30px #eaedee;
    -moz-box-shadow: inset 0 -35px 40px -30px #eaedee;
    box-shadow: inset 0 -35px 40px -30px #eaedee;
    overflow: hidden;
    height: 39px; }
    .offers-tabs:after {
      content: "";
      position: absolute;
      top: 13px;
      right: 11px;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 11px solid #afb7bc; }
    .offers-tabs.expanded {
      height: auto; }
    .offers-tabs li {
      padding: 0;
      margin: 0;
      line-height: 13px;
      padding: 11px 14px;
      color: #0089e0; }

  .home .offers {
    margin-right: 0; }

  .home .container .offer {
    width: 100%;
    padding: 8px; }
    .home .container .offer img {
      width: 25%;
      float: left; }
    .home .container .offer header {
      padding-top: 0;
      width: 75%;
      float: left; }
      .home .container .offer header h2 {
        font-size: 18px;
        line-height: 20px; }
      .home .container .offer header .tags {
        position: static;
        float: right;
        margin: 3px -23px 0 10px; }
    .home .container .offer .share {
      background: url(/images/structural/dots.png) repeat-x 0 0; }
      .home .container .offer .share .comment-this {
        width: 38%; }
      .home .container .offer .share .favorite {
        width: 25%; }
      .home .container .offer .share .count {
        margin-left: 5px;
        padding-left: 4px; }
    .home .container .offer.featured img {
      width: 100%;
      float: none; }
    .home .container .offer.featured header {
      width: 100%;
      float: none; }
      .home .container .offer.featured header h2 {
        position: static;
        background: transparent;
        width: 100%;
        padding: 0;
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 0px; }
      .home .container .offer.featured header .date {
        position: static;
        line-height: 20px;
        padding-bottom: 3px; }
      .home .container .offer.featured header .tags {
        position: absolute;
        margin: 0; }
  .home .container .offer .share .share-this,
  .home .container .offer .share .comment-this,
  .home .container .offer .share .favorite, .home .container .featured.offer .share .share-this,
  .home .container .featured.offer .share .comment-this,
  .home .container .featured.offer .share .favorite {
    padding: 32px 10px 0; }
  .home .container .activity .comment-body {
    margin-left: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .login .container {
    padding: 60px 30px; }

  .logo a#logo {
    padding: 12px 0 0 60px;
    font-size: 18px;
    width: 280px; } }
@media only screen and (max-width: 479px) {
  body {
    border-bottom: none; }
    body > footer {
      display: none; }

  .wide-offer .header h2 {
    font-size: 24px;
    line-height: 28px; }

  .comments header h2 {
    font-size: 21px;
    line-height: 21px;
    padding: 26px 0; }
  .comments header .count {
    font-size: 21px;
    margin-top: 26px; }
  .comments header .right-col .sort {
    font-size: 13px; }

  .login .facebook.white-button, .login #form-verify input.facebook[type="submit"], .login .facebook.button,
  .login .button.twitter,
  .login .twitter.white-button,
  .login #form-verify input.twitter[type="submit"] {
    font-size: 12px; }

  .filter .filters {
    width: 300px; }

  .container > .left-col {
    padding: 20px 5px; }

  #form-edit-profile .facebook.white-button, #form-edit-profile .login #form-verify input.facebook[type="submit"], .login #form-verify #form-edit-profile input.facebook[type="submit"], #form-edit-profile .facebook.button,
  #form-edit-profile .button.twitter,
  #form-edit-profile .twitter.white-button,
  #form-edit-profile .login #form-verify input.twitter[type="submit"],
  .login #form-verify #form-edit-profile input.twitter[type="submit"],
  #form-account-settings .facebook.white-button,
  #form-account-settings .login #form-verify input.facebook[type="submit"],
  .login #form-verify #form-account-settings input.facebook[type="submit"],
  #form-account-settings .facebook.button,
  #form-account-settings .button.twitter,
  #form-account-settings .twitter.white-button,
  #form-account-settings .login #form-verify input.twitter[type="submit"],
  .login #form-verify #form-account-settings input.twitter[type="submit"] {
    margin-right: 0px; }
  #form-edit-profile .button.twitter, #form-edit-profile .twitter.white-button, #form-edit-profile .login #form-verify input.twitter[type="submit"], .login #form-verify #form-edit-profile input.twitter[type="submit"],
  #form-account-settings .button.twitter,
  #form-account-settings .twitter.white-button,
  #form-account-settings .login #form-verify input.twitter[type="submit"],
  .login #form-verify #form-account-settings input.twitter[type="submit"] {
    float: right; }
  #form-edit-profile .submit-row,
  #form-account-settings .submit-row {
    text-align: center; }
  #form-edit-profile .file-input,
  #form-account-settings .file-input {
    float: left;
    width: 100%;
    margin: 20px 0 0; }
    #form-edit-profile .file-input input[type="text"],
    #form-account-settings .file-input input[type="text"] {
      width: 65%; }
  #form-edit-profile input[type="text"],
  #form-edit-profile input[type="password"],
  #form-account-settings input[type="text"],
  #form-account-settings input[type="password"] {
    width: 100%; }

  .profile-completition .completition-bar {
    width: 100%; } }
@media only screen and (max-width: 340px) {
  .filter .filters {
    width: 270px; } }
@font-face {
  font-family: "Samsung Interface";
  src: url("/fonts/samsung_interfaceregular-webfont.eot");
  src: url("/fonts/samsung_interfaceregular-webfont.eot?iefix") format("eot"), url("/fonts/samsung_interfaceregular-webfont.woff") format("woff"), url("/fonts/samsung_interfaceregular-webfont.ttf") format("truetype"), url("/fonts/samsung_interfaceregular-webfont.svg#webfontZam02nTh") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Samsung Interface";
  src: url("/fonts/samsung_interfacebold-webfont.eot");
  src: url("/fonts/samsung_interfacebold-webfont.eot?iefix") format("eot"), url("/fonts/samsung_interfacebold-webfont.woff") format("woff"), url("/fonts/samsung_interfacebold-webfont.ttf") format("truetype"), url("/fonts/samsung_interfacebold-webfont.svg#webfontZam02nTh") format("svg");
  font-weight: bold;
  font-style: normal; }

.container {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding: 0;
  background: url(/images/structural/container-bgr.gif) repeat-y 0 0; }
  .container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px; }
  .container .row {
    margin-bottom: 20px; }
  .container .one.column {
    width: 40px; }
  .container .one.columns {
    width: 40px; }
  .container .two.columns {
    width: 100px; }
  .container .three.columns {
    width: 160px; }
  .container .four.columns {
    width: 220px; }
  .container .five.columns {
    width: 280px; }
  .container .six.columns {
    width: 340px; }
  .container .seven.columns {
    width: 400px; }
  .container .eight.columns {
    width: 460px; }
  .container .nine.columns {
    width: 520px; }
  .container .ten.columns {
    width: 580px; }
  .container .eleven.columns {
    width: 640px; }
  .container .twelve.columns {
    width: 700px; }
  .container .thirteen.columns {
    width: 760px; }
  .container .fourteen.columns {
    width: 820px; }
  .container .fifteen.columns {
    width: 880px; }
  .container .sixteen.columns {
    width: 940px; }
  .container .one-third.column {
    width: 300px; }
  .container .two-thirds.column {
    width: 620px; }
  .container .offset-by-one {
    padding-left: 60px; }
  .container .offset-by-two {
    padding-left: 120px; }
  .container .offset-by-three {
    padding-left: 180px; }
  .container .offset-by-four {
    padding-left: 240px; }
  .container .offset-by-five {
    padding-left: 300px; }
  .container .offset-by-six {
    padding-left: 360px; }
  .container .offset-by-seven {
    padding-left: 420px; }
  .container .offset-by-eight {
    padding-left: 480px; }
  .container .offset-by-nine {
    padding-left: 540px; }
  .container .offset-by-ten {
    padding-left: 600px; }
  .container .offset-by-eleven {
    padding-left: 660px; }
  .container .offset-by-twelve {
    padding-left: 720px; }
  .container .offset-by-thirteen {
    padding-left: 780px; }
  .container .offset-by-fourteen {
    padding-left: 840px; }
  .container .offset-by-fifteen {
    padding-left: 900px; }

.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px; }
    .container .column, .container .columns {
      margin-left: 10px;
      margin-right: 10px; }
    .container .one.column {
      width: 28px; }
    .container .one.columns {
      width: 28px; }
    .container .two.columns {
      width: 76px; }
    .container .three.columns {
      width: 124px; }
    .container .four.columns {
      width: 172px; }
    .container .five.columns {
      width: 220px; }
    .container .six.columns {
      width: 268px; }
    .container .seven.columns {
      width: 316px; }
    .container .eight.columns {
      width: 364px; }
    .container .nine.columns {
      width: 412px; }
    .container .ten.columns {
      width: 460px; }
    .container .eleven.columns {
      width: 508px; }
    .container .twelve.columns {
      width: 556px; }
    .container .thirteen.columns {
      width: 604px; }
    .container .fourteen.columns {
      width: 652px; }
    .container .fifteen.columns {
      width: 700px; }
    .container .sixteen.columns {
      width: 748px; }
    .container .offset-by-one {
      padding-left: 48px; }
    .container .offset-by-two {
      padding-left: 96px; }
    .container .offset-by-three {
      padding-left: 144px; }
    .container .offset-by-four {
      padding-left: 192px; }
    .container .offset-by-five {
      padding-left: 240px; }
    .container .offset-by-six {
      padding-left: 288px; }
    .container .offset-by-seven {
      padding-left: 336px; }
    .container .offset-by-eight {
      padding-left: 384px; }
    .container .offset-by-nine {
      padding-left: 432px; }
    .container .offset-by-ten {
      padding-left: 480px; }
    .container .offset-by-eleven {
      padding-left: 528px; }
    .container .offset-by-twelve {
      padding-left: 576px; }
    .container .offset-by-thirteen {
      padding-left: 624px; }
    .container .offset-by-fourteen {
      padding-left: 672px; }
    .container .offset-by-fifteen {
      padding-left: 720px; }

  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px; }

  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px; }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0; } }
@media only screen and (max-width: 767px) {
  html {
    width: 100%; }

  body {
    position: relative;
    width: 100%; }

  .container {
    width: 100%; }
    .container > .left-col {
      width: 100%; }
    .container > .right-col {
      display: none;
      position: relative;
      z-index: 300;
      margin: -107px -249px 0 0;
      padding-left: 1px;
      width: 249px;
      background-color: white; }
    .container .columns, .container .column {
      margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 100%; }
    .container .columns, .container .column {
      margin: 0; }
    .container .one.column {
      width: 420px; }
    .container .one.columns {
      width: 420px; }
    .container .two.columns {
      width: 420px; }
    .container .three.columns {
      width: 420px; }
    .container .four.columns {
      width: 420px; }
    .container .five.columns {
      width: 420px; }
    .container .six.columns {
      width: 420px; }
    .container .seven.columns {
      width: 420px; }
    .container .eight.columns {
      width: 420px; }
    .container .nine.columns {
      width: 420px; }
    .container .ten.columns {
      width: 420px; }
    .container .eleven.columns {
      width: 420px; }
    .container .twelve.columns {
      width: 420px; }
    .container .thirteen.columns {
      width: 420px; }
    .container .fourteen.columns {
      width: 420px; }
    .container .fifteen.columns {
      width: 420px; }
    .container .sixteen.columns {
      width: 420px; }
    .container .one-third.column,
    .container .two-thirds.column {
      width: 420px; } }
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix, form .form-row, nav, body > footer ul, .points-summary, .left-col, .right-col, .login .form-row, .right-col section ul, .badges, .right-col section.badges .recent-badges, .offers, .comments header, .comments .comment, .comment-body footer, .other-insiders .tabs-filter, .other-insiders .insider header, .profile, .ie8 .offers-tabs, .row {
  zoom: 1; }
  .clearfix:before, form .form-row:before, nav:before, body > footer ul:before, .points-summary:before, .left-col:before, .right-col:before, .login .form-row:before, .right-col section ul:before, .badges:before, .right-col section.badges .recent-badges:before, .offers:before, .comments header:before, .comments .comment:before, .comment-body footer:before, .other-insiders .tabs-filter:before, .other-insiders .insider header:before, .profile:before, .ie8 .offers-tabs:before, .clearfix:after, form .form-row:after, nav:after, body > footer ul:after, .points-summary:after, .left-col:after, .right-col:after, .login .form-row:after, .right-col section ul:after, .badges:after, .right-col section.badges .recent-badges:after, .offers:after, .comments header:after, .comments .comment:after, .comment-body footer:after, .other-insiders .tabs-filter:after, .other-insiders .insider header:after, .profile:after, .ie8 .offers-tabs:after, .row:before, .row:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .clearfix:after, form .form-row:after, nav:after, body > footer ul:after, .points-summary:after, .left-col:after, .right-col:after, .login .form-row:after, .right-col section ul:after, .badges:after, .right-col section.badges .recent-badges:after, .offers:after, .comments header:after, .comments .comment:after, .comment-body footer:after, .other-insiders .tabs-filter:after, .other-insiders .insider header:after, .profile:after, .ie8 .offers-tabs:after, .row:after {
    clear: both; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }