@charset "UTF-8";
.page-gradient, .rokclub-showcase, .checkout-tabs {
  margin: 0 -100%;
  padding: 0 100%; }

.rokclub-inset:before, #user-profile dd:before, .rokclub-inset:after, #user-profile dd:after {
  content: " ";
  display: table; }
.rokclub-inset:after, #user-profile dd:after {
  clear: both; }

.sku-block-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.card .picker {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: auto;
  display: inline-block;
  margin: 1px 5px 0 0;
  overflow: hidden;
  height: auto; }
  .card .picker:first-child {
    margin-left: 0; }
  .card .picker select {
    position: relative;
    display: block;
    padding: 0 20px 0 5px;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    z-index: 99;
    cursor: pointer;
    font-size: 1rem; }

.page-gradient:before {
  content: '';
  position: absolute;
  height: 200px;
  width: 100%;
  background-image: -moz-linear-gradient(top, #e5e5e5, white 50%);
  background-image: -webkit-linear-gradient(top, #e5e5e5 0, white 50%);
  background-image: linear, to bottom, #e5e5e5 0, white 50%;
  background-repeat: repeat-x;
  z-index: 0; }

.checkout-form-surround {
  background-image: url(data:image/png;base64,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);
  background-position: 50% 100%;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 767px) {
    .checkout-form-surround {
      background-size: 100%; } }

.pure-pad.divider {
  display: inline-block;
  background-image: url(data:image/png;base64,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);
  background-position: 0 0;
  background-repeat: no-repeat; }

.page-gradient {
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  z-index: 4;
  margin-top: 1px; }
  .page-gradient:before {
    margin: 0 -100%;
    padding: 0 100%;
    z-index: -1; }

h1 .button, h2 .button {
  font-size: 16px; }

.rokclub-showcase {
  margin-top: -25px;
  min-height: 90px;
  background-position: 50% 0px;
  z-index: 2;
  overflow: hidden; }
  @media (max-width: 480px) {
    .rokclub-showcase {
      display: none; } }

.rokclub-inset {
  padding: 25px; }

@media only screen and (max-width: 480px) {
  .menu-account .rokclub-inset {
    padding: 0; }
  .menu-account .mailing-list-block {
    margin: 0; } }
.checkout-rocket, .rocket-container {
  height: 140px; }

.rocket-container {
  position: relative;
  overflow: hidden;
  margin: 0 -25px;
  padding: 0 25px; }

.rocket-path {
  position: absolute;
  z-index: 1;
  width: 2300px;
  left: 50%;
  top: 50px;
  margin-left: -1150px;
  height: 2300px;
  border: 2px dashed #8ec3ec;
  border-radius: 1150px; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .rocket-path {
      width: 1400px;
      margin-left: -700px;
      height: 1400px;
      border-radius: 700px; } }
  @media (max-width: 767px) {
    .rocket-path {
      width: 700px;
      margin-left: -350px;
      height: 700px;
      border-radius: 350px; } }

.checkout-star {
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url(../images/rokclub/checkout-star.png); }

.star-1 {
  top: 75px;
  left: 255px; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .star-1 {
      left: 135px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .star-1 {
      top: 80px;
      left: 100px; } }
  @media (max-width: 767px) {
    .star-1 {
      top: 67px;
      left: 13%; } }

.star-2 {
  top: 34px;
  left: 472px; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .star-2 {
      left: 352px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .star-2 {
      top: 35px;
      left: 275px; } }
  @media (max-width: 767px) {
    .star-2 {
      top: 33px;
      left: 36%; } }

.star-3 {
  top: 34px;
  left: 688px; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .star-3 {
      left: 568px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .star-3 {
      top: 35px;
      left: 452px; } }
  @media (max-width: 767px) {
    .star-3 {
      top: 33px;
      left: 59%; } }

.star-4 {
  top: 75px;
  left: 903px; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .star-4 {
      left: 783px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .star-4 {
      top: 80px;
      left: 628px; } }
  @media (max-width: 767px) {
    .star-4 {
      top: 68px;
      left: 83%; } }

.rocket-image {
  position: absolute;
  top: -65px;
  left: -65px;
  bottom: -65px;
  right: -65px;
  z-index: 3;
  background-image: url(../images/rokclub/checkout-rocket.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  border: 2px solid transparent;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out; }

.step1 .rocket-image {
  -webkit-transform: rotate(-16.5deg);
  -moz-transform: rotate(-16.5deg);
  -ms-transform: rotate(-16.5deg);
  -o-transform: rotate(-16.5deg);
  transform: rotate(-16.5deg); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step1 .rocket-image {
      -webkit-transform: rotate(-22deg);
      -moz-transform: rotate(-22deg);
      -ms-transform: rotate(-22deg);
      -o-transform: rotate(-22deg);
      transform: rotate(-22deg); } }
  @media (max-width: 767px) {
    .step1 .rocket-image {
      -webkit-transform: rotate(-27deg);
      -moz-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
      -o-transform: rotate(-27deg);
      transform: rotate(-27deg); } }

.step2 .rocket-image {
  -webkit-transform: rotate(-5.5deg);
  -moz-transform: rotate(-5.5deg);
  -ms-transform: rotate(-5.5deg);
  -o-transform: rotate(-5.5deg);
  transform: rotate(-5.5deg); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step2 .rocket-image {
      -webkit-transform: rotate(-7deg);
      -moz-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -o-transform: rotate(-7deg);
      transform: rotate(-7deg); } }
  @media (max-width: 767px) {
    .step2 .rocket-image {
      -webkit-transform: rotate(-9deg);
      -moz-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
      -o-transform: rotate(-9deg);
      transform: rotate(-9deg); } }

.step3 .rocket-image {
  -webkit-transform: rotate(5.5deg);
  -moz-transform: rotate(5.5deg);
  -ms-transform: rotate(5.5deg);
  -o-transform: rotate(5.5deg);
  transform: rotate(5.5deg); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step3 .rocket-image {
      -webkit-transform: rotate(7deg);
      -moz-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
      -o-transform: rotate(7deg);
      transform: rotate(7deg); } }
  @media (max-width: 767px) {
    .step3 .rocket-image {
      -webkit-transform: rotate(9deg);
      -moz-transform: rotate(9deg);
      -ms-transform: rotate(9deg);
      -o-transform: rotate(9deg);
      transform: rotate(9deg); } }

.step4 .rocket-image {
  -webkit-transform: rotate(16.5deg);
  -moz-transform: rotate(16.5deg);
  -ms-transform: rotate(16.5deg);
  -o-transform: rotate(16.5deg);
  transform: rotate(16.5deg); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step4 .rocket-image {
      -webkit-transform: rotate(22deg);
      -moz-transform: rotate(22deg);
      -ms-transform: rotate(22deg);
      -o-transform: rotate(22deg);
      transform: rotate(22deg); } }
  @media (max-width: 767px) {
    .step4 .rocket-image {
      -webkit-transform: rotate(27deg);
      -moz-transform: rotate(27deg);
      -ms-transform: rotate(27deg);
      -o-transform: rotate(27deg);
      transform: rotate(27deg); } }

.checkout-tabs {
  z-index: 3;
  position: relative; }
  @media (max-width: 480px) {
    .checkout-tabs {
      margin-top: -25px; } }
  .checkout-tabs li {
    width: 215px;
    cursor: inherit; }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .checkout-tabs li {
        width: 175px; } }
    @media (max-width: 767px) {
      .checkout-tabs li {
        width: 24.9%; } }
    .checkout-tabs li:hover {
      background: none; }
    .checkout-tabs li .step-tab {
      height: 76px;
      padding: 20px 0;
      display: block;
      text-align: center;
      font-size: 20px;
      color: #888888;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .checkout-tabs li .step-tab {
          font-size: 17px; } }
      @media only screen and (max-width: 480px) {
        .checkout-tabs li .step-tab {
          font-size: 10px;
          padding: 12px 0; } }
      @media (max-width: 480px) {
        .checkout-tabs li .step-tab {
          font-size: 14px; } }
      .checkout-tabs li .step-tab .step {
        display: block;
        position: relative;
        width: 48px;
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
        margin: 0 auto;
        margin-bottom: 5px;
        background-color: #cecece;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.8); }
        @media (max-width: 480px) {
          .checkout-tabs li .step-tab .step {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 20px; } }
    .checkout-tabs li:first-child .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #cecece;
      background-color: #cecece;
      background-image: -moz-linear-gradient(left, #cecece, #cecece);
      background-image: -webkit-linear-gradient(left, #cecece, #cecece);
      background-image: linear, to right, #cecece, #cecece;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCECECE', endColorstr='#FFCECECE', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #cecece, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .checkout-tabs li:first-child .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .checkout-tabs li:first-child .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .checkout-tabs li:first-child .step-tab .step:before {
          display: none; } }
    .checkout-tabs li:last-child .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #cecece;
      background-color: #cecece;
      background-image: -moz-linear-gradient(left, #cecece, #cecece);
      background-image: -webkit-linear-gradient(left, #cecece, #cecece);
      background-image: linear, to right, #cecece, #cecece;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCECECE', endColorstr='#FFCECECE', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #cecece, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6);
      left: auto;
      right: 44px; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .checkout-tabs li:last-child .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .checkout-tabs li:last-child .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .checkout-tabs li:last-child .step-tab .step:before {
          display: none; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .checkout-tabs li:last-child .step-tab .step:before {
          right: 45px; } }

.step1 .horizontal-tab-list li:first-child, .step2 .horizontal-tab-list li:nth-child(2), .step3 .horizontal-tab-list li:last-child {
  background-color: #dddddd;
  background-image: -moz-linear-gradient(top, #efefef, #dddddd);
  background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
  background-image: linear, to bottom, #efefef, #dddddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEFEFEF', endColorstr='#FFDDDDDD', GradientType=0); }
  .step1 .horizontal-tab-list li:first-child:before, .step2 .horizontal-tab-list li:nth-child(2):before, .step3 .horizontal-tab-list li:last-child:before {
    content: '▲';
    position: absolute;
    width: 16px;
    height: 10px;
    bottom: 5px;
    left: 50%;
    margin-left: -8px;
    z-index: 2;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 -2px 0 #d1d1d1;
    -webkit-transform: scaleX(1.8);
    -moz-transform: scaleX(1.8);
    -ms-transform: scaleX(1.8);
    transform: scaleX(1.8); }
  .step1 .horizontal-tab-list li:first-child:after, .step2 .horizontal-tab-list li:nth-child(2):after, .step3 .horizontal-tab-list li:last-child:after {
    content: '▲';
    position: absolute;
    width: 16px;
    height: 10px;
    bottom: 3px;
    left: 50%;
    margin-left: -8px;
    z-index: 2;
    font-size: 10px;
    color: #e5e5e5;
    -webkit-transform: scaleX(1.8);
    -moz-transform: scaleX(1.8);
    transform: scaleX(1.8); }

.step1 .checkout-tabs li:first-child .step-tab, .step2 .checkout-tabs li:nth-child(2) .step-tab, .step3 .checkout-tabs li:nth-child(3) .step-tab, .step4 .checkout-tabs li:last-child .step-tab {
  color: #606060; }
.step1 .checkout-tabs li:first-child .step, .step2 .checkout-tabs li:nth-child(2) .step, .step3 .checkout-tabs li:nth-child(3) .step, .step4 .checkout-tabs li:last-child .step {
  background-color: #f2b6aa;
  box-shadow: inset 0 1px 3px #a73019, 0 1px 0 rgba(255, 255, 255, 0.8); }
  .step1 .checkout-tabs li:first-child .step span, .step2 .checkout-tabs li:nth-child(2) .step span, .step3 .checkout-tabs li:nth-child(3) .step span, .step4 .checkout-tabs li:last-child .step span {
    display: block;
    position: absolute;
    z-index: 10;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    top: 7px;
    left: 7px;
    background-color: #e35d43;
    box-shadow: 0 0 0 1px #bd361c, 0 2px 3px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
    @media (max-width: 480px) {
      .step1 .checkout-tabs li:first-child .step span, .step2 .checkout-tabs li:nth-child(2) .step span, .step3 .checkout-tabs li:nth-child(3) .step span, .step4 .checkout-tabs li:last-child .step span {
        width: 26px;
        height: 26px;
        line-height: 26px;
        border-radius: 13px; } }

.step1 .checkout-tabs li:first-child .step:before {
  background-color: #cecece;
  background-image: -moz-linear-gradient(left, #f2b6aa, #cecece);
  background-image: -webkit-linear-gradient(left, #f2b6aa, #cecece);
  background-image: linear, to right, #f2b6aa, #cecece;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2B6AA', endColorstr='#FFCECECE', GradientType=1);
  box-shadow: inset 6px 0 0 #f2b6aa, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.8); }
.step1 .checkout-tabs li:nth-child(2) .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #cecece;
  background-color: #cecece;
  background-image: -moz-linear-gradient(left, #cecece, #cecece);
  background-image: -webkit-linear-gradient(left, #cecece, #cecece);
  background-image: linear, to right, #cecece, #cecece;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCECECE', endColorstr='#FFCECECE', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #cecece, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step1 .checkout-tabs li:nth-child(2) .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step1 .checkout-tabs li:nth-child(2) .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step1 .checkout-tabs li:nth-child(2) .step:before {
      display: none; } }

.step2 .checkout-tabs li:first-child .step-tab {
  color: #247AB4; }
  .step2 .checkout-tabs li:first-child .step-tab .step {
    background-color: #247AB4;
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
    .step2 .checkout-tabs li:first-child .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #247AB4;
      background-color: #f2b6aa;
      background-image: -moz-linear-gradient(left, #247AB4, #f2b6aa);
      background-image: -webkit-linear-gradient(left, #247AB4, #f2b6aa);
      background-image: linear, to right, #247AB4, #f2b6aa;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FFF2B6AA', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #f2b6aa, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .step2 .checkout-tabs li:first-child .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .step2 .checkout-tabs li:first-child .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .step2 .checkout-tabs li:first-child .step-tab .step:before {
          display: none; } }
.step2 .checkout-tabs li:nth-child(2) .step-tab .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #f2b6aa;
  background-color: #cecece;
  background-image: -moz-linear-gradient(left, #f2b6aa, #cecece);
  background-image: -webkit-linear-gradient(left, #f2b6aa, #cecece);
  background-image: linear, to right, #f2b6aa, #cecece;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2B6AA', endColorstr='#FFCECECE', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #f2b6aa, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step2 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step2 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step2 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      display: none; } }
.step2 .checkout-tabs li:last-child(2) .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #cecece;
  background-color: #cecece;
  background-image: -moz-linear-gradient(left, #cecece, #cecece);
  background-image: -webkit-linear-gradient(left, #cecece, #cecece);
  background-image: linear, to right, #cecece, #cecece;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCECECE', endColorstr='#FFCECECE', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #cecece, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step2 .checkout-tabs li:last-child(2) .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step2 .checkout-tabs li:last-child(2) .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step2 .checkout-tabs li:last-child(2) .step:before {
      display: none; } }

.step3 .checkout-tabs li:first-child .step-tab {
  color: #247AB4; }
  .step3 .checkout-tabs li:first-child .step-tab .step {
    background-color: #247AB4;
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
    .step3 .checkout-tabs li:first-child .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #247AB4;
      background-color: #247AB4;
      background-image: -moz-linear-gradient(left, #247AB4, #247AB4);
      background-image: -webkit-linear-gradient(left, #247AB4, #247AB4);
      background-image: linear, to right, #247AB4, #247AB4;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FF247AB4', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #247AB4, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .step3 .checkout-tabs li:first-child .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .step3 .checkout-tabs li:first-child .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .step3 .checkout-tabs li:first-child .step-tab .step:before {
          display: none; } }
.step3 .checkout-tabs li:nth-child(2) .step-tab {
  color: #247AB4; }
  .step3 .checkout-tabs li:nth-child(2) .step-tab .step {
    background-color: #247AB4;
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
    .step3 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #247AB4;
      background-color: #f2b6aa;
      background-image: -moz-linear-gradient(left, #247AB4, #f2b6aa);
      background-image: -webkit-linear-gradient(left, #247AB4, #f2b6aa);
      background-image: linear, to right, #247AB4, #f2b6aa;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FFF2B6AA', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #f2b6aa, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .step3 .checkout-tabs li:nth-child(2) .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .step3 .checkout-tabs li:nth-child(2) .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .step3 .checkout-tabs li:nth-child(2) .step-tab .step:before {
          display: none; } }
.step3 .checkout-tabs li:last-child .step-tab .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #f2b6aa;
  background-color: #cecece;
  background-image: -moz-linear-gradient(left, #f2b6aa, #cecece);
  background-image: -webkit-linear-gradient(left, #f2b6aa, #cecece);
  background-image: linear, to right, #f2b6aa, #cecece;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2B6AA', endColorstr='#FFCECECE', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #f2b6aa, inset -3px 0 0 #cecece, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  left: auto;
  right: 44px; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step3 .checkout-tabs li:last-child .step-tab .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step3 .checkout-tabs li:last-child .step-tab .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step3 .checkout-tabs li:last-child .step-tab .step:before {
      display: none; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step3 .checkout-tabs li:last-child .step-tab .step:before {
      right: 45px; } }

.step4 .checkout-tabs li:first-child .step-tab {
  color: #247AB4; }
  .step4 .checkout-tabs li:first-child .step-tab .step {
    background-color: #247AB4;
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
    .step4 .checkout-tabs li:first-child .step-tab .step:before {
      content: '';
      position: absolute;
      z-index: 1;
      width: 178px;
      height: 10px;
      left: 42px;
      top: 20px;
      background-color: #247AB4;
      background-color: #247AB4;
      background-image: -moz-linear-gradient(left, #247AB4, #247AB4);
      background-image: -webkit-linear-gradient(left, #247AB4, #247AB4);
      background-image: linear, to right, #247AB4, #247AB4;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FF247AB4', GradientType=1);
      z-index: 10;
      box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #247AB4, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .step4 .checkout-tabs li:first-child .step-tab .step:before {
          width: 138px; } }
      @media only screen and (min-width: 481px) and (max-width: 767px) {
        .step4 .checkout-tabs li:first-child .step-tab .step:before {
          width: 70px; } }
      @media (max-width: 480px) {
        .step4 .checkout-tabs li:first-child .step-tab .step:before {
          display: none; } }
.step4 .checkout-tabs li:nth-child(2) .step-tab .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #247AB4;
  background-color: #247AB4;
  background-image: -moz-linear-gradient(left, #247AB4, #247AB4);
  background-image: -webkit-linear-gradient(left, #247AB4, #247AB4);
  background-image: linear, to right, #247AB4, #247AB4;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FF247AB4', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #247AB4, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step4 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step4 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step4 .checkout-tabs li:nth-child(2) .step-tab .step:before {
      display: none; } }
.step4 .checkout-tabs li:nth-child(2) .step-tab, .step4 .checkout-tabs li:nth-child(3) .step-tab {
  color: #247AB4; }
  .step4 .checkout-tabs li:nth-child(2) .step-tab .step, .step4 .checkout-tabs li:nth-child(3) .step-tab .step {
    background-color: #247AB4;
    color: #ffffff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
.step4 .checkout-tabs li:last-child .step-tab .step:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 178px;
  height: 10px;
  left: 42px;
  top: 20px;
  background-color: #247AB4;
  background-color: #f2b6aa;
  background-image: -moz-linear-gradient(left, #247AB4, #f2b6aa);
  background-image: -webkit-linear-gradient(left, #247AB4, #f2b6aa);
  background-image: linear, to right, #247AB4, #f2b6aa;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF247AB4', endColorstr='#FFF2B6AA', GradientType=1);
  z-index: 10;
  box-shadow: inset 6px 0 0 #247AB4, inset -3px 0 0 #f2b6aa, inset 2px 1px 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  left: auto;
  right: 44px; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .step4 .checkout-tabs li:last-child .step-tab .step:before {
      width: 138px; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step4 .checkout-tabs li:last-child .step-tab .step:before {
      width: 70px; } }
  @media (max-width: 480px) {
    .step4 .checkout-tabs li:last-child .step-tab .step:before {
      display: none; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .step4 .checkout-tabs li:last-child .step-tab .step:before {
      right: 45px; } }

.details, .account, .payment, .confirmation {
  margin: 0; }
  .details span, .account span, .payment span, .confirmation span {
    display: inline-block;
    margin-right: 15px;
    font-size: 26px;
    text-shadow: none;
    background: #606060;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    vertical-align: top;
    color: #ffffff;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3); }

.details .number:before, .tab-details .number:before {
  content: "1"; }

.account .number:before, .tab-account .number:before {
  content: "2"; }

.payment .number:before, .tab-payment .number:before {
  content: "3"; }

.confirmation .number:before, .tab-confirmation .number:before {
  content: "4"; }

.step2 .details .number:before, .step2 .tab-details .number:before, .step3 .details .number:before, .step3 .tab-details .number:before, .step4 .details .number:before, .step4 .tab-details .number:before {
  font-family: 'rockettheme';
  content: "\f00c"; }

.step3 .account .number:before, .step3 .tab-account .number:before, .step4 .account .number:before, .step4 .tab-account .number:before {
  font-family: 'rockettheme';
  content: "\f00c"; }

.step4 .payment .number:before, .step4 .tab-payment .number:before {
  font-family: 'rockettheme';
  content: "\f00c"; }

.step1 .account, .step1 .payment, .step1 .confirmation {
  color: #b5b5b5;
  text-shadow: 1px 1px 0 #ffffff; }
  .step1 .account span, .step1 .payment span, .step1 .confirmation span {
    background: #b5b5b5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.step2 h2 {
  margin-bottom: 30px; }
.step2 .details {
  color: #247AB4;
  text-shadow: 1px 1px 0 #ffffff; }
  .step2 .details span {
    background: #247AB4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.step2 .payment, .step2 .confirmation {
  color: #b5b5b5;
  text-shadow: 1px 1px 0 #ffffff; }
  .step2 .payment span, .step2 .confirmation span {
    background: #b5b5b5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.step3 .details, .step3 .account {
  color: #247AB4;
  text-shadow: 1px 1px 0 #ffffff; }
  .step3 .details span, .step3 .account span {
    background: #247AB4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.step3 .confirmation {
  color: #b5b5b5;
  text-shadow: 1px 1px 0 #ffffff; }
  .step3 .confirmation span {
    background: #b5b5b5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.step4 .details, .step4 .account, .step4 .payment {
  color: #247AB4;
  text-shadow: 1px 1px 0 #ffffff; }
  .step4 .details span, .step4 .account span, .step4 .payment span {
    background: #247AB4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.amount-wrapper .input-mini {
  border-radius: 3px 0 0 3px;
  margin: 0;
  text-align: center;
  width: 40px; }
.amount-wrapper a {
  margin-left: -5px;
  box-shadow: none;
  border-radius: 0 3px 3px 0;
  padding: 0 8px; }

#login-form .form-fields {
  margin: 0; }
#login-form .rc-field {
  width: 100%; }
#login-form input {
  width: 100%; }
  #login-form input[type=checkbox] {
    width: auto; }

.login-page #login-form .form-fields {
  margin: 50px 0; }

.checkout-form-surround {
  position: relative;
  margin-top: 25px; }
  .checkout-form-surround legend {
    font-size: 18px; }
  .checkout-form-surround .rc-field {
    width: 100%; }
    .checkout-form-surround .rc-field.rc-jform_profile_country, .checkout-form-surround .rc-field.rc-jform_profile_state_province {
      width: auto; }
    .checkout-form-surround .rc-field.rc-jform_profile_country {
      float: left; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .checkout-form-surround .rc-field.rc-jform_profile_country {
          float: none;
          width: 100%; } }
    .checkout-form-surround .rc-field.rc-jform_profile_state_province {
      float: right; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .checkout-form-surround .rc-field.rc-jform_profile_state_province {
          float: none;
          width: 100%; } }
  .checkout-form-surround input {
    width: 100%; }
    .checkout-form-surround input[type=checkbox] {
      width: auto; }
  .checkout-form-surround .pure-pad {
    padding: 15px 40px; }

.checkout-form-surround, #checkout-confirmation {
  position: relative; }
  .checkout-form-surround .overlay, #checkout-confirmation .overlay {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    margin: -20px -20px 1px; }
    .checkout-form-surround .overlay h2, #checkout-confirmation .overlay h2 {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center;
      margin-top: 80px; }

#checkout-confirmation .overlay {
  top: 20px; }

.step2 h3 em {
  font-style: normal;
  color: #367BBA; }
.step2 h5 {
  margin-top: 0; }
.step2 legend {
  font-size: 31px;
  text-align: center; }
.step2 fieldset {
  margin: 0 0 25px 0;
  padding: 0;
  padding: inherit; }
.step2 .rt-inset {
  padding: 25px;
  margin: 0 5px; }
.step2 #member-registration button[type="submit"] {
  position: absolute;
  right: 0;
  bottom: -47px; }
.step2 .button-row a.button {
  margin-right: 112px; }
.step2 .button-row.flush a.button {
  margin-right: 0; }

.button-row {
  text-align: right;
  padding: 15px 0; }

.remember-me {
  display: inline-block;
  text-align: left; }

.form-right form dl {
  margin-top: 0; }

.rokterms-header {
  background-color: whitesmoke;
  border: 1px solid #E4E4E4;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  padding: 8px;
  margin-top: 20px; }
  @media only screen and (max-width: 767px) {
    .rokterms-header {
      font-size: 16px; } }
  @media only screen and (max-width: 480px) {
    .rokterms-header {
      font-size: 16px -2; } }

.rokterms {
  margin: 0 auto;
  overflow: auto;
  max-height: 200px;
  border: 1px solid #E4E4E4;
  border-radius: 0 0 4px 4px;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.checkout-panel .alert {
  margin-top: 25px; }

.card {
  background-image: url("../images/rokclub/cards/default.jpg");
  background-repeat: no-repeat;
  width: 370px;
  height: 230px;
  padding: 0 16px;
  text-align: center;
  position: relative;
  margin: 25px auto 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .card {
      margin: 0 auto 20px -60px;
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7); } }
  .card.unknown {
    background-image: url(../images/rokclub/cards/default.jpg); }
  .card.amex {
    background-image: url(../images/rokclub/cards/amex.jpg); }
  .card.dinersclub {
    background-image: url(../images/rokclub/cards/diners.jpg); }
  .card.discover {
    background-image: url(../images/rokclub/cards/discover.jpg); }
    .card.discover input {
      color: #333;
      text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5); }
      .card.discover input::-webkit-input-placeholder {
        color: gray;
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); }
      .card.discover input:-moz-placeholder {
        color: gray;
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); }
      .card.discover input::-moz-placeholder {
        color: gray;
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); }
      .card.discover input:-ms-input-placeholder {
        color: gray;
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1); }
  .card.jcb {
    background-image: url(../images/rokclub/cards/jcb.jpg); }
  .card.mastercard {
    background-image: url(../images/rokclub/cards/mastercard.jpg); }
  .card.visa {
    background-image: url(../images/rokclub/cards/visa.jpg); }
  .card .picker {
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(255, 255, 255, 0.3);
    /*top external shadow*/ }
    .card .picker:after {
      color: #ffffff;
      font-family: 'rockettheme';
      content: "\f107";
      position: absolute;
      right: 0px;
      top: 3px;
      width: 16px; }
    .card .picker select {
      font-family: "Courier New",courier,monospace;
      font-size: 18px;
      color: #ffffff; }
      .card .picker select option {
        color: #000; }
  .card .expire-month {
    width: 175px; }
    .card .expire-month select {
      width: 210px; }
  .card .expire-year {
    width: 75px; }
    .card .expire-year select {
      width: 110px; }
  .card.discover .picker select, .card.discover .picker:after {
    color: #333; }
  .card input {
    font-family: "Courier New",courier,monospace;
    font-size: 18px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 1px 4px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 30px;
    margin: 0;
    border: 0;
    border-radius: 2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.1); }
    .card input::-webkit-input-placeholder {
      color: #b3b3b3;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .card input:-moz-placeholder {
      color: #b3b3b3;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .card input::-moz-placeholder {
      color: #b3b3b3;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .card input:-ms-input-placeholder {
      color: #b3b3b3;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .card input[required] {
      background-image: none; }
  .card .card-row {
    text-align: left;
    padding-top: 28px; }
    .card .card-row.card-number {
      padding: 70px 0 0;
      width: 280px;
      text-align: center; }
    .card .card-row .expire-date {
      float: left;
      height: 30px; }
    .card .card-row #cvv2_number {
      float: right;
      width: 58px;
      height: 30px;
      margin: 0; }
    .card .card-row #name-on-card {
      float: left;
      margin: 0;
      width: 100%;
      font-size: 16px;
      margin: 0 6px 0 0; }
  .card select {
    float: left;
    width: 175px;
    height: 28px;
    margin: 0 6px 0 0; }

div[class^="payment-"] {
  width: 50%; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    div[class^="payment-"] {
      width: 60%; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    div[class^="payment-"] {
      width: 80%; } }
  @media only screen and (max-width: 767px) {
    div[class^="payment-"] {
      width: 100%; } }

.payment-title {
  margin: 0 auto;
  font-size: 18px; }
  .payment-title .rticon-credit {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
    background: #787878;
    padding: 6px;
    color: white;
    border-radius: 14px;
    font-size: 16px; }

.payment-select {
  margin: 20px auto; }
  .payment-select input {
    float: left;
    width: 15px;
    margin: 18px 5px 0 5px; }
  .payment-select label {
    display: block;
    margin-left: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%; }
    .payment-select label.paypalexpress_label {
      background-image: url(../images/rokclub/checkout-picker-paypalexpress.jpg); }
    .payment-select label.sandboxpayment_label {
      background-image: url(../images/rokclub/checkout-picker-sandboxpayment.jpg); }
    .payment-select label.stripe_label {
      background-image: url(../images/rokclub/checkout-picker-stripe.jpg); }

table.invoice-details tr td {
  padding: 0; }

#stripe-form, #sandboxpayment-form {
  padding-top: 25px;
  border-top: 1px solid #f2f2f2; }

#stripe-form #jform_profile_state_province {
  float: right;
  width: auto; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    #stripe-form #jform_profile_state_province {
      max-width: 160px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    #stripe-form #jform_profile_state_province {
      width: 100%; } }

#stripe-form #jform_profile_country {
  max-width: 200px; }
  @media only screen and (min-width: 960px) and (max-width: 1199px) {
    #stripe-form #jform_profile_country {
      max-width: 160px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    #stripe-form #jform_profile_country {
      max-width: 100%;
      width: 100%; } }

#comp-rokclub dd {
  margin-left: 0; }
#comp-rokclub .table th {
  font-size: 23px;
  text-align: center;
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    #comp-rokclub .table th {
      font-size: 16px; } }
  @media only screen and (max-width: 480px) {
    #comp-rokclub .table th {
      font-size: 14px; } }
@media only screen and (max-width: 480px) {
  #comp-rokclub .table td {
    font-size: 12px; } }
#comp-rokclub .total td {
  background-color: #f1f1f1;
  border-top: 1px solid #dadada;
  box-shadow: inset 0 1px 0 #ffffff;
  text-align: right;
  padding: 15px;
  font-size: 21px; }
  @media only screen and (max-width: 767px) {
    #comp-rokclub .total td {
      font-size: 16px; } }
  @media only screen and (max-width: 480px) {
    #comp-rokclub .total td {
      font-size: 12px; }
      #comp-rokclub .total td .nowrap {
        white-space: normal; } }
#comp-rokclub .remove {
  text-align: center;
  font-size: 18px; }
#comp-rokclub .promotion {
  font-size: 16px;
  text-align: left;
  line-height: 32px; }
  @media only screen and (max-width: 767px) {
    #comp-rokclub .promotion {
      font-size: 16px; } }
  @media only screen and (max-width: 480px) {
    #comp-rokclub .promotion {
      font-size: 12px;
      line-height: 22px; } }
  #comp-rokclub .promotion form {
    margin: 0;
    display: none; }
@media only screen and (max-width: 480px) {
  #comp-rokclub .rt-title {
    font-size: 24px; } }

.contact-us .form-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .contact-us .form-label {
      text-align: left; } }
.contact-us .rc-field {
  width: 100%; }
  .contact-us .rc-field input, .contact-us .rc-field select, .contact-us .rc-field textarea {
    width: 100%; }

.contact-us .rc-field.required {
  background-position: 100% 7px; }

.captcha > .pure-g-r {
  margin-right: -20px; }

.tictactoe {
  margin-right: 20px;
  margin-bottom: 20px; }
  .tictactoe .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 100% 100%;
    display: inline-block;
    border: 1px solid #fff;
    width: 33%;
    cursor: pointer; }
  .tictactoe .circle {
    background-image: url(../images/rokclub/circle.png); }
  .tictactoe .cross {
    background-image: url(../images/rokclub/cross.png); }
  .tictactoe .empty {
    background-image: url(../images/rokclub/empty.png); }
  .tictactoe .marked, .tictactoe .box:hover {
    background-image: url(../images/rokclub/marked.png); }

.promotions .inset-item {
  padding: 0; }
.promotions .inliner {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.promotions sup {
  display: inline-block;
  margin-top: -10px;
  vertical-align: top; }
.promotions .logo {
  display: block;
  padding: 0 15px;
  height: 130px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .promotions .logo {
      height: auto; } }
.promotions .deal, .promotions .secret {
  text-align: center; }
.promotions .deal-price {
  margin-bottom: -10px; }
.promotions .deal {
  width: 40%;
  color: #E0463B;
  font-size: 21px; }
  .promotions .deal em {
    font-style: normal;
    font-size: 250%;
    font-weight: bold;
    letter-spacing: -4px; }
.promotions .secret {
  width: 60%;
  line-height: 20px; }
  .promotions .secret em, .promotions .secret a {
    font-style: normal;
    color: #E0463B;
    font-size: 21px;
    font-weight: bold;
    display: block; }
.promotions .buttons {
  padding: 20px 10px; }
  .promotions .buttons .button {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .promotions .buttons .button:last-child {
      margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .promotions .buttons {
      padding: 0 10px 10px; }
      .promotions .buttons .button {
        width: 45%; }
        .promotions .buttons .button:last-child {
          margin-left: 10px;
          margin-top: 0; } }
.promotions .rt-inset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 10px;
  padding: 10px; }
  .promotions .rt-inset > div {
    text-align: center; }
.promotions .divider {
  border-top: 1px solid #E4E4E4;
  font-size: 0;
  height: 1px; }
  .promotions .divider:last-child {
    display: none; }
.promotions .details {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background-image: linear-gradient(#ffffff, #f1f1f1); }
  .promotions .details .padding {
    padding: 0 20px 10px; }

.amount-wrapper .input-mini {
  margin: 0;
  text-align: center;
  width: 40px; }

.rticon-chargeback:before, .rticon-refunded:before {
  color: #FF8000; }

.rticon-reversed:before, .rticon-failed:before, .rticon-cancelled:before, .rticon-expired:before {
  color: #ff0000; }

.rticon-pending:before, .rticon-voided:before {
  color: #606060; }

.rticon-success:before {
  color: #468847; }

.rticon-declined:before, .rticon-unknown:before {
  color: #000; }

@-webkit-keyframes cloud1 {
  0% {
    opacity: 0;
    left: -10px; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    left: 90%; } }
@-moz-keyframes cloud1 {
  0% {
    opacity: 0;
    left: -10px; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    left: 90%; } }
@keyframes cloud1 {
  0% {
    opacity: 0;
    left: -10px; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    left: 90%; } }
@-webkit-keyframes cloud3 {
  0% {
    opacity: 0;
    right: 0; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    right: 90%; } }
@-moz-keyframes cloud3 {
  0% {
    opacity: 0;
    right: 0; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    right: 90%; } }
@keyframes cloud3 {
  0% {
    opacity: 0;
    right: 0; }
  2% {
    opacity: 1; }
  98% {
    opacity: 1; }
  100% {
    opacity: 0;
    right: 90%; } }
.map-container {
  margin: 10px 0;
  position: relative;
  z-index: 1; }
  .map-container img {
    max-width: inherit; }
  .map-container .clouds .cloud-1 {
    background: url(../images/rokclub/the-team/cloud-1.png) 50% 50% no-repeat;
    position: absolute;
    z-index: 2; }
  .map-container .clouds .cloud-2 {
    background: url(../images/rokclub/the-team/cloud-2.png) 50% 50% no-repeat;
    position: absolute;
    z-index: 2; }
  .map-container .clouds .cloud-3 {
    background: url(../images/rokclub/the-team/cloud-3.png) 50% 50% no-repeat;
    position: absolute;
    z-index: 2; }
  .map-container .clouds .cloud-4 {
    background: url(../images/rokclub/the-team/cloud-4.png) 50% 50% no-repeat;
    position: absolute;
    z-index: 2; }
  .map-container .clouds .cloud-1 {
    width: 157px;
    height: 147px;
    top: -50px;
    left: -10px;
    opacity: 0;
    -webkit-animation: cloud1 30s ease-in-out infinite;
    -moz-animation: cloud1 30s ease-in-out infinite;
    animation: cloud1 30s ease-in-out infinite; }
  .map-container .clouds .cloud-2 {
    width: 217px;
    height: 234px;
    top: 150px;
    right: 0;
    opacity: 0;
    display: none; }
  .map-container .clouds .cloud-3 {
    width: 177px;
    height: 146px;
    bottom: -60px;
    right: -80px;
    opacity: 0;
    -webkit-animation: cloud3 60s ease-in-out infinite;
    -moz-animation: cloud3 60s ease-in-out infinite;
    animation: cloud3 60s ease-in-out infinite; }
  .map-container #map {
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #f9f9f9;
    width: 100%;
    min-height: 350px; }

.leaflet-bottom {
  z-index: 1; }

.infoBox img[src$="close.gif"] {
  position: absolute !important;
  right: 0;
  top: 0; }

.leaflet-popup-content-wrapper, .map-team-wrapper {
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
  background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.85) 80%);
  background-image: linear-gradient( rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.85) 80%); }
  .leaflet-popup-content-wrapper .leaflet-popup-content, .leaflet-popup-content-wrapper .map-team-content, .map-team-wrapper .leaflet-popup-content, .map-team-wrapper .map-team-content {
    display: table;
    padding: 0; }
  .leaflet-popup-content-wrapper .map-team-popup, .map-team-wrapper .map-team-popup {
    display: table-row;
    font-size: 13px; }
    .leaflet-popup-content-wrapper .map-team-popup .team-avatar, .leaflet-popup-content-wrapper .map-team-popup .team-info, .map-team-wrapper .map-team-popup .team-avatar, .map-team-wrapper .map-team-popup .team-info {
      display: table-cell;
      vertical-align: middle;
      padding: 10px 20px; }
    .leaflet-popup-content-wrapper .map-team-popup .team-avatar, .map-team-wrapper .map-team-popup .team-avatar {
      border-right: 1px solid rgba(255, 255, 255, 0.8);
      background-color: rgba(221, 221, 221, 0.5);
      padding: 10px; }
    .leaflet-popup-content-wrapper .map-team-popup .team-info, .map-team-wrapper .map-team-popup .team-info {
      border-left: 1px solid rgba(0, 0, 0, 0.15); }
    .leaflet-popup-content-wrapper .map-team-popup .name, .leaflet-popup-content-wrapper .map-team-popup .city, .leaflet-popup-content-wrapper .map-team-popup .title, .map-team-wrapper .map-team-popup .name, .map-team-wrapper .map-team-popup .city, .map-team-wrapper .map-team-popup .title {
      display: block;
      color: #999;
      line-height: 1.2em;
      white-space: nowrap; }
    .leaflet-popup-content-wrapper .map-team-popup .name, .map-team-wrapper .map-team-popup .name {
      font-size: 14px;
      line-height: 1.8em;
      font-weight: bold;
      color: #000000; }
    .leaflet-popup-content-wrapper .map-team-popup .city, .map-team-wrapper .map-team-popup .city {
      font-style: italic; }
    .leaflet-popup-content-wrapper .map-team-popup img, .map-team-wrapper .map-team-popup img {
      max-width: 80px !important;
      border-radius: 80px;
      border: 1px solid #fff; }

.leaflet-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.9); }

.team {
  list-style: none;
  margin: 0;
  padding: 0; }
  .team.devs li, .team.mods li {
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 19px; }
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
      .team.devs li, .team.mods li {
        padding: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .team.devs li, .team.mods li {
        padding: 13px; } }
    @media only screen and (max-width: 767px) {
      .team.devs li, .team.mods li {
        padding: 31px;
        display: block; } }
    .team.devs li.active, .team.mods li.active {
      box-shadow: 0 0 0 3px #6EB8E9; }
    .team.devs li img, .team.mods li img {
      border-radius: 3px; }
    .team.devs li .user, .team.mods li .user {
      background-color: #319CE2;
      display: inline-block;
      margin: 5px 0;
      color: white; }
    .team.devs li .rank, .team.mods li .rank {
      color: #aaa; }
  .team.devs li .user {
    background-color: #EC5840; }

.team-member.rt-inset {
  cursor: pointer;
  position: relative;
  font-size: 90%;
  text-align: left;
  height: auto;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .team-member.rt-inset .avatar {
    position: absolute;
    top: 20px; }
    .team-member.rt-inset .avatar img {
      border-radius: 3px;
      box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
      border: 1px solid #ccc; }
  .team-member.rt-inset .team-member-details {
    padding-left: 260px; }
  @media only screen and (max-width: 767px) {
    .team-member.rt-inset .avatar {
      position: relative;
      top: 0;
      text-align: center; }
    .team-member.rt-inset .team-member-details {
      padding-left: 0;
      padding-top: 20px; }
      .team-member.rt-inset .team-member-details h2, .team-member.rt-inset .team-member-details .rank {
        text-align: center; } }
  .team-member.rt-inset h1, .team-member.rt-inset h2, .team-member.rt-inset h3 {
    margin: 0 0 5px; }
  .team-member.rt-inset .rank {
    .margin-bottom: 10px;
    color: #777;
    font-style: italic; }

.rokclub-showcase h1 {
  text-align: center;
  font-size: 56px;
  line-height: 54px;
  margin: 0;
  padding: 30px 0;
  color: #f0f0f0;
  font-weight: normal;
  opacity: 0.8;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 767px) {
    .rokclub-showcase h1 {
      font-size: 42px;
      line-height: 40px; } }

.clubtabs-bar li a {
  display: block;
  height: 100%;
  color: inherit; }

.club-description {
  padding-bottom: 35px;
  padding-top: 10px;
  text-align: center;
  margin-bottom: 45px; }
  .club-description h5 {
    font-size: 31px;
    line-height: 35px; }

.sku-block-list {
  margin: 0 -3px;
  padding: 0;
  list-style: none; }
  @media only screen and (max-width: 767px) {
    .sku-block-list {
      display: block; } }

.sku-block {
  margin: 15px 3px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  background: #ebebeb;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }
  .sku-block .price {
    font-size: 66px;
    line-height: 70px;
    vertical-align: top;
    color: #484848;
    margin-left: -15px;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .sku-block .price {
        font-size: 56px;
        line-height: 60px; } }
    .sku-block .price span {
      font-size: 26px;
      margin: -10px 4px 0 0;
      display: inline-block;
      vertical-align: top; }
    .sku-block .price del {
      text-decoration: none;
      font-size: 38px;
      margin-top: 0;
      margin-left: 35px;
      margin-right: -10px;
      float: left;
      opacity: 0.5;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .sku-block .price del {
          font-size: 32px;
          margin-right: 0;
          margin-left: 15px; } }
      .sku-block .price del:before {
        content: 'x';
        font-family: 'robotothin';
        font-size: 76px;
        color: red;
        position: absolute;
        left: 12px;
        top: -8px; }
        @media only screen and (min-width: 768px) and (max-width: 959px) {
          .sku-block .price del:before {
            left: 9px; } }
      .sku-block .price del span {
        font-size: 16px;
        margin: -5px 0 0 0; }

.sku-title {
  font-size: 22px;
  margin: 0;
  padding: 20px 10px;
  background-color: #393939;
  background-image: -moz-linear-gradient(top, #484848, #393939);
  background-image: -webkit-linear-gradient(top, #484848, #393939);
  background-image: linear, to bottom, #484848, #393939;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF484848', endColorstr='#FF393939', GradientType=0);
  color: #ffffff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .sku-title {
      font-size: 17px; } }

.developer .sku-title {
  background-color: #247AB4;
  background-image: -moz-linear-gradient(top, #319CE2, #247AB4);
  background-image: -webkit-linear-gradient(top, #319CE2, #247AB4);
  background-image: linear, to bottom, #319CE2, #247AB4;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF319CE2', endColorstr='#FF247AB4', GradientType=0); }
.developer .price del {
  font-size: 27px;
  margin-left: 15px;
  margin-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .developer .price del {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .developer .price del:before {
      left: 8px; } }

.highlight .sku-title {
  background-color: #E04031;
  background-image: -moz-linear-gradient(top, #EC5840, #E04031);
  background-image: -webkit-linear-gradient(top, #EC5840, #E04031);
  background-image: linear, to bottom, #EC5840, #E04031;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEC5840', endColorstr='#FFE04031', GradientType=0); }

.price-row {
  padding: 15px 10px;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }

.sku-description h4 {
  font-size: 19px;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .sku-description h4 {
      font-size: 16px; } }
.sku-description ul {
  text-align: left;
  margin: 0 15px 10px 50px; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .sku-description ul {
      font-size: 14px;
      margin: 0 15px 10px 40px; } }

.sku-button {
  padding: 20px 15px; }

.payment-errors .alert {
  text-align: center; }

.license-block.extensions .sku-title {
  background: none;
  margin: 0 0 15px 0;
  padding: 0;
  display: inline-block;
  text-shadow: none;
  color: inherit;
  font-size: 130%;
  font-family: inherit; }
  .license-block.extensions .sku-title:after {
    content: " -"; }
.license-block.extensions .price-row {
  padding: 0;
  border: none;
  box-shadow: none;
  display: inline-block; }
  .license-block.extensions .price-row .price {
    font-size: 130%; }
.license-block.extensions .sku-button {
  padding: 0; }
.license-block.extensions .price,
.license-block.extensions .savings {
  display: inline-block; }

.club-logo {
  margin-right: 10px; }

.rokclub-title .rticon-joomla, .rokclub-title .rticon-devjoomla {
  color: #EC5840;
  background: -webkit-linear-gradient(#ee6c57, #cb2e14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none; }
.rokclub-title .rticon-wordpress, .rokclub-title .rticon-devwordpress {
  color: #3671B9;
  background: -webkit-linear-gradient(#417ec8, #254d7e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none; }
.rokclub-title .rticon-grav, .rokclub-title .rticon-devgrav {
  color: #8f5aad;
  background: -webkit-linear-gradient(#9b6bb5, #663e7d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none; }
.rokclub-title .rticon-magento {
  color: #E70285;
  background: -webkit-linear-gradient(#fd0693, #9b0159);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none; }
.rokclub-title .rticon-phpbb {
  color: #38A4D7;
  background: -webkit-linear-gradient(#4daedb, #2178a2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none; }

.rokclub-confirmation th {
  width: 40%;
  text-align: left; }
.rokclub-confirmation td {
  width: 60%; }
.rokclub-confirmation:first-child .pad {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .rokclub-confirmation:first-child .pad {
      padding-right: 0; } }

.hosting-banner {
  text-align: center;
  margin-top: 50px; }

.profile-showcase {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px; }

.rokclub-avatar {
  display: inline-block;
  margin-right: 15px;
  border-radius: 4px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 767px) {
    .rokclub-avatar {
      margin: 0 0 15px 0; } }
  .rokclub-avatar img {
    border-radius: 4px;
    max-width: 80px; }

.rokclub-showcase .rokclub-welcome {
  display: inline-block;
  text-align: left;
  padding: 0;
  font-size: 50px;
  vertical-align: middle;
  opacity: 0.8;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

.clubtabs-panel label {
  color: #808080; }
.clubtabs-panel h2 {
  margin: 0 0 30px 0; }
  @media only screen and (max-width: 767px) {
    .clubtabs-panel h2 {
      margin: 0 0 15px 0; } }
.clubtabs-panel .field-row {
  margin-bottom: 5px; }
.clubtabs-panel input::-webkit-input-placeholder {
  color: transparent; }
.clubtabs-panel input:-moz-placeholder {
  color: transparent; }
.clubtabs-panel input::-moz-placeholder {
  color: transparent; }
.clubtabs-panel input:-ms-input-placeholder {
  color: transparent; }

.member-profile .clubtabs-panel h2 {
  margin: 50px 0 30px 0; }

@media only screen and (max-width: 480px) {
  .table-overflow .table {
    font-size: 80%; } }
@media only screen and (max-width: 480px) {
  .table-overflow td {
    white-space: normal; } }
@media only screen and (max-width: 480px) {
  .table-overflow .button-row {
    text-align: center; } }
@media only screen and (max-width: 480px) {
  #history .table-overflow, .menu-account .table-overflow {
    overflow: auto; } }

#user-profile dl {
  margin-top: 0; }
#user-profile dd {
  margin-left: 0;
  margin-bottom: 15px; }
#user-profile .optional {
  font-size: 12px;
  display: block;
  margin-top: -10px; }
#user-profile input {
  width: 100%; }
#user-profile input[type="checkbox"] {
  width: auto;
  float: left; }
#user-profile select {
  width: 100%; }
#user-profile .rc-field {
  width: 100%; }

.mailing-list-block {
  background: #ededed;
  margin: 0 -25px -25px -25px;
  padding: 25px;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #d1d1d1; }
  .mailing-list-block ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mailing-list-block li {
    padding: 5px 0;
    margin-bottom: 10px; }
  .mailing-list-block h4 {
    margin-top: 0; }
  .mailing-list-block label {
    font-size: 17px; }

.mailing-list-desc {
  display: block;
  clear: left;
  padding-left: 85px;
  font-size: 15px; }

.mailing-list-pending {
  color: #2988c6;
  font-weight: bold; }

#kchange-avatar-image {
  /* 	.form-label, .form-field {
  		display: inline-block;
  	}
  	.form-field {
  		float: left;
  	}
  	li {
  		margin: 10px 0;
  	}
  	li:last-child {
  		.form-label, .form-field {
  			display: block;
  		}
  		.form-field {
  			float: none;
  		}
  	}
  	#kavatar-keep, #kavatar-delete {
  		margin-right: 10px;
  		width: auto;
  	} */ }
  #kchange-avatar-image .avatar-row {
    display: inline-block;
    text-align: center;
    padding-right: 15px;
    vertical-align: top;
    cursor: pointer; }
  #kchange-avatar-image .avatar-overlay {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #kchange-avatar-image .form-label {
    margin-bottom: 15px; }
    #kchange-avatar-image .form-label.button {
      margin-top: -21px;
      margin-bottom: 9px; }
  #kchange-avatar-image .rokclub-avatar {
    margin: 0;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 100px;
    height: 100px; }
  #kchange-avatar-image #kavatar-keep, #kchange-avatar-image #kavatar-delete, #kchange-avatar-image #kavatar-upload-radio {
    margin: 5px auto;
    display: block;
    width: auto; }
  #kchange-avatar-image img {
    border-radius: 3px;
    max-width: 100px;
    max-height: 100px; }
  #kchange-avatar-image .upload-new-avatar .drop {
    position: relative;
    font-size: 15px;
    width: 100px;
    height: 100px;
    background-color: #ededed;
    border: 2px dashed #ccc;
    border-radius: 3px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #kchange-avatar-image .upload-new-avatar .drop.avatar-dragover {
      border-color: #6EB8E9;
      background-color: #ddeefa; }
      #kchange-avatar-image .upload-new-avatar .drop.avatar-dragover span {
        color: #58ade6; }
    #kchange-avatar-image .upload-new-avatar .drop span {
      left: 5px;
      right: 5px;
      top: 50%;
      line-height: 18px;
      color: #888;
      padding: 10px 0;
      display: block; }
    #kchange-avatar-image .upload-new-avatar .drop.no-border {
      border: 0; }
    #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file span, #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file .loader {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        padding: 0; }
        #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file span.upload-completed, #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file .loader.upload-completed {
          position: absolute;
          width: 16px;
          height: 16px;
          top: 0;
          height: 16px;
          font-size: 11px;
          background-color: #56d870;
          padding: 2px;
          border-radius: 16px;
          color: #ffffff;
          text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
          z-index: 5; }
      #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file .progress {
        height: 14px;
        top: 50%;
        margin: -8px 4px 0;
        position: absolute; }
        #kchange-avatar-image .upload-new-avatar .drop .drag-drop-file .progress .knob {
          background-color: #319CE2;
          border-radius: 3px; }
  #kchange-avatar-image #kavatar-upload {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.01;
    height: 100%;
    width: 100%; }
  #kchange-avatar-image .loader {
    position: relative;
    width: 100px;
    height: 110px;
    line-height: 106px;
    vertical-align: middle;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #kchange-avatar-image .loader .progress {
      position: relative;
      height: 16px;
      background: #e0dede;
      display: block;
      vertical-align: middle;
      width: 80%;
      margin: 0 auto;
      margin-top: 42px;
      border-radius: 3px; }
      #kchange-avatar-image .loader .progress .knob {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        border-radius: 3px;
        background-color: #2a89c8;
        width: 0%;
        font-size: 11px;
        line-height: 15px;
        text-align: center; }

.profiletabs-icon {
  display: block;
  font-size: 38px;
  padding: 10px 0 4px 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .profiletabs-icon {
      font-size: 32px;
      padding: 15px 0 4px 0; } }
  @media only screen and (min-width: 481px) and (max-width: 767px) {
    .profiletabs-icon {
      font-size: 28px; } }
  @media only screen and (max-width: 480px) {
    .profiletabs-icon {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .profiletabs-icon {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 0; } }

.profiletabs-tabtext {
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9); }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .profiletabs-tabtext {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .profiletabs-tabtext {
      display: none; } }

#forum .pure-pad {
  padding-top: 0; }
#forum input, #forum textarea {
  width: 96%; }
#forum ul {
  padding: 0; }
  #forum ul li {
    list-style: none; }
#forum .birthday select {
  width: auto; }
#forum .upload-avatar {
  border: 1px solid #ccc;
  background: #eee;
  padding: 15px;
  vertical-align: middle;
  border-radius: 4px;
  height: auto;
  line-height: inherit; }

.success .rticon-ok {
  color: #468847; }

.error .rticon-remove {
  color: #ff0000; }

form .form-fields {
  margin: 50px 0; }
form .form-buttons {
  text-align: center; }
form .extra-options {
  margin: 30px 0; }

.ps-details-title {
  padding-bottom: 35px; }

#ps-details {
  margin-top: 20px;
  text-align: center; }
  #ps-details .inset-item {
    max-width: 500px;
    margin: 0 auto; }
  #ps-details .section {
    padding: 15px 0 30px; }
    #ps-details .section .highlight {
      font-size: 1.2em; }
  #ps-details .highlight {
    color: #EC5840; }
  #ps-details sup {
    font-size: 18px; }
  #ps-details .incidents-list {
    margin: -10px -6px;
    position: relative; }
    #ps-details .incidents-list .life-saver {
      background-color: #f2f2f2;
      background-image: url(../images/rokclub/life-saver.png);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      position: absolute;
      width: 66px;
      height: 66px;
      top: 50%;
      left: 50%;
      margin-top: -33px;
      margin-left: -33px; }
    #ps-details .incidents-list .support-option {
      float: left;
      width: 50%;
      padding: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #ps-details .incidents-list .support-option:first-child {
        border-right: 1px solid #ffffff; }
      #ps-details .incidents-list .support-option:last-child {
        border-left: 1px solid #d9d9d9; }
      #ps-details .incidents-list .support-option .incidents {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px; }
      #ps-details .incidents-list .support-option .price {
        font-size: 30px;
        background: white;
        max-width: 115px;
        margin: 0 auto;
        padding: 10px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      #ps-details .incidents-list {
        padding-top: 80px; }
        #ps-details .incidents-list .life-saver {
          top: 20px;
          margin-top: 0; }
        #ps-details .incidents-list .support-option {
          width: 100%;
          float: none; }
          #ps-details .incidents-list .support-option:first-child, #ps-details .incidents-list .support-option:last-child {
            border: none; }
          #ps-details .incidents-list .support-option:first-child {
            border-bottom: 1px solid #ffffff; }
          #ps-details .incidents-list .support-option:last-child {
            border-top: 1px solid #d9d9d9; } }
  #ps-details ul {
    text-align: left; }

.ps-action {
  margin: 20px 0; }

.legend ul.core.basic {
  padding: 0; }
  .legend ul.core.basic li:before {
    content: "\f054"; }

table.ps-table tr[data-action="reopen"],
table.ps-table tr[data-action="closed"],
table.ps-table tr[data-action="terminate"],
table.ps-table tr.invalid,
table.ps-table tr[data-action="reopen"] a {
  color: #999;
  font-style: italic; }
table.ps-table tr[data-action="invalid"],
table.ps-table tr.invalid {
  color: #bf5c47; }
table.ps-table .action {
  width: 100%;
  background: transparent; }
table.ps-table form {
  margin: 0; }
table.ps-table .action {
  position: absolute;
  top: 40px;
  left: -70px;
  height: 32px;
  padding-top: 5px; }
table.ps-table .action.reopen-action {
  left: -80px; }
table.ps-table tr.inprogress .status, table.ps-table tr.status td.inprogress {
  color: #59bceb; }
table.ps-table tr.resolved .status, table.ps-table tr.status td.resolved {
  color: #91b442; }
table.ps-table tr.closed .status, table.ps-table tr.status td.closed {
  color: #f09334; }
table.ps-table tr.reopened .status, table.ps-table tr.status td.reopened, table.ps-table tr.open .status, table.ps-table tr.status td.open {
  color: #bf5c47; }

.details .ps-table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  border: 0; }
  .details .ps-table:first-child {
    border-right: 1px solid #ddd; }
  .details .ps-table th, .details .ps-table tr, .details .ps-table td {
    background: #ffffff;
    text-align: left;
    border: 0; }

.rokclub-details .arrow-left {
  top: 50%;
  left: 0;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #e4e4e4;
  position: absolute;
  left: -8px;
  top: 30px; }
  .rokclub-details .arrow-left .arrow-left {
    top: 50%;
    left: 0;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #f1f1f1;
    position: absolute;
    top: 0;
    left: 2px; }
.rokclub-details .arrow-right {
  top: 50%;
  right: 0;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #e4e4e4;
  position: absolute;
  right: -8px;
  top: 30px; }
  .rokclub-details .arrow-right .arrow-right {
    top: 50%;
    right: 0;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #f1f1f1;
    position: absolute;
    top: 0;
    right: 2px; }
.rokclub-details .ps-message {
  margin: 20px 0 40px; }
  .rokclub-details .ps-message .ps-avatar {
    margin: 0 15px;
    position: absolute;
    top: 0;
    width: 45px;
    padding: 3px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px #eee; }
  .rokclub-details .ps-message .ps-comment-header h4 {
    color: #319CE2; }
  .rokclub-details .ps-message .ps-comment-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 80px; }
  .rokclub-details .ps-message.right .ps-avatar {
    right: 0; }
  .rokclub-details .ps-message.right .ps-comment-header h4 {
    color: #EC5840; }
  .rokclub-details .ps-message.right .ps-comment-wrapper {
    padding-left: 0;
    padding-right: 80px; }
.rokclub-details .ps-comment-header {
  margin: -10px;
  padding: 10px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd; }
  .rokclub-details .ps-comment-header small {
    color: #aaa; }
  @media only screen and (max-width: 767px) {
    .rokclub-details .ps-comment-header {
      margin: -6px;
      padding: 6px; } }
.rokclub-details .ps-comment {
  border: 1px solid #e4e4e4;
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px #eee; }
  .rokclub-details .ps-comment .content {
    padding-top: 25px; }
    .rokclub-details .ps-comment .content .rendericon {
      margin-left: 5px; }
  .rokclub-details .ps-comment h4 {
    margin: 0; }
  .rokclub-details .ps-comment hr {
    border: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    background: none; }
  .rokclub-details .ps-comment p {
    margin-bottom: 10px; }
    .rokclub-details .ps-comment p:empty {
      margin: 0; }
.rokclub-details .thumbnails {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px; }
  .rokclub-details .thumbnails li {
    display: inline-block;
    background: #f9f9f9;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    max-width: 200px;
    border: 1px solid #e4e4e4; }
    .rokclub-details .thumbnails li a.thumbnail {
      height: 150px;
      line-height: 150px; }
    .rokclub-details .thumbnails li img {
      max-height: 150px; }
    .rokclub-details .thumbnails li .caption strong {
      color: #319CE2; }
      .rokclub-details .thumbnails li .caption strong.rockettheme {
        color: #EC5840; }
    .rokclub-details .thumbnails li .statusbar {
      color: #aaa;
      border-top: 1px solid #ddd;
      margin-top: 10px;
      padding-top: 5px; }
    .rokclub-details .thumbnails li h2 {
      margin: 0;
      min-height: 150px;
      line-height: 150px;
      text-transform: uppercase;
      background-color: #f3f3f3;
      box-shadow: 0 0 1px #aaa;
      border-radius: 4px; }
    .rokclub-details .thumbnails li h5 {
      margin: 10px 0 0;
      line-height: 1.3em; }
      .rokclub-details .thumbnails li h5 a {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .rokclub-details .thumbnails li a {
      display: block; }
    .rokclub-details .thumbnails li p {
      margin: 0; }

#comp-rokclub.rokclub-details #add-comment-form .rt-block {
  margin-top: 0;
  padding-top: 0; }
#comp-rokclub.rokclub-details #add-comment-form .pure-u-3-4 .rt-block {
  margin-left: 0;
  padding-left: 0; }
#comp-rokclub.rokclub-details #add-comment-form .pure-u-1-4 .rt-block {
  margin-right: 0;
  padding-right: 0; }
#comp-rokclub.rokclub-details #add-comment-form input[type="file"] {
  line-height: 1em; }

#comp-rokclub textarea {
  width: 100%;
  min-height: 250px; }

#comp-rokclub.create .please-note {
  margin-top: 30px; }
#comp-rokclub.create .rules ul {
  padding: 0; }
#comp-rokclub.create input, #comp-rokclub.create textarea {
  width: 100%; }
#comp-rokclub.create input#summary {
  font-size: 24px;
  line-height: 50px;
  height: 50px; }
#comp-rokclub.create input, #comp-rokclub.create .multi-select, #comp-rokclub.create textarea {
  margin-bottom: 30px; }
#comp-rokclub.create .multi-option {
  margin-right: 30px;
  display: inline-block; }

.files-attachments-wrapper .files-attachments {
  position: relative;
  text-align: center; }
.files-attachments-wrapper h4 {
  margin: 15px 0; }
.files-attachments-wrapper input[type="file"], .files-attachments-wrapper .input-file {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  width: 100%;
  height: 100%; }
.files-attachments-wrapper img {
  text-align: center; }
.files-attachments-wrapper .icon, .files-attachments-wrapper .filename, .files-attachments-wrapper .filesize {
  display: block; }
.files-attachments-wrapper .filename {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.files-attachments-wrapper .filesize {
  text-align: right; }

.datepicker-wrapper {
  font-size: 14px;
  line-height: 14px;
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  color: #333;
  position: absolute;
  z-index: 1000;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }
  .datepicker-wrapper:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-wrapper:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }
  .datepicker-wrapper .datepicker {
    padding: 4px; }
    .datepicker-wrapper .datepicker > div {
      display: none; }
    .datepicker-wrapper .datepicker table {
      border: 0;
      width: 100%;
      margin: 0; }
    .datepicker-wrapper .datepicker td, .datepicker-wrapper .datepicker th {
      text-align: center;
      width: 20px;
      height: 20px;
      border-radius: 4px;
      padding: 4px 5px;
      background-color: transparent;
      border: 0; }
    .datepicker-wrapper .datepicker td.day:hover {
      background: #f7f7f7;
      cursor: pointer; }
      .datepicker-wrapper .datepicker td.day:hover.old, .datepicker-wrapper .datepicker td.day:hover.new {
        color: #999; }
    .datepicker-wrapper .datepicker td.day.disabled {
      color: #e7e7e7; }
    .datepicker-wrapper .datepicker td.old, .datepicker-wrapper .datepicker td.new {
      color: #9b9b9b; }
    .datepicker-wrapper .datepicker td.active, .datepicker-wrapper .datepicker td.active:hover {
      background-color: #247AB4;
      background-image: -moz-linear-gradient(top, #319CE2, #247AB4);
      background-image: -webkit-linear-gradient(top, #319CE2, #247AB4);
      background-image: linear, to bottom, #319CE2, #247AB4;
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF319CE2', endColorstr='#FF247AB4', GradientType=0);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .datepicker-wrapper .datepicker td span {
      display: block;
      width: 47px;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 2px;
      cursor: pointer;
      border-radius: 4px; }
      .datepicker-wrapper .datepicker td span:hover {
        background: #e6e6e6; }
      .datepicker-wrapper .datepicker td span.active {
        background-color: #247AB4;
        background-image: -moz-linear-gradient(top, #319CE2, #247AB4);
        background-image: -webkit-linear-gradient(top, #319CE2, #247AB4);
        background-image: linear, to bottom, #319CE2, #247AB4;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF319CE2', endColorstr='#FF247AB4', GradientType=0);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
      .datepicker-wrapper .datepicker td span.old {
        color: #bfbfbf; }
    .datepicker-wrapper .datepicker th {
      font-weight: bold;
      font-family: "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
      .datepicker-wrapper .datepicker th.switch {
        width: 145px; }
      .datepicker-wrapper .datepicker th.next, .datepicker-wrapper .datepicker th.prev {
        font-size: 16px; }
    .datepicker-wrapper .datepicker thead tr:first-child th, .datepicker-wrapper .datepicker tfoot th {
      cursor: pointer; }
      .datepicker-wrapper .datepicker thead tr:first-child th:hover, .datepicker-wrapper .datepicker tfoot th:hover {
        background: #e6e6e6; }

.input-append.date, .input-prepend.date {
  vertical-align: middle;
  display: inline-block; }
  .input-append.date input, .input-prepend.date input {
    float: left;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    max-width: 100px; }
  .input-append.date .add-on, .input-prepend.date .add-on {
    display: inline-block;
    padding: 4px 6px;
    min-width: 16px;
    width: auto;
    border: 1px solid #c7c7c7;
    height: 22px;
    background-color: #f3f3f3;
    border-radius: 0 4px 4px 0;
    margin-left: 0px;
    vertical-align: middle; }
    .input-append.date .add-on i, .input-prepend.date .add-on i {
      display: block;
      cursor: pointer;
      width: 16px;
      height: 16px;
      line-height: 20px; }

/*# sourceMappingURL=rokclub.css.map */