.sticky-top-submenu {
      top: 70px;
      z-index: 1;
  }

  @media (max-width:991px) {
      .sticky-top-submenu {
          position: relative;
          top: 0;
      }
  }


  /*========================================================================
  Blog und jComments die css für JCommand liegt hier: /components/com_jcomments/tpl/softmaker
Dort liegen auch alle templates
========================================================================== */
  /* Blog container size  and centering */
  .tm-sidebar-a-right .blogON {
      max-width: 1024px;
      padding: 0 35px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
  }

  /* Titel color and hover */
  .tm-sidebar-a-right .blogON .blogTitel {
      color: #0085cd !important;
  }

  .tm-sidebar-a-right .blogON .blogTitel:hover {
      color: orange !important;
  }

  /* Hidden Recent Posts */
  @media (max-width: 766px) {
      .tm-sidebar-a-right .blogON aside {
          display: none !important;
      }
  }

  .blog-intro {
      margin-top: 25px;
  }

  .blog-intro-img-left {
      float: left;
      padding-top: 0px;
      padding-bottom: 20px;
      margin-right: 45px;
      margin-left: 15px;
  }

  .blog-intro-img-right {
      float: right;
      margin: 0px 15px 15px 0px;
  }

  .blog-body {
      clear: both;
  }

  .blog-body h4 {
      padding-top: 50px;
  }

  .blog-body img {
      margin: 20px 0 20px 0;
      /*    border: 1px solid #c2c2c2 !important;*/
  }

  .blog-img-border {}

  .create {
      margin-bottom: 0;
  }

  /*========================================================================
  Remove outlines
========================================================================== */
  *,
  *:focus,
  a,
  a:focus,
  a:active:focus,
  a.active:focus,
  a.focus,
  a:active.focus,
  a.active.focus,
  button,
  button:focus,
  button:active:focus,
  button.active:focus,
  button.focus,
  button:active.focus,
  button.active.focus,
  .btn,
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
      box-shadow: inset 0 -1px 0 #ddd;
      border: none;
      outline: 0;
      border-color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  /*========================================================================
  Menu momentan noch gemixt mit YT
========================================================================== */
  .container-menu {
      box-sizing: border-box;
      max-width: 1220px;
      padding: 0 15px;
      margin-left: auto;
      margin-right: auto;
  }

  /* Large screen and bigger */
  @media (max-width: 1200) {
      .container-menu {
          max-width: 980px;
          padding: 0 35px;
          margin-left: auto;
          margin-right: auto;
      }
  }

  /*========================================================================
  ROW-Gutter small
========================================================================== */

  .small-gutters {
      margin-right: 3px;
      margin-left: 3px;
  }

  .small-gutters > .col,
  .small-gutters > [class*="col-"] {
      padding-right: 3px;
      padding-left: 3px;
  }

  /*========================================================================
  MobileMenu
========================================================================== */
  /* ClassToggler burger click */
  .burgermenu .hide {
      display: none;
  }

  .burgermenu .show {
      display: block;
  }

  /*========================================================================== */
  .burgermenu {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*    overflow: hidden;*/
  }

  .burgermenu .burger-container {
      position: relative;
      display: inline-block;
      /*    height: 70px;*/
      width: 50px;
      cursor: pointer;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      margin-top: 35px;
  }

  .burgermenu .burger-container #burger {
      width: 30px;
      height: 8px;
      position: relative;
      display: block;
      margin: -4px auto 0;
      top: 50%;
  }

  .burgermenu .burger-container #burger .bar {
      width: 100%;
      height: 2px;
      display: block;
      position: relative;
      background: #FFF;
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
  }

  .burgermenu .burger-container #burger .bar.topBar {
      -webkit-transform: translateY(0px) rotate(0deg);
      transform: translateY(0px) rotate(0deg);
  }

  .burgermenu .burger-container #burger .bar.btmBar {
      -webkit-transform: translateY(6px) rotate(0deg);
      transform: translateY(6px) rotate(0deg);
  }

  .burgermenu .burger-container #burger .bar.midBar {
      -webkit-transform: translateY(-12px) rotate(0deg);
      transform: translateY(-12px) rotate(0deg);
  }

  .burgermenu .uk-navbar-nav > li > a {
      height: 40px;
      line-height: 40px;
  }

  .burgermenu .uk-navbar-nav > li > a:focus {
      opacity: 1;
  }

  .burgermenu .icon {
      display: inline-block;
      position: absolute;
      line-height: 50px;
      /*    text-align: center;*/
      color: #FFF;
      /*    font-size: 22px;*/
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }

  .sm-brand {
      margin-top: 8px;
  }

  .burgermenu .icon.lang {
      right: -16px;
      top: 15px;
      left: auto;
  }

  .burgermenu ul.smenu {
      position: relative;
      display: block;
      padding: 40px 48px 0;
      list-style: none;
  }

  /* Deeper menu childs*/
  .burgermenu ul.nav-child li.smenu-item {
      list-style: none;
  }

  x .burgermenu ul.smenu .list-unstyled-deeper {
      padding-left: 20px;
  }

  .burgermenu ul.smenu li.smenu-item a {
      margin-bottom: 5px;
  }

  .burgermenu ul.smenu li.smenu-item {
      border-bottom: 1px solid #333;
      margin-top: 5px;
  }

  .burgermenu ul.smenu li.smenu-item:last-child {
      border: 0px;
  }

  .burgermenu ul.smenu li.smenu-item a,
  .burgermenu .nav-header {
      display: block;
      position: relative;
      color: #FFF;
      text-decoration: none;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 100;
      width: 100%;
  }

  .burgermenu ul.smenu li.smenu-item a:hover {
      color: orange;
  }

  .burgermenu.menu-opened {
      height: 100%;
      background-color: #000;
      position: fixed;
      overflow-y: auto;
  }

  .burgermenu.menu-opened .burger-container {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
  }

  .burgermenu.menu-opened .burger-container #burger .bar {
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
  }

  .burgermenu.menu-opened .burger-container #burger .bar.topBar {
      -webkit-transform: translateY(4px) rotate(45deg);
      transform: translateY(4px) rotate(45deg);
  }

  .burgermenu.menu-opened .burger-container #burger .bar.btmBar {
      -webkit-transform: translateY(3px) rotate(-45deg);
      transform: translateY(3px) rotate(-45deg);
  }

  .burgermenu.menu-opened .burger-container #burger .bar.midBar {
      display: none;
  }

  @media (min-width: 992px) {
      .burgermenu {
          display: none;
      }
  }

  /*========================================================================
  Submenu + Shop mobile
========================================================================== */
  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:active {
      outline: 0;
      outline: none;
      border: none;
  }

  .navbar-toggler span:nth-child(1),
  .navbar-toggler span:nth-child(2),
  .navbar-toggler span:nth-child(3) {
      display: block;
      background-color: #0085cd;
      height: 2px;
      width: 16px;
      margin-top: 3px;
      margin-bottom: 3px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      position: relative;
      left: 0;
      opacity: 1;
  }

  .navbar-toggler span:nth-child(1),
  .navbar-toggler span:nth-child(3) {
      -webkit-transition: transform .35s ease-in-out;
      -moz-transition: transform .35s ease-in-out;
      -o-transition: transform .35s ease-in-out;
      transition: transform .35s ease-in-out;
  }

  .navbar-toggler:not(.collapsed) span:nth-child(1) {
      position: absolute;
      left: auto;
      top: 18px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      opacity: 0.9;
  }

  .navbar-toggler:not(.collapsed) span:nth-child(2) {
      height: 12px;
      top: 20px;
      visibility: hidden;
      background-color: transparent;
  }

  .navbar-toggler:not(.collapsed) span:nth-child(3) {
      position: absolute;
      left: auto;
      top: 18px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
      opacity: 0.9;
  }

  .navbar-toggler div {
      margin-top: -16px;
      margin-left: 25px;
  }

  .navbar-toggler:not(.collapsed) div {
      margin-top: -16px;
  }

  .navbar-item {
      color: #0085cd;
      font-size: 15px;
  }

  .sub {
      width: 100%;
      list-style: none;
      border-bottom: 1px solid #cdcdcd;
      text-align: right;
      padding-left: 0px;
      font-size: 12px !important;
  }

  ul.sub > li {
      display: inline-block;
  }

  ul.sub > li:first-child {
      float: left;
  }

  ul.sub.shop > li:first-child {
      float: none;
  }

  .navbar-sub {
      height: 100%;
      width: 100%;
      padding: 0;
  }

  .nav-header-sub {
      font-family: 'Open Sans', Arial, sans-serif;
      font-size: 18px;
      color: #0085cd;
  }

  ul.sub li a.nav-link {
      display: block;
      padding: 0.01rem 0.3rem;
      color: #777 !important;
      margin-right: 2px;
  }

  ul.sub li a.nav-link:hover {
      color: #0085cd !important;
  }

  ul.sub > li.active a {
      background: orange;
      color: #fff !important;
      border: 0px solid orange;
      border-radius: 3px;
      /*
    margin-left: 2px;
    margin-right: 2px;
*/
  }

  ul.sub > li.active a:hover {
      color: #fff !important;
      background: #0085cd;
  }

  ul.sub > li a.order-now {
      background: #0085cd;
      color: #fff !important;
      border: 0px solid orange;
      border-radius: 0.25rem;
      margin-right: 0px;
  }

  ul.sub > li a.order-now:hover {
      color: #fff !important;
      background: orange;
  }

  @media (max-width: 991px) {
      .sub {
          border-bottom: 0px solid #cdcdcd;
          background-color: #777;
          text-align: center;
          font-size: 15px !important;
          border: 0px solid #777;
          border-radius: 0.25rem;
          margin-top: 8px;
          padding: 15px 0;
          width: calc(100% - 50%);
          margin-left: auto;
          margin-right: auto;
      }

      ul.sub > li {
          display: block;
          margin: 7px 0;
      }

      ul.sub li a.nav-link {
          color: #fff !important;
      }

      ul.sub li a.nav-link:hover {
          color: orange !important;
      }

      .nav-header-sub {
          display: none;
      }

      ul.sub > li a.order-now:hover {
          color: #fff !important;
          background: orange;
      }

      ul.sub > li.active a {
          border-radius: 0px;
      }

      .navbar-toggler-sub {
          border: 2px solid #0085cd !important;
          padding-top: 0.75rem;
          padding-right: 0.75rem;
          padding-bottom: 0.75rem;
          padding-left: 0.75rem;
      }
  }

  @media (max-width: 576px) {
      .sub {
          width: calc(100% - 20%);
      }
  }

  /* ---------------------------------------------- */

  .img-center {
      margin-left: auto;
      margin-right: auto;
      display: block;
  }

  .card .card-badge-red {
      position: absolute;
      top: -18px;
      left: 15px;
      padding: 5px;
      background: #dc3545;
      color: white;
      transform: rotate(0deg);
      font-size: 16px;
  }

  .card .card-badge-green {
      position: absolute;
      top: -18px;
      left: 15px;
      padding: 5px;
      background: #28a745;
      color: white;
      transform: rotate(0deg);
      font-size: 16px;
  }

  .card-footer .add2cart {
      color: #777777 !important;
      font-size: 26px;
      line-height: 1.2;
      font-weight: 700 !important;
      text-align: center;
  }

  .card-footer .add2cart .lable {
      font-size: 14px;
      margin-top: 2px;
  }

  .card-footer .add2cart button {
      margin-top: 15px;
      margin-bottom: 6px;
  }

  .card-footer .add2cart .shop-back-product {
      font-size: 14px;
  }

  @media (max-width:263px) {
      .mb263 {
          margin-bottom: 20px;
      }
  }

  /*========================================================================
  Backgrounds
========================================================================== */
  .bg-lightgrey {
      background-color: #efefef;
  }

  .bg-grey {
      background-color: grey;
  }

  .bg-dimgrey {
      background-color: dimgrey;
  }

  .bg-green {
      background-color: #009E2C;
  }

  .bg-blue {
      background-color: #0085cd;
  }

  .bg-red {
      background-color: #d9534f;
  }

  .bg-ice {
      background-color: #e3f2fd;
  }

  .bg-midnight {
      background: #222f3d;
  }

  .bg-bird {
      background: #d9eaf7;
  }

  /*=================================================
  Cards
=================================================== */
  .card-center {
      margin: 0 auto;
      float: none;
      /*        margin-bottom: 10px;*/
  }

  .card-body-download {
      padding: 0rem;
      padding-top: 1.5rem;
  }

  .card-body-download {
      width: 85%;
      margin: 0 auto;
      margin-top: 50px;
  }

  .card-footer-download {
      padding: 2rem 0rem;
      background-color: rgba(0, 0, 0, 0.00);
      border-top: 0px solid rgba(0, 0, 0, 0.125);
  }

  /*=================================================
    Buttons 
=================================================== */

  .btn {
      display: inline-block;
      font-weight: 100;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 0px solid transparent;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 0.25rem;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      /*Standard color*/
      color: white;
      background-color: #0085cd;
      border-color: #0085cd;
  }

  .btn:hover,
  .btn:focus {
      text-decoration: none;
      color: orange;
      background-color: #0085cd;
      border-color: transparent;
  }

  .btn:focus {
      color: white;
  }

  .btn:focus,
  .btn.focus {
      outline: 0 !important;
      outline: none !important;
      box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25);
      box-shadow: none !important;
  }

  .btn-card-header {
      padding: 0rem 0rem;
  }

  .btn-card-header:hover {
      background-color: #0085cd !important;
      cursor: pointer;
  }

  .btn-card-header:focus {
      background-color: #343a40 !important;
  }

  .btn-primary {
      color: var(--secondary);
      background-color: var(--white);
      border-color: var(--white);
  }

  .btn-primary:hover,
  .btn-primary:focus {
      color: var(--dark);
      background-color: var(--light);
      border-color: var(--light);
  }

  .btn-primary:not(:disabled):not(.disabled):active,
  .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
      color: var(--dark);
      background-color: var(--light);
      border-color: var(--light);
  }

  .btn-secondary {
      color: #777;
      background-color: #fff;
      border-color: #fff;
  }

  .btn-secondary:hover .btn-secondary:focus {
      color: #777;
      background-color: #ffffff;
      border-color: #ffffff;
  }

  /* Button size */
  .btn-lg,
  .btn-group-lg > .btn {
      padding: 0.5rem 1rem;
      font-size: 1.25rem;
      line-height: 1.5;
      border-radius: 0.3rem;
  }

  .btn-sm,
  .btn-group-sm > .btn {
      padding: 0.25rem 0.5rem;
      font-size: 0.875rem;
      line-height: 1.5;
      border-radius: 0.2rem;
  }

  /* ========================================================================
  Accordion in Verbindung mit Card und Card-Header ald Button.
  "Auf Service Packs übersicht"
========================================================================== */
  .btn-accordion {
      width: 100%;
      color: white !important;
      background-color: transparent;
      border-color: transparent;
      padding-left: 30px;
      text-align: left;
      white-space: normal;
      outline: none;
  }

  .btn-accordion:hover,
  .btn-accordion:focus,
  .btn-accordion button:visited {
      text-decoration: none;
      color: orange !important;
      background-color: transparent;
      border-color: transparent;
  }

  .btn-accordion:focus {
      text-decoration: none;
      color: white !important;
      background-color: transparent;
      border-color: transparent;
      outline: none;
      outline: 0;
  }

  .caret-before[data-toggle="collapse"]:before {
      position: absolute;
      display: inline-block;
      display: inline-block;
      font: normal normal normal 16px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f0d7";
      transform: rotate(0deg);
      transition: all linear 0.25s;
      margin-top: 8px;
      margin-left: 10px;
      color: #fff;
  }

  .caret-before[data-toggle="collapse"].collapsed:before {
      transform: rotate(-90deg);
  }

  .btn-accordion div:nth-child(3) {
      text-align: right;
  }

  @media (max-width:767px) {
      .btn-accordion div:nth-child(3) {
          text-align: left;
      }
  }

  /* ========================================================================
  Alarts
========================================================================== */
  /* Primary is used for os detect Download */
  .alert-primary {
      color: #777777;
      background-color: #e9f4ff;
      border-color: #c9e3ff;
  }

  .alert-primary hr {
      border-top-color: #9fcdff;
  }

  .alert-primary .alert-link {
      color: #002752;
  }

  .alert-secondary {
      color: #383d41;
      background-color: #e2e3e5;
      border-color: #d6d8db;
  }

  .alert-secondary hr {
      border-top-color: #c8cbcf;
  }

  .alert-secondary .alert-link {
      color: #202326;
  }

  .alert-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb;
  }

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

  .alert-success .alert-link {
      color: #0b2e13;
  }

  .alert-info {
      color: #0c5460;
      background-color: #d1ecf1;
      border-color: #bee5eb;
  }

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

  .alert-info .alert-link {
      color: #062c33;
  }

  .alert-warning {
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba;
  }

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

  .alert-warning .alert-link {
      color: #533f03;
  }

  .alert-danger {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb;
  }

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

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

  .alert-light {
      color: #818182;
      background-color: #fefefe;
      border-color: #fdfdfe;
  }

  .alert-light hr {
      border-top-color: #ececf6;
  }

  .alert-light .alert-link {
      color: #686868;
  }

  .alert-dark {
      color: #1b1e21;
      background-color: #d6d8d9;
      border-color: #c6c8ca;
  }

  .alert-dark hr {
      border-top-color: #b9bbbe;
  }

  .alert-dark .alert-link {
      color: #040505;
  }

  /* ========================================================================
   Table for home news
========================================================================== */
  .news-home {
      font-size: 12px;
      line-height: 16px;
  }

  /* ========================================================================
   Table striped: Added a border to the last child 
========================================================================== */
  .table-striped tbody tr:last-child {
      border-bottom: 1px solid #dee2e6;
  }

  /* ========================================================================
   Footer
========================================================================== */
  footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      color: #fff !important;
      height: 30px;
  }

  .footer-menu li {
      line-height: 14px;
      padding: 4px 0;
  }

  .footer-menu li a {
      font-size: 12px;
      color: #a8b3bb !important;
  }

  .footer-menu li a:hover {
      font-size: 12px;
      color: #fff !important;
  }

  /* ========================================================================
   Row/Grid divider muss ---> noch mal getestet werden 22.02.2019
========================================================================== */
  .row-divider {
      overflow-x: hidden;
      position: relative;
  }

  .row-divider > [class*="col-"]:nth-child(n+2):after {
      content: "";
      background-color: #ddd !important;
      position: absolute;
      top: 0;
      bottom: 0;
      min-width: 1px;
      left: -1px;
  }

  @media (max-width: 767px) {
      .row-divider > [class*="col-"]:nth-child(n+2):after {
          width: 100%;
          height: 0px;
          left: 0;
          top: -4px;
          min-width: 0px;
      }
  }

  /* ========================================================================
   Ist für den Upload button im Support-Formular
========================================================================== */
  .form-control {
      display: block;
      width: 100%;
      height: calc(2.25rem + 7px);
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  /* ========================================================================
   Extra iFrame Einstellungen / wird aktuell für Shopping cart verwendet
========================================================================== */

  @media (min-width: 992px) {

      .iframe-modal-lg,
      .iframe-modal-xl {
          max-width: 800px;
      }
  }

  @media (min-width: 1200px) {
      .iframe-modal-xl {
          max-width: auto;
      }
  }

  .embed-responsive-1by1 {
      padding-top: 100%;
  }

  /*=================================================
  Shop
=================================================== */
  .add2cart {
      text-align: center;
      margin-top: 30px;
  }

  .add-to-cart a {
      margin-top: 0px;
  }

  .shop-tabs .uk-tab-left > li.uk-active > a {
      border-right-color: transparent;
  }

  .shop-tabs .uk-tab-left > li.uk-active > a,
  .uk-tab-right > li.uk-active > a {
      border-color: #0085cd;
  }

  .shop-tabs .uk-tab > li.uk-active > a {
      background: #0085cd;
      color: #ffffff;
  }

  .shop-tabs .uk-tab-left {
      border-right: 1px solid #0085cd;
  }

  .shop-tabs .uk-nav li.uk-active > a {
      color: orange;
  }

  .shop-tabs .uk-nav-dropdown > li > a:hover {
      color: orange;
  }

  .shop-tabs .uk-nav li {
      margin-bottom: 10px;
  }

  .shop-tabs .uk-nav li:last-child {
      margin-bottom: 0px;
  }

  .shop-tabs .uk-tab-responsive > a:before {
      content: "\f0c9\00a0";
      font-family: FontAwesome;
      margin-right: 7px;
  }

  @media (max-width: 767px) {
      .shop-tabs .uk-tab-left {
          border-right: 0;
      }

      .shop-tabs .uk-tab {
          border-bottom: 1px solid #0085cd;
      }

      .shop-tabs .uk-tab > li {
          margin-bottom: 0px;
      }

      .shop-tabs .uk-dropdown {
          margin-left: 0px;
          background: #777;
      }
  }

  .card-list {
      padding-left: 15px;
      list-style: none;
  }

  .card-list > ul {
      margin: 0.75em 0;
      padding: 0 1em;
      list-style: none;
  }

  .card-list > li:before {
      content: "";
      border-color: transparent #777;
      border-style: solid;
      border-width: 0.35em 0 0.35em 0.45em;
      display: block;
      height: 0;
      width: 0;
      left: -1em;
      top: 0.9em;
      position: relative;
  }

  .bg-lightgrey-grad {
      background-image: linear-gradient(to bottom, #fafafa 0%, white 100%);
  }

  .shop-modal-close {
      float: right;
      font-size: 2rem;
      font-weight: 300;
      line-height: 1.15;
      color: white;
      text-align: center;
      margin-right: 20px;
      margin-bottom: -60px;
      margin-top: 20px;
      padding-left: 1px;
      border-radius: 50% 50%;
      background-color: #0085cd;
      width: 30px;
      height: 30px;
      opacity: .5;
  }

  .shop-modal-close:hover {
      color: orange;
      opacity: 1;
  }

  .cart-icon {
      margin-left: 10px;
  }