/* ==========================================================================
   Include variables and mixins
   ========================================================================== */
/* ==========================================================================
   Typography variables
   ========================================================================== */
/* ==========================================================================
   Box variables
   ========================================================================== */
/* ==========================================================================
   Devices screen size variables
   ========================================================================== */
/* ==========================================================================
   Typography mixins
   ========================================================================== */
/* ==========================================================================
   Typography mixins - end
   ========================================================================== */
/* ==========================================================================
   Menu mixins - begin
   ========================================================================== */
/* ==========================================================================
   Menu mixins - end
   ========================================================================== */
/* ==========================================================================
   Layout mixins - begin
   ========================================================================== */
/* ==========================================================================
   Layout mixins - end
   ========================================================================== */
/* ==========================================================================
   Input fields mixins - begin
   ========================================================================== */
/* ==========================================================================
   Input fields mixins - end
   ========================================================================== */
/* ==========================================================================
   Pagination mixins - begin
   ========================================================================== */
/* ==========================================================================
   Pagination mixins - end
   ========================================================================== */
/* ==========================================================================
   Grid size mixins - begin
   ========================================================================== */
/* ==========================================================================
   Grid size mixins - end
   ========================================================================== */
/* ==========================================================================
   Helper mixins - begin
   ========================================================================== */
/* ==========================================================================
   Helper mixins - end
   ========================================================================== */
/* ==========================================================================
   Clear fix mixin - begin
   ========================================================================== */
/* ==========================================================================
   Clear fix mixin - end
   ========================================================================== */
/* ==========================================================================
   Portfolio mixin - begin
   ========================================================================== */
/* ==========================================================================
   Portfolio mixin - end
   ========================================================================== */
/* ==========================================================================
   Button mixins - start
   ========================================================================== */
/* ==========================================================================
   Button mixins - end
   ========================================================================== */
/* ==========================================================================
   Tabs mixins - start
   ========================================================================== */
/* ==========================================================================
   Tabs mixins - end
   ========================================================================== */
/* ==========================================================================
   Animation mixins - start
   ========================================================================== */
/* ==========================================================================
   Animation mixins - end
   ========================================================================== */
/* ==========================================================================
   Grid size and responsive grid size variables
   ========================================================================== */
/* ========================================================================== */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/* ==========================================================================
   Keyframes mixins
   ========================================================================== */
@keyframes qode-essential-addons-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: 102;
  }
  100% {
    opacity: 1;
    visibility: visible;
    z-index: 102;
  }
}

@keyframes qode-essential-addons-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
    z-index: 102;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
  }
}

@keyframes qodef-animate-underline-multiline-thick {
  0% {
    background-size: 100% 93%;
    background-position-x: right;
  }
  38% {
    background-size: 0% 93%;
    background-position-x: right;
  }
  39% {
    background-size: 0% 93%;
    background-position-x: left;
  }
  100% {
    background-size: 100% 93%;
    background-position-x: left;
  }
}

@keyframes qodef-follow-text {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}

/* ==========================================================================
   Global styles
   ========================================================================== */
.qode-essential-addons-page-inline-style {
  position: absolute !important;
  width: 0;
  height: 0;
  line-height: 1;
  display: none;
}

.qodef-category-separator:after {
  content: ',';
  margin-right: 5px;
}

.qodef-qi-colors-link {
  color: var(--qi-color);
}

.qodef-qi-colors-link:hover {
  color: var(--qi-hover-color);
}

#qodef-page-footer .widget .qodef-qi-colors-link,
#qodef-page-footer.qodef-widgets-skin--light .widget .qodef-qi-colors-link,
#qodef-page-footer.qodef-widgets-skin--white .widget .qodef-qi-colors-link,
#qodef-page-header .qodef-qi-colors-link,
#qodef-page-sidebar .qodef-qi-colors-link,
#qodef-top-area .qodef-qi-colors-link,
#qodef-side-area .qodef-qi-colors-link {
  color: var(--qi-color);
}

#qodef-page-footer .widget .qodef-qi-colors-link:hover,
#qodef-page-footer.qodef-widgets-skin--light .widget .qodef-qi-colors-link:hover,
#qodef-page-footer.qodef-widgets-skin--white .widget .qodef-qi-colors-link:hover,
#qodef-page-header .qodef-qi-colors-link:hover,
#qodef-page-sidebar .qodef-qi-colors-link:hover,
#qodef-top-area .qodef-qi-colors-link:hover,
#qodef-side-area .qodef-qi-colors-link:hover {
  color: var(--qi-hover-color);
}

.qodef-qi-link--hover-underline {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-qi-link--hover-underline:hover {
  background-size: 100% 100%;
}

.qodef-qi-link--hover-underline-thick {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-qi-link--hover-underline-thick:hover {
  background-size: 100% 100%;
}

.qodef-qi-link--initial-underline {
  width: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - .07em), currentColor 0.07em);
  background-size: 100% 93%;
}

.qodef-qi-link--initial-underline:hover {
  animation: qodef-animate-underline-multiline-thick 1.1s cubic-bezier(0.32, 0.32, 0.15, 1.17) forwards;
}

body.qodef--boxed {
  background-color: #f6f6f6;
}

body.qodef--boxed #qodef-page-wrapper {
  display: block;
  background-color: #fff;
}

body.qodef--boxed #qodef-page-inner {
  width: 100% !important;
  padding-left: 30px;
  padding-right: 30px;
}

.qodef-theme-button-icon.qodef-custom-icon {
  display: flex;
}

.qodef-theme-button-icon.qodef-custom-icon svg {
  width: inherit;
  color: inherit;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-underline-reveal button.qodef-theme-button.qodef--simple, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-overline-reveal button.qodef-theme-button.qodef--simple {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple:focus, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-underline-reveal button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-underline-reveal button.qodef-theme-button.qodef--simple:focus, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-overline-reveal button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-overline-reveal button.qodef-theme-button.qodef--simple:focus {
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple:after, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-underline-reveal button.qodef-theme-button.qodef--simple:after, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-overline-reveal button.qodef-theme-button.qodef--simple:after {
  display: none;
}

.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-overline-reveal button.qodef-theme-button.qodef--simple {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal button.qodef-theme-button.qodef--simple:focus {
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-underline-hide button.qodef-theme-button.qodef--simple, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-overline-hide button.qodef-theme-button.qodef--simple {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple:focus, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-underline-hide button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-underline-hide button.qodef-theme-button.qodef--simple:focus, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-overline-hide button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-overline-hide button.qodef-theme-button.qodef--simple:focus {
  background-size: 0 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple:after, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-underline-hide button.qodef-theme-button.qodef--simple:after, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-theme-button.qodef--simple:after,
.qodef-elements-buttons-simple--draw-hover-overline-hide button.qodef-theme-button.qodef--simple:after {
  display: none;
}

.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-overline-hide button.qodef-theme-button.qodef--simple {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple:hover, .qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-theme-button.qodef--simple:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-hide button.qodef-theme-button.qodef--simple:focus {
  background-size: 0 100%;
}

.qodef-e-content-follow {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  pointer-events: none;
  visibility: visible;
  transition: transform .3s ease;
}

.qodef-e-content-follow.qodef-right {
  transform: translateX(calc(-100% - 20px));
  text-align: right;
}

.qodef-e-content-follow.qodef-right .qodef-e-content > * {
  align-self: flex-end;
}

.qodef-e-content-follow .qodef-e-content {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column-reverse;
}

.qodef-e-content-follow .qodef-e-content > * {
  align-self: flex-start;
  background-color: #fff;
  margin: 0;
  white-space: nowrap;
}

.qodef-e-content-follow .qodef-e-content .qodef-e-title,
.qodef-e-content-follow .qodef-e-content .qodef-e-subtitle {
  margin: 0;
}

.qodef-e-content-follow .qodef-e-content .qodef-e-subtitle-holder {
  padding: 7px 15px 0;
}

.qodef-e-content-follow .qodef-e-content .qodef-e-title-holder {
  padding: 7px 15px;
}

.qodef-e-content-follow .qodef-e-content .qodef-e-category-holder .qodef-e-info-category {
  padding: 0 15px 7px;
}

.qodef-e-content-follow .qodef-e-content .qodef-e-category-holder .qodef-e-info-category a {
  color: inherit;
}

.qodef-e-content-follow.qodef-is-active {
  visibility: visible;
}

.qodef-e-content-follow.qodef-is-active .qodef-e-content {
  animation: qodef-follow-text 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards normal;
}

/* ==========================================================================
   9.0 FsLightbox styles
   ========================================================================== */
.fslightbox-container .qodef-fslightbox-caption {
  color: #fff;
}

.fslightbox-container .fslightbox-nav .fslightbox-slide-number-container {
  max-width: unset;
}

.fslightbox-container .fslightbox-nav .fslightbox-toolbar {
  background: none;
}

.fslightbox-container .fslightbox-nav .fslightbox-toolbar-button {
  color: #fff;
}

.fslightbox-container .fslightbox-nav .fslightbox-toolbar-button[title="Enter fullscreen"] {
  display: none;
}

.fslightbox-container .fslightbox-nav .fslightbox-toolbar-button svg {
  fill: currentColor;
  width: 17px;
  stroke: none;
}

.fslightbox-container .fslightbox-slide-btn-container-previous,
.fslightbox-container .fslightbox-slide-btn-container-next {
  padding: 30px;
}

.fslightbox-container .fslightbox-slide-btn-container-previous .fslightbox-slide-btn,
.fslightbox-container .fslightbox-slide-btn-container-next .fslightbox-slide-btn {
  width: 30px;
  padding: 0;
  background: none;
  color: #fff;
}

.fslightbox-container .fslightbox-slide-btn-container-previous .fslightbox-slide-btn svg,
.fslightbox-container .fslightbox-slide-btn-container-next .fslightbox-slide-btn svg {
  fill: currentColor;
  stroke: currentColor;
  width: 100%;
}

/* ==========================================================================
   9.0 Swiper carousel styles
   ========================================================================== */
.qodef-swiper-container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  z-index: 1;
  visibility: hidden;
  overflow: hidden;
}

.qodef-swiper-container .swiper-slide a {
  display: block;
}

.qodef-swiper-container .swiper-slide img {
  width: 100%;
}

.qodef-swiper-container.qodef-swiper--initialized {
  visibility: visible;
}

.qodef-swiper-container .swiper-button-prev,
.qodef-swiper-container .swiper-button-next {
  background-image: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #111111;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  transform: translateY(-50%);
}

.qodef-swiper-container .swiper-button-prev svg,
.qodef-swiper-container .swiper-button-next svg {
  display: block;
  width: 26px;
  height: auto;
  fill: transparent;
  transition: 0.2s ease-out;
  stroke: currentColor;
  stroke-width: 36px;
}

.qodef-swiper-container .swiper-button-prev:after,
.qodef-swiper-container .swiper-button-next:after {
  display: none !important;
}

.qodef-swiper-container .swiper-button-prev:hover svg,
.qodef-swiper-container .swiper-button-next:hover svg {
  fill: currentColor;
  stroke: transparent;
}

.qodef-swiper-container .swiper-button-prev {
  left: 30px;
}

.qodef-swiper-container .swiper-button-next {
  right: 30px;
}

/* ==========================================================================
   #Back to Top styles - start
   ========================================================================== */
#qodef-back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 25px;
  bottom: 25px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
}

#qodef-back-to-top .qodef-back-to-top-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #111111;
  background-color: #f4f4f4;
  border: 0 solid #f4f4f4;
  border-radius: 4px;
  overflow: hidden;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

#qodef-back-to-top svg {
  display: block;
  width: 18px;
  height: auto;
  fill: currentColor;
}

#qodef-back-to-top.qodef--predefined svg {
  stroke: currentColor;
  stroke-width: 40px;
  transform: rotate(-90deg);
  fill: transparent;
  transition: 0.2s ease-out;
}

#qodef-back-to-top.qodef--predefined:hover svg {
  fill: currentColor;
  stroke: transparent;
}

#qodef-back-to-top.qodef--off {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility .0s .15s;
}

#qodef-back-to-top.qodef--on {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

/* ==========================================================================
   #Back to Top styles - end
   ========================================================================== */
/* ==========================================================================
   Blog styles
   ========================================================================== */
.qodef-blog-shortcode {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-blog-shortcode .qodef-blog-item {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0 0 90px;
  overflow: hidden;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-inner,
.qodef-blog-shortcode .qodef-blog-item .qodef-e-media,
.qodef-blog-shortcode .qodef-blog-item .qodef-e-content {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-blog-shortcode .qodef-blog-item.has-post-thumbnail .qodef-e-content {
  padding: 27px 0 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-media-image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-media-image a, .qodef-blog-shortcode .qodef-blog-item .qodef-e-media-image img {
  display: block;
  width: 100%;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-media {
  display: block;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-media iframe {
  display: block;
  height: 100%;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-title {
  margin: 0 0 0.5em;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-excerpt {
  margin: 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more {
  margin-top: 14px;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more-link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 2em;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  border-radius: 4px;
  outline: none;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  display: inline-flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  color: #111111;
  background-color: transparent;
  border: 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more-link .qodef-theme-button-icon {
  position: relative;
  flex-shrink: 0;
  width: 17px;
  height: auto;
  margin-left: 10px;
  fill: currentColor;
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more-link:hover {
  background-color: transparent;
  border: 0;
  color: #111111;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more-link:hover .qodef-theme-button-icon {
  transform: translateX(5px);
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

@media only screen and (min-width: 681px) {
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-left,
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-right {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-right {
    justify-content: flex-end;
  }
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 24px;
  color: #111111;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-item a {
  display: inline-flex;
  align-items: center;
  color: inherit;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover {
  color: #3c3c3c;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-item:last-child {
  margin-right: 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-item-icon {
  margin-right: 8px;
  width: 14px;
  height: auto;
  fill: currentColor;
  flex-shrink: 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-category {
  text-transform: lowercase;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-tags a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 13px;
  padding: 10px 11px;
  color: #111111;
  background-color: #f6f6f6;
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-tags a:hover {
  color: #111111;
  background-color: rgba(0, 0, 0, 0.1);
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-tags a:last-child {
  margin-right: 0;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--top {
  margin-bottom: 0.25em;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item {
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--bottom {
  display: inline-flex;
}

.qodef-blog-shortcode .qodef-blog-item .qodef-e-post-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qodef-blog-shortcode .qodef-blog-item.sticky .qodef-e-title a {
  position: relative;
  text-decoration: underline;
}

.qodef-blog-shortcode .qodef-blog-item.sticky .qodef-e-title a:after {
  content: '*';
  position: absolute;
  top: 0;
  right: -0.5em;
  font-size: 1.5em;
}

.qodef-blog-shortcode .qodef-blog-item.format-audio .qodef-e-media-image {
  width: 100%;
}

.qodef-blog-shortcode .qodef-blog-item.format-audio .qodef-e-media-image img {
  width: 100%;
}

.qodef-blog-shortcode .qodef-blog-item.format-audio .qodef-e-media-audio {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
}

.qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 11% 21%;
  margin-bottom: 12px;
  background-color: #f6f6f6;
}

.qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link-text {
  position: relative;
  margin: 0;
  z-index: 2;
}

.qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link-icon {
  position: absolute;
  top: 50%;
  left: calc(50% - 122px);
  width: 244px;
  height: auto;
  fill: #fff;
  z-index: 1;
  transform: translateY(-50%);
}

.qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 10.7% 21% 11.3%;
  margin-bottom: 12px;
  background-color: #f6f6f6;
}

.qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote-text {
  position: relative;
  margin: 0;
  z-index: 2;
}

.qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote-author {
  position: relative;
  margin: 19px 0 0;
  z-index: 2;
}

.qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote-icon {
  position: absolute;
  top: 50%;
  left: calc(50% - 95px);
  width: 190px;
  height: auto;
  fill: #fff;
  z-index: 1;
  transform: translateY(-50%);
}

.qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.qodef-blog-shortcode.qodef-items--fixed article .qodef-e-media,
.qodef-blog-shortcode.qodef-items--fixed article .qodef-e-media-image {
  height: 100%;
}

.qodef-blog-shortcode.qodef-col-num--1 .qodef-blog-item.has-post-thumbnail .qodef-e-content {
  padding: 27px 0 0;
}

.qodef-blog-shortcode:not(.qodef-col-num--1) article .qodef-e-inner {
  margin: 0 0 30px;
}

.qodef-blog-shortcode:not(.qodef-col-num--1) article .qodef-e-media-image {
  overflow: hidden;
}

.qodef-blog-shortcode:not(.qodef-col-num--1) article .qodef-e-media-image img {
  transform: scale(1);
  transition: transform .8s ease;
}

.qodef-blog-shortcode:not(.qodef-col-num--1) article:hover .qodef-e-media-image img {
  transform: scale(1.05);
}

.qodef-blog-shortcode.qodef-content-has-background-color .qodef-e-content {
  padding-left: 28px;
  padding-right: 28px;
}

.qodef-blog-shortcode.qodef-alignment--centered {
  text-align: center;
}

.qodef-blog-shortcode.qodef-alignment--centered .qodef-blog-item .qodef-e-info {
  justify-content: center;
}

.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget, .qodef-post-info--draw-hover-underline .widget.widget_rss ul a.rsswidget, .qodef-post-info--draw-hover-overline .widget.widget_rss ul a.rsswidget {
  display: inline;
}

.qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a, .qodef-post-info--draw-hover-underline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a,
.qodef-post-info--draw-hover-underline .widget.widget_rss ul a.rsswidget,
.qodef-post-info--draw-hover-underline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a,
.qodef-post-info--draw-hover-underline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a, .qodef-post-info--draw-hover-overline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a,
.qodef-post-info--draw-hover-overline .widget.widget_rss ul a.rsswidget,
.qodef-post-info--draw-hover-overline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a,
.qodef-post-info--draw-hover-overline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:hover, .qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget:hover,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget:focus,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus, .qodef-post-info--draw-hover-underline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:hover, .qodef-post-info--draw-hover-underline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-underline .widget.widget_rss ul a.rsswidget:hover,
.qodef-post-info--draw-hover-underline .widget.widget_rss ul a.rsswidget:focus,
.qodef-post-info--draw-hover-underline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover,
.qodef-post-info--draw-hover-underline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-underline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover,
.qodef-post-info--draw-hover-underline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus, .qodef-post-info--draw-hover-overline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:hover, .qodef-post-info--draw-hover-overline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-overline .widget.widget_rss ul a.rsswidget:hover,
.qodef-post-info--draw-hover-overline .widget.widget_rss ul a.rsswidget:focus,
.qodef-post-info--draw-hover-overline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover,
.qodef-post-info--draw-hover-overline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-overline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover,
.qodef-post-info--draw-hover-overline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus {
  background-size: 100% 100%;
}

.qodef-post-info--draw-hover-overline .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a,
.qodef-post-info--draw-hover-overline .widget.widget_rss ul a.rsswidget,
.qodef-post-info--draw-hover-overline .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a,
.qodef-post-info--draw-hover-overline #qodef-page-comments-list .qodef-comment-item .qodef-e-date a {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:hover, .qodef-post-info--draw-hover-line-through .qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget:hover,
.qodef-post-info--draw-hover-line-through .widget.widget_rss ul a.rsswidget:focus,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover,
.qodef-post-info--draw-hover-line-through .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover,
.qodef-post-info--draw-hover-line-through #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus {
  background-size: 100% 100%;
}

.qodef-post-info--draw-hover-line-through .widget.widget_recent_entries ul li .post-date, .qodef-post-info--draw-hover-underline .widget.widget_recent_entries ul li .post-date, .qodef-post-info--draw-hover-overline .widget.widget_recent_entries ul li .post-date {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  background-size: 100% 100%;
  align-self: flex-start;
}

.qodef-post-info--draw-hover-overline .widget.widget_recent_entries ul li .post-date {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-post-info--draw-hover-line-through .widget.widget_recent_entries ul li .post-date {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
  background-size: 100% 100%;
}

/* ==========================================================================
   Related Posts styles
   ========================================================================== */
#qodef-related-posts {
  position: relative;
  margin-top: 22px;
}

#qodef-related-posts article {
  margin-bottom: 0;
}

#qodef-related-posts .qodef-m-title {
  margin: 0 0 41px;
}

/* ==========================================================================
   Full Screen Menu styles
   ========================================================================== */
#qodef-fullscreen-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  overflow-x: hidden !important;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  /* smaller than header, bigger than content */
}

@media only screen and (max-width: 1024px) {
  #qodef-fullscreen-area {
    background-image: none !important;
  }
}

#qodef-fullscreen-area .qodef-fullscreen-menu-close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 19px;
  color: #111111;
}

#qodef-fullscreen-area .qodef-fullscreen-menu-close svg {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}

.admin-bar #qodef-fullscreen-area .qodef-fullscreen-menu-close {
  top: 82px;
}

#qodef-fullscreen-area .qodef-content-grid {
  height: 100%;
}

#qodef-fullscreen-area .qodef-content-grid .qodef-fullscreen-menu {
  width: 100%;
}

.qodef-fullscreen-menu-animate--in #qodef-fullscreen-area {
  animation: qode-fade-in .25s linear both;
}

.qodef-fullscreen-menu-animate--out #qodef-fullscreen-area {
  animation: qode-fade-out .25s linear both;
}

@media only screen and (max-width: 1024px) {
  body #qodef-fullscreen-area {
    left: 0 !important;
    width: 100% !important;
  }
}

.qodef-fullscreen-menu-not-full-width #qodef-fullscreen-area {
  z-index: 101;
}

#qodef-fullscreen-area-inner {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
}

.qodef-fullscreen-menu {
  position: relative;
  top: 0;
  margin: 0 auto;
}

.qodef-fullscreen-menu ul {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

.qodef-fullscreen-menu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}

.qodef-fullscreen-menu ul li a {
  position: relative;
  display: block;
  margin: 18px 0;
  font-size: 20px;
  color: #111111;
}

.qodef-fullscreen-menu ul li a .qodef-menu-item-description {
  display: none;
}

.qodef-fullscreen-menu ul li a .qodef-menu-item-arrow {
  display: none;
}

.qodef-fullscreen-menu ul li a:hover {
  color: #3c3c3c;
}

.qodef-fullscreen-menu ul li ul {
  display: none;
  margin-left: 1em;
}

.qodef-fullscreen-menu ul li ul li a {
  margin: calc(18px / 2) 0;
}

.qodef-fullscreen-menu ul li.current-menu-ancestor > a, .qodef-fullscreen-menu ul li.current-menu-item > a {
  color: #3c3c3c;
}

.qodef-fullscreen-menu > ul > li > a {
  font-size: 30px;
}

.qodef-fullscreen-menu > ul > li > ul > li:first-child {
  padding-top: 8px;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li > a, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li > a {
  text-decoration: none;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li > a > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a:focus > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li > a:focus > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-item > a, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-item > a, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-item > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-item > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-item > a > span, .qodef-fullscreen-1st-lvl--draw-hover-underline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-item > a > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li > a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 2px, transparent 2px);
}

.qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-item > a, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-item > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-overline .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 2px, transparent 2px);
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 0% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a:hover > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-item > a > span, .qodef-fullscreen-1st-lvl--draw-hover-line-through .qodef-fullscreen-menu > ul > li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li a, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li a {
  text-decoration: none;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li a > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 2px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a:focus > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li a:focus > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li a:focus > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-item a, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-item a, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a {
  text-decoration: none;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-item a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-item a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a:hover > span {
  background-size: 101% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-item a > span, .qodef-fullscreen-2nd-lvl--draw-hover-underline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-item a > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 2px, transparent 2px);
}

.qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-item a, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a {
  text-decoration: none;
}

.qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-item a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-overline .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 2px, transparent 2px);
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 0% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li a:focus > span {
  background-size: 100% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a {
  text-decoration: none;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a:hover > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a:hover > span {
  background-size: 101% 100%;
}

.qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-item a > span, .qodef-fullscreen-2nd-lvl--draw-hover-line-through .qodef-fullscreen-menu ul li ul li.current-menu-ancestor a > span {
  background-size: 100% 100%;
}

/* ==========================================================================
   Full Screen Menu Opener styles
   ========================================================================== */
.qodef-fullscreen-menu-opener {
  position: relative;
  width: 21px;
}

.qodef-header--light .qodef-fullscreen-menu-opener {
  color: #fff;
}

.qodef-header--dark .qodef-fullscreen-menu-opener {
  color: #000;
}

.qodef-fullscreen-menu-opener svg {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}

.qodef-fullscreen-menu-opener svg.qodef--initial {
  fill: none;
  stroke: currentColor;
}

.qodef-fullscreen-menu-opener:focus {
  opacity: .7;
}

.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) {
  overflow-y: hidden;
}

.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) #qodef-page-header,
.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) #qodef-page-mobile-header {
  visibility: hidden;
}

.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) .qodef-header-logo-link,
.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) .qodef-mobile-header-logo-link,
.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width) .qodef-header-logo-image.qodef--customizer {
  visibility: visible;
}

.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width).qodef-fullscreen-menu--hide-logo .qodef-header-logo-link,
.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width).qodef-fullscreen-menu--hide-logo .qodef-mobile-header-logo-link,
.qodef-fullscreen-menu--opened:not(.qodef-fullscreen-menu-not-full-width).qodef-fullscreen-menu--hide-logo .qodef-header-logo-image.qodef--customizer {
  visibility: hidden;
}

/* ==========================================================================
   Header common styles
   ========================================================================== */
#qodef-page-header .qodef-widget-holder {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 24px;
}

#qodef-page-header .qodef-widget-holder .widget {
  margin: 0 12px;
}

#qodef-page-header .qodef-widget-holder .widget:first-child {
  margin-left: 0;
}

#qodef-page-header .qodef-widget-holder .widget:last-child {
  margin-right: 0;
}

#qodef-page-header div[id^="monster-widget-placeholder"],
#qodef-page-header div[id^="woo-monster-widget-placeholder"] {
  display: none;
}

#qodef-page-header-inner {
  border-bottom: 0 solid transparent;
}

#qodef-page-header-inner.qodef-content-grid {
  padding: 0;
}

.qodef-header-navigation > ul > li > a > span {
  transition: background-color .2s ease-out;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li > a, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li > a,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li > a {
  text-decoration: none;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li > a > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a:hover > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a:focus > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li > a:hover > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li > a:focus > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li > a:hover > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-item > a, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-item > a, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a:hover > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a:hover > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-item > a > span, .qodef-nav-1st-lvl--draw-hover-underline .qodef-header-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-underline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-item > a > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li > a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-item > a, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-nav-1st-lvl--draw-hover-overline .qodef-header-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-overline .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a:hover > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li > a:focus > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a:hover > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-item > a > span, .qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-item > a > span,
.qodef-nav-1st-lvl--draw-hover-line-through .menu-nav-menu-widget-container > ul > li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li > a, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li > a,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li > a, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li > a,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li > a {
  display: inherit;
  text-decoration: none;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li > a > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li > a > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li > a > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li > a > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a:focus > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li > a:focus > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li > a:focus > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li > a:focus > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li > a:focus > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-item > a,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-ancestor > a, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-item > a, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-ancestor > a,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-item > a,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-item > a, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-ancestor > a,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-item > a,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-item > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-ancestor > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-ancestor > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-item > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-ancestor > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-item > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-item > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li.current-menu-ancestor > a > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-item > a > span, .qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-navigation ul li ul li.current-menu-ancestor > a > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-item > a > span,
.qodef-nav-2nd-lvl--draw-hover-underline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-item > a > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-ancestor > a > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-item > a > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li > a > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li ul li > a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-item > a, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-ancestor > a,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li ul li.current-menu-item > a,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-navigation ul li ul li.current-menu-ancestor > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li ul li.current-menu-item > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-overline .qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li > a:focus > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-item > a,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-item > a:hover > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-item > a > span, .qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-navigation ul li ul li.current-menu-ancestor > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-item > a > span,
.qodef-nav-2nd-lvl--draw-hover-line-through .qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

/* ==========================================================================
# Logo default style
========================================================================== */
#qodef-page-header .qodef-header-logo-link.qodef-source--svg-path svg {
  display: block;
  width: 50px;
  height: auto;
  fill: currentColor;
  stroke: currentColor;
}

/* ==========================================================================
   Header Vertical navigation style - begin
   ========================================================================== */
.qodef-header-vertical-navigation {
  margin-top: auto;
  margin-bottom: auto;
  z-index: 100;
  width: 100%;
}

.qodef-header-vertical-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.qodef-header-vertical-navigation ul li {
  position: relative;
  margin: 0;
  padding: 3px 0;
}

.qodef-header-vertical-navigation ul li a {
  position: relative;
  display: flex;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #888;
}

.qodef-header-vertical-navigation ul li a .qodef-menu-item-description {
  display: none;
}

.qodef-header-vertical-navigation ul li a .qodef-menu-item-arrow {
  display: none !important;
}

.e--ua-firefox .qodef-header-vertical-navigation ul li a {
  display: inline-flex;
}

.qodef-header-vertical-navigation ul li ul {
  display: none;
  margin-left: 1em;
}

.qodef-header-vertical-navigation ul li ul li {
  padding: 3px 0;
}

.qodef-header-vertical-navigation ul li ul li > a:hover {
  color: #111111;
}

.qodef-header-vertical-navigation ul li ul li.current-menu-ancestor > a, .qodef-header-vertical-navigation ul li ul li.current-menu-item > a {
  color: #111111;
}

.qodef-header-vertical-navigation > ul {
  margin: 0 !important;
  padding: 22px 0;
}

.qodef-header-vertical-navigation > ul > li > a {
  font-size: 17px;
  line-height: 1.235294117647059em;
  font-weight: 500;
  letter-spacing: 0;
  color: #111111;
}

.qodef-header-vertical-navigation > ul > li > a:hover {
  color: #3c3c3c;
}

.qodef-header-vertical-navigation > ul > li > ul > li:first-child {
  padding-top: 9px;
}

.qodef-header-vertical-navigation > ul > li.current-menu-ancestor > a, .qodef-header-vertical-navigation > ul > li.current-menu-item > a {
  color: #3c3c3c;
}

/* ==========================================================================
   Header Vertical navigation style - end
   ========================================================================== */
/* ==========================================================================
   Header layout styles
   ========================================================================== */
.qodef-header--centered #qodef-page-header {
  height: 150px;
}

.qodef-header--centered #qodef-page-header-inner {
  flex-direction: column;
  justify-content: center;
}

.qodef-header--centered #qodef-page-header-inner > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.qodef-header--centered #qodef-page-header-inner > div .qodef-widget-holder {
  margin-left: 0;
}

.qodef-header--centered #qodef-page-header-inner > div .qodef-header-navigation {
  margin: 0 24px;
}

/* ==========================================================================
   Header layout styles
   ========================================================================== */
.qodef-header--minimal #qodef-page-header-inner .qodef-header-logo-link, .qodef-header--minimal
.qodef-header-sticky-inner .qodef-header-logo-link {
  margin-right: auto;
}

.qodef-header--minimal #qodef-page-header-inner .qodef-widget-holder, .qodef-header--minimal
.qodef-header-sticky-inner .qodef-widget-holder {
  margin-left: auto;
  margin-right: 30px;
}

.qodef-header-minimal--center #qodef-page-header-inner .qodef-header-wrapper, .qodef-header-minimal--center
.qodef-header-sticky-inner .qodef-header-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.qodef-header-minimal--center #qodef-page-header-inner .qodef-header-logo, .qodef-header-minimal--center
.qodef-header-sticky-inner .qodef-header-logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.qodef-header-minimal--center #qodef-page-header-inner .qodef-fullscreen-menu-opener, .qodef-header-minimal--center
.qodef-header-sticky-inner .qodef-fullscreen-menu-opener {
  margin-left: auto;
  margin-right: auto;
}

.qodef-header-minimal--center #qodef-page-header-inner .qodef-widget-holder, .qodef-header-minimal--center
.qodef-header-sticky-inner .qodef-widget-holder {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.qodef-header-minimal--center.qodef-header-minimal-logo-centered #qodef-page-header-inner .qodef-fullscreen-menu-opener, .qodef-header-minimal--center.qodef-header-minimal-logo-centered
.qodef-header-sticky-inner .qodef-fullscreen-menu-opener {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.qodef-header-minimal--center.qodef-header-minimal-logo-centered #qodef-page-header-inner .qodef-header-logo-link, .qodef-header-minimal--center.qodef-header-minimal-logo-centered
.qodef-header-sticky-inner .qodef-header-logo-link {
  border: 0 !important;
}

.qodef-header-minimal--center.qodef-header-minimal-logo-centered #qodef-page-header-inner .qodef-header-logo, .qodef-header-minimal--center.qodef-header-minimal-logo-centered
.qodef-header-sticky-inner .qodef-header-logo {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.qodef-header-minimal--center.qodef-header-minimal-logo-centered #qodef-page-header-inner .qodef-widget-holder, .qodef-header-minimal--center.qodef-header-minimal-logo-centered
.qodef-header-sticky-inner .qodef-widget-holder {
  left: 0;
  right: auto;
}

/* ==========================================================================
   Header layout styles
   ========================================================================== */
.qodef-header-standard--right #qodef-page-header-inner .qodef-header-navigation, .qodef-header-standard--right
.qodef-header-sticky-inner .qodef-header-navigation {
  margin-left: auto;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-wrapper, .qodef-header-standard--center
.qodef-header-sticky-inner .qodef-header-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-logo, .qodef-header-standard--center
.qodef-header-sticky-inner .qodef-header-logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation, .qodef-header-standard--center
.qodef-header-sticky-inner .qodef-header-navigation {
  margin-left: auto;
  margin-right: auto;
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-widget-holder, .qodef-header-standard--center
.qodef-header-sticky-inner .qodef-widget-holder {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0;
}

.qodef-header-standard--center.qodef-header-standard-logo-centered #qodef-page-header-inner .qodef-header-navigation, .qodef-header-standard--center.qodef-header-standard-logo-centered
.qodef-header-sticky-inner .qodef-header-navigation {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.qodef-header-standard--center.qodef-header-standard-logo-centered #qodef-page-header-inner .qodef-header-logo, .qodef-header-standard--center.qodef-header-standard-logo-centered
.qodef-header-sticky-inner .qodef-header-logo {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation, .qodef-header-standard--left
.qodef-header-sticky-inner .qodef-header-navigation {
  margin-right: auto;
}

.qodef-header-standard--left #qodef-page-header-inner .qodef-header-logo-link, .qodef-header-standard--left
.qodef-header-sticky-inner .qodef-header-logo-link {
  margin-right: 20px;
}

/* ==========================================================================
   Header layout styles
   ========================================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 1100px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 960px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .qodef-content-grid-1400.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 768px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 1100px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 960px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .qodef-content-grid-1300.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 768px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 1100px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 960px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .qodef-content-grid-1200.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 768px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .qodef-content-grid-1100.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 960px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .qodef-content-grid-1100.qodef-header--vertical .qodef-content-grid, .qodef-header--vertical section.qodef-elementor-content-grid > .elementor-container {
    width: 768px;
  }
}

.qodef-header--vertical #qodef-page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
}

.qodef-header--vertical #qodef-page-header .qodef-height--not-set {
  height: auto;
}

.qodef-header--vertical #qodef-page-header-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding: 40px 40px 20px;
  border-right: 0 solid transparent;
}

.qodef-header--vertical #qodef-page-header-inner .qodef-widget-holder {
  display: block;
  height: auto;
  margin: 0;
}

.qodef-header--vertical #qodef-page-header-inner .qodef-widget-holder .widget {
  margin: 0 0 15px;
}

.qodef-header--vertical #qodef-page-header-inner .qodef-widget-holder .widget:last-child {
  margin-bottom: 0;
}

.qodef-header--vertical.admin-bar #qodef-page-header {
  top: 32px;
  height: calc(100% - 32px);
}

.qodef-header--vertical #qodef-page-outer,
.qodef-header--vertical #qodef-page-footer {
  padding-left: 300px;
}

.qodef-header--vertical .qodef-search-cover-form .qodef-m-form-field {
  padding: 0 40px;
}

.qodef-header--vertical .qodef-search-cover-form .qodef-m-close {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin-right: 0;
}

.qodef-header--vertical .qodef-search-cover-form .qodef-m-close.qodef--predefined {
  height: 94px;
}

/* ==========================================================================
   Fixed header styles
   ========================================================================== */
.qodef-header--fixed-display #qodef-top-area,
.qodef-header--fixed-display #qodef-page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.qodef-header--fixed-display.admin-bar #qodef-top-area,
.qodef-header--fixed-display.admin-bar #qodef-page-header {
  top: 32px;
}

/* ==========================================================================
# Sticky Header default style
========================================================================== */
.qodef-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background-color: #fff;
  transform: translateY(-100%);
  transition: transform 0.5s ease, top 0.5s ease;
  z-index: 100;
}

.qodef-header--sticky-display .qodef-header-sticky {
  transform: translateY(0%);
}

.admin-bar.qodef-header--sticky-display .qodef-header-sticky {
  top: 32px;
}

.qodef-header-sticky-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 50px;
  border-bottom: 0 solid transparent;
}

.qodef-header-sticky-inner.qodef-content-grid {
  padding: 0;
}

.qodef-header-sticky-inner .qodef-header-navigation {
  margin-left: auto;
}

.qodef-header-standard--right .qodef-header-sticky-inner .qodef-header-logo-link {
  margin-right: auto;
}

.qodef-header-standard--left .qodef-header-sticky-inner {
  justify-content: flex-start;
}

.qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-navigation {
  margin-left: 0;
}

.qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder {
  margin-left: auto !important;
}

/* ==========================================================================
   Top area style - begin
   ========================================================================== */
#qodef-top-area {
  position: relative;
  background-color: #f6f6f6;
  z-index: 101;
  /* Header has Z-index 100, top header has greater value because of dropdown in header top (wpml) */
}

#qodef-top-area-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 50px;
  border-bottom: 0 solid transparent;
}

#qodef-top-area-inner.qodef-content-grid {
  padding: 0 !important;
}

#qodef-top-area-inner.qodef-alignment--center .qodef-widget-holder {
  margin: 0 auto;
}

#qodef-top-area .qodef-widget-holder {
  display: flex;
  align-items: center;
  height: 100%;
}

#qodef-top-area .qodef-widget-holder.qodef-top-area-left {
  margin-right: auto;
}

#qodef-top-area .qodef-widget-holder.qodef-top-area-right {
  margin-left: auto;
}

#qodef-top-area .qodef-widget-holder .widget {
  margin: 0 15px;
}

#qodef-top-area .qodef-widget-holder .widget:first-child {
  margin-left: 0;
}

#qodef-top-area .qodef-widget-holder .widget:last-child {
  margin-right: 0;
}

#qodef-top-area .widget {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

#qodef-top-area .widget .textwidget > *,
#qodef-top-area .widget .widget p {
  margin: 0;
}

#qodef-top-area div[id^="monster-widget-placeholder"],
#qodef-top-area div[id^="woo-monster-widget-placeholder"] {
  display: none;
}

/* ==========================================================================
   Top area style - end
   ========================================================================== */
/* ==========================================================================
   Mobile Logo styles
   ========================================================================== */
#qodef-page-mobile-header .qodef-header-logo-image.qodef--customizer {
  max-height: 100%;
  width: auto;
  margin-right: auto;
}

#qodef-page-mobile-header-inner {
  border-bottom: 0 solid transparent;
}

.qodef-mobile-header-navigation {
  border-bottom: 0 solid transparent;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a:focus > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li > a:focus > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-item > a, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.qodef--opened > a, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-item > a, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.qodef--opened > a {
  text-decoration: none;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.qodef--opened > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.qodef--opened > a:hover > span {
  background-size: 101% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-item > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-underline .qodef-mobile-header-navigation > ul > li.qodef--opened > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-item > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.qodef--opened > a > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li > a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-item > a, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.qodef--opened > a {
  text-decoration: none;
}

.qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-overline .qodef-mobile-header-navigation > ul > li.qodef--opened > a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li > a:focus > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a {
  text-decoration: none;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a:hover > span {
  background-size: 101% 100%;
}

.qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-item > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a > span, .qodef-mobile-menu-1st-lvl--draw-hover-line-through .qodef-mobile-header-navigation > ul > li.qodef--opened > a > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li a, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li a {
  display: inherit;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a:focus > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li a:focus > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li a:focus > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-underline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li a > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-overline .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a:hover > span {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a > span {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li a:focus > span {
  background-size: 100% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a {
  text-decoration: none;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a:hover > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a:hover > span {
  background-size: 101% 100%;
}

.qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-item > a > span, .qodef-mobile-menu-2nd-lvl--draw-hover-line-through .qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a > span {
  background-size: 100% 100%;
}

/* ==========================================================================
   Opener icon styles
   ========================================================================== */
.qodef-opener-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.qodef-opener-icon .qodef-m-icon {
  position: relative;
}

.qodef-opener-icon.qodef--predefined span {
  position: relative;
}

.qodef-opener-icon.qodef--predefined span > * {
  vertical-align: middle;
}

/* ==========================================================================
   Pagination global styles
   ========================================================================== */
.qodef-shortcode .qodef-m-pagination {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 0;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .nav-links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 94px;
  padding: 16px 25px;
  background-color: #f6f6f6;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers {
  position: relative;
  margin: 0 15px;
  padding: 0 3px;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.2s ease-out;
  color: #111111;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers * {
  display: block;
  line-height: inherit;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next {
  position: absolute;
  top: 16px;
  height: calc(100% - 32px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 13px;
  border: 0 solid #fff;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev svg, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next svg {
  display: block;
  width: 20px;
  height: auto;
  fill: transparent;
  transition: 0.2s ease-out;
  stroke: currentColor;
  stroke-width: 40px;
}

@media only screen and (max-width: 680px) {
  .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next {
    padding: 0;
    border: 0;
  }
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev {
  left: 25px;
  padding-right: 39px;
  border-right-width: 2px;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev:focus, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev:hover {
  opacity: 1;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next {
  right: 25px;
  padding-left: 39px;
  border-left-width: 2px;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next:focus, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next:hover {
  opacity: 1;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:hover, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:focus, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.current {
  opacity: .5;
  outline: none;
}

.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:hover svg, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:focus svg, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.current svg {
  fill: currentColor;
  stroke: transparent;
}

/* ==========================================================================
   WooCommerce global styles
   ========================================================================== */
.qodef-woo-shortcode .qodef-woo-product-mark {
  position: absolute;
  top: 0;
  left: 0;
  padding: 22px 13px;
  min-width: 68px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111111;
  font-size: 20px;
  line-height: 1.2em;
  color: #111111;
  background-color: #fff;
  z-index: 5;
}

@media only screen and (max-width: 680px) {
  .qodef-woo-shortcode .qodef-woo-product-mark {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .qodef-woo-shortcode .qodef-woo-product-mark {
    font-size: 16px;
  }
}

.qodef-woo-shortcode .qodef-woo-product-title {
  margin: 0;
}

.qodef-woo-shortcode .qodef-woo-ratings {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  line-height: 1;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star {
  color: #111111;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star svg {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: auto;
  fill: none;
  stroke: currentColor;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star svg:last-child {
  margin-right: 0;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star.qodef--active {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star.qodef--active svg {
  fill: currentColor;
  stroke: none;
}

.qodef-woo-shortcode .price {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #111111;
  margin: 0;
}

.qodef-woo-shortcode .price del {
  margin-right: 10px;
}

.qodef-woo-shortcode .price ins {
  text-decoration: none;
}

.qodef-woo-shortcode .button,
.qodef-woo-shortcode .added_to_cart {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 2em;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  border-radius: 4px;
  outline: none;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
  padding: 11px 28px;
  font-size: 17px;
  color: #111111;
  background-color: #f4f4f4;
  border: 0;
  cursor: pointer;
  z-index: 3;
}

.qodef-woo-shortcode .button .qodef-theme-button-icon,
.qodef-woo-shortcode .added_to_cart .qodef-theme-button-icon {
  position: relative;
  flex-shrink: 0;
  width: 17px;
  height: auto;
  fill: currentColor;
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}

.qodef-woo-shortcode .button:focus, .qodef-woo-shortcode .button:hover,
.qodef-woo-shortcode .added_to_cart:focus,
.qodef-woo-shortcode .added_to_cart:hover {
  color: #fff;
  background-color: #111111;
}

.qodef-woo-shortcode .button.qodef--with-icon,
.qodef-woo-shortcode .added_to_cart.qodef--with-icon {
  display: inline-flex;
  align-items: center;
}

.qodef-woo-shortcode .button.qodef--with-icon .qodef-theme-button-icon,
.qodef-woo-shortcode .added_to_cart.qodef--with-icon .qodef-theme-button-icon {
  margin-left: 10px;
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}

.qodef-woo-shortcode .button.qodef--with-icon:focus .qodef-theme-button-icon, .qodef-woo-shortcode .button.qodef--with-icon:hover .qodef-theme-button-icon,
.qodef-woo-shortcode .added_to_cart.qodef--with-icon:focus .qodef-theme-button-icon,
.qodef-woo-shortcode .added_to_cart.qodef--with-icon:hover .qodef-theme-button-icon {
  transform: translateX(5px);
}

.qodef-woo-shortcode .button.added,
.qodef-woo-shortcode .added_to_cart.added {
  display: none !important;
}

.qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a, .qodef-product-info--draw-hover-underline #qodef-woo-page.qodef--single .product_meta > * > a, .qodef-product-info--draw-hover-overline #qodef-woo-page.qodef--single .product_meta > * > a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a:hover, .qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a:focus, .qodef-product-info--draw-hover-underline #qodef-woo-page.qodef--single .product_meta > * > a:hover, .qodef-product-info--draw-hover-underline #qodef-woo-page.qodef--single .product_meta > * > a:focus, .qodef-product-info--draw-hover-overline #qodef-woo-page.qodef--single .product_meta > * > a:hover, .qodef-product-info--draw-hover-overline #qodef-woo-page.qodef--single .product_meta > * > a:focus {
  background-size: 100% 100%;
}

.qodef-product-info--draw-hover-overline #qodef-woo-page.qodef--single .product_meta > * > a {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a:hover, .qodef-product-info--draw-hover-line-through #qodef-woo-page.qodef--single .product_meta > * > a:focus {
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-underline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus {
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-overline-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-reveal .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus {
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-underline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus {
  background-size: 0 100%;
}

.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-overline-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
  background-size: 100% 100%;
}

.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover, .qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover,
.qodef-elements-buttons-simple--draw-hover-line-through-hide .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus {
  background-size: 0 100%;
}

/* ==========================================================================
   WooCommerce product list shortcode styles
   ========================================================================== */
.qodef-woo-shortcode-product-list {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-woo-shortcode-product-list ul.products {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  clear: both;
}

.qodef-woo-shortcode-product-list ul.products > .product {
  padding: 0 15px;
  margin: 0 0 30px;
}

.qodef-woo-shortcode-product-list ul.products.columns-1 > .product {
  width: 100%;
}

.qodef-woo-shortcode-product-list ul.products.columns-2 > .product {
  width: 50%;
}

.qodef-woo-shortcode-product-list ul.products.columns-3 > .product {
  width: 33.33333%;
}

.qodef-woo-shortcode-product-list ul.products.columns-4 > .product {
  width: 25%;
}

.qodef-woo-shortcode-product-list ul.products.columns-5 > .product {
  width: 20%;
}

.qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
  width: 16.66667%;
}

.qodef-woo-shortcode-product-list ul.products.columns-7 > .product {
  width: 14.28571%;
}

.qodef-woo-shortcode-product-list ul.products.columns-8 > .product {
  width: 12.5%;
}

.qodef-woo-shortcode-product-list.qodef-gutter--no ul.products {
  margin: 0 -0px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--no ul.products > .product {
  padding: 0 0px;
  margin: 0 0 0px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--tiny ul.products {
  margin: 0 -5px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--tiny ul.products > .product {
  padding: 0 5px;
  margin: 0 0 10px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--small ul.products {
  margin: 0 -10px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--small ul.products > .product {
  padding: 0 10px;
  margin: 0 0 20px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--normal ul.products {
  margin: 0 -15px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--normal ul.products > .product {
  padding: 0 15px;
  margin: 0 0 30px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--medium ul.products {
  margin: 0 -20px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--medium ul.products > .product {
  padding: 0 20px;
  margin: 0 0 40px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--large ul.products {
  margin: 0 -25px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--large ul.products > .product {
  padding: 0 25px;
  margin: 0 0 50px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--huge ul.products {
  margin: 0 -34px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--huge ul.products > .product {
  padding: 0 34px;
  margin: 0 0 68px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--enormous ul.products {
  margin: 0 -60px;
}

.qodef-woo-shortcode-product-list.qodef-gutter--enormous ul.products > .product {
  padding: 0 60px;
  margin: 0 0 120px;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.touchevents .qodef-woo-shortcode-product-list .qodef-woo-product-inner {
  cursor: pointer;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover .qodef-woo-product-image-inner {
  opacity: 1;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-inner:hover .qodef-woo-product-title {
  color: #3c3c3c;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-image img {
  display: block;
  width: 100%;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-image-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-image-inner-2 {
  width: 100%;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-content {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 22px 0 25px;
  margin-bottom: 25px;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-heading {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-categories {
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: lowercase;
  color: #111111;
  margin-bottom: 6px;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-categories a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: inherit;
  z-index: 3;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-categories a:focus, .qodef-woo-shortcode-product-list .qodef-woo-product-categories a:hover {
  color: #3c3c3c;
}

.qodef-woo-shortcode-product-list .qodef-woo-product-title {
  transition: color 0.2s ease-out;
}

.qodef-woo-shortcode-product-list .price {
  flex-shrink: 0;
}

.qodef-woo-shortcode-product-list .qodef-woo-ratings {
  margin-top: 9px;
}

.qodef-woo-shortcode-product-list .woocommerce-LoopProduct-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qodef-woo-shortcode-product-list.qodef-alignment--centered {
  text-align: center;
}

.qodef-woo-shortcode-product-list.qodef-alignment--centered .qodef-woo-product-heading {
  flex-direction: column;
}

.qodef-woo-shortcode-product-list.qodef-alignment--centered .price {
  justify-content: center;
  margin: 7px 0 6px;
}

.qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a, .qodef-product-category--draw-hover-underline .qodef-woo-product-list .qodef-woo-product-categories a, .qodef-product-category--draw-hover-overline .qodef-woo-product-list .qodef-woo-product-categories a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a:hover, .qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a:focus, .qodef-product-category--draw-hover-underline .qodef-woo-product-list .qodef-woo-product-categories a:hover, .qodef-product-category--draw-hover-underline .qodef-woo-product-list .qodef-woo-product-categories a:focus, .qodef-product-category--draw-hover-overline .qodef-woo-product-list .qodef-woo-product-categories a:hover, .qodef-product-category--draw-hover-overline .qodef-woo-product-list .qodef-woo-product-categories a:focus {
  background-size: 100% 100%;
}

.qodef-product-category--draw-hover-overline .qodef-woo-product-list .qodef-woo-product-categories a {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a:hover, .qodef-product-category--draw-hover-line-through .qodef-woo-product-list .qodef-woo-product-categories a:focus {
  background-size: 100% 100%;
}

/* ==========================================================================
   Product List Info on Image styles
   ========================================================================== */
.qodef-woo-shortcode-product-list.qodef-item-layout--info-below.qodef-content-has-background-color .qodef-woo-product-content {
  padding-left: 28px;
  padding-right: 28px;
}

/* ==========================================================================
   Product List Info on Image styles
   ========================================================================== */
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner {
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  text-align: inherit;
  padding: 29px 35px 24px;
  background-color: #f4f4f4;
}

.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .qodef-woo-product-mark {
  left: auto;
  right: 0;
}

.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111111;
  background-color: transparent;
}

.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:focus, .qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .added_to_cart:hover,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:focus,
.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image .qodef-woo-product-inner .button:hover {
  color: #3c3c3c;
  background-color: transparent;
}

.qodef-woo-shortcode-product-list.qodef-item-layout--info-on-image.qodef-alignment--centered .qodef-woo-product-image-inner {
  justify-content: center;
  align-items: center;
}

/* ==========================================================================
   Portfolio Single styles
   ========================================================================== */
.qodef-portfolio-single .qodef-media {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-portfolio-single .qodef-media iframe {
  max-height: calc(56.25vw);
}

.qodef-portfolio-single .qodef-portfolio-title {
  margin: 0 0 6px;
}

.qodef-portfolio-single .qodef-portfolio-info > * {
  display: flex;
  margin-bottom: 14px;
  line-height: 1;
}

.qodef-portfolio-single .qodef-portfolio-info > *:last-child {
  margin-bottom: 0;
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-e-title {
  margin: 0 19px 0 0;
}

.qodef-portfolio-single .qodef-portfolio-info p,
.qodef-portfolio-single .qodef-portfolio-info a,
.qodef-portfolio-single .qodef-portfolio-info .qodef-e > span {
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.2em;
  font-size: 16px;
  margin: 0;
}

@media only screen and (max-width: 680px) {
  .qodef-portfolio-single .qodef-portfolio-info p,
  .qodef-portfolio-single .qodef-portfolio-info a,
  .qodef-portfolio-single .qodef-portfolio-info .qodef-e > span {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .qodef-portfolio-single .qodef-portfolio-info p,
  .qodef-portfolio-single .qodef-portfolio-info a,
  .qodef-portfolio-single .qodef-portfolio-info .qodef-e > span {
    font-size: 16px;
  }
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-style--meta {
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.qodef-portfolio-single .qodef-portfolio-info p,
.qodef-portfolio-single .qodef-portfolio-info .qodef-e > span {
  color: #111111;
}

.qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info {
  margin-top: 21px !important;
}

.qodef-portfolio-single .qodef-variations--small #qodef-single-portfolio-navigation {
  margin-top: 49px;
}

.qodef-portfolio-single .qodef-variations--big .qodef-media {
  margin-bottom: 112px;
}

.qodef-portfolio-single .qodef-variations--big .qodef-e-content {
  padding: 0 8.5%;
  margin-bottom: 3px;
}

.qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info {
  margin-top: 10px;
}

.qodef-portfolio-single.qodef-content-order--info-first .qodef-variations--big .qodef-e-content {
  margin-bottom: 39px;
}

.qodef-portfolio-single.qodef-content-order--info-first .qodef-variations--big .qodef-media {
  margin-bottom: 0;
}

.qodef-portfolio-single.qodef-content-order--info-first .qodef-variations--big .qodef-e-inner {
  flex-direction: column;
}

.qodef-portfolio-single.qodef-info-text-position--adjacent .qodef-portfolio-info > * {
  flex-direction: row;
  align-items: center;
}

.qodef-portfolio-single.qodef-info-text-position--adjacent .qodef-portfolio-info .qodef-style--meta {
  margin: 0 12px 2px 0;
}

.qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a, .qodef-portfolio-info--draw-hover-underline .qodef-portfolio-single .qodef-portfolio-info a, .qodef-portfolio-info--draw-hover-overline .qodef-portfolio-single .qodef-portfolio-info a {
  text-decoration: none;
  margin-right: auto;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a:hover, .qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a:focus, .qodef-portfolio-info--draw-hover-underline .qodef-portfolio-single .qodef-portfolio-info a:hover, .qodef-portfolio-info--draw-hover-underline .qodef-portfolio-single .qodef-portfolio-info a:focus, .qodef-portfolio-info--draw-hover-overline .qodef-portfolio-single .qodef-portfolio-info a:hover, .qodef-portfolio-info--draw-hover-overline .qodef-portfolio-single .qodef-portfolio-info a:focus {
  background-size: 100% 100%;
}

.qodef-portfolio-info--draw-hover-overline .qodef-portfolio-single .qodef-portfolio-info a {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a:hover, .qodef-portfolio-info--draw-hover-line-through .qodef-portfolio-single .qodef-portfolio-info a:focus {
  background-size: 100% 100%;
}

/* ==========================================================================
   Portfolio List shortcode styles
   ========================================================================== */
.qodef-portfolio-list .qodef-e-inner {
  position: relative;
}

@media only screen and (max-width: 680px) {
  .qodef-portfolio-list .qodef-e-inner {
    margin: 0 !important;
  }
}

.qodef-portfolio-list .qodef-e-image {
  position: relative;
}

.qodef-portfolio-list .qodef-e-image img {
  display: block;
}

.qodef-portfolio-list .qodef-e-title {
  margin: 0;
}

.qodef-portfolio-list .qodef-e-info-category {
  font-family: "Roboto Mono", sans-serif;
  font-size: 15px;
  line-height: 1.13333em;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #111111;
  margin-bottom: 6px;
}

.qodef-portfolio-list .qodef-e-info-category a {
  color: inherit;
  text-decoration: inherit;
}

.qodef-portfolio-list .qodef-e:hover .qodef-e-media-image-overlay {
  background-color: var(--q-overlay-hover-color);
}

.qodef-portfolio-list .qodef-e-media-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --q-overlay-color: #00000000;
  background-color: var(--q-overlay-color);
  transition: background-color .35s ease-out;
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-image {
  height: 100%;
  overflow: hidden;
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image {
  height: 100%;
}

.qodef-portfolio-list.qodef-items--fixed .qodef-e-media-image a {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  height: 100%;
}

.qodef-portfolio-list .qodef-m-pagination {
  padding-top: 27px;
}

.qodef-portfolio-list.qodef-alignment--centered {
  text-align: center;
}

.qodef-portfolio-list.qodef-image--hover-from-top img {
  transform-origin: top;
}

.qodef-portfolio-list.qodef-image--hover-from-bottom img {
  transform-origin: bottom;
}

.qodef-portfolio-list.qodef-image--hover-from-left img {
  transform-origin: left;
}

.qodef-portfolio-list.qodef-image--hover-from-right img {
  transform-origin: right;
}

.qodef-portfolio-list.qodef-image--hover-zoom-out .qodef-e-media-image img {
  transform: scale(1.03) translateZ(0);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.qodef-portfolio-list.qodef-image--hover-zoom-out article:hover .qodef-e-media-image img {
  transform: scale(1);
}

.qodef-portfolio-list.qodef-image--hover-move .qodef-e-media-image img {
  transform: scale(1.2);
  transition: transform 0.5s cubic-bezier(0.33, 0.02, 0, 0.93);
  will-change: transform;
}

.qodef-portfolio-list.qodef-image--hover-move article:hover .qodef-e-media-image img {
  transform: scale(1.2) translateX(12px);
}

.qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a, .qodef-portfolio-category--draw-hover-underline .qodef-portfolio-list .qodef-e-info-category a, .qodef-portfolio-category--draw-hover-overline .qodef-portfolio-list .qodef-e-info-category a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 91%;
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99), color 0.2s ease-out;
}

.qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a:hover, .qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a:focus, .qodef-portfolio-category--draw-hover-underline .qodef-portfolio-list .qodef-e-info-category a:hover, .qodef-portfolio-category--draw-hover-underline .qodef-portfolio-list .qodef-e-info-category a:focus, .qodef-portfolio-category--draw-hover-overline .qodef-portfolio-list .qodef-e-info-category a:hover, .qodef-portfolio-category--draw-hover-overline .qodef-portfolio-list .qodef-e-info-category a:focus {
  background-size: 100% 91%;
}

.qodef-portfolio-category--draw-hover-overline .qodef-portfolio-list .qodef-e-info-category a {
  background-image: linear-gradient(transparent 0px, currentColor 0px, currentColor 1px, transparent 1px);
}

.qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a:hover, .qodef-portfolio-category--draw-hover-line-through .qodef-portfolio-list .qodef-e-info-category a:focus {
  background-size: 100% 100%;
}

/* ==========================================================================
   Portfolio List shortcode variation styles
   ========================================================================== */
.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content {
  padding: 22px 0 20px;
}

.qodef-portfolio-list.qodef-item-layout--info-below article .qodef-e-media-image {
  overflow: hidden;
}

.qodef-portfolio-list.qodef-item-layout--info-below article img {
  transform: scale(1);
  transition: transform .8s ease;
}

.qodef-portfolio-list.qodef-item-layout--info-below article:hover img {
  transform: scale(1.05);
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-content-has-background-color .qodef-e-content {
  padding-left: 28px;
  padding-right: 28px;
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-image--hover-none img {
  transform: none;
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-image--hover-none article:hover img {
  transform: none;
}

/* ==========================================================================
   Portfolio List shortcode variation hover styles
   ========================================================================== */
.qodef-portfolio-list.qodef-item-layout--info-follow article .qodef-e-inner {
  overflow: hidden;
}

.qodef-portfolio-list.qodef-item-layout--info-follow article .qodef-e-media-image.qodef--background {
  margin-bottom: 0;
}

.qodef-portfolio-list.qodef-item-layout--info-follow article .qodef-e-content {
  display: none;
}

.qodef-portfolio-list.qodef-item-layout--info-follow article .qodef-e-post-link {
  z-index: 2;
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-image--hover-zoom img {
  transform: scale(1.005) translateZ(0);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.qodef-portfolio-list.qodef-item-layout--info-follow.qodef-image--hover-zoom article:hover img {
  transform: scale(1.03);
}

/* ==========================================================================
   Portfolio List shortcode variation styles
   ========================================================================== */
.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e-inner {
  overflow: hidden;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 22px 28px 20px;
  background-color: #f4f4f4;
  transform: translateY(100%);
  transition: transform .35s ease-in-out;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e-content > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e-content-heading a {
  position: relative;
  z-index: 1;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e:hover .qodef-e-content {
  transform: translateY(0);
}

/* ==========================================================================
   Portfolio List shortcode variation styles
   ========================================================================== */
.qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 29px 35px 24px;
  background-color: #f4f4f4;
  opacity: 0;
  transition: opacity .35s ease-in-out;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content-heading a {
  position: relative;
  z-index: 1;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e:hover .qodef-e-content {
  opacity: 1;
}

.qodef-portfolio-list.qodef-item-layout--info-on-hover.qodef-alignment-vertical--centered .qodef-e-content {
  justify-content: center;
}

/* ==========================================================================
   Single Post Navigation styles
   ========================================================================== */
#qodef-single-portfolio-navigation {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

#qodef-single-portfolio-navigation .qodef-m-holder {
  padding: 5px 0 4px;
}

#qodef-page-content.qodef-gutter--no #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 0px;
}

#qodef-page-content.qodef-gutter--tiny #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 10px;
}

#qodef-page-content.qodef-gutter--small #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 20px;
}

#qodef-page-content.qodef-gutter--normal #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 30px;
}

#qodef-page-content.qodef-gutter--medium #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 40px;
}

#qodef-page-content.qodef-gutter--large #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 50px;
}

#qodef-page-content.qodef-gutter--huge #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 68px;
}

#qodef-page-content.qodef-gutter--enormous #qodef-single-portfolio-navigation .qodef-m-holder {
  margin-top: 120px;
}

#qodef-single-portfolio-navigation .qodef-m-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#qodef-single-portfolio-navigation .qodef-m-nav {
  position: relative;
  display: flex;
  align-items: center;
  color: #111111;
}

#qodef-single-portfolio-navigation .qodef-m-nav > * {
  display: block;
  line-height: inherit;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev {
  margin-right: auto;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev svg {
  margin-right: 9px;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev:hover svg {
  transform: translateX(-5px);
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--next {
  flex-direction: row-reverse;
  text-align: right;
  margin-left: auto;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--next svg {
  margin-left: 9px;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--next:hover svg {
  transform: translateX(5px);
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link svg {
  width: 27px;
  fill: transparent;
  transition: fill 0.2s ease-out;
  stroke: currentColor;
  stroke-miterlimit: 10;
  stroke-width: 1;
}

#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link:hover svg {
  fill: currentColor;
}

#qodef-single-portfolio-navigation svg {
  display: block;
  width: auto;
  height: auto;
  fill: currentColor;
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.53, 0.28, 0, 1.06);
}

#qodef-single-portfolio-navigation .qodef-m-nav-label {
  font-size: 17px;
  line-height: 1.235294117647059em;
  font-weight: 500;
  letter-spacing: 0;
}

/* ==========================================================================
   Portfolio Single variation styles
   ========================================================================== */
.qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item {
  display: block;
  margin-bottom: 30px;
  float: none;
}

.qodef-portfolio-single.qodef-layout--images-big .qodef-media .qodef-grid-item:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Portfolio Single variation styles
   ========================================================================== */
.qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item {
  display: block;
  margin-bottom: 30px;
  float: none;
}

.qodef-portfolio-single.qodef-layout--images-small .qodef-media .qodef-grid-item:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
# Search covers header - start
========================================================================== */
.qodef-search-cover-form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  z-index: -1;
  transition: opacity 0.3s ease;
  border-bottom: 0 solid transparent;
}

.qodef-search-cover-form .qodef-m-inner {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.qodef-search-cover-form .qodef-m-form-field {
  padding: 0 0 0 40px;
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline-offset: 0;
  text-align: center;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111111;
  font-size: 22px;
  line-height: 1.36364em;
}

@media only screen and (max-width: 680px) {
  .qodef-search-cover-form .qodef-m-form-field {
    font-size: 20px;
  }
}

.qodef-search-cover-form .qodef-m-form-field:focus {
  color: #111111;
}

.qodef-search-cover-form .qodef-m-form-field:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

.qodef-search-cover-form .qodef-m-form-field::placeholder {
  color: inherit;
  opacity: 1;
}

.qodef-search-cover-form .qodef-m-close {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-shrink: 0;
  margin-right: 40px;
}

.qodef-search-cover-form .qodef-m-close .qodef-m-icon {
  display: block;
  width: 26px;
}

.qodef-search-cover-form .qodef-m-close .qodef-m-icon svg {
  fill: currentColor;
}

.qodef-search-cover-form .qodef-m-close.qodef--predefined {
  width: 94px;
  margin-right: 0;
  color: #111111;
  background-color: #f4f4f4;
}

.qodef-search-cover-form .qodef-m-close.qodef--predefined .qodef-m-icon {
  transform: rotate(45deg);
}

.qodef-search-cover-form .qodef-m-close.qodef--predefined .qodef-m-icon svg {
  stroke: currentColor;
  stroke-miterlimit: 10;
  fill: transparent;
  transition: fill 0.2s ease-out;
}

.qodef-search-cover-form .qodef-m-close.qodef--predefined:hover .qodef-m-icon svg {
  fill: currentColor;
}

.qodef-covers-search--fadeout .qodef-search-cover-form {
  animation: qode-essential-addons-fade-out .3s ease both;
}

.qodef-covers-search--fadein .qodef-search-cover-form {
  animation: qode-essential-addons-fade-in .3s ease both;
}

/* ==========================================================================
# Search covers header - end
========================================================================== */
/* ==========================================================================
# Search opener - begin
========================================================================== */
.qodef-search-opener {
  display: inline-flex;
  align-items: flex-end;
  text-decoration: none;
}

.qodef-search-opener .qodef-m-icon {
  width: 19px;
  flex-shrink: 0;
}

.qodef-search-opener .qodef-m-icon svg {
  fill: currentColor;
}

.qodef-search-opener .qodef-m-text {
  top: 2px;
  margin-left: 12px;
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
}

.qodef-search-opener:hover, .qodef-search-opener:focus {
  color: rgba(60, 60, 60, 0.7);
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-search-opener .qodef-m-text, .qodef-nav-1st-lvl--draw-hover-underline .qodef-search-opener .qodef-m-text {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
  transition: background 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99);
  background-size: 0% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-search-opener:hover .qodef-m-text, .qodef-nav-1st-lvl--draw-hover-underline .qodef-search-opener:hover .qodef-m-text {
  background-size: 100% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-search-opener .qodef-m-text {
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 0% 100%;
}

.qodef-nav-1st-lvl--draw-hover-line-through .qodef-search-opener:hover .qodef-m-text {
  background-size: 100% 100%;
}

/* ==========================================================================
# Search opener - end
========================================================================== */
/* ==========================================================================
   Restaurant Menu shortcode styles
   ========================================================================== */
.qodef-restaurant-menu {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-restaurant-menu .qodef-m-item {
  margin-bottom: 35px;
}

.qodef-restaurant-menu .qodef-m-item:last-child {
  margin-bottom: 0;
}

.qodef-restaurant-menu .qodef-e-heading {
  display: flex;
  align-items: baseline;
}

.qodef-restaurant-menu .qodef-e-heading-title {
  margin: 0;
  color: #111111;
}

.qodef-restaurant-menu .qodef-e-heading-line {
  flex-grow: 1;
  margin: 0 8px;
  border-bottom: 1px solid #ebebeb;
}

.qodef-restaurant-menu .qodef-e-heading-price {
  margin: 0;
  color: #111111;
}

.qodef-restaurant-menu .qodef-e-description {
  margin: 7px 0 0;
  font-size: 15px;
  color: #9c9c9c;
}

/* ==========================================================================
# Side Area style - begin
========================================================================== */
#qodef-side-area {
  position: fixed;
  top: 0;
  right: -494px;
  width: 494px;
  height: 100%;
  min-height: 100%;
  padding: 110px 100px 60px;
  background: #fff url("../img/side-area-bg.png") no-repeat center calc(100% - 100px);
  overflow-y: hidden;
  visibility: hidden;
  z-index: 9999;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

#qodef-side-area .widget p:last-child {
  margin-bottom: 0;
}

.qodef-side-area--opened #qodef-side-area {
  right: 0;
  visibility: visible;
  overflow: auto;
}

#qodef-side-area-close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 94px;
  width: 94px;
  color: #111111;
  z-index: 1000;
}

#qodef-side-area-close .qodef-m-icon {
  display: block;
  width: 26px;
  transition: color 0.2s ease-out;
}

#qodef-side-area-close .qodef-m-icon svg {
  width: 100%;
  height: auto;
  fill: currentColor;
}

#qodef-side-area-close.qodef--predefined .qodef-m-icon {
  transform: rotate(45deg);
}

#qodef-side-area-close.qodef--predefined .qodef-m-icon svg {
  stroke: currentColor;
  stroke-miterlimit: 10;
  fill: transparent;
  transition: fill 0.2s ease-out;
}

#qodef-side-area-close:hover .qodef-m-icon svg {
  fill: currentColor;
}

.admin-bar #qodef-side-area-close {
  top: 32px;
}

.qodef-side-area-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  background-color: rgba(17, 17, 17, 0.1);
  z-index: 1002;
  visibility: hidden;
}

.qodef-side-area-animate--in .qodef-side-area-cover {
  animation: qode-essential-addons-fade-in  .3s ease-out both;
}

.qodef-side-area-animate--out .qodef-side-area-cover {
  animation: qode-essential-addons-fade-out .3s ease both;
}

/* ==========================================================================
# Side Area style - end
========================================================================== */
/* ==========================================================================
# Sidearea opener - begin
========================================================================== */
.widget_qode_essential_addons_side_area_opener {
  height: 100%;
}

.qodef-side-area-opener {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.qodef-side-area-opener .qodef-m-icon {
  display: block;
  width: 27px;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.qodef-side-area-opener .qodef-m-icon svg {
  width: 100%;
  height: auto;
  fill: currentColor;
}

.qodef-side-area-opener.qodef--predefined {
  width: 94px;
  color: #111111;
  background-color: #f4f4f4;
}

.qodef-side-area-opener.qodef--predefined .qodef-m-icon svg {
  stroke: currentColor;
  stroke-miterlimit: 10;
  fill: transparent;
  transition: fill 0.2s ease-out;
}

.qodef-side-area-opener.qodef--predefined:focus .qodef-m-icon svg, .qodef-side-area-opener.qodef--predefined:hover .qodef-m-icon svg {
  fill: currentColor;
}

/* ==========================================================================
# Sidearea opener - end
========================================================================== */
/* ==========================================================================
   Title styles
   ========================================================================== */
.qodef-page-title {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0px solid transparent;
}

.qodef-page-title.qodef-image--responsive {
  height: auto !important;
}

.qodef-page-title.qodef-image--responsive .qodef-m-content {
  position: absolute;
  top: 0;
  left: 0;
}

.qodef-page-title.qodef-image--responsive .qodef-m-content.qodef-content-grid {
  left: 50%;
  transform: translateX(-50%);
}

.qodef-page-title.qodef-alignment--center {
  text-align: center;
}

.qodef-page-title.qodef-alignment--right {
  text-align: right;
}

.qodef-page-title .qodef-m-image {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.qodef-page-title .qodef-m-image img {
  display: block;
  width: 100%;
}

.qodef-page-title .qodef-m-content.qodef-content-full-width {
  padding: 0 50px;
}

.qodef-page-title .qodef-breadcrumbs a {
  text-decoration: none;
  color: inherit;
}

.qodef-page-title .qodef-breadcrumbs a span {
  transition: color 0.2s ease-out;
}

.qodef-page-title .qodef-breadcrumbs a:hover span {
  color: #3c3c3c;
}

.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator {
  margin: 0 6px;
}

.qodef-page-title .qodef-breadcrumbs .qodef-breadcrumbs-separator:after {
  content: '/';
}

.qodef-page-title .qodef-breadcrumbs-inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px 20px 11px;
  background-color: #fff;
}

/* ==========================================================================
   Standard Title layout styles
   ========================================================================== */
.qodef-page-title.qodef-title--standard .qodef-m-subtitle {
  margin: 25px 0 0;
}

/* ==========================================================================
   Button widget styles
   ========================================================================== */
.widget_qode_essential_addons_button {
  margin: 0 !important;
}

.widget_qode_essential_addons_button .qodef-theme-button .qodef-m-text {
  display: flex;
  align-items: center;
}

.widget_qode_essential_addons_button .qodef-theme-button svg {
  flex-shrink: 0;
  fill: currentColor;
}

/* ==========================================================================
   Button widget styles
   ========================================================================== */
.widget_qode_essential_addons_icon_svg {
  display: inline-block;
  vertical-align: top;
  margin: 0 !important;
}

.widget_qode_essential_addons_icon_svg .qodef-m-holder {
  display: flex;
  align-items: center;
}

.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget svg {
  display: block;
  fill: var(--fill-color);
  stroke: var(--stroke-color);
  max-width: 100%;
  max-height: 100%;
  transition: all .25s ease-out;
}

.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget:hover svg,
.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget a:hover svg {
  fill: var(--fill-hover-color);
  stroke: var(--stroke-hover-color);
}

.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget:hover .qodef-m-text,
.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget a:hover .qodef-m-text {
  color: var(--text-hover-color);
}

.widget_qode_essential_addons_icon_svg .qodef-addons-icon-svg-widget:hover .qodef-m-icon {
  background-color: var(--background-hover-color);
}

.widget_qode_essential_addons_icon_svg .qodef-m-icon {
  --fill-color: currentColor;
  --stroke-color: currentColor;
  --fill-hover-color: currentColor;
  --stroke-hover-color: currentColor;
  --background-color: transparent;
  --background-hover-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  max-height: 100%;
  background-color: var(--background-color);
  overflow: hidden;
  transition: all .25s ease-out;
}

.widget_qode_essential_addons_icon_svg .qodef-m-text {
  --text-color: currentColor;
  --text-hover-color: currentColor;
  color: var(--text-color);
  transition: all .25s ease-out;
}

#qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text {
  font-size: 17px;
  line-height: 1.235294117647059em;
  font-weight: 500;
  letter-spacing: 0;
  color: #111111;
}

/* ==========================================================================
   Spacer widget styles
   ========================================================================== */
.widget_qode_essential_addons_spacer {
  margin: 0 !important;
  height: auto;
  font-size: 0;
  line-height: 1;
}

.qodef-spacer-widget {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  min-height: 1px;
  min-width: 1px;
  line-height: 1;
}

.qodef-spacer-widget.qodef--vertical {
  width: 100%;
}

/* ==========================================================================
   Blog styles
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  .qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link {
    padding: 11% 15%;
  }
  .qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote {
    padding: 10.7% 15% 11.3%;
  }
}

@media only screen and (max-width: 680px) {
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info .qodef-e-info-right {
    margin-top: 15px;
  }
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--top {
    margin-bottom: 0;
  }
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item {
    margin-bottom: 10px;
  }
  .qodef-blog-shortcode .qodef-blog-item .qodef-e-info.qodef-info--bottom {
    display: inline-block;
  }
  .qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link {
    padding: 11% 10%;
  }
  .qodef-blog-shortcode .qodef-blog-item.format-link .qodef-e-link-icon {
    left: calc(50% - 75px);
    width: 150px;
  }
  .qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote {
    padding: 11% 10%;
  }
  .qodef-blog-shortcode .qodef-blog-item.format-quote .qodef-e-quote-icon {
    left: calc(50% - 70px);
    width: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  body:not(.qodef-content-behind-header) #qodef-page-outer {
    margin-top: 0 !important;
  }
}

/* ==========================================================================
   Header layout responsive styles
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  .qodef-header--vertical #qodef-page-header-inner {
    display: none;
  }
  .qodef-header--vertical #qodef-page-outer,
  .qodef-header--vertical #qodef-page-footer {
    padding-left: 0;
  }
}

/* ==========================================================================
   Top header responsive style - begin
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  #qodef-top-area {
    display: none;
  }
}

/* ==========================================================================
   Top header responsive style - end
   ========================================================================== */
/* ==========================================================================
   WooCommerce product list shortcode responsive styles
   ========================================================================== */
@media only screen and (max-width: 1440px) {
  .qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
    width: 20%;
  }
}

@media only screen and (max-width: 1366px) {
  .qodef-woo-shortcode-product-list ul.products.columns-5 > .product {
    width: 25%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
    width: 25%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-7 > .product {
    width: 25%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-8 > .product {
    width: 25%;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-woo-shortcode-product-list ul.products.columns-4 > .product {
    width: 33.33333%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-5 > .product {
    width: 33.33333%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
    width: 33.33333%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-7 > .product {
    width: 33.33333%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-8 > .product {
    width: 33.33333%;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-woo-shortcode-product-list ul.products.columns-3 > .product {
    width: 50%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-4 > .product {
    width: 50%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-5 > .product {
    width: 50%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
    width: 50%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-7 > .product {
    width: 50%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-8 > .product {
    width: 50%;
  }
}

@media only screen and (max-width: 680px) {
  .qodef-woo-shortcode-product-list ul.products.columns-2 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-3 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-4 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-5 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-6 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-7 > .product {
    width: 100%;
  }
  .qodef-woo-shortcode-product-list ul.products.columns-8 > .product {
    width: 100%;
  }
}

/* ==========================================================================
   Portfolio Single responseive styles
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info {
    margin-top: 0;
  }
}

/* ==========================================================================
   Title responsive styles
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  body:not(.qodef-content-behind-header) .qodef-page-title .qodef-m-content {
    padding-top: 0 !important;
  }
  .qodef-page-title.qodef-title--standard .qodef-m-subtitle br {
    display: none;
  }
}
