@charset "UTF-8";

/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

body {

  overflow-x: hidden; }



/******************************

 Main Structure

*******************************/

.wrapper, .mega-menu-content, .site-wrapper > .container {

  max-width: 1024px; }



.wrapper {

  margin: 0 auto;

  position: relative; }



.site-wrapper {

  position: relative;

  width: 100%;

  min-height: 100vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  margin: 0 auto; }

  .site-wrapper > .container {

    width: 100%;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

    .site-wrapper > .container > .row {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1; }



.row {

  margin-left: 0;

  margin-right: 0; }

  .row > div {

    padding-left: 0;

    padding-right: 0; }



.site-wrapper > .container::before, .site-wrapper > .container::after,

.site-wrapper > .container > .row::before,

.site-wrapper > .container > .row::after {

  display: none; }



#content {

  width: 100%; }

  .one-column #content {

    max-width: calc(100% - 200px); }

  .two-column #content {

    max-width: calc(100% - 200px * 2); }



.side-column {

  width: 100%;

  max-width: 200px; }



.phone .side-column {

  display: none !important; }



.phone #content {

  max-width: 100% !important; }



.left-column-disabled #column-left,

.left-column-disabled #column-right,

.right-column-disabled #column-left,

.right-column-disabled #column-right {

  display: none; }



.left-column-disabled.one-column #content, .left-column-disabled.two-column #content,

.right-column-disabled.one-column #content,

.right-column-disabled.two-column #content {

  max-width: 100%; }



/******************************

 Page Titles

*******************************/

.title {

  position: relative;

  line-height: 1.2;

  margin: 0;

  padding: 0; }

  .title span::after {

    top: 1px; }



html:not(.popup) .site-wrapper > h1.page-title > span {

  display: block;

  margin: 0 auto; }



html:not(.popup) .site-wrapper > h1.page-title::after {

  display: none !important; }



/******************************

 Title Module

*******************************/

.title-module h3 {

  display: inline-block;

  margin: 0; }



.title-module .title-divider {

  margin: 0 auto; }

  .title-module .title-divider::before {

    line-height: 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%); }



.title-module .subtitle {

  display: inline-block; }



.title-module .title-wrapper {

  position: relative; }

  .title-module .title-wrapper::before {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%); }



.title-wrapper {

  margin: 0 auto; }



/******************************

 Footer

*******************************/

footer {

  clear: both;

  margin-top: auto;

  z-index: 1; }



.desktop.footer-reveal .site-wrapper::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 1;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

  pointer-events: none; }



.desktop.footer-reveal .site-wrapper > *:not(footer) {

  z-index: 2; }



.desktop.footer-reveal .site-wrapper header {

  z-index: 3; }



.desktop.footer-reveal .top-row {

  position: relative;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0); }



.desktop.footer-reveal footer {

  position: fixed;

  z-index: 0;

  width: 100vw;

  bottom: 0; }



/******************************

 Breadcrumbs

*******************************/

.breadcrumb {

  margin: 0;

  border-radius: 0;

  position: relative;

  padding: 0;

  background-color: transparent;

  width: 100%;

  margin: 0 auto; }

  .breadcrumb > li {

    position: relative;

    word-break: break-all;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .breadcrumb > li:last-of-type a {

      pointer-events: none;

      text-decoration: none; }

  .breadcrumb::before {

    content: "";

    position: absolute;

    width: 100vw;

    height: 100%;

    left: 50%;

    margin-left: -50vw;

    top: 0;

    z-index: -1; }



.boxed-layout .breadcrumb::before {

  display: none; }



/******************************

 Empty page

*******************************/

#content h1 + p:only-of-type:last-child {

  margin: 0;

  padding: 10px; }



/******************************

 Header Notice

*******************************/

.notice-module {

  overflow: hidden;

  -webkit-box-ordinal-group: -99;

      -ms-flex-order: -100;

          order: -100; }

  .notice-module .module-body, .notice-module .hn-body {

    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; }



/******************************

 Block Expand

*******************************/

.expand-block {

  position: relative; }



.block-expand {

  padding: 2px 6px;

  font-size: 10px;

  pointer-events: auto; }

  .block-expand::after {

    font-weight: inherit;

    -webkit-font-smoothing: initial; }



.block-expand-overlay {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  height: 40px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  pointer-events: none; }



.expand-content.block-expanded {

  max-height: 100% !important;

  overflow: visible !important;

  padding-bottom: 25px;

  -webkit-transition: all 0s !important;

  transition: all 0s !important; }

  .expand-content.block-expanded + .block-expand-overlay {

    background: none !important; }



.no-expand .expand-content {

  max-height: 100% !important;

  overflow: visible !important; }



.no-expand .block-expand-overlay {

  display: none !important; }



/******************************

 Info Blocks

*******************************/

.module-info_blocks .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.module-info_blocks .info-blocks-image .info-block::before {

  display: none; }



.module-info_blocks .info-block-img {

  position: relative; }



.info-block {

  position: relative;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  height: 100%; }

  .info-block::before {

    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;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    line-height: 1;

    text-align: center; }

  .info-block .count-badge {

    position: absolute;

    right: 0;

    top: 0; }



.info-block-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }



/******************************

 Old Browser

*******************************/

.has-old-browser {

  position: fixed;

  overflow: hidden; }



.old-browser {

  position: fixed;

  width: 100%;

  height: 100%;

  text-align: center;

  display: table;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 10000000; }



.ob-content {

  display: table-cell;

  vertical-align: middle; }



.ob-text {

  padding: 10px 15px;

  font-size: 20px;

  display: block;

  max-width: 750px;

  margin: 0 auto; }



.ob-links a {

  display: inline-block;

  margin: 15px; }

  .ob-links a img {

    display: block;

    margin-bottom: 5px;

    -webkit-transform: scale(0.9);

            transform: scale(0.9);

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

  .ob-links a:hover img {

    -webkit-transform: scale(1);

            transform: scale(1); }



/******************************

 Scroll to Top

*******************************/

.scroll-top {

  display: none;

  position: fixed;

  z-index: 10001;

  right: 20px;

  bottom: 10px;

  cursor: pointer; }

  .scroll-top i {

    font-size: 50px; }

  .scroll-top.scroll-top-active {

    display: block !important; }



/******************************

 Loader

*******************************/

.journal-loading-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  z-index: 9990;

  background: rgba(0, 0, 0, 0.15); }



.journal-loading {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 0; }

  .journal-loading i::before {

    content: "\e92f";

    font-family: icomoon;

    line-height: 1;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -51%);

            transform: translate(-50%, -51%); }

  .journal-loading + iframe {

    z-index: 10; }



/******************************

 Site Loader

*******************************/

.j-loader {

  width: 100vw;

  height: 100vh;

  overflow: hidden;

  position: fixed;

  z-index: 1000000;

  -webkit-transition: opacity 6s ease, -webkit-transform 1s ease-in-out;

  transition: opacity 6s ease, -webkit-transform 1s ease-in-out;

  transition: transform 1s ease-in-out, opacity 6s ease;

  transition: transform 1s ease-in-out, opacity 6s ease, -webkit-transform 1s ease-in-out;

  background: white; }



.j-loader-content {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .j-loader-content .journal-loading {

    position: static;

    -webkit-transform: none;

            transform: none; }

  .j-loader-content span {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    display: block; }



.j-loaded {

  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);

          transform: translate3d(-50%, -50%, 0) scale(0);

  opacity: 0; }



/******************************

 Catalog

*******************************/

.no-search .mobile-search-wrapper {

  display: none !important; }



.no-search .mobile-2 .mobile-search-group {

  display: none !important; }



.safari .module-banners a,

.safari .module-gallery a,

.safari .category-thumb a,

.safari .manufacturer-thumb a {

  -webkit-mask-image: -webkit-radial-gradient(white, black); }



/******************************

 Span after breadcrumbs

*******************************/

.breadcrumb + span {

  height: 0; }



/******************************

 Default modal color

*******************************/

.modal {

  color: #333; }



html.ie {

  overflow-x: hidden; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Journal Grid

*******************************/

.grid-rows {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.grid-row {

  position: relative;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }

  .grid-row::before {

    width: 100vw;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    outline: 1px solid transparent; }

  .grid-row .wave {

    pointer-events: none;

    position: absolute;

    width: 100%; }

  .grid-row .wave-top {

    top: 0;

    left: 0;

    -webkit-transform: translateY(-63%);

            transform: translateY(-63%); }

  .grid-row .wave-bottom {

    z-index: -1;

    bottom: 0;

    left: 0;

    -webkit-transform: translateY(63%) scaleY(-1);

            transform: translateY(63%) scaleY(-1); }



.boxed-layout .grid-row::before {

  width: 100%; }



.mega-menu .grid-row {

  overflow: hidden; }



/******************************

 Overlay Element

*******************************/

.grid-cols {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin: 0 auto;

  height: 100%; }



.grid-col {

  width: 100%;

  position: relative; }



.module {

  position: relative; }



.side-column > .grid-rows > .grid-row > .grid-cols > .grid-col {

  width: 100% !important; }



.grid-items {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.grid-item {

  width: 100%; }



.video-row {

  position: absolute;

  z-index: -100;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden; }



.video-bg {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0);

          transform: translate3d(-50%, -50%, 0);

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: -100; }



/******************************

 Column Dimensions

*******************************/

.desktop #top .grid-col::before, .desktop #content-top .grid-col::before,

.desktop #bottom .grid-col::before {

  pointer-events: none;

  position: absolute;

  padding: 0 4px;

  font-size: 12px;

  top: 0;

  left: 0;

  background-color: palegreen;

  z-index: 10; }



.desktop #top .grid-col:hover::before, .desktop #content-top .grid-col:hover::before,

.desktop #bottom .grid-col:hover::before {

  content: attr(data-dimensions); }



.desktop #top .grid-cols > div:only-of-type::before {

  display: none; }



/******************************

 Demo

*******************************/

/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 General

*******************************/

::before,

::after {

  position: relative;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-weight: 400; }



.fa {

  position: relative; }



.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 {

  margin: 0;

  font-weight: 700; }



p {

  margin: 0; }



s {

  text-decoration: none;

  font-size: 70%;

  font-style: normal;

  font-weight: 400;

  white-space: normal;

  line-height: 1;

  max-width: 125px;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out; }



/******************************

 Images

*******************************/

img {

  max-width: 100%;

  height: auto;

  -ms-flex-item-align: start;

      align-self: flex-start; }



.img-thumbnail {

  padding: 0;

  border-radius: 0;

  border: none;

  background: transparent; }



.language-flag {

  max-width: none; }



.lazyload,

.lazyloading {

  opacity: 0; }



.lazyloaded {

  opacity: 1;

  -webkit-transition: opacity 300ms;

  transition: opacity 300ms; }



@-webkit-keyframes fa-rotate {

  0% {

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



@keyframes fa-rotate {

  0% {

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



/******************************

 Buttons

*******************************/

a, button {

  -ms-touch-action: manipulation;

      touch-action: manipulation; }



a:focus, a:hover {

  text-decoration: none; }



button {

  border: none;

  outline: none;

  margin: 0;

  padding: 0; }



button:focus, button.active:focus, button:active:focus,

.btn:focus,

.btn.active:focus,

.btn:active:focus,

.btn-default:focus,

.btn-default.active:focus,

.btn-default:active:focus {

  outline: none; }



button.active, button:active,

.btn.active,

.btn:active,

.btn-default.active,

.btn-default:active {

  -webkit-box-shadow: none;

          box-shadow: none; }



.btn.disabled {

  pointer-events: none;

  position: relative;

  opacity: 1; }

  .btn.disabled::before,

  .btn.disabled > span {

    opacity: 0; }

  .btn.disabled::after {

    content: "";

    position: absolute; }



.btn.btn-full {

  width: 100%; }



.btn {

  border: none;

  border-radius: 0;

  background: transparent;

  padding: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  line-height: 1;

  min-width: 0;

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out; }

  .btn > span:first-of-type {

    min-width: 0;

    white-space: nowrap; }

  .btn > .links-text:empty {

    display: none; }

  .btn .count-badge {

    margin: 0; }



.fa-upload {

  margin-right: 5px; }



:focus {

  outline: none; }



/******************************

 Page Buttons

*******************************/

.buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out; }

  .buttons .pull-left {

    margin-right: auto; }

  .buttons .pull-right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1; }

    .buttons .pull-right > a:not(.btn) {

      margin: 0 5px; }

      .buttons .pull-right > a:not(.btn) + input {

        margin: 0 5px 0 0; }

  .buttons input[type=checkbox] {

    margin: 0 4px; }



fieldset + .buttons,

.pagination-results + .buttons {

  margin-top: 20px; }



/******************************

 Count Badge

*******************************/

.count-badge {

  font-size: 10px;

  margin-left: 5px;

  min-width: 1.65em;

  height: 1.65em;

  padding: 0 3px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  line-height: 0; }



/******************************

 Rating

*******************************/

.fa-stack {

  font-size: 15px;

  width: 1.1em;

  height: 1em;

  line-height: 1; }

  .fa-stack i {

    font-size: 1em; }



.fa-star,

.fa-star + .fa-star-o {

  color: gold; }



.fa-stack-1x, .fa-stack-2x {

  position: absolute;

  left: 0;

  width: 100%;

  text-align: center; }



/******************************

 Product Labels

*******************************/

.product-labels {

  overflow: hidden;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  pointer-events: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.product-label {

  position: relative;

  pointer-events: none;

  -webkit-box-ordinal-group: 6;

      -ms-flex-order: 5;

          order: 5; }

  .product-label b {

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-transition: opacity .2s;

    transition: opacity .2s;

    font-weight: 400;

    font-size: 12px;

    white-space: nowrap;

    line-height: 1; }



.product-label-diagonal {

  top: 0;

  left: 0;

  width: 300px;

  -webkit-transform: translate3d(-130px, 8px, 0) rotate(-45deg);

          transform: translate3d(-130px, 8px, 0) rotate(-45deg);

  font-size: 15px;

  text-align: center;

  position: absolute;

  margin: 0;

  padding: 0; }

  .product-label-diagonal b {

    display: block;

    background: transparent; }

  .product-label-diagonal.label-2 {

    -webkit-transform: translate3d(-112px, 26px, 0) rotate(-45deg);

            transform: translate3d(-112px, 26px, 0) rotate(-45deg); }

  .product-label-diagonal.label-3 {

    -webkit-transform: translate3d(-94px, 43px, 0) rotate(-45deg);

            transform: translate3d(-94px, 43px, 0) rotate(-45deg); }



html[dir='rtl'] .product-label-default {

  text-align: left; }



html[dir='rtl'] .product-label-diagonal {

  left: auto;

  right: 0;

  text-align: center;

  -webkit-transform: translate3d(calc(0px - (-130px)), 8px, 0) rotate(45deg);

          transform: translate3d(calc(0px - (-130px)), 8px, 0) rotate(45deg); }

  html[dir='rtl'] .product-label-diagonal.label-2 {

    -webkit-transform: translate3d(calc(0px - (-112px)), 26px, 0) rotate(45deg);

            transform: translate3d(calc(0px - (-112px)), 26px, 0) rotate(45deg); }

  html[dir='rtl'] .product-label-diagonal.label-3 {

    -webkit-transform: translate3d(calc(0px - (-94px)), 43px, 0) rotate(45deg);

            transform: translate3d(calc(0px - (-94px)), 43px, 0) rotate(45deg); }



/******************************

 Countdown

*******************************/

.countdown {

  position: relative;

  color: white;

  background-color: rgba(0, 0, 0, 0.4);

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  visibility: visible;

  opacity: 1;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  font-size: 12px; }

  .countdown > div {

    width: 25%;

    padding: 2px;

    border-width: 0 0 0 1px; }

    .countdown > div:first-of-type {

      border-left-width: 0; }

    .countdown > div span {

      display: block;

      font-size: 10px;

      font-weight: 400;

      position: relative;

      top: -3px;

      padding: 0 4px;

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis; }

  .product-thumb:hover .countdown {

    opacity: 1; }



.touchevents .countdown {

  opacity: 1; }



.module-countdown .countdown {

  margin: 0 auto; }



/******************************

 Forms

*******************************/

label {

  font-weight: 400;

  position: relative; }



legend {

  border: none;

  margin: 10px 0;

  color: inherit; }



.form-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  position: relative;

  margin: 0;

  -webkit-transition: all 0.05s ease-out;

  transition: all 0.05s ease-out; }

  .form-group:empty {

    display: none !important; }

  .form-group > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

  .form-group .text-danger,

  .form-group .text-success {

    width: 100%;

    margin-top: 5px; }

  .form-group .control-label {

    padding: 0;

    margin: 0;

    width: auto;

    text-align: left;

    float: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-width: 0 0 1px 0;

    -ms-flex-item-align: start;

        align-self: flex-start;

    width: 100%; }

    .form-group .control-label + div {

      width: auto;

      -webkit-box-flex: 1;

          -ms-flex: 1 1 200px;

              flex: 1 1 200px;

      padding-left: 0;

      padding-right: 0;

      float: none; }

  .form-group .input-group {

    -ms-flex-wrap: nowrap;

        flex-wrap: nowrap; }

  .form-group fieldset {

    width: 100%; }



.radio,

.checkbox {

  padding: 0 15px 0 0;

  margin: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .radio input,

  .checkbox input {

    margin: 0; }

  .radio label,

  .checkbox label {

    display: inline-block;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .radio label input[type='checkbox'],

    .checkbox label input[type='checkbox'] {

      margin-top: 3px; }

  .radio a,

  .checkbox a {

    padding: 0 3px; }



.checkbox-inline,

.radio-inline {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .checkbox-inline input,

  .radio-inline input {

    margin: 0; }



.radio + .radio,

.radio + .checkbox {

  margin-top: 0; }



.label-info {

  display: inline-block; }



.form-group > .col-sm-2 > input[type=checkbox] {

  margin-top: 10px; }



.form-control {

  border-radius: 0 !important;

  border-color: transparent;

  line-height: 1.3;

  color: #555;

  background-color: white;

  -webkit-transition: all 0.07s ease-out;

  transition: all 0.07s ease-out;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-shadow: none;

          box-shadow: none; }



input.form-control {

  min-width: 35px;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  width: auto;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1; }



.has-error .form-control {

  -webkit-box-shadow: none;

          box-shadow: none; }



.has-error .control-label,

.has-error .text-danger {

  color: inherit; }



.input-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .input-group input.form-control {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  .input-group .input-group-btn {

    width: auto;

    height: 100%; }

  .input-group .btn {

    height: 100%; }

    .input-group .btn i {

      position: absolute;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

              transform: translate(-50%, -50%); }



#input-captcha {

  max-width: 140px; }

  #input-captcha + img {

    margin: 0 7px; }



.form-horizontal .form-group {

  margin-left: 0;

  margin-right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.form-horizontal .captcha .form-group {

  margin: 0; }



.form-horizontal .captcha legend {

  display: none; }



.form-horizontal .g-recaptcha {

  -webkit-transform: scale(0.92);

          transform: scale(0.92);

  -webkit-transform-origin: 0 0;

          transform-origin: 0 0; }



.form-horizontal .radio, .form-horizontal .checkbox {

  padding-top: 5px;

  min-height: 20px; }



.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

  padding-top: 0; }



fieldset + fieldset {

  margin-top: 20px; }



.required .control-label::after {

  content: "*";

  position: relative;

  font-family: inherit;

  margin-left: 3px;

  line-height: 1.2;

  max-height: 10px; }



.required .control-label + div::before {

  display: none;

  content: "*";

  position: absolute;

  -webkit-transform: translateX(-150%);

          transform: translateX(-150%);

  font-family: inherit;

  line-height: 1.2;

  max-height: 10px; }



.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group {

  margin: 0; }



/******************************

 Date Time

*******************************/

.bootstrap-datetimepicker-widget tr td {

  position: relative; }

  .bootstrap-datetimepicker-widget tr td span {

    position: relative; }

    .bootstrap-datetimepicker-widget tr td span:hover {

      background: transparent;

      z-index: 2; }

    .bootstrap-datetimepicker-widget tr td span.active {

      background-color: inherit;

      color: inherit;

      text-shadow: inherit;

      z-index: 3; }

  .bootstrap-datetimepicker-widget tr td:hover, .bootstrap-datetimepicker-widget tr td.active {

    z-index: 2; }

  .bootstrap-datetimepicker-widget tr td.separator {

    color: inherit;

    background-color: transparent;

    -webkit-box-shadow: none;

            box-shadow: none; }

    .bootstrap-datetimepicker-widget tr td.separator:hover {

      color: inherit !important;

      background-color: transparent !important;

      -webkit-box-shadow: none !important;

              box-shadow: none !important; }



.bootstrap-datetimepicker-widget .datepicker-months tr td,

.bootstrap-datetimepicker-widget .datepicker-years tr td,

.bootstrap-datetimepicker-widget .timepicker-picker tr td {

  color: inherit !important;

  background-color: transparent !important;

  -webkit-box-shadow: none !important;

          box-shadow: none !important; }



.bootstrap-datetimepicker-widget .picker-switch + .collapse .timepicker-hours,

.bootstrap-datetimepicker-widget .picker-switch + .collapse .timepicker-minutes {

  margin-top: 10px; }



.bootstrap-datetimepicker-widget::before {

  display: none !important; }



.bootstrap-datetimepicker-widget .timepicker-picker .btn {

  margin: 10px 0; }



.bootstrap-datetimepicker-widget .picker-switch .btn {

  margin-top: 10px; }



/******************************

 Stepper

*******************************/

.stepper {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  overflow: hidden;

  width: 50px;

  height: 100%;

  border-width: 1px;

  min-height: 30px;

  font-size: 15px;

  -webkit-transition: all 0.05s ease-out;

  transition: all 0.05s ease-out; }

  .stepper .form-control {

    width: 100%;

    height: 100%;

    min-height: 28px;

    border-radius: inherit !important;

    border-width: 0;

    text-align: center;

    padding: 0 20px 0 2px;

    font-size: 13px;

    -webkit-transition: all 0.05s ease-out;

    transition: all 0.05s ease-out; }

  .stepper span {

    position: absolute;

    right: 0;

    top: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    height: 100%;

    border-width: 0 0 0 1px;

    border-color: inherit;

    border-style: inherit;

    z-index: 10; }

    .stepper span i {

      cursor: pointer;

      width: 100%;

      min-width: 18px;

      background: #E6E6E6;

      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;

      height: 50%;

      -webkit-transition: all 0.05s ease-out;

      transition: all 0.05s ease-out; }

      .stepper span i:hover {

        background: lightgrey; }

      .stepper span i:active {

        -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3);

                box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); }

      .stepper span i:first-of-type {

        border-width: 0 0 1px 0;

        border-color: inherit;

        border-style: inherit; }

        .stepper span i:first-of-type::before {

          font-family: icomoon;

          content: "\e93e";

          -webkit-transform: rotate(90deg);

                  transform: rotate(90deg); }

      .stepper span i:last-of-type::before {

        font-family: icomoon;

        content: "\e93f";

        -webkit-transform: rotate(90deg);

                transform: rotate(90deg); }



a :active, button :active, .btn :active {

  opacity: .9; }



i.fa {

  font-style: normal; }



/******************************

 Table

*******************************/

table {

  border-collapse: inherit; }

  table td {

    padding: 10px 15px; }



.table-bordered > tbody > tr > td {

  border-top-width: 0;

  border-right-width: 0; }



.table-responsive {

  margin-bottom: 0;

  border-width: 0; }

  .table-responsive::-webkit-scrollbar {

    -webkit-appearance: none; }



.table-responsive {

  border: 0; }

  .table-responsive > table {

    border: none !important; }



.table, table, .table-responsive > .table {

  margin-bottom: 0;

  border-width: 0; }



.table-hover > tbody > tr:hover {

  background-color: transparent; }



.table-striped > tbody > tr:nth-of-type(odd) {

  background-color: transparent; }



html[dir='rtl'] .table {

  max-width: none;

  max-width: initial; }



.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

  padding: 8px 14px;

  border-top-color: transparent;

  vertical-align: middle; }



.table-bordered > tbody > tr > td,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > td,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > thead > tr > th {

  border-color: transparent; }



.table-bordered {

  border-color: transparent; }



.table {

  border-color: transparent; }

  .table > tbody + tbody {

    border-top: 0; }



table td:first-child, table th:first-child, .table-bordered td:first-child, .table-bordered th:first-child {

  border-left-width: 0; }



table td:last-child, table th:last-child, .table-bordered td:last-child, .table-bordered th:last-child {

  border-right-width: 0; }



table thead > tr > td, .table-bordered thead > tr > td {

  border-bottom-width: 1px;

  border-right-width: 0; }



table tbody tr:last-child td, table tbody tr:last-child th, .table-bordered tbody tr:last-child td, .table-bordered tbody tr:last-child th {

  border-bottom-width: 0; }



table tfoot > tr > td, .table-bordered tfoot > tr > td {

  border-bottom-width: 0;

  border-right-width: 0; }



table > thead > tr > td {

  border-bottom-width: 1px; }



table > thead:first-of-type > tr > td {

  border-top-width: 0 !important; }



.table > tbody:first-child > tr:first-of-type > td {

  border-top-width: 0 !important; }



@media screen and (max-width: 767px) {

  .table-responsive > .table > tbody > tr > td,

  .table-responsive > .table > tbody > tr > th,

  .table-responsive > .table > tfoot > tr > td,

  .table-responsive > .table > tfoot > tr > th,

  .table-responsive > .table > thead > tr > td,

  .table-responsive > .table > thead > tr > th {

    white-space: normal; } }



.product-compare #content tbody td {

  text-align: center; }



.route-account-wishlist #content table td,

.route-checkout-cart #content table td,

.route-checkout-checkout #content table td {

  min-width: 100px; }



.bootstrap-datetimepicker-widget td,

.bootstrap-datetimepicker-widget th {

  border-width: 0; }



/******************************

 Tooltips

*******************************/

.tooltip {

  z-index: 10001;

  pointer-events: none;

  opacity: 1; }

  .tooltip.in {

    opacity: 1;

    pointer-events: none; }



.tooltip-inner {

  color: white;

  background: #333;

  border-radius: 5px;

  font-size: 13px;

  padding: .2em .6em; }



.tooltip.top .tooltip-arrow {

  border-top-color: #333; }



.tooltip.right .tooltip-arrow {

  border-right-color: #333; }



.tooltip.bottom .tooltip-arrow {

  border-bottom-color: #333; }



.tooltip.left .tooltip-arrow {

  border-left-color: #333; }



.tooltip.fade > * {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out; }



.tooltip.fade.in > * {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0); }



.tooltip.top > * {

  -webkit-transform: translate3d(0, 7px, 0);

          transform: translate3d(0, 7px, 0); }



.tooltip.right > * {

  -webkit-transform: translate3d(-7px, 0, 0);

          transform: translate3d(-7px, 0, 0); }



.tooltip.bottom > * {

  -webkit-transform: translate3d(0, -7px, 0);

          transform: translate3d(0, -7px, 0); }



.tooltip.left > * {

  -webkit-transform: translate3d(7px, 0, 0);

          transform: translate3d(7px, 0, 0); }



/******************************

 Alerts

*******************************/

.alert {

  margin-bottom: 0;

  border: 0;

  padding: 10px 25px 10px 15px;

  border-radius: 0;

  position: relative; }

  .alert i {

    margin: 5px; }

  .alert .close {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-55%);

            transform: translateY(-55%);

    right: 10px;

    opacity: 1; }



/******************************

 Tags

*******************************/

.tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .tags a {

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }



/******************************

 RESPONSIVE VIDEO

*******************************/

.video-responsive {

  -webkit-column-break-inside: avoid;

     -moz-column-break-inside: avoid;

          page-break-inside: avoid;

          break-inside: avoid;

  width: 100%;

  position: relative; }



.video-frame {

  position: relative;

  padding-bottom: 56.25%;

  width: 100%; }

  .video-frame > iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; }



iframe {

  max-width: 100%;

  border: none; }



/******************************

 Facebook

*******************************/

.fb-page {

  overflow-x: auto;

  max-width: 100%;

  display: block !important; }



hr {

  margin-top: 10px;

  margin-bottom: 10px;

  position: relative;

  overflow: visible; }

  hr::before {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    line-height: 0;

    width: 1em;

    height: 1em;

    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; }



br {

  height: 1px;

  display: block; }



/******************************

 Drop Cap

*******************************/

.drop-cap {

  position: relative;

  display: block;

  float: left;

  line-height: 1; }



.amp {

  display: inline-block;

  position: relative;

  line-height: 1; }



/******************************

 Blockquote

*******************************/

blockquote {

  border: none;

  padding: 0;

  margin: 0;

  border: none;

  font-size: inherit; }

  blockquote::before {

    float: left;

    line-height: 1;

    font-size: 2.5em;

    font-style: normal; }

  blockquote::after {

    content: "";

    display: table;

    width: 100%;

    clear: both; }



/******************************

 No transitions

*******************************/

.no-transitions * {

  -webkit-transition: all 0s !important;

  transition: all 0s !important; }



/******************************

 Share Reactions

*******************************/

.sharethis-inline-reaction-buttons {

  display: inline-block !important; }

  .sharethis-inline-reaction-buttons .st-btn {

    font-size: 18px !important;

    padding: 0 7px !important;

    width: auto !important; }

    .sharethis-inline-reaction-buttons .st-btn.st-selected {

      -webkit-transform: scale(1) !important;

              transform: scale(1) !important; }

    .sharethis-inline-reaction-buttons .st-btn > svg {

      width: 30px !important;

      height: 30px !important; }



/******************************

Link Resets

*******************************/

.cart-heading,

.info-block,

.nav-tabs li a,

.btn,

.name a,

.catalog-title,

.subitem a,

.panel-title a,

.refine-item a,

.compare-btn,

.search-result a,

.j-menu > li > a,

.dropdown-toggle > a,

.menu-item > a,

.account-list a,

.tags a,

.module-blog_categories a,

.module-blog_comments a,

.blog-feed,

.mobile-custom-menu,

.slider-static-text,

.x {

  text-decoration: none; }

  .cart-heading:hover,

  .info-block:hover,

  .nav-tabs li a:hover,

  .btn:hover,

  .name a:hover,

  .catalog-title:hover,

  .subitem a:hover,

  .panel-title a:hover,

  .refine-item a:hover,

  .compare-btn:hover,

  .search-result a:hover,

  .j-menu > li > a:hover,

  .dropdown-toggle > a:hover,

  .menu-item > a:hover,

  .account-list a:hover,

  .tags a:hover,

  .module-blog_categories a:hover,

  .module-blog_comments a:hover,

  .blog-feed:hover,

  .mobile-custom-menu:hover,

  .slider-static-text:hover,

  .x:hover {

    text-decoration: none; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Login Page

*******************************/

.login-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .login-box > div {

    width: 100%;

    width: -webkit-fill-available;

    width: -moz-available; }

  .login-box .login-box .form-group {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

  .login-box::before, .login-box::after {

    display: none; }

  .login-box .well {

    height: 100%;

    border: none;

    border-radius: 0;

    padding: 0;

    margin: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

    background: transparent;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .login-box .well > .btn {

      margin-top: auto;

      -ms-flex-item-align: start;

          align-self: flex-start; }

    .login-box .well p:first-of-type {

      display: none; }

    .login-box .well .buttons {

      margin-top: auto; }



#account-login .well {

  margin: 0; }



.form-group input[type="password"] + div {

  margin-top: 10px;

  margin-bottom: 10px;

  position: relative;

  width: 100%;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1; }



.register-page > div {

  width: 100%; }



.register-page > p {

  margin-bottom: 20px; }



.register-page .fieldset + fieldset {

  margin-top: 30px; }



/******************************

 My Account

*******************************/

.route-account-account #content,

.route-affiliate-account #content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .route-account-account #content > div,

  .route-affiliate-account #content > div {

    margin-bottom: 25px; }



.account-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .account-list > li {

    width: 100%;

    margin-bottom: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    .account-list > li > a {

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      line-height: 1.3;

      -webkit-transition: all 0.1s ease-out;

      transition: all 0.1s ease-out; }

      .account-list > li > a::before {

        margin-right: 5px; }



.route-account-return-add fieldset {

  margin-top: 30px; }



.route-account-order-info table {

  margin-bottom: 20px; }



.route-account-order-info h2 {

  margin-top: 20px; }



.route-account-return-info h1 + table,

.route-account-return-info .table-responsive {

  margin-bottom: 20px; }



#account, #address, #account-address form > div:not(.buttons) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Wishlist

*******************************/

.route-account-wishlist .table {

  margin-bottom: 0; }



.route-account-wishlist .table-responsive table tr td:nth-of-type(2) {

  min-width: 175px; }



.route-account-wishlist .table-responsive table tr td:last-of-type {

  white-space: nowrap; }



.route-account-wishlist .table-responsive .btn {

  padding: 10px; }



.route-account-wishlist .table-responsive .fa-times::before,

.route-account-wishlist .table-responsive .fa-shopping-cart::before {

  font-size: 16px; }



[class*="route-account-"]:not(.route-account-address) table .text-right .btn,

[class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn {

  min-width: 35px;

  min-height: 35px;

  margin: 2px; }

  [class*="route-account-"]:not(.route-account-address) table .text-right .btn i,

  [class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%); }

    [class*="route-account-"]:not(.route-account-address) table .text-right .btn i::before,

    [class*="route-account-"]:not(.route-account-address-delete) table .text-right .btn i::before {

      font-size: 16px; }



[class*="route-account-"]:not(.route-account-address) h1 + p,

[class*="route-account-"]:not(.route-account-address-delete) h1 + p {

  margin-bottom: 15px; }



/******************************

 Cart Page

*******************************/

.panels-total {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between; }



.cart-total {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end; }

  .cart-total .table {

    margin: 0 !important; }

    .cart-total .table td + td {

      width: 15%;

      min-width: 130px; }



@media only screen and (max-width: 760px) {

  .route-checkout-cart .panels-total .form-group .input-group {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .route-checkout-cart .panels-total .form-group .input-group .input-group-btn {

      width: 100%; }

      .route-checkout-cart .panels-total .form-group .input-group .input-group-btn .btn {

        width: 100%;

        margin-left: 0;

        margin-top: 5px;

        height: 40px;

        padding: 10px; }

  html[dir='rtl'].route-checkout-cart .panels-total .form-group .input-group .input-group-btn .btn {

    margin-left: 0;

    margin-left: initial;

    margin-right: 0; } }



.route-checkout-cart #content .table-responsive table tbody .td-qty .input-group {

  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; }



.route-checkout-cart #content .table-responsive table tbody .td-qty .input-group-btn {

  width: auto; }



.route-checkout-cart #content .table-responsive table tr td {

  min-width: 90px; }

  .route-checkout-cart #content .table-responsive table tr td:nth-of-type(2) {

    min-width: 175px; }



.route-checkout-cart #content .cart-panels {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }

  .route-checkout-cart #content .cart-panels p {

    margin-bottom: 10px; }



.route-checkout-cart #content .cart-page,

.route-checkout-cart #content form,

.route-checkout-cart #content .cart-bottom {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1; }



.route-checkout-cart #content .cart-bottom {

  width: 100%; }



.route-checkout-cart #content table td {

  vertical-align: middle; }



.route-checkout-cart #error-not-found #content {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



/******************************

 Default Checkout

*******************************/

.route-checkout-checkout .table-responsive table tr td {

  min-width: 90px; }

  .route-checkout-checkout .table-responsive table tr td:nth-of-type(1) {

    min-width: 175px; }



.route-checkout-checkout #payment .col-sm-3 {

  max-width: 110px;

  padding-right: 0;

  float: left; }



.phone.route-checkout-checkout #payment > div > div > div {

  max-width: 100%; }



.table-responsive > iframe {

  margin: 0 !important;

  padding-top: 20px;

  width: 100%; }



/******************************

 Sitemap

*******************************/

.route-information-sitemap #content > .row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .route-information-sitemap #content > .row::before {

    display: none; }

  .route-information-sitemap #content > .row > div {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

    .route-information-sitemap #content > .row > div > ul {

      padding: 0; }

      .route-information-sitemap #content > .row > div > ul ul {

        padding-left: 20px; }

      .route-information-sitemap #content > .row > div > ul li {

        list-style: none;

        margin-top: 5px; }

        .route-information-sitemap #content > .row > div > ul li a::before {

          margin: 0 5px; }



/******************************

 Contact

*******************************/

.route-information-contact .our-location {

  background: transparent;

  border: none;

  -webkit-box-shadow: none;

          box-shadow: none;

  margin: 0; }

  .route-information-contact .our-location a > i {

    margin-right: 5px; }

  .route-information-contact .our-location .panel-body {

    padding: 0; }



.route-information-contact .other-stores {

  margin-bottom: 20px; }



/******************************

 Manufacturer

*******************************/

.route-product-manufacturer .brand h2 {

  margin-top: 15px; }



.route-product-manufacturer .brand .row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin: -5px; }

  .route-product-manufacturer .brand .row::before, .route-product-manufacturer .brand .row::after {

    display: none; }

  .route-product-manufacturer .brand .row > div {

    padding: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 20%; }



.route-product-manufacturer #content > h1 + p {

  padding: 0;

  margin-bottom: 10px; }



.route-product-manufacturer .manufacturer {

  margin-bottom: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .route-product-manufacturer .manufacturer > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0 15px 15px 0; }



.image-card {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-transition: all 0.15s ease;

  transition: all 0.15s ease; }

  .image-card img {

    margin: 0 auto 5px auto; }

  .image-card > span {

    width: 100%;

    text-align: center;

    margin-top: auto;

    max-width: 120px;

    line-height: 1.1; }



.route-account-return-info #content > * + * {

  margin-top: 20px; }



/******************************

 Compare

*******************************/

.route-product-compare .compare-buttons {

  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;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  padding: 7px 0; }

  .route-product-compare .compare-buttons .btn {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    margin: 4px; }

    .route-product-compare .compare-buttons .btn::before {

      display: none; }



.route-product-compare table

#content table td {

  width: 20%; }



.route-product-compare table

#content table td:not(:first-of-type) {

  min-width: 200px; }



.route-product-compare table

#content tbody:last-of-type tr:last-child td {

  border-top-width: 1px;

  padding: 0; }



.route-product-compare table

#content .table-bordered > tfoot > tr > td {

  border: 0; }



.route-product-compare #content table > tbody > tr > td:first-child {

  white-space: nowrap; }



.route-product-compare #content table > tfoot > tr > td {

  border-left: 0;

  border-right: 0; }



/******************************

 Search

*******************************/

.route-product-search #content .search-form .inputs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.route-product-search #content .search-form input {

  width: auto;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  max-width: 100%;

  margin-bottom: 10px; }



.route-product-search #content .search-form select {

  max-width: 40%;

  margin-bottom: 10px;

  margin-left: 20px; }



.route-product-search #content > h2:last-child {

  display: none !important; }



.route-product-search #content > h2:last-of-type {

  margin-top: 15px; }



.route-product-search #content > .checkbox {

  margin-bottom: 5px; }



@media only screen and (max-width: 760px) {

  .route-product-search #content .search-form .inputs select, .route-product-search #content .search-form .inputs input {

    margin-left: 0;

    width: 100%;

    max-width: 100%; } }



.route-account-order-info .text-left:first-child {

  min-width: 150px; }



.route-account-order-info .text-right b {

  white-space: nowrap; }



.route-information-information #content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.route-information-information .content {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Description

*******************************/

.route-product-category #content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.category-description {

  position: relative; }

  .category-description::after {

    content: "";

    display: table;

    clear: both; }

  .category-description + p {

    -webkit-box-ordinal-group: 41;

        -ms-flex-order: 40;

            order: 40; }



.category-image {

  float: left;

  position: relative; }

  .category-image img {

    max-width: 100%;

    height: auto; }



.category-text > p:last-of-type {

  margin-bottom: 0; }



/******************************

 Subcategories

*******************************/

.refine-title {

  margin: 0; }



.refine-items {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.refine-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .refine-item a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    width: 100%;

    min-width: 0;

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

    .refine-item a img {

      margin-bottom: auto;

      max-width: 100%;

      width: 100%;

      height: auto;

      -webkit-transition: all 0.05s ease-out;

      transition: all 0.05s ease-out;

      -ms-flex-item-align: center;

          align-self: center; }



.refine-name {

  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;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  padding: 3px;

  -webkit-transition: all 0.05s ease-out;

  transition: all 0.05s ease-out; }

  .refine-name .links-text {

    line-height: 1.2; }



.refine-grid .refine-item {

  padding: 10px; }



.refine-links .refine-item a {

  background-color: transparent;

  padding: 0; }

  .refine-links .refine-item a img {

    display: none; }



.refine-links .refine-item:not(:last-of-type)::after {

  margin: 0 7px; }



.refine-categories.refine-links .refine-items {

  margin: 0; }

  .refine-categories.refine-links .refine-items .refine-item {

    width: auto;

    padding: 0; }



/******************************

 Products Sort Bar

*******************************/

.products-filter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .products-filter .select-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: auto; }

    .products-filter .select-group label, .products-filter .select-group select {

      border-width: 0; }

    .products-filter .select-group .input-group {

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      height: auto; }

      .products-filter .select-group .input-group .input-group-addon {

        width: auto;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        border-radius: 0; }

    .products-filter .select-group .form-control {

      width: auto;

      padding: 0; }

    .products-filter .select-group label {

      margin-bottom: 0; }

  .products-filter .input-group-addon,

  .products-filter .form-control {

    height: 26px; }



.grid-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap; }

  .grid-list button, .grid-list button::before {

    line-height: 1; }



.view-btn {

  background-color: transparent;

  position: relative; }



.compare-btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative; }



.sort-by {

  margin-right: 10px; }



@media only screen and (max-width: 470px) {

  .products-filter .select-group .input-group .input-group-addon {

    display: none; }

  .products-filter .select-group .input-group .form-control {

    max-width: 100px; } }



.mac.webkit .select-group .input-group-addon {

  position: relative;

  z-index: 2; }



.mac.webkit .select-group .form-control {

  position: relative;

  left: -3px;

  z-index: 1; }



/******************************

 Pagination

*******************************/

.pagination-results {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }

  .pagination-results::before, .pagination-results::after {

    display: none; }

  .pagination-results > div {

    width: auto;

    padding: 0; }

  .pagination-results > div:first-child:not(:empty) + div {

    margin-left: auto; }

  .phone .pagination-results {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

    .phone .pagination-results > div {

      text-align: center;

      width: 100%; }

    .phone .pagination-results .pagination {

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center; }

      .phone .pagination-results .pagination > li {

        margin-bottom: 5px; }



.pagination {

  border-radius: 0;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .pagination > li {

    max-width: 50px;

    overflow: hidden;

    -webkit-transition: all 0.08s ease-out;

    transition: all 0.08s ease-out;

    position: relative; }

    .pagination > li:not(:first-of-type) {

      border-width: 0 0 0 1px;

      border-color: transparent;

      border-style: solid; }

    .pagination > li > a,

    .pagination > li > span {

      border: none;

      line-height: 1;

      margin: 0;

      padding: 0;

      -webkit-transition: all 0.05s ease-out;

      transition: all 0.05s ease-out;

      background: transparent; }

    .pagination > li > a:hover,

    .pagination > li > a:focus {

      background: transparent; }

    .pagination > li:hover {

      z-index: 2; }

    .pagination > li:first-child a,

    .pagination > li:last-child a,

    .pagination > li a.prev,

    .pagination > li a.next {

      visibility: hidden; }

      .pagination > li:first-child a::before,

      .pagination > li:last-child a::before,

      .pagination > li a.prev::before,

      .pagination > li a.next::before {

        visibility: visible;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%) scaleX(1);

                transform: translate(-50%, -50%) scaleX(1); }

    .pagination > li:last-child a::before,

    .pagination > li a.next::before {

      -webkit-transform: translate(-50%, -50%) scaleX(-1);

              transform: translate(-50%, -50%) scaleX(-1); }

  .pagination > li:first-child a, .pagination > li:first-child span {

    border-top-left-radius: inherit;

    border-bottom-left-radius: inherit; }

  .pagination > li:last-child a, .pagination > li:last-child span {

    border-top-right-radius: inherit;

    border-bottom-right-radius: inherit; }

  .pagination > li.active a, .pagination > li.active span, .pagination > li.active a:hover, .pagination > li.active span:hover {

    background: transparent; }



/******************************

 Empty

*******************************/

.text-empty {

  padding: 10px; }



/******************************

 Infinite Scroll

*******************************/

.ias-trigger,

.ias-spinner,

.ias-noneleft {

  width: 100%;

  text-align: center; }

  .ias-trigger i::before,

  .ias-spinner i::before,

  .ias-noneleft i::before {

    font-size: 22px; }



.ias-trigger a {

  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; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Product Grid

*******************************/

.product-grid:not(.swiper-wrapper),

.isotope-grid,

.module-products-list .product-list:not(.swiper-wrapper) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.product-layout {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative; }

  .product-layout:hover {

    z-index: 2; }



.product-thumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  min-width: 0;

  position: relative;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  overflow: hidden;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d; }

  .product-thumb .image {

    position: relative;

    overflow: hidden; }

    .product-thumb .image::before {

      content: "";

      position: absolute;

      width: 100%;

      bottom: 0;

      height: 100%;

      pointer-events: none;

      z-index: 1;

      -webkit-transition: all 0.01s ease-out;

      transition: all 0.01s ease-out; }

  .product-thumb .product-img {

    display: block; }

    .product-thumb .product-img > div {

      position: relative;

      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;

      -webkit-transition: all 0.25s ease-out;

      transition: all 0.25s ease-out; }

    .product-thumb .product-img img {

      pointer-events: none;

      -webkit-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out;

      width: 100%;

      height: auto; }

      .product-thumb .product-img img.img-second {

        visibility: hidden;

        opacity: 0;

        position: absolute; }

  .product-thumb .product-labels {

    z-index: 3; }

  .product-thumb:hover {

    z-index: 1; }

    .product-thumb:hover .has-second-image img {

      visibility: hidden; }

      .product-thumb:hover .has-second-image img.img-second {

        visibility: visible;

        opacity: 1; }

  .product-thumb .caption {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    position: relative; }

  .product-thumb .name {

    font-size: 14px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    max-width: 100%; }

    .product-thumb .name a {

      display: block;

      text-align: center; }

  .product-thumb .stepper {

    height: auto; }

  .product-thumb .description {

    margin: 0 0 auto 0; }

  .product-thumb .price > div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

  .product-thumb .price span {

    line-height: 1; }

  .product-thumb .price .price-tax {

    line-height: 1.5; }

  .product-thumb .price-tax {

    color: #999;

    display: block; }

  .product-thumb .countdown {

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    pointer-events: none;

    z-index: 2; }

  .product-thumb .stats {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }



.safari .product-thumb .product-img,

.safari .product-thumb .product-labels {

  -webkit-transform: translateZ(1px);

  transform: translateZ(1px); }



.product-layout .quickview-button {

  position: absolute;

  z-index: 4;

  overflow: hidden; }

  .product-layout .quickview-button span {

    display: none; }



.product-layout .button-group,

.product-layout .wish-group,

.product-layout .extra-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.product-layout .btn-text {

  display: none; }



.product-layout .buttons-wrapper {

  margin-top: auto; }

  .product-layout .buttons-wrapper .button-group {

    position: static;

    -webkit-transition: -webkit-transform 0.2s ease-out;

    transition: -webkit-transform 0.2s ease-out;

    transition: transform 0.2s ease-out;

    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; }

  .product-layout .buttons-wrapper a::before {

    line-height: 1; }



.product-layout .rating {

  width: 100%;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  pointer-events: none;

  -webkit-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out; }



.product-layout .rating-stars {

  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;

  -webkit-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out; }



.product-layout .wish-group,

.product-layout .cart-group,

.product-layout .extra-group {

  position: relative;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.product-layout .wish-group {

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out; }



.product-grid .extra-group > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out; }



.product-grid .button-group {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.product-grid .wish-group {

  pointer-events: none; }

  .product-grid .wish-group a {

    pointer-events: auto; }



.phone .btn-quickview {

  display: none !important; }



.tablet .btn-quickview {

  display: none !important; }



/******************************

Product List

*******************************/

.product-list .product-thumb {

  display: block; }

  .product-list .product-thumb .image {

    float: left;

    overflow: hidden; }

  .product-list .product-thumb .caption > * {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start; }

  .product-list .product-thumb .caption .price {

    margin-top: 0;

    text-align: left; }

  .product-list .product-thumb .rating {

    margin: 0;

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1; }

  .product-list .product-thumb .name {

    margin: 0;

    padding-left: 0;

    padding-top: 0;

    -webkit-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0; }

    .product-list .product-thumb .name a {

      text-align: left; }

  .product-list .product-thumb .description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 0;

    padding-left: 0;

    text-align: left;

    margin-bottom: 0;

    margin-top: 0; }

  .product-list .product-thumb .button-group {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1; }

  .product-list .product-thumb .cart-group {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start; }

  .product-list .product-thumb .caption .buttons-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin-top: auto;

    width: auto; }

  .product-list .product-thumb .extra-group {

    width: auto;

    pointer-events: none; }

    .product-list .product-thumb .extra-group .btn {

      pointer-events: auto; }

    .product-list .product-thumb .extra-group > div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap; }



.product-list .stats {

  -webkit-box-ordinal-group: -1;

      -ms-flex-order: -2;

          order: -2; }

  .product-list .stats > span {

    padding-right: 1em; }



/******************************

 Side Products

*******************************/

.side-products:not(.swiper-wrapper) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.side-product {

  width: 100%;

  display: block;

  position: relative;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .side-product > div {

    float: left; }

  .side-product .image {

    position: relative;

    max-width: 100%; }

    .side-product .image a {

      height: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

    .side-product .image img {

      width: 100%; }

  .side-product .name {

    line-height: 1.1; }

    .side-product .name a {

      display: block; }

  .side-product .caption {

    height: 100%; }

  .side-product .rating-stars {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex; }

  .side-product .price {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    .side-product .price > span {

      line-height: 1.35; }



.side-products-blocks {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .side-products-blocks > div {

    margin-bottom: 20px; }



.mobile .product-thumb .product-img > div,

.mobile .module-gallery .module-item > a img,

.mobile .post-thumb .image img,

.mobile .manufacturer-thumb .image img {

  -webkit-transform: scale(1) !important;

          transform: scale(1) !important; }



.mobile input {

  -webkit-box-shadow: none;

          box-shadow: none; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Product Page

*******************************/

.product-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .product-info > div {

    position: relative; }

  .product-info .product-details {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .product-info .product-details .page-title {

      -webkit-box-ordinal-group: -99;

          -ms-flex-order: -100;

              order: -100;

      display: none; }



.product-blocks {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



/******************************

 Product Image

*******************************/

.product-image {

  position: relative;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .product-image > div {

    -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

            order: 5; }

  .product-image .main-image {

    overflow: hidden;

    cursor: -webkit-zoom-in;

    cursor: zoom-in; }

  .product-image .swiper {

    width: auto;

    width: -webkit-fill-available;

    width: -moz-available; }

  .product-image .swiper.main-image {

    padding: 0; }

    .product-image .swiper.main-image .swiper-pagination {

      bottom: 10px; }

  .product-image .additional-image {

    cursor: pointer; }

  .product-image .additional-images.swiper {

    padding: 0; }

  .product-image .direction-vertical .additional-images {

    overflow: hidden; }

    .product-image .direction-vertical .additional-images .swiper-container {

      overflow: visible; }

    .product-image .direction-vertical .additional-images .swiper-pagination {

      display: none !important; }

  .product-image .additional-images:not(.swiper) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

  .product-image .product-labels {

    z-index: 1; }

  .product-image img {

    width: 100%;

    height: auto; }

  .product-image.direction-vertical {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row; }

    .product-image.direction-vertical .additional-images {

      height: 0;

      overflow: visible; }

      .product-image.direction-vertical .additional-images .swiper-container {

        width: 100%;

        height: 100%;

        overflow: hidden; }

      .product-image.direction-vertical .additional-images .swiper-wrapper {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column; }

      .product-image.direction-vertical .additional-images .swiper-buttons {

        width: 100%;

        height: 100%;

        opacity: 0; }

        .product-image.direction-vertical .additional-images .swiper-buttons > div {

          left: 50%;

          top: 0;

          -webkit-transform: translateX(-50%);

                  transform: translateX(-50%);

          max-width: 100%; }

          .product-image.direction-vertical .additional-images .swiper-buttons > div::before {

            -webkit-transform: rotate(90deg);

                    transform: rotate(90deg); }

        .product-image.direction-vertical .additional-images .swiper-buttons .swiper-button-next {

          top: auto;

          bottom: 0; }

  .product-image.position-left .additional-images, .product-image.position-top .additional-images {

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1; }



.product-image.direction-vertical.additional-images-loaded .additional-images .swiper-buttons {

  opacity: 1; }



.zm-viewer,

.zm-handler {

  pointer-events: none;

  z-index: 10; }



.zm-viewer {

  opacity: 0;

  -webkit-transition: opacity .25s .25s ease-in-out;

  transition: opacity .25s .25s ease-in-out; }



/******************************

 Product Stats

*******************************/

.product-info .product-stats {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .product-info .product-stats b {

    font-weight: 400;

    margin-right: 3px; }

  .product-info .product-stats ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0;

    overflow-x: auto;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

  .product-info .product-stats li {

    margin-right: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .product-info .product-stats li::before {

      font-size: 7px;

      margin-right: 5px;

      vertical-align: middle; }



.product-info .product-manufacturer img {

  max-width: 150px; }



.product-info .product-manufacturer.brand-image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }

  .product-info .product-manufacturer.brand-image a {

    -ms-flex-item-align: start;

        align-self: flex-start; }



.product-info .product-manufacturer > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .product-info .product-manufacturer > a img {

    margin-bottom: 3px;

    -ms-flex-item-align: center;

        align-self: center; }

  .product-info .product-manufacturer > a > span {

    text-align: center;

    display: block;

    max-width: 130px; }



.product-info .custom-stats {

  width: 100%;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .product-info .custom-stats b {

    margin-right: 5px; }

  .product-info .custom-stats > div {

    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; }

    .product-info .custom-stats > div:first-of-type {

      margin-right: 15px; }



html[dir='rtl'] .product-info .product-stats b {

  margin-right: 0;

  margin-right: initial;

  margin-left: 3px; }



html[dir='rtl'] .product-info .product-stats li {

  margin-right: 0;

  margin-right: initial;

  margin-left: 20px; }

  html[dir='rtl'] .product-info .product-stats li::before {

    margin-right: 0;

    margin-right: initial;

    margin-left: 5px; }



html[dir='rtl'] .product-info .custom-stats b {

  margin-right: 0;

  margin-right: initial;

  margin-left: 5px; }



html[dir='rtl'] .product-info .custom-stats > div:first-of-type {

  margin-right: 0;

  margin-right: initial;

  margin-left: 10px; }



/******************************

 Rating

*******************************/

.product-info .rating {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .product-info .rating > span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex; }

    .product-info .rating > span:last-of-type {

      margin-right: 10px; }

  .product-info .rating div a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin: 0 2px; }

  .product-info .rating b {

    font-weight: 400; }



.product-info .rating-stars {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-right: 5px; }



/******************************

 Price

*******************************/

.product-info .price-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  pointer-events: auto;

  white-space: nowrap; }



.product-info .product-price-group {

  z-index: 2;

  pointer-events: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .product-info .product-price-group .product-stats {

    pointer-events: auto;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }



/******************************

 Default Options

*******************************/

.product-info .product-options .radio + .radio,

.product-info .product-options .checkbox + .checkbox {

  margin: 0; }



.product-info .product-options h3 {

  margin: 0; }



.product-info .product-options .img-thumbnail {

  border-radius: 0;

  border-width: 0;

  outline: none;

  padding: 0;

  background-color: transparent; }



.product-info .product-options .help-block {

  margin-bottom: 0; }

  .product-info .product-options .help-block:empty {

    margin: 0; }



.product-info .product-options .option-value {

  margin: 0 5px;

  line-height: 1.2; }



/******************************

 Push Options

*******************************/

.product-info .product-options .push-option input,

.product-info .product-options .push-option input + img + .option-value {

  display: none;

  position: absolute;

  width: 100%;

  text-align: center;

  border: none;

  padding: 0;

  top: 100%;

  -webkit-transform: translateY(-20%);

          transform: translateY(-20%);

  min-height: auto;

  min-width: auto;

  background: none;

  line-height: 1;

  -webkit-box-shadow: none;

          box-shadow: none; }



.product-info .product-options .push-option .checkbox, .product-info .product-options .push-option .radio {

  padding: 0 !important;

  margin: 0 !important; }



.product-info .product-options .push-option .option-value {

  margin: 0; }



.product-info .product-options .push-option > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .product-info .product-options .push-option > div label {

    padding: 0;

    position: relative; }

  .product-info .product-options .push-option > div .option-value {

    padding: 0 7px; }

  .product-info .product-options .push-option > div .option-value, .product-info .product-options .push-option > div img {

    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;

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

    .product-info .product-options .push-option > div .option-value:hover, .product-info .product-options .push-option > div img:hover {

      cursor: pointer; }

  .product-info .product-options .push-option > div > div {

    width: auto; }



.product-info .product-options .option-price {

  margin-left: 5px; }



/******************************

 Add to Cart

*******************************/

.product-info .product-details .button-group-page {

  bottom: 0;

  left: 0;

  right: 0; }



.product-info .product-details .buttons-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  margin: 0 auto; }

  .product-info .product-details .buttons-wrapper .alert {

    margin-top: 10px;

    padding: 5px 10px;

    width: 100%; }

  .product-info .product-details .buttons-wrapper .extra-group {

    font-size: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }



.product-info .product-details .wishlist-compare {

  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;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.product-info .product-details .stepper-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.product-info .product-details .stepper {

  min-width: 60px;

  overflow: visible; }

  .product-info .product-details .stepper .control-label {

    position: absolute; }

  .product-info .product-details .stepper .form-control {

    padding-right: 25px;

    font-size: 1em; }

  .product-info .product-details .stepper span i {

    width: 25px; }



.popup-quickview .main-image {

  cursor: default; }

  .popup-quickview .main-image .swiper-pagination,

  .popup-quickview .main-image .swiper-buttons {

    display: none !important; }



.popup-quickview .extra-group {

  display: none !important; }



.popup-quickview .description {

  position: relative; }



/******************************

 Product Tabs

*******************************/

.product-left .product-blocks {

  margin-top: 20px; }



#tab-specification .table {

  margin-bottom: 0 !important; }



.review-links a {

  cursor: pointer; }



#review > p {

  margin: 0; }



#review table {

  margin-bottom: 0 !important; }

  #review table:not(:nth-last-child(2)) {

    border-bottom-width: 0 !important; }



#review .rating {

  margin-top: 5px; }



#form-review .rate {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 35px; }

  #form-review .rate span {

    position: relative;

    top: -1px; }

  #form-review .rate > * {

    margin: 0; }

    #form-review .rate > * + * {

      margin: 0 0 0 10px; }



#form-review .help-block {

  margin-bottom: 0; }



#form-review legend {

  margin-top: 15px; }



#form-review h4 {

  margin-top: 10px; }



.tags-title {

  margin-right: 5px; }



.expand-content > p:last-of-type {

  margin-bottom: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Quick Checkout

*******************************/

.quick-checkout-wrapper > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .quick-checkout-wrapper > div > div {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    max-width: 100%; }

  .quick-checkout-wrapper > div .right {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .quick-checkout-wrapper > div .right .checkout-section:last-child {

      -webkit-box-ordinal-group: 1001;

          -ms-flex-order: 1000;

              order: 1000;

      margin-bottom: 0; }



.quick-checkout-wrapper .section-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .quick-checkout-wrapper .section-body .form-group {

    -webkit-box-ordinal-group: 101;

        -ms-flex-order: 100;

            order: 100; }

  .quick-checkout-wrapper .section-body > .radio + div {

    margin: 5px 0; }

  .quick-checkout-wrapper .section-body .radio, .quick-checkout-wrapper .section-body .checkbox {

    -webkit-box-align: initial;

        -ms-flex-align: initial;

            align-items: initial; }



.quick-checkout-wrapper .payment-address .section-body > div:not(.checkbox),

.quick-checkout-wrapper .shipping-address .section-body > div:not(.checkbox) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.quick-checkout-wrapper #input-cc-cvv2 {

  max-width: 111px; }



.quick-checkout-wrapper .payment-address .checkbox {

  margin-top: 15px; }



.quick-checkout-wrapper .well {

  margin-bottom: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  border: none;

  padding: 0;

  background: transparent; }



.quick-checkout-wrapper .checkout-section .login-options {

  margin-bottom: 0;

  -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

          order: -1; }

  .quick-checkout-wrapper .checkout-section .login-options .radio {

    width: auto; }



.quick-checkout-wrapper .checkout-section .login-form {

  margin-top: 10px; }

  .quick-checkout-wrapper .checkout-section .login-form > div:first-of-type {

    margin-top: 10px; }



.quick-checkout-wrapper .shipping-payment {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .quick-checkout-wrapper .shipping-payment .section-payment {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

  .quick-checkout-wrapper .shipping-payment .section-body > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    .quick-checkout-wrapper .shipping-payment .section-body > div::before {

      line-height: 1;

      min-width: 30px;

      text-align: center;

      font-size: 22px; }

  .quick-checkout-wrapper .shipping-payment .section-body .alert {

    display: block; }

    .quick-checkout-wrapper .shipping-payment .section-body .alert::before {

      display: none; }

  .quick-checkout-wrapper .shipping-payment .shippings p {

    margin-bottom: 0; }



.quick-checkout-wrapper .section-cvr .form-group .control-label {

  max-width: 250px; }

  .quick-checkout-wrapper .section-cvr .form-group .control-label + div {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }



.quick-checkout-wrapper .cart-section table {

  margin-bottom: 0 !important; }



.quick-checkout-wrapper .cart-section .table-responsive + table {

  border-top-width: 0 !important;

  margin-top: 10px; }

  .quick-checkout-wrapper .cart-section .table-responsive + table tfoot td + td {

    width: 20%; }



.quick-checkout-wrapper .confirm-section textarea {

  margin-bottom: 10px; }



.quick-checkout-wrapper .login-active .checkout-section:not(.section-login) {

  opacity: .4;

  pointer-events: none; }



.quick-checkout-wrapper .quick-checkout-spinner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }



.quick-checkout-wrapper .payment-pagseguro,

.quick-checkout-wrapper .payment-skrill,

.quick-checkout-wrapper .payment-cod,

.quick-checkout-wrapper .payment-payza,

.quick-checkout-wrapper .payment-paypal,

.quick-checkout-wrapper .payment-pp_standard,

.quick-checkout-wrapper .payment-pp_express,

.quick-checkout-wrapper .payment-coinbase,

.quick-checkout-wrapper .payment-stripe,

.quick-checkout-wrapper .payment-instamojo,

.quick-checkout-wrapper .payment-twocheckout {

  display: none !important; }



.quick-checkout-wrapper #payment > legend {

  display: none; }



.quick-checkout-wrapper .quick-checkout-payment {

  position: relative; }



.quick-checkout-wrapper .quick-checkout-payment .buttons,

.quick-checkout-wrapper .payment-pp_braintree #submit-new {

  display: none !important; }



#checkout-checkout #input-password + a {

  width: 100%;

  margin-top: 10px; }



#checkout-checkout .register-page {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  #checkout-checkout .register-page > div {

    padding: 10px;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 300px;

            flex: 1 1 300px; }



.quick-checkout-wrapper .confirm-section .checkbox {

  display: block !important;

  margin: 0; }



.quick-checkout-wrapper .confirm-section label {

  display: block; }

  .quick-checkout-wrapper .confirm-section label input {

    top: 2px; }



@media only screen and (max-width: 760px) {

  .confirm-section .radio label, .confirm-section .checkbox label {

    display: block; } }



.quick-checkout-wrapper label {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.section-shipping .radio label span {

  width: 100%; }



.popup-checkout-payment .popup-body {

  padding: 15px; }



.popup-checkout-payment .popup-inner-body {

  overflow-y: auto;

  min-width: 100px;

  min-height: 50px;

  max-height: 500px; }



.popup-checkout-payment .buttons {

  display: block; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 General

*******************************/

@-webkit-keyframes fade-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -5px, 0) scale(0.95);

            transform: translate3d(0, -5px, 0) scale(0.95); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fade-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -5px, 0) scale(0.95);

            transform: translate3d(0, -5px, 0) scale(0.95); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1); } }



@-webkit-keyframes scale-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0) scale(0.85);

            transform: translate3d(0, 0, 0) scale(0.85); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1); } }



@keyframes scale-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0) scale(0.85);

            transform: translate3d(0, 0, 0) scale(0.85); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1); } }



@-webkit-keyframes slide-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20px, 0);

            transform: translate3d(0, 20px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0); } }



@keyframes slide-in {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20px, 0);

            transform: translate3d(0, 20px, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0); } }



.notification-wrapper {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 99999999999999999;

  pointer-events: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.notification-wrapper-tc {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.notification-wrapper-tr {

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end; }



.notification-wrapper-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }

  .notification-wrapper-center .notification {

    -webkit-transform-origin: 50%;

            transform-origin: 50%;

    -webkit-animation: scale-in .15s ease-out;

            animation: scale-in .15s ease-out; }

    .notification-wrapper-center .notification.fade-out {

      opacity: 0;

      margin: 0;

      visibility: hidden;

      pointer-events: none;

      -webkit-transform: translate3d(0, 0, 0) scale(0.9);

              transform: translate3d(0, 0, 0) scale(0.9); }



.notification-wrapper-bottom {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .notification-wrapper-bottom .notification {

    -webkit-animation: slide-in .15s ease-out;

            animation: slide-in .15s ease-out;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease; }

    .notification-wrapper-bottom .notification.fade-out {

      opacity: 0;

      margin: 0;

      visibility: hidden;

      pointer-events: none;

      -webkit-transform: translate3d(0, 30px, 0);

              transform: translate3d(0, 30px, 0); }



.notification {

  position: relative;

  background-color: white;

  pointer-events: auto;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  -webkit-animation: fade-in .2s ease-out;

          animation: fade-in .2s ease-out;

  -webkit-transform-origin: 50% 0;

          transform-origin: 50% 0;

  border-radius: inherit; }

  .notification.fade-out {

    opacity: 0;

    margin: 0;

    visibility: hidden;

    pointer-events: none; }

  .notification.removed {

    -webkit-transition: margin-top 0s;

    transition: margin-top 0s; }



.notification-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .notification-content img {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 auto;

            flex: 1 0 auto; }



.notification-title {

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 5px; }

  .notification-title:empty {

    margin: 0; }



.notification-buttons {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  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;

  border-bottom-left-radius: inherit;

  border-bottom-right-radius: inherit; }

  .notification-buttons a::before {

    margin-right: 5px; }

  .notification-buttons a::after {

    margin-left: 5px; }



.notification-close {

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out; }

  .notification-close::before {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%); }



.module-notification {

  width: 100%; }

  .module-notification .notification-content {

    display: block; }

  .module-notification .notification-close {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

    .module-notification .notification-close::before {

      position: relative;

      top: auto;

      top: initial;

      left: auto;

      left: initial;

      -webkit-transform: none;

              transform: none; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/********************e**********

 Post Grid/List

*******************************/

.post-grid:not(.swiper-wrapper) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.post-layout {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative; }



.post-thumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  min-width: 0;

  position: relative;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  overflow: hidden; }

  .post-thumb .image {

    position: relative; }

    .post-thumb .image a {

      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;

      -webkit-backface-visibility: hidden;

      backface-visibility: hidden;

      overflow: hidden; }

      .post-thumb .image a img {

        width: 100%;

        height: auto;

        pointer-events: none;

        -webkit-transition: all 0.2s ease-out;

        transition: all 0.2s ease-out; }

    .post-thumb .image .p-date {

      z-index: 1; }

  .post-thumb:hover {

    z-index: 2; }

  .post-thumb .caption {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-flex: 1000;

        -ms-flex: 1000 0 auto;

            flex: 1000 0 auto;

    position: relative; }

    .post-thumb .caption > * {

      -webkit-box-ordinal-group: 51;

          -ms-flex-order: 50;

              order: 50; }

  .post-thumb .name {

    font-size: 14px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    max-width: 100%; }

    .post-thumb .name a {

      display: block; }

  .post-thumb .description {

    margin: 0 0 auto 0;

    line-height: 1.3; }

  .post-thumb .post-stats {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    font-size: 12px; }

    .post-thumb .post-stats span {

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex; }



.post-stats ::before {

  line-height: 0; }



.p-date i {

  padding: 0 4px;

  margin: 0;

  font-style: normal; }



.p-date-image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: absolute;

  padding: 5px 10px;

  pointer-events: none;

  line-height: 1;

  font-size: 16px; }

  .p-date-image i {

    font-size: 10px; }

  .p-date-image::before {

    display: none; }



.post-layout .button-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.post-layout .btn-text {

  display: none; }



.post-grid .button-group {

  margin-top: auto !important; }



.post-list .post-thumb {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .post-list .post-thumb .image {

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto; }



/******************************

 Post Page

*******************************/

.post-image {

  position: relative;

  -webkit-column-break-inside: avoid;

     -moz-column-break-inside: avoid;

          page-break-inside: avoid;

          break-inside: avoid; }

  .post-image img {

    height: auto; }



.post-stats span {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-right: 8px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex; }



.post-details {

  -webkit-column-fill: balance;

     -moz-column-fill: balance;

          column-fill: balance; }



.post-content::after {

  content: "";

  display: table;

  width: 100%;

  clear: both; }



/******************************

 Comments

*******************************/

.blog-post .comment p {

  margin-top: 5px; }



.blog-post .success {

  background: lightgreen;

  padding: 5px 10px;

  margin-bottom: 15px; }

  .blog-post .success:last-of-type {

    margin-bottom: 0; }



.post-comment {

  position: relative; }

  .post-comment .user-name {

    padding-right: 50px; }



.user-data {

  margin-top: 3px; }

  .user-data ::before {

    margin-right: 5px; }

  .user-data span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    max-width: 100%; }

  .user-data div span {

    margin-right: 5px; }

  .user-data a {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%; }



.user-avatar {

  float: left;

  position: relative;

  z-index: 2; }



.reply-form {

  margin-top: 20px; }



.reply-btn {

  position: absolute;

  top: 10px;

  right: 10px; }



/******************************

 Feed

*******************************/

.blog-feed {

  position: absolute;

  right: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  font-size: 13px;

  font-weight: 400;

  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; }

  .blog-feed span {

    margin: 0 5px; }



html[dir='rtl'] .blog-feed {

  right: auto;

  left: 10px; }



/******************************

 Modules

*******************************/

.module-blog_categories .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.module-blog_categories a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: all 0.07s ease-out;

  transition: all 0.07s ease-out; }

  .module-blog_categories a + a {

    border-width: 1px 0 0 0; }



/******************************

 Search

*******************************/

.box-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative; }

  .box-search .btn {

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%); }

    .box-search .btn .fa {

      line-height: 0; }



html[dir='rtl'] .box-search .btn {

  right: auto;

  left: 0; }



/******************************

 Comments

*******************************/

.module-blog_comments .module-body > div + div {

  border-width: 1px 0 0 0; }



.module-blog_comments .module-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .module-blog_comments .module-item > div {

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

    line-height: 1.3; }

  .module-blog_comments .module-item .side-subtitle {

    margin-top: 3px; }



/******************************

 Side Posts

*******************************/

.side-posts.swiper-wrapper {

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap; }



.side-posts {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .side-posts .post-thumb {

    width: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

    .side-posts .post-thumb .image {

      position: relative;

      -webkit-box-flex: 1;

          -ms-flex: 1 0 auto;

              flex: 1 0 auto;

      margin: 0 auto;

      max-width: 100%; }

      .side-posts .post-thumb .image a {

        display: block; }

      .side-posts .post-thumb .image img {

        width: 100%; }

    .side-posts .post-thumb .post-stats {

      -webkit-box-pack: start;

          -ms-flex-pack: start;

              justify-content: flex-start; }

    .side-posts .post-thumb .name {

      line-height: 1.1;

      margin-bottom: 3px; }

    .side-posts .post-thumb .caption {

      padding: 0 8px;

      min-width: 0;

      -webkit-box-flex: 1000;

          -ms-flex: 1000 2 100px;

              flex: 1000 2 100px;

      width: 100%; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Links Menu

*******************************/

.links-menu .module-body {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%; }



.links-menu ul, .links-menu li {

  list-style: none;

  margin: 0;

  padding: 0; }



.links-menu .menu-item {

  position: relative;

  border-width: 1px 0 0 0;

  -webkit-transition: all 0.08s ease-out;

  transition: all 0.08s ease-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .links-menu .menu-item:first-child {

    border-top-width: 0;

    border-left-width: 0; }

  .links-menu .menu-item.dropdown > a::after {

    display: none; }

  .links-menu .menu-item a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-transition: all 0.08s ease-out;

    transition: all 0.08s ease-out;

    position: relative;

    width: inherit; }

    .links-menu .menu-item a .menu-label {

      right: 0;

      top: auto;

      -webkit-transform: translateX(100%);

              transform: translateX(100%); }

    .links-menu .menu-item a::before {

      line-height: 1; }

    .links-menu .menu-item a::after {

      display: none !important; }

    .links-menu .menu-item a:not([href]) {

      cursor: default; }



.phone footer .links-menu .module-title::before {

  position: absolute;

  right: 0;

  content: "\eb85";

  font-size: 18px;

  font-family: icomoon, sans-serif;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%); }



.phone footer .links-menu .module-title.closed::before {

  content: "\eba0"; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Journal Menu

*******************************/

.j-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  height: 100%;

  list-style: none;

  margin: 0;

  padding: 0; }

  .j-menu > li {

    position: relative; }

    .j-menu > li > a {

      padding: 3px 6px;

      width: 100%;

      height: 100%;

      max-height: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      border-width: 1px 0 0 0;

      min-width: 30px;

      cursor: pointer;

      -webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out;

      transition: color 0.1s ease-out, background-color 0.1s ease-out; }

      .j-menu > li > a:not([href]) {

        cursor: default; }

      .j-menu > li > a::before {

        line-height: 1;

        font-size: 16px; }

    .j-menu > li:first-child > a {

      border-width: 0; }

    .j-menu > li.icon-only > a {

      min-width: 10px; }

  .j-menu .links-text {

    display: inline-block;

    color: inherit; }

    .j-menu .links-text s {

      display: block; }

  .j-menu .mega-menu {

    position: static; }



.ios .j-menu > li > a {

  cursor: pointer !important; }



/******************************

 Top Menu

*******************************/

.top-bar .wrapper {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between; }



.top-menu {

  height: 100%; }

  .top-menu > ul {

    position: relative; }

    .top-menu > ul > li {

      height: 100%; }

      .top-menu > ul > li + li > a {

        border-width: 0 0 0 1px; }

  .top-menu .dropdown > a::after {

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

    margin-top: 2px; }



/******************************

 Dropdown

*******************************/

.dropdown-menu {

  font-size: inherit; }



.j-dropdown {

  margin: 0;

  padding: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  border-width: 0;

  border-radius: 0;

  min-width: 100%;

  background-color: transparent;

  -webkit-transform-origin: 50% 0;

          transform-origin: 50% 0;

  -webkit-transform: translate3d(0, -10px, 0);

          transform: translate3d(0, -10px, 0);

  opacity: 0;

  display: none; }

  .j-dropdown > ul > li {

    width: 100%; }

  .j-dropdown::before {

    content: "";

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-bottom-color: white;

    pointer-events: none;

    margin-top: -10px;

    display: block; }

  .open > .j-dropdown {

    display: block; }

  .animating > .j-dropdown {

    -webkit-transform: none;

            transform: none;

    opacity: 1;

    -webkit-transition: opacity 0.1s ease-out, visibility 0.1s ease-out, -webkit-transform 0.1s ease-out;

    transition: opacity 0.1s ease-out, visibility 0.1s ease-out, -webkit-transform 0.1s ease-out;

    transition: transform 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;

    transition: transform 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out, -webkit-transform 0.1s ease-out; }

  .j-dropdown > .j-menu > li:first-child {

    border-top-left-radius: inherit;

    border-top-right-radius: inherit; }

    .j-dropdown > .j-menu > li:first-child > a {

      border-width: 0;

      border-radius: inherit; }

  .j-dropdown > .j-menu > li:last-child {

    border-bottom-left-radius: inherit;

    border-bottom-right-radius: inherit; }

    .j-dropdown > .j-menu > li:last-child > a {

      border-radius: inherit; }



.multi-level .j-dropdown .j-dropdown {

  top: 0; }

  .multi-level .j-dropdown .j-dropdown::before {

    display: none !important; }



.flyout-menu-item .j-dropdown::before {

  display: none !important; }



.dropdown > a {

  position: relative; }

  .dropdown > a .menu-label {

    -webkit-transform: none;

            transform: none; }

  .dropdown > a .count-badge {

    margin: 0 5px; }

  .dropdown > a::after {

    content: "\f0da";

    font-family: icomoon;

    font-size: 11px;

    position: relative;

    padding: 0 3px;

    margin-left: auto; }



.dropdown .j-menu > li > a::before {

  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; }



/******************************

 Menu Label

*******************************/

.menu-label {

  position: absolute;

  font-size: 10px;

  top: 0;

  right: 0; }

  .is-sticky .menu-label {

    margin-top: 0 !important; }



/******************************

 Flyout Menu

*******************************/

.flyout-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: relative; }

  .flyout-menu > ul > li {

    width: 100%; }

    .flyout-menu > ul > li > a .menu-label {

      position: relative;

      margin: 0 7px;

      margin-top: 0 !important;

      margin-bottom: 0 !important; }

    .flyout-menu > ul > li:first-child {

      border-top-left-radius: inherit;

      border-top-right-radius: inherit; }

      .flyout-menu > ul > li:first-child.dropdown:hover {

        border-top-right-radius: 0; }

      .flyout-menu > ul > li:first-child > a {

        border-radius: inherit; }

    .flyout-menu > ul > li:last-child {

      border-bottom-left-radius: inherit;

      border-bottom-right-radius: inherit; }

      .flyout-menu > ul > li:last-child.dropdown:hover {

        border-bottom-right-radius: 0; }

      .flyout-menu > ul > li:last-child > a {

        border-radius: inherit; }

  .flyout-menu > .menu-item.mega-menu {

    position: static; }

  .flyout-menu .count-badge + .open-menu + .menu-label {

    margin-left: 0; }

  .flyout-menu .j-dropdown {

    top: 0;

    left: 100%;

    padding-top: 0;

    width: auto;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

    -webkit-transition: all 0s ease-out;

    transition: all 0s ease-out;

    min-width: auto; }

  .flyout-menu .mega-menu .j-dropdown {

    width: 800px;

    height: 100%; }

    .flyout-menu .mega-menu .j-dropdown .mega-menu-content {

      min-height: 100%; }

  .flyout-menu .dropdown > a::after {

    margin-left: auto; }



.flyout > .j-dropdown::before {

  z-index: 1; }



/******************************

 Accordion Menu

*******************************/

.open-menu {

  display: none; }



.accordion-menu .open-menu {

  width: 25px;

  height: 25px;

  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;

  cursor: pointer;

  position: absolute;

  right: 8px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  font-size: 15px;

  -webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out;

  transition: color 0.1s ease-out, background-color 0.1s ease-out;

  z-index: 2; }

  .accordion-menu .open-menu[aria-expanded="true"] i::before {

    content: "\f068"; }



.accordion-menu .menu-item {

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

  height: auto; }

  .accordion-menu .menu-item > a {

    position: relative; }

    .accordion-menu .menu-item > a::after {

      display: none; }

    .accordion-menu .menu-item > a + div {

      border-width: 1px 0 0 0; }

  .accordion-menu .menu-item.flyout > a + .in {

    border-top-width: 0; }



.accordion-menu .j-menu {

  height: auto;

  overflow: hidden; }

  .accordion-menu .j-menu > li {

    width: 100%; }

    .accordion-menu .j-menu > li > a .links-text {

      white-space: normal; }

    .accordion-menu .j-menu > li > a::before {

      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; }

    .accordion-menu .j-menu > li + li {

      margin-left: 0 !important;

      margin-right: 0 !important; }

  .accordion-menu .j-menu .j-menu {

    -webkit-box-shadow: none;

            box-shadow: none; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Icons Menu

*******************************/

.icons-menu > ul {

  list-style: none;

  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;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin: 0;

  padding: 0; }

  .icons-menu > ul > .menu-item {

    margin: 0;

    position: relative; }

    .icons-menu > ul > .menu-item:hover {

      z-index: 1; }

    .icons-menu > ul > .menu-item > a {

      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;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      font-size: 22px;

      position: relative; }

      .icons-menu > ul > .menu-item > a .links-text {

        font-size: .47em;

        padding: 0 5px;

        margin: 3px 0 -3px 0;

        width: 100%;

        text-align: center;

        line-height: 1.2; }

      .icons-menu > ul > .menu-item > a .count-badge {

        position: absolute;

        z-index: 1;

        top: 0;

        right: 0; }

      .icons-menu > ul > .menu-item > a::before {

        content: "\F05E";

        font-family: icomoon;

        line-height: 1; }

      .icons-menu > ul > .menu-item > a::after {

        display: none; }



.icons-menu .icon-menu-image a::before {

  display: none; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

Fixed Bottom Menu

*******************************/

.bottom-menu {

  position: fixed;

  width: 100%;

  bottom: 0;

  background-color: white;

  z-index: 100;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  border-width: 1px 0 0 0; }

  .bottom-menu ul, .bottom-menu li {

    margin: 0;

    padding: 0;

    list-style: none; }

  .bottom-menu > ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .bottom-menu > ul > li {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1; }

      .bottom-menu > ul > li > a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        width: 100%;

        padding: 0 10px;

        min-width: 50px;

        -webkit-transition: all 0.075s ease-out;

        transition: all 0.075s ease-out;

        position: relative; }

        .bottom-menu > ul > li > a::before {

          width: 100%;

          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;

          line-height: 1.1;

          margin: 2px 0; }

      .bottom-menu > ul > li + li {

        border-width: 0 0 0 1px; }

      .bottom-menu > ul > li .links-text {

        white-space: nowrap;

        position: relative;

        top: -2px; }

      .bottom-menu > ul > li .count-badge {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(50%, -100%);

                transform: translate(50%, -100%);

        margin: 0; }



.side-menu {

  position: fixed;

  background-color: white;

  z-index: 100;

  right: 0; }

  .side-menu ul, .side-menu li {

    margin: 0;

    padding: 0;

    list-style: none; }

  .side-menu > ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: inherit; }

    .side-menu > ul > li {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1; }

      .side-menu > ul > li > a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        width: 100%;

        padding: 5px 10px;

        -webkit-transition: all 0.075s ease-out;

        transition: all 0.075s ease-out;

        position: relative;

        border-radius: inherit; }

        .side-menu > ul > li > a::before {

          width: 100%;

          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;

          line-height: 1.1;

          margin: 2px 0; }

      .side-menu > ul > li:first-of-type {

        border-top-left-radius: inherit;

        border-top-right-radius: inherit; }

      .side-menu > ul > li:last-of-type {

        border-bottom-left-radius: inherit;

        border-bottom-right-radius: inherit; }

      .side-menu > ul > li:only-of-type {

        border-radius: inherit; }

      .side-menu > ul > li + li {

        border-width: 1px 0 0 0; }

      .side-menu > ul > li .links-text {

        position: relative;

        top: -2px; }

      .side-menu > ul > li .count-badge {

        position: absolute;

        right: 0;

        top: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.swiper {

  position: relative;

  width: 100%; }

  .swiper .swiper-pagination {

    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;

    left: 50%;

    right: auto;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%); }

    .swiper .swiper-pagination > span {

      cursor: pointer;

      opacity: 1;

      -webkit-transition: all 0.1s ease-out;

      transition: all 0.1s ease-out;

      border-radius: 0; }

      .swiper .swiper-pagination > span + span {

        margin-left: 8px; }

    .swiper .swiper-pagination:empty {

      padding: 0; }

    .swiper-has-pages .swiper .swiper-pagination {

      display: block; }



.swiper-slide {

  height: auto;

  padding: 0; }



.swiper-buttons {

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 2;

  pointer-events: none; }

  .swiper-buttons > div {

    width: 35px;

    height: 35px;

    background: white; }

    .swiper-buttons > div::before {

      content: '\e408';

      font-family: icomoon; }

    .swiper-buttons > div.swiper-button-next::before {

      content: '\e409'; }



.swiper-button-next,

.swiper-button-prev {

  pointer-events: auto;

  margin-top: auto;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  background: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  left: 0;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }

  .swiper-button-next.swiper-button-disabled,

  .swiper-button-prev.swiper-button-disabled {

    pointer-events: auto; }



.swiper-button-next {

  left: auto;

  right: 0; }



.swiper:not(.swiper-has-pages) .swiper-pagination,

.swiper:not(.swiper-has-pages) .swiper-button-next,

.swiper:not(.swiper-has-pages) .swiper-button-prev {

  display: none; }



.swiper-pagination-bullet:only-child {

  display: none !important; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.block-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  z-index: 1; }

  .block-header img {

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    -ms-flex-item-align: auto;

        align-self: auto; }

  .block-header .icon {

    width: 50px;

    height: 50px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    font-size: 1.5em;

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out; }

    .block-header .icon::before {

      -webkit-transition: all 0.1s ease-in-out;

      transition: all 0.1s ease-in-out; }



.module-testimonials .block-header {

  display: block; }

  .module-testimonials .block-header .icon {

    font-size: 3em; }



.module-testimonials .swiper-slide {

  cursor: -webkit-grab;

  cursor: grab; }

  .module-testimonials .swiper-slide:active {

    cursor: -webkit-grabbing;

    cursor: grabbing; }



.module-testimonials .block-content {

  margin-bottom: 10px; }



.module-testimonials .block-footer {

  margin-top: auto; }



.block-wrapper {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  width: 100%;

  border-radius: inherit; }



.ie11 .block-wrapper {

  -webkit-box-flex: 1;

      -ms-flex: auto;

          flex: auto; }



.block-body {

  height: 100%;

  -webkit-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .block-body::after {

    content: "";

    clear: both;

    display: table; }

  .block-body .title {

    width: 100%; }



.blocks-grid .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.block-content {

  position: relative;

  border-radius: inherit; }

  .block-content.block-image > img {

    border-radius: inherit; }

  .block-content > p:only-of-type {

    margin: 0; }



.block-footer {

  margin-top: auto;

  -webkit-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out; }

  .block-footer .btn {

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out; }



.block-map iframe {

  width: 100%;

  height: 100%; }



.block-twitter {

  overflow-y: auto; }



.module-blocks {

  height: inherit; }

  .module-blocks .module-body {

    height: 100%; }

  .module-blocks .nav-tabs > li > a::before {

    margin-right: 5px; }

  .module-blocks .module-item {

    height: inherit; }



html[dir='rtl'] .module-blocks .nav-tabs > li > a::before {

  margin-right: 0;

  margin-left: 5px; }



.mobile .product-blocks .expand-block {

  margin-bottom: 25px; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.module-banners .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.module-banners * {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden; }



.module-banners .module-item > a {

  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;

  position: relative;

  width: 100%;

  -webkit-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden; }

  .module-banners .module-item > a img {

    width: 100%;

    height: auto;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease; }

  .module-banners .module-item > a::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    pointer-events: none;

    -webkit-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

    z-index: 2;

    border-radius: inherit; }

  .module-banners .module-item > a::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    -webkit-transition: all 0.12s ease-out;

    transition: all 0.12s ease-out;

    font-size: 35px;

    color: white;

    z-index: 4; }



.module-banners .banner-text {

  position: absolute;

  left: 0;

  right: 0;

  color: white;

  line-height: 1.3;

  z-index: 3;

  -webkit-transition: all 0.12s ease-out;

  transition: all 0.12s ease-out; }

  .module-banners .banner-text span {

    position: relative;

    display: block;

    -webkit-transition: all 0.12s ease-out;

    transition: all 0.12s ease-out; }



.module-banners .banner-caption-3 span {

  display: block; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

ul.nav-tabs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 0;

  border-width: 0 0 0 1px; }

  ul.nav-tabs::before, ul.nav-tabs::after {

    display: none; }

  ul.nav-tabs > li {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    ul.nav-tabs > li > a {

      width: 100%;

      height: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      line-height: 1.25;

      margin: 0;

      border: 0;

      border-radius: inherit;

      -webkit-transition: all 0.07s ease-out;

      transition: all 0.07s ease-out;

      background: transparent; }

      ul.nav-tabs > li > a::before {

        margin-right: 5px;

        font-weight: 400;

        line-height: 1; }

    ul.nav-tabs > li:hover, ul.nav-tabs > li.active, ul.nav-tabs > li:focus {

      z-index: 2; }

      ul.nav-tabs > li:hover > a, ul.nav-tabs > li.active > a, ul.nav-tabs > li:focus > a {

        border: 0;

        background: transparent; }

        ul.nav-tabs > li:hover > a:hover, ul.nav-tabs > li:hover > a:focus, ul.nav-tabs > li.active > a:hover, ul.nav-tabs > li.active > a:focus, ul.nav-tabs > li:focus > a:hover, ul.nav-tabs > li:focus > a:focus {

          background: inherit;

          border: 0; }

    ul.nav-tabs > li:first-child {

      border-top-left-radius: inherit;

      border-bottom-left-radius: inherit;

      border-left-width: 0; }

      ul.nav-tabs > li:first-child > a {

        border-top-left-radius: inherit;

        border-bottom-left-radius: inherit; }

    ul.nav-tabs > li:last-child {

      border-top-right-radius: inherit;

      border-bottom-right-radius: inherit; }

      ul.nav-tabs > li:last-child > a {

        border-top-right-radius: inherit;

        border-bottom-right-radius: inherit; }



html[dir='rtl'] ul.nav-tabs > li:first-child {

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit;

  border-right-width: 0; }

  html[dir='rtl'] ul.nav-tabs > li:first-child > a {

    border-top-right-radius: inherit;

    border-bottom-right-radius: inherit; }



html[dir='rtl'] ul.nav-tabs > li:last-child {

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit; }

  html[dir='rtl'] ul.nav-tabs > li:last-child > a {

    border-top-left-radius: inherit;

    border-bottom-left-radius: inherit; }



.tab-content {

  position: relative;

  border-width: 1px; }



.tab-pane {

  padding: 0;

  background: transparent;

  border-radius: inherit; }



.nav-tabs > li {

  z-index: auto; }

  .nav-tabs > li > a {

    position: relative;

    z-index: 1; }



.tab-container {

  position: relative; }

  .tab-container::before {

    content: "";

    position: absolute;

    display: none;

    z-index: 0;

    width: 200vw;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    top: 0;

    height: 40px; }



html[dir="rtl"] .tab-container::before {

  -webkit-transform: translateX(50%);

          transform: translateX(50%); }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Accordion

*******************************/

.panel-group {

  margin-bottom: 0; }

  .panel-group .panel {

    border-radius: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

    border: none;

    background: transparent;

    position: relative;

    z-index: 1; }

    .panel-group .panel:hover {

      z-index: 2; }

    .panel-group .panel + .panel {

      margin-top: 0; }

    .panel-group .panel:first-child {

      border-top-left-radius: inherit;

      border-top-right-radius: inherit; }

      .panel-group .panel:first-child .panel-heading {

        border-top-width: 0; }

    .panel-group .panel:last-child {

      border-bottom-left-radius: inherit;

      border-bottom-right-radius: inherit; }

      .panel-group .panel:last-child:not(.panel-active) > .panel-heading {

        border-bottom-width: 0; }

  .panel-group .panel-heading {

    padding: 0;

    -webkit-transition: all 0.1s ease-out, border-radius 0s;

    transition: all 0.1s ease-out, border-radius 0s;

    border-radius: inherit;

    position: relative;

    z-index: 2;

    background: transparent; }

    .panel-group .panel-heading .panel-title {

      font-size: inherit;

      font-weight: inherit;

      position: relative;

      border-radius: inherit;

      -webkit-transition: all 0.075s ease;

      transition: all 0.075s ease;

      padding: 0;

      border: none;

      width: 100%; }

    .panel-group .panel-heading a {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

      .panel-group .panel-heading a i {

        display: none; }

      .panel-group .panel-heading a::before {

        margin-right: 5px;

        line-height: 1; }

    .panel-group .panel-heading + .panel-collapse {

      position: relative;

      z-index: 1; }

      .panel-group .panel-heading + .panel-collapse > .panel-body {

        border-top: 0; }

  .panel-group .panel-active .panel-heading {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0; }

    .panel-group .panel-active .panel-heading a {

      cursor: default; }

  .panel-group .panel-active + .panel .panel-heading {

    border-top-width: 1px; }

  .panel-group .panel-body {

    padding: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Gallery

*******************************/

.lg-backdrop {

  z-index: 100000;

  background-color: rgba(0, 0, 0, 0.85); }



.lg-outer {

  z-index: 200000; }



.lg-outer .lg-item {

  background: none; }

  .lg-outer .lg-item::after {

    content: "";

    position: absolute;

    top: 46.5%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    z-index: 1000; }

  .lg-outer .lg-item.lg-complete::after {

    display: none; }



.module-gallery .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.module-gallery .module-item > a {

  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;

  position: relative;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden; }

  .module-gallery .module-item > a img {

    -webkit-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

    width: 100%;

    height: auto; }

  .module-gallery .module-item > a::before {

    z-index: 1; }

  .module-gallery .module-item > a::after {

    z-index: 2; }

  .module-gallery .module-item > a span {

    width: 100%;

    height: 100%;

    display: block; }

    .module-gallery .module-item > a span::before {

      z-index: 1; }



.lg-outer .lg-toolbar {

  background: transparent;

  color: #ccc; }

  .lg-outer .lg-toolbar .lg-icon {

    color: inherit; }

    .lg-outer .lg-toolbar .lg-icon:hover {

      color: white; }



.lg-outer .lg-sub-html {

  background: transparent;

  pointer-events: none;

  -webkit-transition: bottom 0.25s ease-out !important;

  transition: bottom 0.25s ease-out !important; }



.lg-outer .lg-actions .lg-icon {

  color: white;

  margin: 0;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  border-radius: 0; }

  .lg-outer .lg-actions .lg-icon::after {

    display: none; }



.lg-outer #lg-zoom-out {

  display: none; }



.lg-outer #lg-actual-size {

  font-size: 24px; }

  .lg-outer #lg-actual-size::after {

    content: "\e312"; }



.lg-outer .lg-thumb-outer {

  height: auto !important;

  -webkit-transition: -webkit-transform .25s ease-out;

  transition: -webkit-transform .25s ease-out;

  transition: transform .25s ease-out;

  transition: transform .25s ease-out, -webkit-transform .25s ease-out; }



.lg-outer .lg-thumb {

  padding: 0;

  margin: 0 auto;

  background: transparent;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.lg-outer .lg-thumb-item {

  border: none;

  border-radius: 0;

  margin-bottom: 0;

  overflow: visible; }

  .lg-outer .lg-thumb-item img {

    display: block; }



.lg-outer #lg-counter {

  color: inherit; }



.module-gallery .module-item > a::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  pointer-events: none;

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

  opacity: 0; }



.module-gallery .module-item > a::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.5);

          transform: translate3d(-50%, -50%, 0) scale(0.5);

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

  opacity: 0;

  font-size: 35px; }



.module-gallery .module-item > a:hover::before {

  opacity: 1; }



.module-gallery .module-item > a:hover::after {

  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);

          transform: translate3d(-50%, -50%, 0) scale(1);

  opacity: 1; }



.module-gallery .module-item > a:hover > span::before {

  -webkit-transform: translate3d(0, 0, 0) scale(1);

          transform: translate3d(0, 0, 0) scale(1);

  opacity: 1; }



.module-gallery .module-item > a > span::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 10px;

  -webkit-transform: translate3d(0, 10px, 0) scale(1);

          transform: translate3d(0, 10px, 0) scale(1);

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

  opacity: 0;

  font-size: 12px;

  color: white;

  line-height: 1.3; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 General

*******************************/

.no-touchevents.popup-open {

  overflow: hidden; }

  .no-touchevents.popup-open body {

    overflow-y: scroll; }



.touchevents.popup-open,

.touchevents.popup-open body {

  overflow: hidden; }



.desktop.popup body {

  padding-top: 0 !important; }



.popup-wrapper {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999998;

  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;

  pointer-events: none;

  -webkit-overflow-scrolling: touch; }



.popup-bg {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 9997;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out; }



.popup-container {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

  -webkit-transition: all 0.2s ease-out, margin 0s;

  transition: all 0.2s ease-out, margin 0s;

  position: relative;

  max-width: 100%;

  z-index: 9999;

  pointer-events: none; }



.popup-open .popup-wrapper {

  pointer-events: auto;

  overflow-y: scroll; }



.popup-open .popup-body {

  pointer-events: auto; }



.popup-open .popup-bg {

  opacity: 1;

  visibility: visible; }



.popup-open .popup-container {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

          transform: scale(1); }



.popup-close {

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transform: translateY(-100%);

          transform: translateY(-100%);

  font-size: 18px;

  background: white;

  z-index: 2;

  pointer-events: auto;

  z-index: 100; }

  .popup-close:hover {

    background: #238CD2; }

  .popup-close::before {

    content: "\e5cd";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%); }



.ios.popup {

  overflow-y: scroll; }



/******************************

 Header

*******************************/

.popup-header {

  position: relative; }



/******************************

 Body

*******************************/

.popup-body {

  overflow: hidden; }

  .popup-body img {

    vertical-align: bottom; }

  .popup-body .grid-cols {

    max-width: 100%; }

  .popup-body .product-thumb .btn-quickview {

    display: none !important; }

  .popup-body .grid-row::before {

    width: 100% !important; }



.popup-inner-body {

  position: relative;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  border-radius: inherit;

  max-height: 100vh; }

  .popup-inner-body > .grid-rows {

    overflow-y: auto; }



.popup-content {

  overflow-y: auto;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1; }

  .popup-content > p:last-of-type {

    margin: 0; }

  .popup-content img {

    height: auto; }



/******************************

 Footer

*******************************/

.popup-footer {

  text-align: center;

  position: relative; }

  .popup-footer .btn + .btn {

    margin-left: 10px; }



.popup-dont-show {

  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;

  margin: 0; }

  .popup-dont-show input {

    float: left;

    margin: 0; }

  .popup-dont-show span {

    margin: 0 5px; }



/******************************

 Iframe / Quickview

*******************************/

.popup body,

.popup #content,

.popup .site-wrapper > .container > .row {

  background: none !important;

  margin: 0 !important; }



.popup #content,

.popup .site-wrapper > .container > .row {

  padding: 0 !important; }



.popup .site-wrapper {

  min-height: 100%; }



.popup .wrapper,

.popup .boxed-layout .site-wrapper,

.popup .site-wrapper,

.popup .grid-cols {

  max-width: 100%; }



.modal {

  z-index: 1000050; }

  .modal .modal-header {

    border-width: 0 0 1px 0;

    border-top-left-radius: inherit;

    border-top-right-radius: inherit; }

    .modal .modal-header .close {

      position: relative;

      opacity: 1;

      background: none;

      font-size: 25px;

      margin: 0; }



.popup-options .product-info .product-details {

  padding-bottom: 60px; }

  .popup-options .product-info .product-details .product-options > .options-title {

    display: block; }

    .popup-options .product-info .product-details .product-options > .options-title + .form-group {

      margin-top: 10px; }

  .popup-options .product-info .product-details .stepper-group {

    width: 100%; }

    .popup-options .product-info .product-details .stepper-group .stepper {

      max-height: 38px; }

  .popup-options .product-info .product-details .button-group-page {

    position: fixed;

    margin: 0;

    bottom: 0;

    z-index: 99;

    -webkit-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.1);

            box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.1);

    padding: 10px; }

    .popup-options .product-info .product-details .button-group-page #button-cart {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1;

      max-height: 38px; }

      .popup-options .product-info .product-details .button-group-page #button-cart::before {

        margin: 0 5px; }



.popup-inner-body > iframe {

  width: 100%;

  min-height: 100%; }



.touchevents.popup .site-wrapper {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch; }



.popup-inner-body:empty + .popup-close {

  display: none !important; }



.route-product-product.popup-quickview .direction-horizontal .additional-images .swiper-container {

  overflow: hidden; }



/******************************

 Login/Register

*******************************/

html.popup .form-horizontal {

  margin-bottom: 0; }



html.popup .site-wrapper::before {

  display: none; }



html.popup .site-wrapper > .title + p {

  display: none; }



.popup-open.mobile-sticky header {

  top: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.module-master_slider {

  max-width: 100%;

  background-size: cover;

  background-position: center;

  height: 100%; }

  .module-master_slider::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    pointer-events: none;

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

  .module-master_slider .slider-static-text {

    position: absolute;

    z-index: 2;

    display: block; }

    .module-master_slider .slider-static-text span {

      display: block;

      position: relative;

      -webkit-transition: all 0.1s ease-out;

      transition: all 0.1s ease-out; }

  .module-master_slider div.slider-static-text {

    cursor: default; }

  .module-master_slider > img {

    visibility: hidden;

    max-width: 100%;

    height: auto;

    margin: 0 auto; }

  .module-master_slider.fullscreen-slider > img {

    visibility: hidden;

    width: 100%;

    height: 100vh; }

  .module-master_slider iframe {

    border: none; }

  .module-master_slider video {

    width: 100%;

    height: 100%; }

  .module-master_slider .ms-slide {

    overflow: hidden; }

    .module-master_slider .ms-slide .ms-slide-video {

      z-index: 112; }

    .module-master_slider .ms-slide::before {

      content: "";

      width: 100%;

      height: 100%;

      position: absolute;

      z-index: 106;

      top: 0;

      pointer-events: none; }

  .module-master_slider .ms-view {

    background: transparent; }

  .module-master_slider .ms-layer-video {

    overflow: hidden; }

  .module-master_slider .no-show-effect {

    -webkit-transition-duration: 0s !important;

            transition-duration: 0s !important; }

  .module-master_slider .ms-timerbar {

    height: auto !important; }

  .module-master_slider .ms-time-bar {

    border-width: 0; }

  .module-master_slider .ms-scroll-parallax-cont,

  .module-master_slider .ms-slide .ms-slide-layers,

  .module-master_slider .ms-overlay-layers .ms-slide-layers {

    z-index: 111;

    pointer-events: none;

    mix-blend-mode: normal; }

  .module-master_slider .ms-slide .ms-layer,

  .module-master_slider .ms-fixed-layers .ms-layer,

  .module-master_slider .ms-overlay-layers .ms-layer {

    pointer-events: none; }

  .module-master_slider .ms-slide-layers .ms-layer-button,

  .module-master_slider .ms-slide-layers .ms-layer-hotspot {

    pointer-events: auto;

    -webkit-transition: background-color 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out, border-radius 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;

    transition: background-color 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out, border-radius 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;

    transition: background-color 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out, box-shadow 0.1s ease-out, border-radius 0.1s ease-out;

    transition: background-color 0.1s ease-out, color 0.1s ease-out, border-color 0.1s ease-out, box-shadow 0.1s ease-out, border-radius 0.1s ease-out, -webkit-box-shadow 0.1s ease-out; }

  .module-master_slider .ms-slide-layers .ms-layer-video {

    pointer-events: auto; }

  .module-master_slider .ms-point-center {

    background-clip: padding-box !important;

    cursor: context-menu;

    margin: -16px 0 0 -16px;

    background: white;

    line-height: 1;

    position: relative;

    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;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden; }

    .module-master_slider .ms-point-center::before {

      backface-visibility: hidden;

      -webkit-backface-visibility: hidden;

      line-height: 1;

      position: absolute;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

              transform: translate(-50%, -50%); }

  .module-master_slider .ms-tooltip {

    max-width: 280px;

    position: absolute;

    z-index: 20;

    cursor: auto; }

    .module-master_slider .ms-tooltip .ms-tooltip-arrow {

      position: absolute;

      border-width: 8px;

      border-color: transparent;

      border-style: solid; }

  .module-master_slider .ms-tooltip-top .ms-tooltip-arrow {

    top: auto;

    right: auto;

    bottom: -16px;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%); }

  .module-master_slider .ms-tooltip-right .ms-tooltip-arrow {

    top: 50%;

    right: auto;

    bottom: auto;

    left: -16px;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%); }

  .module-master_slider .ms-tooltip-bottom .ms-tooltip-arrow {

    top: -16px;

    right: auto;

    bottom: auto;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%); }

  .module-master_slider .ms-tooltip-left .ms-tooltip-arrow {

    top: 50%;

    right: -16px;

    bottom: auto;

    left: auto;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%); }

  .module-master_slider .ms-nav-next,

  .module-master_slider .ms-nav-prev {

    width: 50px;

    height: 50px;

    background: white;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    left: 0;

    position: absolute;

    -webkit-transition: all 0.1s ease-out;

    transition: all 0.1s ease-out;

    cursor: pointer;

    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; }

    .module-master_slider .ms-nav-next:hover,

    .module-master_slider .ms-nav-prev:hover {

      background: #333; }

  .module-master_slider .ms-nav-next {

    left: auto;

    right: 0; }

  .module-master_slider .ms-nav-prev::before {

    -webkit-transform: scale(-1);

            transform: scale(-1); }

  .module-master_slider .ms-bullets {

    -webkit-transition: all 0.1s ease-out;

    transition: all 0.1s ease-out;

    right: auto;

    width: auto !important; }

    .module-master_slider .ms-bullets .ms-bullets-count {

      right: auto;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

  .module-master_slider .ms-bullet {

    -webkit-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;

    border-width: 0;

    border-radius: 0;

    margin: 0 !important;

    background: white; }

  .module-master_slider .ms-bullet-selected {

    background: #333; }

  .module-master_slider .ms-thumb-list {

    bottom: 0;

    height: auto !important; }

  .module-master_slider .ms-thumb-frame {

    -webkit-transition: all 0.1s ease-out;

    transition: all 0.1s ease-out;

    opacity: 1;

    margin-right: 0 !important;

    position: relative;

    z-index: 1; }

    .module-master_slider .ms-thumb-frame:hover {

      opacity: 1 !important; }

  .module-master_slider .ms-thumb-frame-selected {

    opacity: 1 !important;

    -webkit-transform: scale(1);

            transform: scale(1);

    z-index: 2; }

  .module-master_slider > .master-slider {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    width: 100%; }

    .module-master_slider > .master-slider > .ms-container {

      -webkit-box-ordinal-group: 2;

          -ms-flex-order: 1;

              order: 1;

      margin: 0; }

  .module-master_slider .ms-btn-container {

    width: 100% !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }



html[dir='rtl'] .module-master_slider .ms-btn-container {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.module-catalog .module-body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



.subitem {

  line-height: 1.2;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 100%; }

  .subitem a {

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

  .subitem::before {

    float: left; }



.catalog-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.catalog-image img {

  width: 100%; }



.item-content {

  height: 100%;

  -webkit-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



.item-assets {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1; }



.subitems {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .subitems .view-more a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.module-newsletter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  .module-newsletter .module-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: inherit;

        -ms-flex-pack: inherit;

            justify-content: inherit;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

    .module-newsletter .module-body > div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: inherit;

          -ms-flex-pack: inherit;

              justify-content: inherit; }

    .module-newsletter .module-body .newsletter-form {

      max-width: 100%; }

      .module-newsletter .module-body .newsletter-form form {

        max-width: 100%; }

        .module-newsletter .module-body .newsletter-form form input {

          max-width: 100%; }

      .module-newsletter .module-body .newsletter-form .checkbox {

        padding: 0; }

  .module-newsletter .btn {

    position: absolute;

    right: 0;

    z-index: 2; }

    .module-newsletter .btn::before {

      content: "\f0e0";

      font-family: icomoon; }

  .module-newsletter .input-group + .checkbox label {

    display: block;

    margin-top: 5px;

    width: 100%; }



.agree b {

  font-weight: inherit; }



.side-column .module-newsletter .module-body {

  display: block; }



.side-column .module-newsletter .btn span {

  display: none; }



.side-column .newsletter-text {

  margin-bottom: 10px; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.category-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .category-grid:not(.swiper-wrapper) {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }



.manufacturer-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .manufacturer-grid:not(.swiper-wrapper) {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }



.category-thumb,

.manufacturer-thumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  position: relative; }

  .category-thumb .caption,

  .manufacturer-thumb .caption {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    z-index: 2; }

  .category-thumb .description,

  .manufacturer-thumb .description {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

  .category-thumb .button-group,

  .manufacturer-thumb .button-group {

    margin-top: auto; }

  .category-thumb .image,

  .manufacturer-thumb .image {

    width: 100%; }

    .category-thumb .image a,

    .manufacturer-thumb .image a {

      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;

      overflow: hidden;

      -webkit-backface-visibility: hidden;

      backface-visibility: hidden; }

    .category-thumb .image img,

    .manufacturer-thumb .image img {

      width: 100%;

      height: auto;

      -webkit-transition: all 0.18s ease;

      transition: all 0.18s ease;

      border-radius: inherit; }

  .category-thumb .name,

  .manufacturer-thumb .name {

    max-width: 100%;

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

    .category-thumb .name a,

    .manufacturer-thumb .name a {

      width: 100%;

      display: block; }



.manufacturer-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .manufacturer-grid:not(.swiper-wrapper) {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }



.manufacturer-thumb .name {

  width: 100%; }



.manufacturer-thumb .caption {

  margin-top: auto; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

.side-column .module-filter .panel-group {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }



html:not(.phone) .module-title button {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%); }



.reset-filter.btn {

  margin-left: auto; }



html[dir='rtl'] .reset-filter.btn {

  margin-left: 0;

  margin-left: initial;

  margin-right: auto; }



.module-filter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  .module-filter .module-title {

    width: 100%; }

    .module-filter .module-title button {

      margin-left: auto; }

  .module-filter .panel-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

  .module-filter .panel-body > div > label {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin: 0;

    padding: 5px;

    -webkit-transition: all 0.05s ease;

    transition: all 0.05s ease;

    cursor: pointer; }

    .module-filter .panel-body > div > label + label {

      border-width: 1px 0 0 0; }

    .module-filter .panel-body > div > label input {

      margin: 0 2px 0 0; }

      .module-filter .panel-body > div > label input + img {

        -webkit-transition: all 0.05s ease;

        transition: all 0.05s ease; }

    .module-filter .panel-body > div > label .links-text {

      margin: 0 5px;

      -webkit-transition: all 0.05s ease;

      transition: all 0.05s ease; }

    .module-filter .panel-body > div > label .count-badge {

      margin: 0;

      z-index: 2;

      -webkit-transform: translateX(0);

              transform: translateX(0); }

  .module-filter .image-only .panel-body > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

    .module-filter .image-only .panel-body > div > label {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      margin: 0;

      padding: 0;

      position: relative; }

      .module-filter .image-only .panel-body > div > label + label {

        border-top: 0; }

      .module-filter .image-only .panel-body > div > label img {

        margin: 0;

        height: auto; }

      .module-filter .image-only .panel-body > div > label input {

        display: none; }

      .module-filter .image-only .panel-body > div > label .links-text {

        display: none; }

      .module-filter .image-only .panel-body > div > label .count-badge {

        position: absolute;

        right: 0;

        top: 0; }

  .module-filter .links-text {

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word; }

  .module-filter .filter-price {

    padding-bottom: 10px; }

  .module-filter .range-slider {

    min-height: 40px;

    top: -18px;

    position: relative; }

  .module-filter .irs {

    height: auto; }

  .module-filter .js-range-slider {

    display: none !important; }

  .module-filter .irs-min, .module-filter .irs-max, .module-filter .irs-from, .module-filter .irs-to, .module-filter .irs-single {

    display: none; }

  .module-filter .irs-slider {

    background: #238CD2;

    border: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    -webkit-transition: all 0.03s ease;

    transition: all 0.03s ease;

    border-radius: 0; }

  .module-filter .irs-line {

    background: transparent;

    border-radius: 0;

    border: none; }

  .module-filter .irs-bar {

    background: transparent;

    border: none; }

  .module-filter .extra-controls {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    position: relative; }

    .module-filter .extra-controls input {

      width: calc(50% - 25px);

      text-align: center;

      border: none;

      -webkit-box-shadow: none;

              box-shadow: none;

      outline: none; }

    .module-filter .extra-controls .currency-symbol {

      padding: 0 4px; }

    .module-filter .extra-controls .currency-left ~ .currency-left {

      margin-left: auto; }

    .module-filter .extra-controls input:first-child + .currency-right {

      margin-right: auto; }

  .module-filter .module-item {

    -webkit-box-ordinal-group: 1000;

        -ms-flex-order: 999;

            order: 999; }

    .module-filter .module-item .checkbox, .module-filter .module-item .radio {

      margin-top: 0; }

    .module-filter .module-item .select select {

      width: 100%; }

  .module-filter .panel-body::before, .module-filter .panel-body::after {

    display: none; }



html[dir='rtl'] .module-filter .extra-controls .currency-symbol ~ .currency-symbol {

  margin-left: 0;

  margin-left: initial;

  margin-right: auto; }



.mobile-filter-trigger {

  position: fixed;

  bottom: 20px;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  z-index: 100; }

  .has-bottom-menu .mobile-filter-trigger {

    margin-bottom: 45px; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Mobile Header

*******************************/

.mobile-header,

.open-close,

.mobile-bar-group {

  display: none; }



.mobile-header-active .mobile-header {

  display: block; }



.mobile-header-active .header {

  display: none; }



/******************************

 Header

*******************************/

header {

  z-index: 100;

  position: relative; }

  header .navbar-nav {

    float: none;

    margin: 0; }



.header {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 0 auto;

  position: relative; }



.header ul,

.dropdown-menu ul,

.top-menu ul {

  list-style: none;

  padding: 0;

  margin: 0; }



.top-menu.language-currency > div,

.top-menu.language-currency > div > div,

.top-menu.language-currency > div > div form,

.top-menu.language-currency > div > div form > .dropdown {

  height: 100%; }



/******************************

 Logo

*******************************/

#logo {

  height: 100%; }

  #logo a {

    width: 100%;

    height: 100%;

    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;

    -webkit-transition: all 0.075s ease-out;

    transition: all 0.075s ease-out; }

    #logo a > img {

      max-width: 100%;

      max-height: 100%;

      width: auto;

      height: auto;

      position: relative;

      -ms-flex-item-align: center;

          align-self: center; }

  #logo h1 {

    height: 100%;

    margin: 0;

    padding: 0; }



/******************************

 Language & Currency

*******************************/

.language-currency {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%;

  pointer-events: none; }

  .language-currency > div:first-of-type:not(:only-of-type) {

    margin-right: 7px; }

  .language-currency .dropdown {

    pointer-events: auto; }

    .language-currency .dropdown::after {

      content: "\f0da";

      font-family: icomoon !important;

      font-size: 11px !important;

      position: relative;

      padding: 0 5px;

      margin-left: auto;

      -webkit-transform: rotate(90deg);

              transform: rotate(90deg);

      margin-top: 2px;

      font-weight: 400 !important; }

  .language-currency .dropdown-toggle {

    padding: 0; }

  .language-currency .symbol {

    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; }

    .language-currency .symbol img {

      -ms-flex-item-align: center;

          align-self: center; }

  .language-currency button {

    background-color: transparent;

    margin: 0;

    width: 100%;

    white-space: nowrap;

    padding: 7px 10px; }

  .language-currency a {

    white-space: nowrap;

    cursor: pointer !important; }

  .language-currency .dropdown > button > span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

  .language-currency .dropdown-menu {

    min-width: auto; }

    .language-currency .dropdown-menu > ul > li {

      border-width: 1px 0 0 0; }

      .language-currency .dropdown-menu > ul > li:first-child {

        border-top-width: 0; }

      .language-currency .dropdown-menu > ul > li::before {

        display: none; }



#language,

#currency {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  #language form > .dropdown,

  #currency form > .dropdown {

    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; }

  #language button,

  #currency button {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row; }



.currency-symbol-title > .currency-symbol {

  width: 16px;

  height: 16px;

  background-color: #EA2349;

  color: white;

  font-size: 11px;

  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;

  border-radius: 50%; }



.language-flag {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  min-height: 18px; }

  .language-flag img {

    max-width: none;

    -ms-flex-item-align: center;

        align-self: center; }



.currency-code,

.currency-code-dropdown {

  display: none; }



.language-title,

.currency-title,

.currency-code,

.currency-title-dropdown,

.language-title-dropdown,

.currency-code-dropdown {

  margin-left: 5px; }



.currency-select,

.language-select {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



/******************************

 DESKTOP HEADER STYLES

*******************************/

.desktop-header-active {

  /******************************

   Default

  *******************************/

  /******************************

   Classic

  *******************************/

  /******************************

   Mega

  *******************************/

  /******************************

   Compact

  *******************************/

  /******************************

   Slim

  *******************************/ }

  .desktop-header-active header::before {

    width: 100%;

    height: 35px;

    position: absolute;

    top: 0;

    content: "";

    z-index: 0; }

  .desktop-header-active header .top-bar {

    z-index: 1001;

    position: relative; }

  .desktop-header-active .header-default > div {

    height: 100%; }

  .desktop-header-active .header-default .header-assets {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    width: calc(100% - 250px); }

  .desktop-header-active .header-default .top-bar {

    height: 33.3333%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .desktop-header-active .header-default .top-bar .dropdown > a::after {

      margin-left: 0; }

  .desktop-header-active .header-default .mid-bar {

    height: 33.3333%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

    .desktop-header-active .header-default .mid-bar .top-menu > ul > li + li {

      border-width: 0; }

  .desktop-header-active .header-default .top-menu,

  .desktop-header-active .header-default .top-menu > ul,

  .desktop-header-active .header-default #cart,

  .desktop-header-active .header-default .desktop-cart-wrapper {

    height: 100%; }

  .desktop-header-active .header-default .full-cart {

    margin-left: auto; }

  .desktop-header-active .header-default .header-cart-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

  .desktop-header-active .header-default .desktop-logo-wrapper {

    width: 250px; }

  .desktop-header-active .header-default .desktop-main-menu-wrapper {

    position: static; }

    .desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu > .j-menu, .desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu-item {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1; }

  .desktop-header-active .header-default .header-assets {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

    .desktop-header-active .header-default .header-assets > div {

      height: 33.3333%; }

  .desktop-header-active .header-default .cart-heading {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .desktop-header-active .header-default .desktop-main-menu-wrapper .main-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  .desktop-header-active .header-default .top-bar > .top-menu {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

    .desktop-header-active .header-default .top-bar > .top-menu > ul {

      padding: 0; }

      .desktop-header-active .header-default .top-bar > .top-menu > ul > li {

        -webkit-box-flex: 1;

            -ms-flex: 1 0 0px;

                flex: 1 0 0; }

        .desktop-header-active .header-default .top-bar > .top-menu > ul > li > a {

          -webkit-box-pack: center;

              -ms-flex-pack: center;

                  justify-content: center; }

  .desktop-header-active .header-default .full-search, .desktop-header-active .header-default .full-search #search {

    height: 100%; }

  .desktop-header-active .header-default .top-menu-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    height: 100%; }

  .desktop-header-active .header-default::before {

    z-index: -1; }

  .desktop-header-active body:not(.is-sticky) .header-default .main-menu > .menu-item {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    height: 100%; }

    .desktop-header-active body:not(.is-sticky) .header-default .main-menu > .menu-item > a {

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center; }

  .desktop-header-active .header-classic {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .desktop-header-active .header-classic > div {

      width: 100%; }

    .desktop-header-active .header-classic .top-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

    .desktop-header-active .header-classic .mid-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;

      height: 100px; }

      .desktop-header-active .header-classic .mid-bar > div {

        height: 100%;

        -webkit-box-ordinal-group: 6;

            -ms-flex-order: 5;

                order: 5;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center; }

      .desktop-header-active .header-classic .mid-bar .top-menu {

        height: auto;

        margin: 0 10px; }

        .desktop-header-active .header-classic .mid-bar .top-menu > .j-menu {

          -ms-flex-wrap: nowrap;

              flex-wrap: nowrap; }

      .desktop-header-active .header-classic .mid-bar .secondary-menu {

        margin: 0; }

        .desktop-header-active .header-classic .mid-bar .secondary-menu .top-menu {

          margin: 0; }

    .desktop-header-active .header-classic #logo {

      width: 100%; }

      .desktop-header-active .header-classic #logo a {

        width: 100%; }

    .desktop-header-active .header-classic .classic-cart-wrapper,

    .desktop-header-active .header-classic .desktop-cart-wrapper {

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end; }

    .desktop-header-active .header-classic .desktop-search-wrapper {

      min-width: 160px; }

    .desktop-header-active .header-classic .desktop-main-menu-wrapper {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; }

    .desktop-header-active .header-classic .header-cart-group {

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end; }

    .desktop-header-active .header-classic .full-search #search {

      height: 35px;

      width: 100%; }

    .desktop-header-active .header-classic #cart {

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1; }

      .desktop-header-active .header-classic #cart > a {

        -webkit-box-pack: end;

            -ms-flex-pack: end;

                justify-content: flex-end; }

  .desktop-header-active .header-mega {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .desktop-header-active .header-mega > div {

      width: 100%; }

    .desktop-header-active .header-mega .top-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;

      height: 35px; }

    .desktop-header-active .header-mega .mid-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      height: 100px; }

      .desktop-header-active .header-mega .mid-bar > div {

        height: 100%; }

    .desktop-header-active .header-mega .mid-bar > div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

    .desktop-header-active .header-mega .mid-bar .desktop-cart-wrapper {

      height: auto; }

    .desktop-header-active .header-mega .mid-bar .secondary-menu {

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1; }

      .desktop-header-active .header-mega .mid-bar .secondary-menu .top-menu {

        height: auto; }

    .desktop-header-active .header-mega #logo {

      margin: 0 auto;

      width: 100%; }

      .desktop-header-active .header-mega #logo a {

        width: 100%;

        height: 100%; }

    .desktop-header-active .header-mega .desktop-search-wrapper {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1;

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      height: 100%;

      -webkit-box-ordinal-group: 3;

          -ms-flex-order: 2;

              order: 2; }

      .desktop-header-active .header-mega .desktop-search-wrapper > div {

        width: 100%; }

    .desktop-header-active .header-mega .desktop-logo-wrapper {

      margin-right: auto; }

    .desktop-header-active .header-mega .desktop-cart-wrapper {

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end;

      height: 100%;

      -webkit-box-ordinal-group: 6;

          -ms-flex-order: 5;

              order: 5; }

      .desktop-header-active .header-mega .desktop-cart-wrapper #cart, .desktop-header-active .header-mega .desktop-cart-wrapper .cart-heading {

        height: 100%; }

    .desktop-header-active .header-mega .desktop-main-menu-wrapper {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

      .desktop-header-active .header-mega .desktop-main-menu-wrapper #main-menu-2 {

        -webkit-box-ordinal-group: 5;

            -ms-flex-order: 4;

                order: 4; }

    .desktop-header-active .header-mega .language-currency {

      pointer-events: none; }

      .desktop-header-active .header-mega .language-currency button {

        pointer-events: auto; }

    .desktop-header-active .header-mega #main-menu {

      -webkit-box-ordinal-group: 0;

          -ms-flex-order: -1;

              order: -1; }

  .desktop-header-active .header-compact {

    -webkit-transition: background-color .15s ease;

    transition: background-color .15s ease;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .desktop-header-active .header-compact .language-currency {

      pointer-events: none; }

      .desktop-header-active .header-compact .language-currency button {

        pointer-events: auto; }

    .desktop-header-active .header-compact > div {

      width: 100%; }

    .desktop-header-active .header-compact .top-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

    .desktop-header-active .header-compact .mid-bar {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-transition: height .2s ease;

      transition: height .2s ease;

      z-index: 1; }

      .desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper {

        position: static; }

        .desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper::before {

          display: none; }

        .desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper .main-menu {

          display: -webkit-inline-box;

          display: -ms-inline-flexbox;

          display: inline-flex; }

        .desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper .mega-fullwidth > .j-dropdown {

          padding-top: 14px;

          margin-top: -14px; }

    .desktop-header-active .header-compact .desktop-logo-wrapper {

      height: 100%; }

    .desktop-header-active .header-compact .desktop-main-menu-wrapper {

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      height: auto; }

      .desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu {

        -ms-flex-wrap: nowrap;

            flex-wrap: nowrap; }

        .desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a {

          position: relative;

          z-index: 2; }

        .desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > .dropdown-menu {

          z-index: 1; }

    .desktop-header-active .header-compact .header-cart-group {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end;

      margin-left: auto; }

    .desktop-header-active .header-compact .top-menu-group {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: end;

          -ms-flex-pack: end;

              justify-content: flex-end;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

      padding: 0 10px; }

  .desktop-header-active .header-slim .desktop-main-menu-wrapper {

    height: 100%;

    -webkit-box-flex: 0;

        -ms-flex: 0;

            flex: 0; }

  .desktop-header-active .header-slim .header-cart-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end; }

  .desktop-header-active .header-slim .full-search {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    height: 100%; }

    .desktop-header-active .header-slim .full-search #search {

      width: 100%;

      height: 40px; }

  .desktop-header-active .header-sm .top-menu > ul {

    margin: 0;

    -ms-flex-wrap: nowrap;

        flex-wrap: nowrap; }

  .desktop-header-active .mid-bar {

    position: relative; }



.search-page-open.header-compact .top-bar {

  z-index: 1; }



/******************************

 Sticky Header

*******************************/

.desktop-header-active .is-sticky .desktop-main-menu-wrapper {

  -webkit-transition: top 0.25s ease-out;

  transition: top 0.25s ease-out;

  position: fixed;

  top: 0;

  width: 100%;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .desktop-header-active .is-sticky .desktop-main-menu-wrapper::before {

    width: 100vw;

    left: 50%;

    margin-left: -50vw;

    height: 100%;

    position: absolute;

    top: 0;

    z-index: -1; }

  .desktop-header-active .is-sticky .desktop-main-menu-wrapper .count-badge {

    top: 0;

    margin-top: 0 !important; }



.desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper .desktop-cart-wrapper, .desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper #cart, .desktop-header-active .is-sticky .header-classic .desktop-main-menu-wrapper .cart-heading {

  height: 100%; }



.desktop-header-active .is-sticky .header-default .desktop-main-menu-wrapper::before {

  background: inherit; }



.desktop-header-active.compact-sticky .sticky-compact header {

  border-top-width: 0;

  border-left-width: 0;

  border-right-width: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Full Search

*******************************/

.header-search {

  height: 100%; }

  .header-search input {

    width: 100%;

    height: 100%;

    border-radius: 0;

    border: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

    background: white !important;

    padding: 0 12px; }

    .header-search input:focus {

      -webkit-box-shadow: none;

              box-shadow: none;

      outline: none; }

  .header-search > span {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

    width: 100%;

    height: 100%;

    position: static !important; }

    .header-search > span .tt-hint {

      display: none; }

    .header-search > span input {

      border-radius: inherit; }

  .header-search > button::before {

    content: "\f002";

    font-family: icomoon; }

  .header-search > * {

    -webkit-box-ordinal-group: 6;

        -ms-flex-order: 5;

            order: 5; }



.full-search #search {

  max-height: 100%; }

  .full-search #search > .j-dropdown {

    display: block; }



/******************************

 Mini Search

*******************************/

.mini-search .search-trigger {

  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;

  font-size: 20px;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  background-color: transparent; }



.mini-search #search > .dropdown-menu {

  left: auto;

  right: 0; }

  .mini-search #search > .dropdown-menu::before {

    left: 100%;

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%); }



.mini-search .header-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 100%; }

  .mini-search .header-search input {

    min-width: 150px; }



.mini-search .search-button {

  min-width: 40px;

  font-size: 18px; }



.mini-search .search-categories-button {

  font-size: 13px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.mobile .mini-search .dropdown-menu {

  max-width: 100%; }



/******************************

 Full Search

*******************************/

.full-search #search {

  min-height: 30px; }

  .full-search #search > .dropdown-menu {

    z-index: 1;

    position: relative;

    visibility: visible;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

            transform: translate3d(0, 0, 0) scale(1);

    padding: 0;

    margin: 0;

    min-width: 0;

    min-width: initial;

    width: 100%;

    height: 100%;

    top: auto; }

    .full-search #search > .dropdown-menu::before {

      display: none; }



.full-search .header-search {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  .full-search .header-search > span {

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }



/******************************

 Search Button

*******************************/

.search-button {

  padding: 0;

  min-width: 40px;

  height: 100%;

  border-radius: 0;

  font-size: 20px;

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit;

  background-color: #ccc; }



/******************************

 Categories Dropdown

*******************************/

.search-categories-button {

  padding: 0 10px;

  position: relative;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 150px;

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  cursor: default; }

  .search-categories-button a {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; }

  .search-categories-button::after {

    position: relative;

    margin-left: 7px;

    content: "\f0dc";

    font-size: 11px;

    font-family: icomoon; }



.search-categories {

  height: 100%;

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out;

  background-color: #ccc; }

  .search-categories .j-dropdown div {

    overflow: hidden; }

  .search-categories .j-dropdown ul {

    max-height: 350px;

    width: 200px;

    overflow-y: auto;

    overflow-x: hidden;

    border-radius: inherit;

    -webkit-overflow-scrolling: touch; }

    .search-categories .j-dropdown ul > li {

      font-size: 13px;

      width: 100%;

      white-space: normal;

      overflow: hidden;

      text-overflow: ellipsis;

      cursor: pointer;

      position: relative; }

      .search-categories .j-dropdown ul > li a {

        cursor: pointer;

        padding-left: 15px; }

      .search-categories .j-dropdown ul > li.category-level-1 a::before {

        display: none; }

      .search-categories .j-dropdown ul > li.category-level-4 a {

        padding-left: 35px; }

      .search-categories .j-dropdown ul > li.category-level-3 a {

        padding-left: 25px; }

      .search-categories .j-dropdown ul > li.category-level-2 a {

        padding-left: 15px; }



/******************************

 AutoSuggest

*******************************/

.search-results-empty {

  padding: 10px 15px; }



.tt-menu {

  width: 100%; }

  .tt-menu > div {

    max-height: 350px;

    overflow-y: auto;

    background-color: white;

    margin-left: auto; }

    .tt-menu > div > div > a {

      -webkit-transition: all 0.075s ease-out;

      transition: all 0.075s ease-out; }



.tt-menu:not(.tt-empty)::before {

  content: "";

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-bottom-color: white;

  left: 100%;

  -webkit-transform: translateX(-150%);

          transform: translateX(-150%); }



.search-result {

  position: relative; }

  .search-result > a {

    padding: 8px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-width: 1px 0 0 0;

    color: #555;

    font-size: 14px; }

    .search-result > a > span {

      -webkit-box-flex: 1;

          -ms-flex: 1;

              flex: 1;

      padding: 0 5px 5px 10px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column; }

  .search-result:first-child > a {

    border-top-width: 0; }

  .search-result .button-group {

    -ms-flex-item-align: center;

        align-self: center;

    margin-left: auto;

    display: none; }

  .search-result .product-name {

    color: #444;

    line-height: 1.2;

    margin-bottom: 2px; }

    .search-result .product-name + span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

  .search-result .price-new {

    position: relative;

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1; }

  .search-result .price-old {

    font-size: 80%;

    padding: 1px 3px;

    border-radius: 3px;

    margin: 0 5px; }

  .search-result.view-more a {

    padding: 8px 15px; }

    .search-result.view-more a::after {

      margin-left: 5px; }



.mobile-header-active .header-search > span {

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit; }



.mobile-header-active .header-search .search-categories + span {

  border-radius: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Main Menu

*******************************/

.desktop-main-menu-wrapper {

  position: static; }

  .desktop-main-menu-wrapper::before {

    content: "";

    position: absolute;

    width: 100vw;

    left: 50%;

    margin-left: -50vw;

    bottom: 0;

    z-index: -1;

    height: 100%; }

  .desktop-main-menu-wrapper .main-menu {

    height: 100%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap; }

    .desktop-main-menu-wrapper .main-menu::after {

      -webkit-box-flex: 99;

          -ms-flex-positive: 99;

              flex-grow: 99; }

    .desktop-main-menu-wrapper .main-menu .main-menu-item {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      height: 100%; }

      .desktop-main-menu-wrapper .main-menu .main-menu-item > a {

        border-width: 0 0 0 1px;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center; }

      .desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type {

        border-top-left-radius: inherit;

        border-bottom-left-radius: inherit; }

        .desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type > a {

          border-left-width: 0;

          border-radius: inherit; }

      .desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type {

        border-top-right-radius: inherit;

        border-bottom-right-radius: inherit; }

        .desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type > a {

          border-right-width: 0;

          border-radius: inherit; }

      .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown > a::after {

        -webkit-transform: rotate(90deg);

                transform: rotate(90deg);

        margin: 0 5px; }

    .desktop-main-menu-wrapper .main-menu > .j-menu {

      border-radius: inherit;

      -ms-flex-wrap: nowrap;

          flex-wrap: nowrap; }

      .desktop-main-menu-wrapper .main-menu > .j-menu > li > a .links-text {

        width: 100%; }

  .desktop-main-menu-wrapper.menu-stretch .main-menu {

    width: 100%;

    -ms-flex-wrap: nowrap;

        flex-wrap: nowrap; }

    .desktop-main-menu-wrapper.menu-stretch .main-menu > ul {

      width: 100%; }

      .desktop-main-menu-wrapper.menu-stretch .main-menu > ul > li {

        -webkit-box-flex: 1;

            -ms-flex-positive: 1;

                flex-grow: 1; }

  .desktop-main-menu-wrapper.menu-center {

    text-align: center; }

    .desktop-main-menu-wrapper.menu-center .main-menu {

      margin: 0 auto;

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex; }

  .desktop-main-menu-wrapper.has-menu-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }



html[dir='rtl'] .desktop-main-menu-wrapper .main-menu .main-menu-item > a {

  border-width: 0 1px 0 0; }



html[dir='rtl'] .desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type > a {

  border-right-width: 0; }



html[dir='rtl'] .desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {

  display: none !important; }



/******************************

 Flyout

*******************************/

.main-menu > .flyout .flyout-menu-item:first-child,

.main-menu > .flyout .flyout-menu-item:first-child > a {

  border-top-left-radius: inherit;

  border-top-right-radius: inherit; }



.main-menu > .flyout .flyout-menu-item:last-child,

.main-menu > .flyout .flyout-menu-item:last-child > a {

  border-bottom-left-radius: inherit;

  border-bottom-right-radius: inherit; }



.main-menu > .flyout > .dropdown-menu::before {

  left: 10px; }



/******************************

 Mega Menu

*******************************/

.desktop-main-menu-wrapper.menu-center #main-menu {

  margin: 0 auto; }



.desktop-main-menu-wrapper .main-menu .mega-menu.mega-custom {

  position: relative; }



.desktop-main-menu-wrapper .main-menu .mega-menu .mega-menu-content {

  max-height: calc(100vh - 100px);

  margin: 0 auto; }



.desktop-main-menu-wrapper .main-menu .menu-fullwidth .mega-menu-content {

  max-width: 100%; }



.desktop-main-menu-wrapper .main-menu .menu-fullwidth > .j-dropdown,

.desktop-main-menu-wrapper .main-menu .mega-fullwidth > .j-dropdown {

  padding-top: 0; }

  .desktop-main-menu-wrapper .main-menu .menu-fullwidth > .j-dropdown::before,

  .desktop-main-menu-wrapper .main-menu .mega-fullwidth > .j-dropdown::before {

    display: none; }



/******************************

 //Multi columns

*******************************/

/******************************

 Menu Open Site Overlay

*******************************/

@-webkit-keyframes overlay {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

@keyframes overlay {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }



.desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {

  z-index: 0;

  position: absolute;

  width: 150vw;

  height: calc(100vh - 60px);

  top: 100%;

  left: 0;

  pointer-events: none;

  -webkit-animation: overlay .3s ease;

          animation: overlay .3s ease;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .15s .15s ease-in-out;

  transition: all .15s .15s ease-in-out;

  content: "";

  display: none; }



.desktop-main-menu-wrapper.boxed-layout .main-menu > .j-menu > .first-dropdown::before {

  display: none !important; }



.desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown.mega-custom::before {

  width: 200vw; }



.header-sm .desktop-main-menu-wrapper .main-menu > .j-menu > .first-dropdown::before {

  width: 150vw; }



.desktop-header-active .menu-open .main-menu > .j-menu > .first-dropdown::before {

  opacity: 1;

  visibility: visible;

  display: block; }



.desktop-header-active .menu-hover .main-menu > .j-menu > .first-dropdown::before {

  opacity: 0;

  visibility: hidden;

  display: none; }



/******************************

 Mobile Menu Desktop

*******************************/

.no-touchevents.mobile-menu-open {

  overflow: hidden; }



.no-touchevents .mobile-wrapper-open {

  overflow-y: scroll; }



.desktop-header-active.mobile-overlay body {

  overflow: scroll; }



.desktop-header-active .menu-trigger {

  display: none !important; }

  .desktop-header-active .menu-trigger ul, .desktop-header-active .menu-trigger li {

    height: 100%; }

  .desktop-header-active .menu-trigger a {

    cursor: pointer !important;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    border-width: 0;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 5px 15px; }



.desktop-header-active.mobile-menu-active .menu-main-menu-wrapper {

  overflow-y: auto; }



.desktop-header-active.mobile-menu-active .site-wrapper #main-menu {

  display: none; }



.desktop-header-active.mobile-menu-active .menu-trigger {

  display: -webkit-inline-box !important;

  display: -ms-inline-flexbox !important;

  display: inline-flex !important;

  height: 100%; }



.desktop-header-active.mobile-menu-active .is-sticky .menu-trigger {

  margin-right: auto; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Cart

*******************************/

#cart {

  -webkit-transition: all .05s ease-out;

  transition: all .05s ease-out; }

  #cart > a {

    position: relative;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background-color: transparent;

    -webkit-transition: all .05s ease-out;

    transition: all .05s ease-out;

    max-height: 100%;

    color: #000;

    color: initial; }

    #cart > a:hover {

      color: inherit; }

    #cart > a > i {

      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;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      -webkit-transition: all .05s ease-out;

      transition: all .05s ease-out;

      font-size: 1.5em;

      max-height: 100%;

      font-family: inherit; }

      #cart > a > i span {

        position: relative;

        font-size: 12px;

        padding: 0 5px;

        -webkit-transition: all .05s ease-out;

        transition: all .05s ease-out; }

      #cart > a > i::before {

        content: "\e904";

        font-family: 'icomoon';

        -webkit-transition: all .1s ease;

        transition: all .1s ease; }

    #cart > a::after {

      display: none !important; }



.mobile #cart .cart-label {

  display: none; }



#cart-items {

  z-index: 1;

  top: 0;

  right: 0;

  margin: 0;

  position: absolute; }



#cart-total {

  white-space: nowrap; }



/******************************

 Cart Content

*******************************/

div.cart-content {

  font-size: 13px;

  right: 0;

  left: auto;

  padding-top: 0; }

  div.cart-content::before {

    left: 100%;

    -webkit-transform: translateX(-150%);

            transform: translateX(-150%); }

  div.cart-content .cart-empty {

    margin-bottom: 0;

    padding: 20px; }

  div.cart-content > ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    background-color: white;

    list-style: none;

    margin: 0;

    padding: 0;

    overflow: hidden; }

    div.cart-content > ul .cart-products {

      border-top-left-radius: inherit;

      border-top-right-radius: inherit; }

    div.cart-content > ul a

.cart-totals {

      position: relative;

      border-bottom-left-radius: inherit;

      border-bottom-right-radius: inherit;

      background-color: #f4f4f4; }

  div.cart-content .cart-buttons {

    padding: 13px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-width: 1px 0 0 0;

    border-bottom-right-radius: inherit;

    border-bottom-left-radius: inherit; }

    div.cart-content .cart-buttons a {

      margin: 0 6px; }

  div.cart-content img {

    max-width: 100%;

    height: auto; }

  div.cart-content table {

    margin-bottom: 0 !important;

    border-style: none !important; }

  div.cart-content .cart-products {

    overflow-x: hidden;

    margin-bottom: -1px; }

    div.cart-content .cart-products table {

      border-bottom-width: 0 !important;

      border-top-left-radius: inherit;

      border-top-right-radius: inherit; }

    div.cart-content .cart-products tbody > tr:nth-of-type(odd) {

      background-color: transparent; }

    div.cart-content .cart-products tbody > tr:first-of-type > td {

      border-top: 0 !important; }

    div.cart-content .cart-products tbody > tr:last-of-type > td {

      border-bottom-width: 1px; }

    div.cart-content .cart-products tbody > tr > td {

      padding: 8px;

      border-width: 1px 0 0 0;

      background-color: transparent; }

    div.cart-content .cart-products tbody .td-image {

      min-width: 60px; }

    div.cart-content .cart-products tbody .td-name {

      vertical-align: middle; }

      div.cart-content .cart-products tbody .td-name small::before {

        content: "•";

        margin: 0 3px; }

    div.cart-content .cart-products tbody .td-qty {

      white-space: nowrap; }

    div.cart-content .cart-products tbody .td-remove {

      padding: 7px 5px;

      min-width: 25px; }

      div.cart-content .cart-products tbody .td-remove button {

        color: #999;

        font-size: 15px;

        position: relative;

        background-color: transparent;

        padding: 2px 0 0 0; }

        div.cart-content .cart-products tbody .td-remove button i {

          float: left; }

        div.cart-content .cart-products tbody .td-remove button:hover {

          color: #EA2349; }

  div.cart-content .cart-totals {

    border-width: 1px 0 0 0;

    z-index: 2; }

    div.cart-content .cart-totals tbody td {

      border-width: 1px 0 0 0;

      padding: 12px; }

    div.cart-content .cart-totals .td-total-text {

      width: 25%;

      white-space: nowrap; }

  div.cart-content .table-bordered {

    border-width: 0; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 General

*******************************/

.mobile img {

  -ms-flex-item-align: center;

      align-self: center; }



.mobile input:not([type=button]):not([type=submit]),

.mobile textarea {

  font-size: 16px !important; }



.mobile select {

  padding: 0 !important;

  font-size: 16px !important; }



.mobile * {

  background-attachment: scroll !important; }



.mobile select:focus, .mobile textarea:focus, .mobile input:focus {

  font-size: 16px; }



/******************************

 Mobile Top Bar

*******************************/

.mobile-header-active .mobile-header .mobile-top-bar {

  height: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  position: relative;

  z-index: 2; }



.mobile-header-active .mobile-header .mobile-top-menu-wrapper {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.mobile-header-active .dropdown-backdrop {

  display: none;

  pointer-events: none; }



.mobile-header-active #cart {

  background-color: transparent; }

  .mobile-header-active #cart i {

    border-radius: 0; }



.mobile-custom-menu {

  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;

  height: 100%;

  position: relative; }

  .mobile-custom-menu .count-badge {

    position: absolute;

    right: 0;

    top: 10px; }



html[dir='rtl'] .mobile-custom-menu .count-badge {

  left: 0;

  right: auto; }



.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .dropdown > a::after {

  display: none !important; }



html[dir="rtl"] .mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {

  right: auto; }



.mobile-header-active .menu-trigger,

.mobile-header-active .search-trigger,

.mobile-header-active #cart > a > i {

  position: relative; }

  .mobile-header-active .menu-trigger::after,

  .mobile-header-active .search-trigger::after,

  .mobile-header-active #cart > a > i::after {

    display: block;

    font-size: 10px;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translate(-50%, -100%);

            transform: translate(-50%, -100%); }



.mobile-header-active #cart > a > i::after {

  -webkit-transform: translate(-60%, -125%);

          transform: translate(-60%, -125%); }



.mobile-header-active .mobile-custom-menu {

  position: relative; }

  .mobile-header-active .mobile-custom-menu .links-text {

    display: block;

    font-size: 10px;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translate(-50%, -100%);

            transform: translate(-50%, -100%); }



html[dir='rtl'].mobile-header-active #cart > a > i::after {

  -webkit-transform: translate(-70%, -125%);

          transform: translate(-70%, -125%); }



/******************************

 Mid Bar

*******************************/

.mobile-header-active {

  /******************************

   Logo

  *******************************/

  /******************************

   Main Menu Trigger

  *******************************/

  /******************************

   Mini Search

  *******************************/ }

  .mobile-header-active .mobile-bar {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    height: 50px;

    z-index: 1; }

  .mobile-header-active .mobile-bar-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .mobile-header-active .mobile-bar-group > div {

      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; }

  .mobile-header-active #cart a {

    cursor: pointer; }

  .mobile-header-active #cart-total {

    display: none !important; }

  .mobile-header-active .mobile-cart-wrapper .dropdown-menu::before,

  .mobile-header-active .mobile-top-menu-wrapper .dropdown-menu::before {

    display: none !important; }

  .mobile-header-active .mobile-logo-wrapper {

    height: 100%;

    width: auto;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1; }

  .mobile-header-active .menu-trigger {

    font-size: 20px;

    cursor: pointer; }

    .mobile-header-active .menu-trigger button {

      background: transparent; }

    .mobile-header-active .menu-trigger span {

      display: none; }

  .mobile-header-active .mini-search #search {

    position: static;

    width: 100%;

    height: 100%; }

    .mobile-header-active .mini-search #search > button {

      max-width: 100%;

      height: 100%;

      display: block; }

    .mobile-header-active .mini-search #search > .dropdown-menu {

      height: 40px; }

      .mobile-header-active .mini-search #search > .dropdown-menu input {

        border-top-left-radius: inherit !important;

        border-bottom-left-radius: inherit !important; }

  .mobile-header-active .mini-search .header-search {

    width: 100vw; }

  .mobile-header-active .tt-menu {

    padding-top: 0; }

    .mobile-header-active .tt-menu::before {

      display: none; }

  .mobile-header-active .full-search #search {

    width: 100%;

    height: 100%; }

  .mobile-header-active .mobile-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .mobile-header-active .mobile-1 .mobile-logo-wrapper {

      max-width: 50%;

      -webkit-box-flex: 0;

          -ms-flex-positive: 0;

              flex-grow: 0; }

    .mobile-header-active .mobile-1 .mobile-bar-group {

      height: 100%; }

      .mobile-header-active .mobile-1 .mobile-bar-group > div {

        height: 100%; }

    .mobile-header-active .mobile-1 #cart {

      width: 100%;

      height: 100%; }

      .mobile-header-active .mobile-1 #cart > a {

        height: 100%;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center; }

        .mobile-header-active .mobile-1 #cart > a > i {

          height: 100%; }

  .mobile-header-active .mobile-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .mobile-header-active .mobile-2 .mobile-logo-wrapper {

      -webkit-box-flex: 1;

          -ms-flex-positive: 1;

              flex-grow: 1;

      max-width: none; }

    .mobile-header-active .mobile-2 .mobile-bar > div {

      height: 100%;

      min-width: 50px;

      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; }

    .mobile-header-active .mobile-2 .mobile-search-wrapper {

      width: 100%; }

    .mobile-header-active .mobile-2 #cart {

      width: 100%;

      height: 100%; }

      .mobile-header-active .mobile-2 #cart > a {

        height: 100%;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center; }

        .mobile-header-active .mobile-2 #cart > a > i {

          height: 100%; }

  .mobile-header-active .mobile-3 #logo {

    margin: 0 auto; }

  .mobile-header-active .mobile-3 .mobile-bar {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

  .mobile-header-active .mobile-3 .mobile-custom-menu {

    padding: 0 15px; }

  .mobile-header-active .mobile-3 .mobile-search-wrapper {

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1; }

  .mobile-header-active .mobile-3 .mobile-bar-group {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

  .mobile-header-active header {

    z-index: 15; }



/******************************

 Top Menu Edge Dropdown

*******************************/

.mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child > .j-dropdown {

  left: 0;

  right: auto;

  -webkit-transform: translate3d(0, -5px, 0);

          transform: translate3d(0, -5px, 0);

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out; }



.mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child.animating > .j-dropdown {

  left: 0;

  right: auto;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0); }

  .mobile-header .mobile-top-menu-wrapper .top-menu > .j-menu > li:first-child.animating > .j-dropdown::before {

    display: block !important;

    content: "" !important;

    -webkit-transform: translateX(0);

            transform: translateX(0);

    left: 10px !important; }



.mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu > .j-dropdown {

  left: auto;

  right: 0;

  -webkit-transform: translate3d(0, -5px, 0);

          transform: translate3d(0, -5px, 0);

  -webkit-transition: all 0.075s ease-out;

  transition: all 0.075s ease-out; }

  .mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu > .j-dropdown::before {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

    left: calc(100% - 10px) !important; }



.mobile-header .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {

  left: auto;

  right: 0;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0); }



.mobile-header .language .dropdown-toggle .symbol,

.mobile-header .currency .dropdown-toggle .symbol {

  width: auto;

  height: auto; }



/******************************

 Mobile Sticky

*******************************/

.mobile-header-active .mobile-bar-sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 1000; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Mobile Wrapper

*******************************/

.mobile-container {

  display: none;

  position: fixed;

  z-index: 50000;

  max-width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -webkit-transform: translate3d(-100%, 0, 0);

          transform: translate3d(-100%, 0, 0);

  -webkit-transition: all .35s ease-in-out;

  transition: all .35s ease-in-out;

  background-color: white; }

  .mobile-container.mobile-cart-content-container {

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

    left: auto;

    right: 0; }



/******************************

 Open-Close Animations

*******************************/

.mobile-main-menu-container-open .mobile-main-menu-container {

  display: block; }

  .mobile-main-menu-container-open .mobile-main-menu-container.animating {

    -webkit-transform: translate3d(0, 0, 0) !important;

            transform: translate3d(0, 0, 0) !important; }



.mobile-cart-content-container-open .mobile-cart-content-container {

  display: block; }

  .mobile-cart-content-container-open .mobile-cart-content-container.animating {

    -webkit-transform: translate3d(0, 0, 0) !important;

            transform: translate3d(0, 0, 0) !important; }



.mobile-filter-container-open .mobile-filter-container {

  display: block; }

  .mobile-filter-container-open .mobile-filter-container.animating {

    -webkit-transform: translate3d(0, 0, 0) !important;

            transform: translate3d(0, 0, 0) !important; }



.tablet.mobile-filter-container-open .mobile-filter-container {

  max-width: 50%; }



.mobile-header-active .site-wrapper {

  overflow: hidden; }

  .mobile-header-active .site-wrapper::before {

    content: "";

    position: fixed;

    z-index: 49999;

    left: 0;

    top: -200px;

    width: 100%;

    height: calc(100vh + 200px);

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out; }



.ios.mobile-header-active:not(.popup) {

  overflow-y: scroll; }

  .ios.mobile-header-active:not(.popup) body {

    overflow: hidden; }

  .ios.mobile-header-active:not(.popup) .site-wrapper {

    overflow: visible;

    overflow: initial; }



.ios.mobile-overlay .site-wrapper {

  cursor: pointer; }



.mobile-overlay {

  overflow: hidden; }

  .mobile-overlay .site-wrapper::before {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    background: rgba(0, 0, 0, 0.5);

    display: block; }



.android.chrome41.mobile-header-active .site-wrapper::before {

  display: none; }



.android.chrome41.mobile-header-active.mobile-overlay .site-wrapper::before {

  display: block; }



/******************************

 Mobile Wrapper Header

*******************************/

.mobile-wrapper-header {

  position: relative;

  width: 100%;

  height: 40px;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  min-width: 0; }

  .mobile-wrapper-header > span {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 0 12px;

    font-size: 17px; }

    .mobile-wrapper-header > span span {

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis; }

  .mobile-wrapper-header > a {

    height: 100%;

    width: 40px;

    -webkit-box-flex: 0;

        -ms-flex-positive: 0;

            flex-grow: 0;

    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;

    font-size: 25px;

    cursor: pointer; }

    .mobile-wrapper-header > a::before {

      content: "\e5cd";

      font-family: icomoon; }



/******************************

 Mobile Cart

*******************************/

.mobile-cart-content-wrapper {

  padding-bottom: 40px; }



.mobile-header-active .cart-content {

  min-width: 0;

  min-width: initial;

  height: 100%; }

  .mobile-header-active .cart-content ul {

    height: 100%;

    border-radius: 0;

    background: transparent; }

  .mobile-header-active .cart-content .cart-products {

    max-height: 100%;

    height: 100%;

    -webkit-overflow-scrolling: touch; }

  .mobile-header-active .cart-content .cart-totals {

    position: relative;

    position: fixed;

    bottom: 0;

    width: 100%; }



/******************************

 Mobile Filter

*******************************/

.mobile-filter-wrapper {

  height: 100%;

  padding-bottom: 40px; }

  .mobile-filter-wrapper .module-filter {

    padding: 15px;

    height: 100%;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch; }

    .mobile-filter-wrapper .module-filter .module-title {

      display: none;

      padding: 0;

      margin: 0; }

    .mobile-filter-wrapper .module-filter .panel-body {

      max-height: 100%;

      overflow: visible; }



.mobile-filter-container-open .journal-loading-overlay {

  position: fixed;

  top: 40px;

  left: 0;

  width: 85%; }



/******************************

 Mobile Main Menu

*******************************/

.mobile-main-menu-wrapper {

  height: 100%;

  padding-bottom: 40px; }

  .mobile-main-menu-wrapper .main-menu {

    height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch; }

    .mobile-main-menu-wrapper .main-menu .j-menu > * {

      -webkit-box-shadow: none !important;

              box-shadow: none !important; }

    .mobile-main-menu-wrapper .main-menu .dropdown::after {

      display: none !important; }

    .mobile-main-menu-wrapper .main-menu ul {

      list-style: none;

      margin: 0;

      padding: 0;

      -webkit-box-shadow: none !important;

              box-shadow: none !important; }

    .mobile-main-menu-wrapper .main-menu .menu-label {

      position: relative;

      margin: 0 5px !important;

      -webkit-transform: none !important;

              transform: none !important; }

    .mobile-main-menu-wrapper .main-menu .main-menu {

      border-width: 0;

      background-color: transparent; }

      .mobile-main-menu-wrapper .main-menu .main-menu .menu-item {

        padding: 0; }

        .mobile-main-menu-wrapper .main-menu .main-menu .menu-item .open-menu {

          min-width: 40px;

          height: 100%;

          right: 0;

          border-radius: 0; }

        .mobile-main-menu-wrapper .main-menu .main-menu .menu-item > a {

          position: relative;

          height: 40px;

          -webkit-box-pack: start;

              -ms-flex-pack: start;

                  justify-content: flex-start;

          padding: 0 10px;

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

              -ms-flex-align: center;

                  align-items: center; }

          .mobile-main-menu-wrapper .main-menu .main-menu .menu-item > a::after {

            display: none; }

      .mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu {

        padding: 0;

        margin: 0;

        position: relative;

        opacity: 1;

        visibility: visible;

        -webkit-transform: translateY(0) scale(1);

                transform: translateY(0) scale(1);

        width: 100%;

        display: none; }

        .mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul {

          -webkit-box-shadow: none;

                  box-shadow: none; }

          .mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul li > a {

            margin-bottom: 10px; }

          .mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu > ul li .dropdown-menu {

            left: 0;

            -webkit-box-shadow: none;

                    box-shadow: none; }

        .mobile-main-menu-wrapper .main-menu .main-menu .dropdown-menu::before {

          display: none; }

      .mobile-main-menu-wrapper .main-menu .main-menu .open > .dropdown-menu {

        display: block; }

    .mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul {

      -webkit-box-shadow: none;

              box-shadow: none; }

      .mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul li.dropdown {

        display: table;

        width: 100%; }

    .mobile-main-menu-wrapper .main-menu .mega-menu .main-menu-item > a + div {

      border-width: 1px 0 0 0;

      border-color: inherit;

      border-style: inherit; }

    .mobile-main-menu-wrapper .main-menu > .main-menu > div:first-of-type {

      border-top-width: 0; }

    .mobile-main-menu-wrapper .main-menu > .main-menu > div:last-of-type {

      border-bottom-width: 1px; }

    .mobile-main-menu-wrapper .main-menu .j-menu {

      border-style: none !important; }



/******************************



Journal - Advanced Opencart Theme Framework

Version 3.0.0

Copyright (c) 2018 Digital Atelier

https://www.journal-theme.com/



*******************************/

/******************************

 Family.scss

*******************************/

/******************************

 Globals

*******************************/

html[dir="rtl"] .text-left {

  text-align: right; }



html[dir="rtl"] .text-right {

  text-align: left; }



html[dir="rtl"] .form-control {

  text-align: right; }



html[dir="rtl"] .fa-upload {

  margin-right: auto;

  margin-left: 5px; }



html[dir="rtl"] .buttons .pull-right ::after {

  margin-right: 3px; }



/******************************

 Header Cart

*******************************/

html[dir="rtl"] .cart-content {

  right: auto;

  left: 0; }

  html[dir="rtl"] .cart-content::before {

    left: -100%;

    right: auto;

    -webkit-transform: translateX(150%);

            transform: translateX(150%); }

  html[dir="rtl"] .cart-content .table-striped tbody .td-image {

    padding-right: 10px; }



html[dir="rtl"] .full-cart .cart-heading {

  padding-right: 0;

  padding-left: 40px; }

  html[dir="rtl"] .full-cart .cart-heading i {

    right: auto;

    left: 0; }



html[dir="rtl"] .mini-cart .count-badge {

  right: auto;

  left: 0; }



html[dir="rtl"] #cart-items {

  right: auto;

  left: 0; }



/******************************

 Tabs

*******************************/

html[dir='rtl'] .nav-tabs > li > a::before {

  margin-right: auto;

  margin-left: 5px; }



/******************************

 Countdown

*******************************/

html[dir='rtl'] .countdown > div:first-of-type {

  border-left-width: 1px; }



html[dir='rtl'] .countdown > div:last-of-type {

  border-left-width: 0; }



/******************************

Stepper

*******************************/

html[dir='rtl'] .stepper .form-control {

  text-align: center; }



/******************************

 Search

*******************************/

html[dir="rtl"] .mini-search #search > .dropdown-menu {

  left: 0;

  right: auto; }

  html[dir="rtl"] .mini-search #search > .dropdown-menu::before {

    left: -100%;

    -webkit-transform: translateX(100%);

            transform: translateX(100%); }



html[dir="rtl"] .search-button {

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0; }



html[dir="rtl"] .search-categories {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit; }

  html[dir="rtl"] .search-categories .j-dropdown::before {

    left: auto;

    right: 10px; }



html[dir="rtl"] .search-categories-button::after {

  margin-right: 5px;

  margin-left: 0; }



html[dir="rtl"] .tt-menu > div {

  margin-left: 0;

  margin-right: auto; }



html[dir="rtl"] .tt-menu:not(.tt-empty)::before {

  right: auto;

  left: 10px; }



/******************************

 Main Menu

*******************************/

html[dir="rtl"] .desktop-main-menu-wrapper .main-menu > div:first-of-type {

  border-right-width: 0;

  border-left-width: 1px;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit; }



html[dir="rtl"] .desktop-main-menu-wrapper .main-menu > div:last-of-type {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit;

  border-left-width: 0; }



html[dir="rtl"] .main-menu .menu-label {

  right: auto;

  left: 0; }



html[dir="rtl"] .count-badge {

  margin-left: 0;

  margin-right: 5px; }



/******************************

 Multi-Level

*******************************/

html[dir="rtl"] .multi-level .dropdown-menu ul li .dropdown-menu {

  left: auto;

  right: 100%; }



html[dir="rtl"] .multi-level .dropdown-menu ul li.dropdown > a::after {

  margin-right: auto;

  margin-left: 0;

  -webkit-transform: scale(-1);

          transform: scale(-1); }



/******************************

 Mobile Header

*******************************/

html[dir='rtl'] .mobile-header:not(.mobile-2) .top-menu > ul > li:first-of-type > .dropdown-menu {

  left: auto;

  right: -5px; }

  html[dir='rtl'] .mobile-header:not(.mobile-2) .top-menu > ul > li:first-of-type > .dropdown-menu::before {

    left: auto;

    right: 5px; }



html[dir='rtl'] .mobile-header:not(.mobile-2) .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown {

  left: -5px;

  right: auto; }

  html[dir='rtl'] .mobile-header:not(.mobile-2) .language-currency.top-menu > div:last-child .dropdown.drop-menu.animating > .j-dropdown::before {

    left: auto !important;

    right: calc(100% - 5px) !important;

    -webkit-transform: translateX(100%) !important;

            transform: translateX(100%) !important; }



/******************************

 Mobile Wrapper

*******************************/

html[dir='rtl'] .mobile-container {

  -webkit-transform: translate3d(100%, 0, 0);

          transform: translate3d(100%, 0, 0);

  right: 0; }

  html[dir='rtl'] .mobile-container.mobile-cart-content-container {

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

    left: 0;

    right: auto; }



/******************************

 Mobile Main Menu

*******************************/

html[dir='rtl'] .mobile-main-menu-wrapper .main-menu .menu-item .open-menu {

  right: auto;

  left: 8px; }



/******************************

 Headers

*******************************/

html[dir='rtl'].desktop-header-active .header-mega .header-cart-group {

  margin-right: auto;

  margin-left: 0; }



html[dir='rtl'].desktop-header-active .header-mega .info-block .count-badge {

  right: auto;

  left: 0; }



html[dir='rtl'].desktop-header-active .header-compact .language-currency + .top-menu {

  padding-left: 0;

  padding-right: 10px; }



html[dir='rtl'].desktop-header-active .is-sticky.boxed-sticky .desktop-main-menu-wrapper::before {

  left: 0;

  margin-left: 0; }



html[dir='rtl'].desktop-header-active.mobile-menu-active .is-sticky .menu-trigger {

  margin-right: 0;

  margin-left: auto; }



/******************************

 Flyout

*******************************/

html[dir="rtl"] .flyout-menu .menu-item .j-dropdown {

  left: auto;

  right: 100%; }



html[dir="rtl"] .flyout-menu .menu-item.dropdown > a::after {

  margin-right: auto;

  margin-left: 0;

  -webkit-transform: scale(-1);

          transform: scale(-1); }



html[dir="rtl"] .flyout-menu .count-badge + .open-menu + .menu-label {

  margin-left: 7px;

  margin-right: 0; }



/******************************

 Accordion Menu

*******************************/

html[dir="rtl"] .accordion-menu .open-menu {

  right: auto;

  left: 8px; }



html[dir="rtl"] .accordion-menu .menu-item > a::before {

  margin-right: 0;

  margin-left: 5px; }



html[dir="rtl"] .accordion-menu .menu-item > div .menu-item a::before {

  margin-right: 0; }



/******************************

 Newsletter

*******************************/

html[dir='rtl'] .module-newsletter .module-body .input-group-btn {

  right: auto;

  left: 0; }

  html[dir='rtl'] .module-newsletter .module-body .input-group-btn button {

    left: 0;

    right: auto; }



/******************************

 Language & Currency

*******************************/

html[dir="rtl"] .language-title,

html[dir="rtl"] .currency-title,

html[dir="rtl"] .currency-code,

html[dir="rtl"] .currency-title-dropdown,

html[dir="rtl"] .language-title-dropdown,

html[dir="rtl"] .currency-code-dropdown {

  margin-left: auto;

  margin-right: 5px; }



/******************************

 Links Menu

*******************************/

html[dir='rtl'] .links-menu .menu-item:first-child {

  border-right-width: 0; }



html[dir='rtl'] .links-menu .menu-item a .menu-label {

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%); }



/******************************

 Products Filter

*******************************/

html[dir="rtl"] .products-filter .select-group {

  margin-left: 0;

  margin-right: auto; }



html[dir="rtl"].mac.webkit .select-group .form-control {

  left: auto;

  right: -3px; }



html[dir="rtl"] .grid-list .compare-btn::before {

  margin-right: 0;

  margin-left: 5px; }



/******************************

 Mobile Bottom Menu

*******************************/

html[dir='rtl'] .bottom-menu > ul > li + li {

  border-width: 0 1px 0 0; }



/******************************

 Pagination

*******************************/

html[dir='rtl'] .pagination-results > div:first-child:not(:empty) + div {

  margin-left: 0;

  margin-right: auto;

  white-space: nowrap; }



html[dir='rtl'] .pagination > li:not(:first-of-type) {

  border-width: 0 1px 0 0; }



html[dir='rtl'] .pagination > li:first-child a::before, html[dir='rtl'] .pagination > li:last-child a::before, html[dir='rtl'] .pagination > li.prev a::before, html[dir='rtl'] .pagination > li.next a::before {

  -webkit-transform: translate(-50%, -50%) scaleX(-1);

          transform: translate(-50%, -50%) scaleX(-1); }



html[dir='rtl'] .pagination > li:last-child a::before, html[dir='rtl'] .pagination > li.next a::before {

  -webkit-transform: translate(-50%, -50%) scaleX(1);

          transform: translate(-50%, -50%) scaleX(1); }



html[dir='rtl'] .pagination > li:first-child {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-top-right-radius: inherit;

  border-bottom-right-radius: inherit; }

  html[dir='rtl'] .pagination > li:first-child a, html[dir='rtl'] .pagination > li:first-child span {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0; }



html[dir='rtl'] .pagination > li:last-child {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-top-left-radius: inherit;

  border-bottom-left-radius: inherit; }

  html[dir='rtl'] .pagination > li:last-child a, html[dir='rtl'] .pagination > li:last-child span {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0; }



html[dir='rtl'] .header-search input {

  text-align: right; }



html[dir='rtl'].desktop .module-title button {

  right: auto;

  left: 0; }



html[dir='rtl'] table td:last-child, html[dir='rtl'] table th:last-child, html[dir='rtl'] .table-bordered td:last-child, html[dir='rtl'] .table-bordered th:last-child {

  border-left-width: 0; }



html[dir='rtl'] .post-stats span {

  margin-right: 0;

  margin-left: 8px; }



html[dir='rtl'] .side-product > div {

  float: right; }



html[dir='rtl'] .lg-outer {

  direction: ltr; }

  html[dir='rtl'] .lg-outer #lg-counter {

    float: right;

    padding-right: 20px;

    padding-left: 0; }

  html[dir='rtl'] .lg-outer #lg-counter-all {

    float: left;

    display: inline-block;

    padding: 0 4px; }

  html[dir='rtl'] .lg-outer #lg-counter-current {

    float: right;

    display: inline-block;

    padding: 0 4px; }

  html[dir='rtl'] .lg-outer .lg-thumb-item {

    float: right; }



html[dir='rtl'] .lg-actions .lg-next {

  left: 20px;

  right: auto; }



html[dir='rtl'] .lg-actions .lg-prev {

  right: 20px;

  left: auto; }



html[dir='rtl'] .lg-toolbar .lg-icon {

  float: left; }



html[dir='rtl'] .drop-cap {

  float: right; }



html[dir='rtl'] blockquote::before {

  float: right; }



html[dir='rtl'].route-product-search #content .search-form select {

  margin-left: 0;

  margin-right: 20px; }



html[dir='rtl'] .radio, html[dir='rtl'] .checkbox {

  padding: 0 0 0 15px; }



html[dir='rtl'].route-product-manufacturer .manufacturer > div {

  padding: 0 0 15px 15px; }



html[dir='rtl'] .dropdown > a::after {

  margin-left: auto;

  margin-right: 5px; }



html[dir='rtl'] .user-avatar {

  float: right; }



html[dir='rtl'] .reply-btn {

  left: 10px;

  right: auto; }



html[dir='rtl'] .user-data div span {

  margin-right: 0;

  margin-left: 5px; }



html[dir='rtl'] .post-comment .user-name {

  padding-right: 0;

  padding-left: 50px; }



html[dir='rtl'] .product-list .product-thumb .image {

  float: right; }



html[dir='rtl'] footer .links-menu .module-title::before {

  right: auto;

  left: 0; }



html[dir='rtl'] .popup-close {

  left: 0;

  right: auto; }



.admin-bar-wrapper {

  background: lightskyblue;

  z-index: 1000;

  position: relative; }

  .admin-bar-wrapper .admin-bar {

    margin: 0 auto;

    max-width: 980px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    height: 35px; }



.phone .swiper-container {

  overflow: hidden !important; }



.mobile-test .swiper-pagination-bullet {

  display: none !important; }



.mobile-test .swiper-buttons div {

  min-width: 48px;

  min-height: 48px; }



.mobile-test body {

  font-size: 16px; }



.mobile-test .module-catalog .subitem a {

  font-size: 16px; }



.mobile-test .module-catalog .subitem a {

  padding: 8px; }



.mobile-test .module-catalog .subitem.view-more a span {

  font-size: 16px; }



.mobile-test .mobile-top-bar {

  min-height: 48px !important; }



.mobile-test .mobile-custom-menu {

  min-width: 34px !important; }



.mobile-test .module-products .stats {

  padding: 8px !important; }



.mobile-test .module-products .btn {

  padding: 20px !important; }



.mobile-test .module-side_products .btn {

  padding: 8px !important; }



.mobile-test .links-menu a {

  padding: 8px; }



.mobile-test .popup-close {

  margin: 20px; }



.mobile-test .module-newsletter .input-group + .checkbox label {

  margin-top: 14px; }



.mobile-test .accordion-menu.accordion-menu .j-menu > li > a {

  padding: 8px; }



.mobile-test.mobile-header-active #cart > a > i {

  min-height: 40px; }



.mobile-test .module-products-300 .product-grid .product-thumb .name {

  margin-top: 12px; }



.mobile-test .module-notification .notification-close {

  min-width: 48px;

  min-height: 48px; }





.module-products-281 .module-body{

        background: rgba(0, 0, 0, 0) !important;

}

.module-products-281 .product-grid .product-thumb{

    background: rgb(255 255 255 / 0%) !important;

}

.module-products-281 .product-grid .product-thumb .caption{

     background: rgb(255 255 255 / 0%) !important;

}

.grid-item-bottom-1-2-1 .latest-seller .title-wrapper h3{

    display:none !important;

}

.grid-item-bottom-1-2-1 .latest-seller .title-wrapper .title-divider{

    display:none !important;

}

.category-description>img{

        padding-right: 20px !important;

}

.desktop-header-active .header .top-bar{

        background-color: #684142;

}
.module-catalog-69 .module-item:not(.swiper-slide){
	    width: 100% !important;
}
/*# sourceMappingURL=style.css.map */