body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
  display: none !important; }

body.gbt_custom_notif .page-notifications {
  top: 63px;
  left: 100%;
  width: 100px;
  margin: 0;
  padding: 0;
  background: transparent;
  position: fixed;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 8889;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
    margin: 0 0 10px; }
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
    border: none;
    width: 100%;
    margin: 0 0 15px;
    min-height: 90px;
    height: 100%;
    z-index: 8888;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media only screen and (max-width: 414px) {
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
        min-height: 50px; } }
    @media only screen and (min-width: 415px) and (max-width: 767px) {
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
        min-height: 65px; } }
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button,
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a {
      color: #FFF;
      text-transform: uppercase;
      display: inline-block;
      position: relative;
      font-size: 13px;
      padding: 0 !important;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      float: none;
      min-width: 10px; }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after,
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after {
        font-family: 'Shopkeeper-Icon-Font';
        content: "\e902";
        display: inline-block;
        font-weight: normal;
        color: #fff;
        font-size: 16px;
        padding: 0px 1px 0px 3.5px;
        top: 2px;
        position: relative;
        margin-right: 5px; }
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
      display: block !important;
      width: 100%;
      text-align: left;
      min-height: 20px; }
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
      background: rgba(0, 0, 0, 0.2);
      font-size: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 90px; }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
        padding: 33px; }
      @media only screen and (max-width: 414px) {
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
          font-size: 18px;
          width: 75px; }
          body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
            padding: 28px; } }
      @media only screen and (min-width: 415px) and (max-width: 767px) {
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
          font-size: 18px;
          width: 85px; }
          body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
            padding: 33.5px; } }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
        content: '\e923';
        font-family: 'Shopkeeper-Icon-Font'; }
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
      display: table;
      font-size: 16px;
      line-height: 1.35;
      margin: 0;
      opacity: 0;
      padding: 20px;
      width: 375px;
      word-break: break-word;
      min-height: 90px;
      height: 100%; }
      @media only screen and (max-width: 414px) {
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
          font-size: 13px;
          min-height: 75px;
          width: 245px; } }
      @media only screen and (min-width: 415px) and (max-width: 767px) {
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
        body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
          font-size: 14px;
          width: 315px;
          min-height: 85px; } }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
        display: table-cell;
        vertical-align: middle; }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
        list-style-type: none; }
    body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
        background-size: cover;
        background-position: center;
        width: 90px;
        min-height: 90px; }
        @media all and (max-width: 414px) {
          body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
            min-height: 75px;
            width: 75px; } }
        @media all and (min-width: 415px) and (max-width: 767px) {
          body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
            min-height: 85px;
            width: 85px; } }
  body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
    cursor: pointer; }
    body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.fade-out-notice {
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      -webkit-animation: fade-out;
      animation: fade-out;
      -webkit-animation-duration: .75s;
      animation-duration: .75s;
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
    body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.open-notice {
      -webkit-animation: slide-in;
      animation: slide-in;
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
      -webkit-animation-delay: .5s;
      animation-delay: .5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
      body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.open-notice .gbt-custom-notification-message,
      body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.open-notice .product_notification_text {
        -webkit-animation: opacity_text_in;
        animation: opacity_text_in;
        -webkit-animation-delay: 1.25s;
        animation-delay: 1.25s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
    body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.close-notice {
      -webkit-animation: slide-out, height-out;
      animation: slide-out, height-out;
      -webkit-animation-duration: 1.2s, 1s;
      animation-duration: 1.2s, 1s;
      -webkit-animation-delay: 0s, 1s;
      animation-delay: 0s, 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease; }
      body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.close-notice .gbt-custom-notification-message,
      body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice.close-notice .product_notification_text {
        -webkit-animation: opacity_text_out, text-out;
        animation: opacity_text_out, text-out;
        -webkit-animation-duration: .4s, .5s;
        animation-duration: .4s, .5s;
        -webkit-animation-delay: 0s, 1.2s;
        animation-delay: 0s, 1.2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease; }
  body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.open-notice {
    -webkit-animation: slide-in, slide-out;
    animation: slide-in, slide-out;
    -webkit-animation-duration: 1.5s, 1.5s;
    animation-duration: 1.5s, 1.5s;
    -webkit-animation-delay: .5s, 3.5s;
    animation-delay: .5s, 3.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease; }
    body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.open-notice .gbt-custom-notification-message,
    body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.open-notice .product_notification_text {
      -webkit-animation: opacity_text_in, opacity_text_out;
      animation: opacity_text_in, opacity_text_out;
      -webkit-animation-delay: 1.25s, 3.65s;
      animation-delay: 1.25s, 3.65s;
      -webkit-animation-duration: .5s, .5s;
      animation-duration: .5s, .5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  @media only screen and (max-width: 767px) {
    body.gbt_custom_notif .page-notifications {
      top: 50px; } }

@media only screen and (max-width: 414px) {
  @-webkit-keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 500px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 500px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @-webkit-keyframes slide-out {
    0% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @keyframes slide-out {
    0% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 320px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-320px);
      transform: translateX(-320px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 75px;
      max-height: 75px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } } }

@media only screen and (min-width: 415px) and (max-width: 767px) {
  @-webkit-keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @-webkit-keyframes slide-out {
    0% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @keyframes slide-out {
    0% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 400px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-400px);
      transform: translateX(-400px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 85px;
      max-height: 85px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } } }

@media only screen and (min-width: 768px) and (max-width: 1819px) {
  @-webkit-keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @-webkit-keyframes slide-out {
    0% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @keyframes slide-out {
    0% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @-webkit-keyframes fade-out {
    0% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 1; }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 0;
      max-height: 0;
      opacity: 0;
      margin: 0; } }
  @keyframes fade-out {
    0% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 1; }
    50% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    75% {
      -webkit-transform: translateX(-525px);
      transform: translateX(-525px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 0;
      max-height: 0;
      opacity: 0;
      margin: 0; } } }

@media only screen and (min-width: 1820px) {
  @-webkit-keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @keyframes slide-in {
    0% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); } }
  @-webkit-keyframes slide-out {
    0% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @keyframes slide-out {
    0% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 1000px;
      -moz-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
      box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36); }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 90px;
      max-height: 90px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @-webkit-keyframes fade-out {
    0% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 1; }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 0;
      max-height: 0;
      opacity: 0;
      margin: 0; } }
  @keyframes fade-out {
    0% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 1; }
    50% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    75% {
      -webkit-transform: translateX(-575px);
      transform: translateX(-575px);
      width: 465px;
      max-height: 500px;
      opacity: 0; }
    100% {
      -webkit-transform: translateX(60px);
      transform: translateX(60px);
      width: 0;
      max-height: 0;
      opacity: 0;
      margin: 0; } } }

@-webkit-keyframes opacity_text_in {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacity_text_in {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes opacity_text_out {
  0% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes opacity_text_out {
  0% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes height-out {
  0% {
    min-height: 90px;
    max-height: 90px;
    margin: 0 0 15px; }
  100% {
    min-height: 0;
    max-height: 0;
    margin: 0; } }

@keyframes height-out {
  0% {
    min-height: 90px;
    max-height: 90px;
    margin: 0 0 15px; }
  100% {
    min-height: 0;
    max-height: 0;
    margin: 0; } }

@-webkit-keyframes text-out {
  0% {
    padding: 20px; }
  100% {
    padding: 0;
    max-height: 0; } }

@keyframes text-out {
  0% {
    padding: 20px; }
  100% {
    padding: 0;
    max-height: 0; } }

.rtl .page-notifications {
  direction: ltr; }

.woocommerce-account .page-notifications {
  display: none; }