.eshop {
  font-family: "Trebuchet MS", Helvetica, Arial;
  background-size: cover;
  text-align: center;
  padding: 10px 0 30px;
  margin: 0 0 20px 0;
  position: relative;
  border-bottom: 2px solid #d9d9d9; }
  .eshop h2 {
    font-size: 34px;
    color: #000;
    letter-spacing: 0; }
  .eshop .card {
    padding: 10px;
    margin: 10px 0 15px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); }
  .eshop .eshop-button {
    text-transform: uppercase;
    display: inline-block;
    background-color: #5ba0d0;
    border-radius: 8px;
    padding: 5px 20px;
    margin: 10px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    outline: none; }
    .eshop .eshop-button:hover {
      background-color: #327aad; }
    .eshop .eshop-button.eshop-button-large {
      padding: 8px 35px;
      font-size: 15px; }
  .eshop .red {
    color: #d10000; }
  .eshop .half {
    width: 49%;
    display: inline-block; }
    .eshop .half.right {
      float: right; }
  .eshop .plans-wrap {
    margin: 10px 0; }
    .eshop .plans-wrap .plan {
      position: relative;
      font-size: 105%;
      background-color: #fdfdfd;
      text-align: center;
      width: 25%;
      box-sizing: border-box;
      float: left;
      overflow: hidden;
      -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); }
      .eshop .plans-wrap .plan:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .eshop .plans-wrap .plan:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      .eshop .plans-wrap .plan:not(:last-child) {
        border-right: 1px solid #9d9d9d;
        -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); }
      .eshop .plans-wrap .plan.highlight-plan {
        z-index: 100; }
        .eshop .plans-wrap .plan.highlight-plan .highlight-plan-title {
          position: absolute;
          display: block;
          text-align: center;
          font-size: 11px;
          text-transform: uppercase;
          top: 60px;
          right: 25px;
          left: 25px;
          padding: 2px 0;
          color: #fff; }
        .eshop .plans-wrap .plan.highlight-plan.highlight-recommended {
          transform: scale(1.04);
          background-color: #f4fcff;
          z-index: 1000; }
          .eshop .plans-wrap .plan.highlight-plan.highlight-recommended .old-price {
            color: rgba(255, 255, 255, 0.6); }
          .eshop .plans-wrap .plan.highlight-plan.highlight-recommended > h3 {
            font-size: 28px;
            color: #fff;
            background-color: #5ba0d0; }
          .eshop .plans-wrap .plan.highlight-plan.highlight-recommended .highlight-plan-title {
            background-color: #bd0000; }
        .eshop .plans-wrap .plan.highlight-plan.highlight-special > h3 {
          margin-bottom: 20px; }
        .eshop .plans-wrap .plan.highlight-plan.highlight-special .highlight-plan-title {
          top: 50px;
          background-color: #1186bd; }
      .eshop .plans-wrap .plan .old-price {
        position: absolute;
        top: 6px;
        right: 0;
        left: 0;
        text-align: center;
        font-size: 12px;
        color: #b0b0b0;
        padding: 0 5px;
        margin-right: 5px;
        text-decoration: line-through;
        font-weight: normal; }
      .eshop .plans-wrap .plan h3 {
        font-size: 22px;
        color: #000000;
        background-color: rgba(226, 228, 233, 0.6);
        padding: 25px 10px 10px; }
        .eshop .plans-wrap .plan h3 small {
          font-size: 60%;
          font-weight: normal;
          display: inline-block;
          padding-left: 5px; }
      .eshop .plans-wrap .plan ul {
        list-style: none;
        padding: 0 5px;
        margin: 8px 0; }
      .eshop .plans-wrap .plan .plus:after {
        display: inline-block;
        content: '+';
        font-size: 22px;
        font-weight: bold;
        background-color: #5ba0d0;
        color: #fff;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        line-height: 20px;
        margin: auto; }
      .eshop .plans-wrap .plan .savings {
        position: absolute;
        right: 0;
        bottom: 45px;
        left: 0;
        color: darkorange;
        font-weight: bold;
        font-size: 16px; }
        .eshop .plans-wrap .plan .savings strong {
          background-color: darkorange;
          display: inline-block;
          color: #fff;
          border-radius: 50%;
          width: 32px;
          height: 32px;
          line-height: 32px;
          text-align: center;
          font-size: 14px; }
          .eshop .plans-wrap .plan .savings strong small {
            font-size: 10px;
            padding-left: 2px; }
      .eshop .plans-wrap .plan .eshop-button {
        position: absolute;
        text-transform: uppercase;
        right: 10px;
        bottom: 0;
        left: 10px;
        display: block;
        margin: 10px 0; }
  .eshop .eshop-form {
    position: relative; }
    .eshop .eshop-form .eshop-tabs-wrap {
      margin: 0 0 10px -10px;
      padding: 0 0 0 20px;
      border-bottom: 1px solid #d9d9d9; }
      .eshop .eshop-form .eshop-tabs-wrap .eshop-tab {
        display: inline-block;
        border-top: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        padding: 7px 20px 2px;
        font-size: 1.2em;
        background-color: #eeeeee;
        position: relative;
        top: 1px;
        text-transform: uppercase;
        color: #8a8a8a;
        cursor: pointer; }
        .eshop .eshop-form .eshop-tabs-wrap .eshop-tab.eshop-tab-active {
          padding-top: 5px;
          border-top: 3px solid #5ba0d0;
          background-color: #fff;
          border-bottom-color: #fff;
          font-weight: bold;
          color: #333;
          position: relative; }
          .eshop .eshop-form .eshop-tabs-wrap .eshop-tab.eshop-tab-active:before {
            content: ' ';
            border-radius: 50%;
            width: 6px;
            height: 6px;
            background-color: #5ba0d0;
            display: inline-block;
            position: absolute;
            top: 12px;
            left: 10px; }
          .eshop .eshop-form .eshop-tabs-wrap .eshop-tab.eshop-tab-active:hover {
            color: #000; }
        .eshop .eshop-form .eshop-tabs-wrap .eshop-tab:not(.eshop-tab-active):hover {
          color: #666;
          background-color: #f7f7f7; }
    .eshop .eshop-form .eshop-gift-only {
      display: none; }
    .eshop .eshop-form .eshop-form-gift .eshop-gift-only {
      display: block !important; }
      .eshop .eshop-form .eshop-form-gift .eshop-gift-only.inline {
        display: inline !important; }
    .eshop .eshop-form .eshop-form-gift .eshop-non-gift-only {
      display: none; }
    .eshop .eshop-form h2 {
      font-size: 20px;
      margin: 0; }
    .eshop .eshop-form .eshop-gifter-title {
      font-size: 1.7em; }
    .eshop .eshop-form h5 {
      margin: 0; }
    .eshop .eshop-form .plans-wrap {
      float: right;
      width: 26%; }
      .eshop .eshop-form .plans-wrap h3 {
        position: relative;
        top: -10px; }
      .eshop .eshop-form .plans-wrap .plan {
        width: 100%;
        height: auto;
        padding-bottom: 100px;
        transform: none; }
        .eshop .eshop-form .plans-wrap .plan .eshop-button {
          display: none; }
        .eshop .eshop-form .plans-wrap .plan .savings {
          bottom: 10px; }
    .eshop .eshop-form form {
      text-align: left;
      width: 70%;
      float: left; }
      .eshop .eshop-form form label > span {
        display: block;
        margin: 12px 6px 2px;
        font-size: 13px;
        font-weight: bold;
        color: #666;
        text-transform: uppercase; }
      .eshop .eshop-form form label > small {
        display: block;
        margin: 2px 6px 4px;
        font-size: 10px;
        font-weight: bold;
        color: #858585; }
      .eshop .eshop-form form label input:not([type=checkbox]) {
        width: 100%;
        border-radius: 6px;
        border: 1px solid #ccc;
        padding: 6px 10px;
        box-sizing: border-box; }
      .eshop .eshop-form form label .error {
        color: #d10000;
        font-weight: bold;
        display: block;
        padding: 2px 0 0 6px;
        height: 15px; }
    .eshop .eshop-form .agreementsWrapper label {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0 10px 15px; }
      .eshop .eshop-form .agreementsWrapper label > span:not(.error) {
        display: inline-block;
        text-transform: none;
        padding-left: 10px;
        margin: 0;
        width: 92%; }
  .eshop .eshop-success, .eshop .eshop-danger {
    border-radius: 6px;
    padding: 20px;
    text-align: center; }
    .eshop .eshop-success a, .eshop .eshop-danger a {
      text-decoration: underline; }
  .eshop .eshop-success {
    border: 2px solid #005f00;
    background-color: #dbfade; }
    .eshop .eshop-success * {
      color: #005f00; }
    .eshop .eshop-success a {
      color: #000; }
  .eshop .eshop-danger {
    border: 2px solid #970b05;
    background-color: #fadcce; }
    .eshop .eshop-danger * {
      color: #970b05; }
  .eshop #eshop-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1000; }
    .eshop #eshop-overlay > div {
      position: absolute;
      top: 45%;
      left: 0;
      right: 0;
      font-size: 1.2em;
      text-align: center;
      background-color: rgba(13, 118, 232, 0.46);
      color: #fff;
      padding: 10px 20px;
      width: 30%;
      border-radius: 20px;
      margin: auto; }
  .eshop.gift {
    background-image: url(/images/gift.jpg);
    background-position: top right;
    background-size: 42%;
    background-repeat: no-repeat; }
    .eshop.gift .eshop-form .plans-wrap {
      position: relative;
      top: 12px; }
    .eshop.gift .eshop-form form {
      margin-top: 90px; }
    .eshop.gift .gift-photo-author {
      text-align: right;
      font-size: 0.9em;
      color: #ccc; }
  .eshop.form-step {
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat; }
    .eshop.form-step .eshop-form .plans-wrap {
      position: relative;
      top: 12px; }
    .eshop.form-step .eshop-tabs-wrap:after {
      content: ' ';
      position: absolute;
      background-color: #fff; }