@charset "UTF-8";

/*

Theme Name: Toolcases

Theme URI: http://chromium.themes.zone/

Author: Themes Zone

Author URI: https://themes.zone

Description: Premium Auto Part Shop WooCommerce Theme.

Version: 1.1.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready

Text Domain: chromium

*/



/* TABLE OF CONTENTS:

 * - Normalize

 * - Typography

     - Links

     - Icons

     - Alignments

 * - Forms

     - Buttons & Inputs

 * - Content Navigation

     - Blog Pagination

     - Post Navigation

     - Page links

 * - Site layout

 * - Header

     - Header Top panel

     - Logo Group

     - Header Menu

     - Primary Nav Widgets

 * - Extra Header Styling

     - Mega Menu Elementor Tabs Styles

     - Special styles for currency switcher

     - Special Styles for lanquage switcher

     - TM Wishlist & Compare Widgets Styles

 * - Posts and pages

     - Sticky Post Special Styling

     - 404 Page special styles

     - Search Results Page

     - Archives

     - Article styling on Blog Page

     - Special Styles for Grid Blog

 * - Single Post Styles

     - Footer post Meta

     - Author description

     - Related Posts

     - Comments

     - Comments navigation

 * - Custom Styling for Post Formats

     - Gallery Post Format

     - Video Post format

     - Quote Post Format

 * - Widgets

     - Select Styles

     - Search Widget

     - Calendar widget

     - Default WP widgets

 * - Footer

 * - Media

     - Galleries

     - Caption Animation

     - Gallery page template styles

     - Single Attachment Page

 * - Magnific Pop-Up Styles

 * - Extra Styles

     - Icon Overrides for TZ Feature Pack

     - Contact Form 7 extra styles

     - TM Wishlist Page Styles

     - TM Compare List Page Styles

     - Ajax Product Search Styles

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



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

# Normalize

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



html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



body {

  margin: 0;

}



body .site{

  background-color: #f6f6f6;

}



article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {

  display: block;

}



audio, canvas, progress, video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden], template {

  display: none;

}



a {

  background-color: transparent;

}



a:active, a:hover {

  outline: 0;

}



b, strong {

  font-weight: bold;

}



dfn {

  font-style: italic;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



hr {

  box-sizing: content-box;

  height: 0;

}



pre {

  overflow: auto;

}



code, kbd, pre, samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



button, input, optgroup, select, textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}



button {

  overflow: visible;

}



button, select {

  text-transform: none;

}



button, html input[type="button"], input[type="reset"], input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled], html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"], input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="checkbox"]{

  display: inline-block;

  width: 14px;

  height: 14px;

  box-shadow: none;

  border: 1px solid;

  margin-right: 4px;

}



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td, th {

  padding: 0;

}



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

# Typography

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



body, button, input, select, textarea {

  font-size: 15px;

  font-weight: normal;

  line-height: 1.65;

}



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

  font-weight: 500;

  line-height: 1.618em;

  margin: 0;

}



.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {

  clear: both;

}



h1 {

  font-size: 2.00em;

}



h2 {

  font-size: 1.733em;

}



h3 {

  font-size: 1.467em;

}



h4 {

  font-size: 1.200em;

  font-weight: bold;

}



h5 {

  font-size: 1em;

  font-weight: bold;

  text-transform: uppercase;

}



h6 {

  font-size: 1em;

  font-weight: bold;

  text-transform: uppercase;

}



p {

  margin: 0 0 1.5em 0;

}



.entry-content p {

  margin: 0 0 1.5em 0;

  line-height: 1.618;

}



.page article.page .entry-content p:last-of-type{

  margin-bottom: 0;

}



dfn, cite, em, i {

  font-style: italic;

}



blockquote, q {

  quotes: "\201C""\201D""\2018""\2019";

}



blockquote {

  font-size: 20px;

  margin: 0 auto 2em;

  display: block;

  padding: 40px 100px 0 100px;

  position: relative;

  letter-spacing: 1px;

  line-height: 28px;

  text-align: left;

}



blockquote:before {

  display: inline-block;

  content: "\e92c";

  position: absolute;

  left: 30px;

  top: 5px;

  font-size: 40px;

  font-family: 'chromium';

}



blockquote:after {

  display: none;

}



blockquote cite, blockquote small {

  display: block;

  color: #909090;

  font-size: 14px;

  font-style: normal;

  letter-spacing: 0;

  margin-top: 10px;

}



blockquote cite a, blockquote small a {

  color: inherit;

}



blockquote> :last-child {

  margin-bottom: 0;

}



q:before {

  display: inline;

  content: open-quote;

  padding-right: 5px;

}



q:after {

  display: inline;

  content: close-quote;

  padding-left: 5px;

}



blockquote p, q p {

  margin: 0;

  display: inline;

  position: relative;

}



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

  blockquote{

    padding: 40px 40px 0;

  }

}



address {

  margin: 0 0 1.5em;

}



code, kbd, tt, var, samp, pre {

  font-family: Inconsolata, monospace;

}



pre {

  border-style: solid;

  border-width: 1px;

  border-color: #e1e1e1;

  margin: 0 0 1.5em 0;

  max-width: 100%;

  overflow: auto;

  padding: 1em;

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



abbr, acronym {

  border-style: dotted;

  border-width: 0 0 1px 0;

  border-color: #e1e1e1;

  cursor: help;

}



mark, ins {

  text-decoration: none;

}



big {

  font-size: 125%;

}



embed, iframe:not(.fb_customer_chat_bounce_in_v2):not([data-testid="bubble_iframe"]), object, video {

  margin-bottom: 2em;

  max-width: 100%;

  vertical-align: middle;

}



@media (max-width: 767px) {

  iframe[data-testid="bubble_iframe"]{

    z-index: 99999;

  }



  #fb-root{

    z-index: 1000;

  }



}





p>embed, p>iframe:not(.fb_customer_chat_bounce_in_v2):not([data-testid="bubble_iframe"]), p>object, p>video {

  margin-bottom: 0;

}



/* Placeholders */



::-webkit-input-placeholder {

  color: #b9b9b9;

  font-weight: 300;

}



:-moz-placeholder {

  color: #b9b9b9;

  font-weight: 300;

}



::-moz-placeholder {

  color: #b9b9b9;

  font-weight: 300;

  opacity: 1;

}



:-ms-input-placeholder {

  color: #b9b9b9;

  font-weight: 300;

}



::selection {

  background: #e1e1e1;

  color: #000;

  text-shadow: none;

}



::-moz-selection {

  background: #e1e1e1;

  color: #000;

  text-shadow: none;

}



html {

  box-sizing: border-box;

}



*, *:before, *:after {

  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

  box-sizing: inherit;

}



hr {

  border: 0;

  height: 1px;

  margin-bottom: 1.5em;

}



ul, ol {

  margin: 0 0 1.5em;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



li>ul, li>ol {

  margin-bottom: 0;

  margin-left: .5em;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 1.5em 1.5em;

}



img {

  height: auto;

  max-width: 100%;

}



figure {

  margin: 0;

  max-width: 100%;

}



table, th, td {

  border-style: solid;

}



table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin: 0 0 2em 0;

  width: 100%;

  table-layout: fixed;

}



table p {

  margin: 0;

}



.entry-content table p{

  margin: 0;

}



.post thead th {

  background-color: #f6f6f6;

  color: #000;

}



th {

  border-width: 0 1px 1px 0;

  font-weight: 500;

}



td {

  border-width: 0 1px 1px 0;

}



th, td {

  padding: 5px;

}



/* Links */



a {

  text-decoration: none;

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

  transition: color 0.3s ease-out;

}



a:visited {

  opacity: 0.7;

}



a:focus {

  outline: thin dotted #e1e1e1;

}



a:hover, a:active {

  outline: 0;

  text-decoration: none;

}



a:active {

  opacity: 0.9;

}



/* Icons */



a i, a i::before {

  color: inherit;

}



i, i::before {

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

  transition: color 0.3s ease-out;

}



/* Accessibility */



/* Text meant only for screen readers. */



.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 0;

  width: 0;

  overflow: hidden;

}



.screen-reader-text:focus {

  background-color: #e1e1e1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #000;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */



#content[tabindex="-1"]:focus {

  outline: 0;

}



/* Alignments */



img.alignleft, .wp-caption.alignleft {

  margin: 5px 20px 5px 0;

  display: inline-block;

  float: left;

}



img.aligncenter, .wp-caption.aligncenter {

  margin: 0 auto 24px;

  display: block;

  clear: both;

}



img.alignright, .wp-caption.alignright {

  margin: 5px 0 5px 20px;

  display: inline-block;

  float: right;

}



img.alignnone, .wp-caption.alignnone {

  display: inline-block;

  margin: 0 0 20px 0;

  clear: both;

}







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

# Forms

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



button, input, .button {

  height: 40px;

  line-height: 40px;

}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {

  border-style: solid;

  border-width: 1px;

  font-size: 1em;

  padding: 0 1em;

  line-height: 38px;

  box-shadow: none;

  background-color: transparent;

  -webkit-transition: box-shadow 0.3s ease-out, background-color 0.3s ease-out;

  transition: box-shadow 0.3s ease-out, background-color 0.3s ease-out;

}



input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {

  outline: 0;

  -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.10);

  background-color: #fff;

}



select {

  border-style: solid;

  border-width: 1px;

  height: 40px;

  line-height: 38px;

}



.select-wrapper {

  position: relative;

}



select:focus {

  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);

  outline: none;

}



.select-wrapper::after {

  display: inline-block;

  font-family: 'chromium';

  content: '\e91a';

  position: absolute;

  right: 12px;

  font-size: 12px;

  top: 12px;

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

  transition: color 0.3s ease-out;

}



.select-wrapper::before {

  display: inline-block;

  content: '';

  position: absolute;

  right: 35px;

  top: 5px;

  width: 1px;

  height: 30px;

  border-left: 1px solid;

}



select::-ms-expand {

  display: none;

}



textarea {

  width: 100%;

  line-height: 1.5;

  padding: 0.5em 1em;

}



input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 1000px white inset !important;

}



/* Buttons & Inputs */



button, html input[type="button"], input[type="reset"], input[type="submit"], .button {

  text-transform: none;

  font-weight: 400;

  border: 0;

  box-shadow: none;

  -webkit-transition: background-color .3s ease-out, color .3s ease-out;

  transition: background-color .3s ease-out, color .3s ease-out;

  padding: 0 20px;

  font-size: 0.933em;

  border-radius: 3px;

  outline: none;

}



.entry-content button, html .entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"] {

  vertical-align: top;

}



.button {

  display: inline-block;

  cursor: pointer;

}



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

## Content Navigation

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



/* Blog Pagination */



.nav-links {

  text-align: center;

  margin-bottom: 4em;

}



.blog-grid-posts .nav-links {

  margin: 4em 0;

}



.nav-links span i:before {

  -webkit-transition: color 0.3s ease-in-out;

  -moz-transition: color 0.3s ease-in-out;

  -ms-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}



.nav-links span:hover i:before {

}



.nav-links .page-numbers {

  padding: 0;

  margin: 0 5px 0 0;

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 38px;

  text-align: center;

  background-color: transparent;

  -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;

  -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;

  -ms-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;

  -o-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;

  transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;

  border-style: solid;

  border-width: 1px;

  border-color: #dbdbdb;

  color: #626262;

}



.nav-links .page-numbers i:before {

  color: #626262;

}



.nav-links .page-numbers:focus, .nav-links .page-numbers:hover, .nav-links .page-numbers.current {

  background-color: #b6b6b6;

  color: #f6f6f6;

  border-color: #b6b6b6;

}



.nav-links .page-numbers:focus i:before, .nav-links .page-numbers:hover i:before, .nav-links .page-numbers:active i:before {

  color: #f6f6f6;

}



.nav-links .page-numbers:last-child {

  margin: 0;

}



.nav-links .page-numbers i {

  font-size: 10px;

}



.nav-links .page-numbers.dots, .nav-links .page-numbers.dots+.page-numbers {

  display: none;

}



/* Post Navigation */



.post-navigation {

  padding: 0 1em 2em 1em;

}



.post-navigation .nav-links {

  padding: 2em 0 0 0;

  margin: 0;

  border-style: solid;

  border-width: 1px 0 0 0;

  display: flex;

  justify-content: space-between;

}



.post-navigation i {

  vertical-align: middle;

  font-size: 10px;

}



.post-navigation .post-title {

  font-size: 1.2em;

  font-weight: 700;

  border-bottom: 3px solid #e1e1e1;

}



.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {

  border-bottom-color: white;

}



@media (min-width: 768px) {

  .post-navigation {

    padding: 0 2em 2em 2em;

  }

}



/* Page links */



p + .page-links{

  padding-top: 1em;

}



.page-links {

  clear: both;

  margin: 0 0 2em 0;

}



.page-links:last-child{

  margin-bottom: 0;

}



.page-links a {

  color: inherit;

}



.page-links span, .page-links a span {

  display: inline-block;

  width: 36px;

  height: 36px;

  line-height: 36px;

  text-align: center;

  background-color: #f6f6f6;

  margin-right: 5px;

  -webkit-transition: background-color 0.3s ease-in-out;

  -ms-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

}



.page-links a:hover span {

  background-color: #000;

}



.page-links span.page-links-title:hover {

  background-color: transparent;

}



.page-links>.page-links-title {

  height: auto;

  margin: 0;

  padding: 0 7px 0 0;

  width: auto;

  background: transparent;

  border: 0 none;

}



/* Breadcrumbs */



.site-breadcrumbs {

  margin: 0 0 22px 0;

  font-size: 0.800em;

  padding: 0 1.250em;

}



@media screen and (min-width: 1024px) and (-ms-high-contrast:none) {

  .site-breadcrumbs{

    flex-basis: 100%;

    padding-left: 30px;

    padding-right: 30px;

  }

}



.site-breadcrumbs p {

  margin: 0;

}



.site-breadcrumbs a{

  margin-right: 2px;

  margin-left: 2px;

}



.site-breadcrumbs a:first-of-type{

  margin-left: 0;

}



.site-breadcrumbs .breadcrumb_last{

  margin-left: 2px;

}



.site-breadcrumbs i{

  margin-right: 1px;

  margin-left: 1px;

  transform: translateY(1px);

}



.woocommerce-breadcrumb i{

  margin-left: 6px;

  margin-right: 2px;

}



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

## Site layout

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



.site {

  overflow: hidden;

  justify-content: center;

  position: relative;

}



@media screen and (min-width: 768px) {

  .site {

    display: flex;

    flex-wrap: wrap;

  }

  .layout-two-col-left .site {

    flex-direction: row-reverse;

  }

}



.site-header {

  margin: 0 0 2em 0;

  background-color: #fff;

  flex-basis: 100%;

  width: 100%;

}



.site-header:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 100vw;

  content: '';

  display: block;

}



.site-content {

  padding: 0 1em;

  width: 100%;

  max-width: 100%;

  margin-bottom: 4em;

}



@media screen and (min-width: 1024px) and (-ms-high-contrast:none) {

  .site-content{

    flex-basis: 100% !important;

  }

}



.home .site-content {

  margin-bottom: 0;

}



.site-sidebar {

  width: 100%;

  max-width: 100%;

  padding: 0 1em;

  margin-bottom: 4em;

}



.front-page-shortcode {

  width: 100%;

  max-width: 100%;

  padding: 0 1em;

}



.single-elementor_library .site-sidebar,

.single-elementor_library header.entry-header,

.single-elementor_library footer.entry-meta,

.single-elementor_library nav.post-navigation {

  display: none;

  visibility: hidden;

}



.site-footer {

  padding: 0 1em;

  background-color: #fbfbfb;

  flex-basis: 100%;

  width: 100%;

}



@media screen and (min-width: 768px) {

	.blog .site-sidebar {

		padding-top: 4em;

	}

	.archive:not(.woocommerce) .site-sidebar {

		padding-top: 65px;

	}

}



@media screen and (min-width: 1200px) {

  .site-sidebar {

    max-width: 300px;

  }

  .site-boxed .site-content {

    max-width: 1200px;

  }

  .site-fullwidth .site-content, .site-fullwidth .site-header, .site-fullwidth .site-footer {

    max-width: 100%;

  }

  .layout-two-col-right.site-boxed .site-content, .layout-two-col-left.site-boxed .site-content {

    max-width: 900px;

  }

  .layout-two-col-right.site-fullwidth .site-content, .layout-two-col-left.site-fullwidth .site-content {

    max-width: -webkit-calc(100% - 300px);

    max-width: calc(100% - 300px);

  }

  .site-boxed.gallery-fullwidth .site-content {

    max-width: 100%;

    padding: 0;

  }

  .site-boxed.gallery-fullwidth .site-content .page-title, .site-boxed.gallery-fullwidth .site-content .filters-wrapper {

    max-width: 1200px;

    margin: 0 auto 30px auto;

    padding: 0 15px;

  }

  .layout-two-col-right.site-boxed.single-elementor_library .site-content, .layout-two-col-left.site-boxed.single-elementor_library .site-content {

    max-width: 1200px;

  }

}



@supports (grid-area: auto) {

  @media screen and (min-width: 768px) {

    .site-boxed .site,

    .site-fullwidth .site {

        display: grid;

      grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " content content sidebar " " footer footer footer ";



      grid-template-columns: minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px);



      grid-template-rows: auto auto 1fr auto;

    }

    .layout-two-col-left .site {

      grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " sidebar content content " " footer footer footer ";

    }

    .layout-one-col .site {

      grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " content content content " " footer footer footer ";

    }

    /*.site-boxed.gallery-fullwidth .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " content content content content content content " " footer footer footer footer footer footer ";

    }

    .blog.blog-grid-posts.site-boxed .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer ";

    }*/

    .site-header {

      grid-area: header;

    }

    .site-content {

      grid-area: content;

    }

    .site-sidebar {

      grid-area: sidebar;

    }

    .site-footer {

      grid-area: footer;

    }

    .site-breadcrumbs,

    .front-page-shortcode {

      grid-area: breadcrumbs;

    }

    /* Hide sidebar if on Elementor Template Page */

    .site-boxed.single-elementor_library .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer ";

    }

    .site-fullwidth.single-elementor_library .site {

      grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content content" "footer footer footer footer";

    }

    .layout-two-col-left.single-elementor_library .site {

      grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content content" "footer footer footer footer";

    }

    .site-boxed.layout-two-col-left.single-elementor_library .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer ";

    }

  }



  @media screen and (min-width: 992px) {

    .site-boxed .site {

      grid-template-columns: 1fr minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) 1fr;

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content sidebar . " " footer footer footer footer footer footer ";

    }

    .site-fullwidth .site {

      grid-template-columns: 1fr 1fr 1fr minmax(100px, 300px);

      grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content sidebar" "footer footer footer footer";

    }

    .layout-two-col-left .site {

      grid-template-columns: minmax(100px, 300px) 1fr 1fr 1fr;

      grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "sidebar content content content" "footer footer footer footer";

    }

    .site-boxed.layout-two-col-left .site {

      grid-template-columns: 1fr minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) 1fr;

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . sidebar content content content . " " footer footer footer footer footer footer ";

    }

    .layout-one-col .site {

      grid-template-areas: " header header header header " "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" " content content content content " " footer footer footer footer ";

    }

    .site-boxed.layout-one-col .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer ";

    }

    .site-boxed.gallery-fullwidth .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " content content content content content content " " footer footer footer footer footer footer ";

    }

    .blog.blog-grid-posts.site-boxed .site {

      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer ";

    }

  }

}



@media screen and ( min-width: 768px ) {



  .site-content:first-child:last-child {

    grid-area: content;

    grid-column: 1 / -1;

  }



}



.elementor-template-full-width div.site-breadcrumbs + div.elementor{

  grid-area: content;

}



#wcfm-main-contentainer{

  grid-area: content;

}



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

## Header

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



/* Header Top panel */



.header-top {

  background: transparent;

  padding: 0.8em 0;

  font-size: 0.800em;

  font-weight: normal;

  min-height: 44px;

}



.header-top .widget {

  background-color: transparent;

  font-weight: normal;

}



.header-top .widget p {

  margin: 0;

}



.header-top .widget .widget-title {

  display: inline-block;

  font-size: inherit;

  font-weight: normal;

  padding: 0 0.5em 0 0;

  margin: 0;

  text-transform: uppercase;

  border: 0;

}



.top-widgets-left, .top-widgets-right {

  text-align: center;

  padding: 0 1em;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  flex-wrap: wrap;

}



@media screen and (min-width: 1024px) and (-ms-high-contrast:none) {

    .header-top{

      display: flex;

    }

    .top-widgets-left, .top-widgets-right{

      width: 50%;

    }



  .top-widgets-left{

    padding-left: 30px;

  }



  .top-widgets-right{

    padding-right: 30px;

  }



}



.top-widgets-left .widget, .top-widgets-right .widget {

  margin: 0 0 0.5em 0;

  padding: 0;

  display: inline-block;

}



.top-widgets-left .widget.WOOCS_SELECTOR, .top-widgets-right .widget.WOOCS_SELECTOR {

  margin: 0;

}



@media screen and (min-width: 768px) {

  @supports (grid-area: auto) {

    .header-top {

       

      display: grid;

      grid-template-columns: 1fr minmax(100px, 600px) minmax(100px, 600px) 1fr;

      grid-template-areas: " . top-left-sidebar top-right-sidebar . ";

    }

    .header-top .top-widgets-left {

      grid-area: top-left-sidebar;

    }

    .header-top .top-widgets-right {

      grid-area: top-right-sidebar;

    }

  }

  .header-top {

    padding: 0;

  }

  .top-widgets-left {

    justify-content: flex-start;

  }

  .top-widgets-right {

    justify-content: flex-end;

  }

  .top-widgets-left .widget, .top-widgets-right .widget, .top-widgets-left .widget.WOOCS_SELECTOR, .top-widgets-right .widget.WOOCS_SELECTOR {

    margin: 0 30px 0 0;

  }

  .top-widgets-left .widget:last-child, .top-widgets-right .widget:last-child {

    margin: 0;

  }

}



/* Logo Group */



.site-branding {

  margin: 0 auto 1em auto;

}



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

  .site-branding{

    margin-bottom: 0;

  }

}



.site-branding .site-logo, .site-branding .header-group {

  padding: 2.143em 1em;

  text-align: center;

}



.site-branding .hgroup-sidebar, .primary-nav .nav-sidebar {

  padding: 0 1em;

  text-align: center;

  vertical-align: middle;

}



.site-branding .hgroup-sidebar .widget, .primary-nav .nav-sidebar .widget {

  display: inline-block;

  margin: 0 0.5em 0.5em 0.5em;

  padding: 0;

  background-color: transparent;

  vertical-align: middle;

}



.site-branding .hgroup-sidebar .widget.widget_search {

  width: 100%;

  margin: 0 0 2em 0;

}



.site-branding .hgroup-sidebar .widget_text p {

  margin: 0;

}



@media screen and (min-width: 768px) {

  .site-branding {

    display: flex;

    align-items: center;

    margin: 0 auto;

  }

  .site-branding .hgroup-sidebar .widget.widget_search {

    width: auto;

    margin: 0 3.8em 0 0;

  }

  .site-branding .hgroup-sidebar .widget:last-child {

    margin: 0;

  }

  .site-branding .logo-group-nav, .site-branding .site-logo, .site-branding .header-group, .site-branding .hgroup-sidebar {

    flex-grow: 1;

  }

  .site-branding .hgroup-sidebar {

    padding: 2.143em 1em;

  }

  .site-branding .hgroup-sidebar .widget {

    margin: 0 3.8em 0 0;

  }

  @supports (grid-area: auto) {

    .site-branding {

       

      display: grid;

      grid-template-columns: 1fr auto auto;

      grid-template-rows: auto;

      grid-template-areas: "logo-navigation logo logo-sidebar";

    }

    .site-branding .logo-group-nav {

      grid-area: logo-navigation;

    }

    .site-branding .site-logo, .site-branding .header-group {

      grid-area: logo;

    }

    .site-branding .hgroup-sidebar {

      grid-area: logo-sidebar;

    }

  }

}



@media (min-width: 1200px) {

  .site-boxed .site-branding, .site-boxed .mega-menu-wrap {

    max-width: 1200px;

  }

  .site-boxed .mega-menu-wrap {

    margin: 0 auto !important;

  }

}



/* Logo Positioning on big screens */



@media screen and (min-width: 768px) {

  .logo-pos-left .site-branding .hgroup-sidebar .widget.widget_search {

    width: 100%;

    margin: 20px 0 0 3.8em;

  }

  .logo-pos-left .site-branding .site-logo, .logo-pos-left .site-branding .header-group {

    text-align: left;

    order: 1;

  }

  .logo-pos-left .site-branding .logo-group-nav {

    text-align: right;

    order: 2;

  }

  .logo-pos-left .site-branding .hgroup-sidebar {

    text-align: right;

    order: 3;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

  }

  .logo-pos-right .site-branding .site-logo, .logo-pos-right .site-branding .header-group {

    order: 3;

  }

  .logo-pos-right .site-branding .logo-group-nav {

    text-align: left;

    order: 1;

  }

  .logo-pos-right .site-branding .hgroup-sidebar {

    text-align: left;

    order: 2;

  }

  .logo-pos-center-inside .site-branding .hgroup-sidebar {

    text-align: right;

  }

  .logo-pos-center-inside .site-branding .logo-group-nav {

    text-align: left;

  }

  .logo-pos-center-above .site-branding {

    flex-wrap: wrap;

  }

  .logo-pos-center-above .site-branding .site-logo, .logo-pos-center-above .site-branding .header-group {

    order: 1;

    width: 100%;

  }

  .logo-pos-center-above .site-branding .logo-group-nav {

    text-align: left;

    order: 2;

  }

  .logo-pos-center-above .site-branding .hgroup-sidebar {

    text-align: right;

    order: 3;

  }

  @supports (grid-area: auto) {

    .logo-pos-left .site-branding {

      grid-template-columns: auto 1fr;

      grid-template-rows: auto auto;

      grid-template-areas: "logo logo-sidebar" "logo-navigation logo-navigation";

    }

    .logo-pos-right .site-branding {

      grid-template-columns: 1fr auto;

      grid-template-rows: auto auto;

      grid-template-areas: "logo-sidebar logo" "logo-navigation logo-navigation";

    }

    .logo-pos-center-inside .site-branding {

      grid-template-columns: 1fr auto 1fr;

      grid-template-rows: auto;

      grid-template-areas: "logo-navigation logo logo-sidebar";

    }

    .logo-pos-center-above .site-branding {

      grid-template-columns: 1fr 1fr;

      grid-template-rows: 1fr 1fr;

      grid-template-areas: "logo logo" "logo-navigation logo-sidebar";

    }

  }

}



@media screen and (min-width: 801px) {

  @supports (grid-area: auto) {

    .logo-pos-left .site-branding {

      grid-template-columns: auto 1fr auto;

      grid-template-rows: auto;

      grid-template-areas: "logo logo-navigation logo-sidebar";

    }

    .logo-pos-right .site-branding {

      grid-template-columns: auto 1fr auto;

      grid-template-rows: auto;

      grid-template-areas: "logo-navigation logo-sidebar logo";

    }

  }

  .logo-pos-left .site-branding .hgroup-sidebar .widget.widget_search {

    width: auto;

    order: unset;

    margin: 0 3.8em 0 0;

  }

}



.site-title {

  margin: 0 0 .25em;

  padding: 0;

  font-size: 40px;

  font-weight: bold;

  line-height: 16px;

  letter-spacing: -2px;

}



.site-title a {

  text-decoration: none;

}



.site-title a:hover, .site-title a:focus, .site-title a:active {

  text-decoration: none;

}



.site-description {

  margin: 0 0 .25em;

  font-size: .9em;

  font-style: italic;

  font-weight: 100;

}



/* Header Menu */



.primary-nav, .logo-group-nav {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}



.logo-group-nav {

  margin: 2em 0 0 0;

}



.primary-nav .mega-right-aligned-promo,

.logo-group-nav .mega-right-aligned-promo {

  float: right !important;

  text-transform: uppercase !important;

}



.site-boxed .primary-nav ul.menu, .site-boxed .logo-group-nav ul.menu {

  max-width: 1200px;

}



.primary-nav ul.menu, .logo-group-nav ul.menu {

  width: 100%;

  margin: 0 auto;

  padding: 0 1em;

  list-style: none;

}



.primary-nav .menu:after, .logo-group-nav .menu:after {

  content: "";

  display: table;

  clear: both;

}



.primary-nav ul.menu ul, .logo-group-nav ul.menu ul {

  margin: 0;

  opacity: 0;

  padding: 10px 0;

  visibility: hidden;

  position: absolute;

  top: 50px;

  left: 0;

  z-index: 300;

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

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

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

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

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  -moz-transition: opacity 0.35s, -webkit-transform 0.35s;

  -ms-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  width: 200px;

  background-color: #f6f6f6;

  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .10);

  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .10);

}



.logo-group-nav ul.menu ul{

  top: 40px;

}



.primary-nav ul.menu ul li, .logo-group-nav ul.menu ul li {

  float: none;

  display: block;

  border: 0;

  margin: 0;

  padding: 0;

}



.primary-nav .menu ul a, .logo-group-nav .menu ul a {

  display: inline-block;

  text-transform: none;

  padding: 5px 1.429em;

  color: #626262;

  border-radius: 0;

  margin: 0;

  height: auto;

  width: 100%;

  line-height: 1.5;

  background-color: transparent;

  font-weight: normal;

}



.primary-nav .menu ul ul, .logo-group-nav .menu ul ul {

  top: -10px;

  left: 201px;

  margin: 0;

}



.primary-nav li, .logo-group-nav li {

  display: block;

  position: relative;

  margin: 0;

}



.primary-nav li:hover>ul, .logo-group-nav li:hover>ul {

  opacity: 1;

  visibility: visible;

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

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

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

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

}



.primary-nav li:last-of-type a, .logo-group-nav li:last-of-type a {

  border-bottom: 0;

}



.primary-nav .menu-item a, .logo-group-nav .menu-item a {

  padding: 0 0.714em;

  margin: 0;

  height: 26px;

  line-height: 26px;

  text-decoration: none;

  font-size: 1em;

  display: block;

  position: relative;

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

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.primary-nav li.menu-item-has-children>a, .logo-group-nav li.menu-item-has-children>a {

  padding: 0 2em 0 0.714em;

}



.primary-nav li.menu-item-has-children>a:after, .logo-group-nav li.menu-item-has-children>a:after {

  content: "\e91a";

  font-family: 'chromium';

  display: inline-block;

  position: absolute;

  right: 13px;

  font-size: 10px;

}



.primary-nav .sub-menu li.menu-item-has-children>a:after, .logo-group-nav .sub-menu li.menu-item-has-children>a:after {

  content: '\e91b';

  right: 13px;

  top: 9px;

}



.logo-group-nav .sub-menu {

  text-align: left;

}



.primary-nav .sub-menu li.menu-item-has-children>a, .logo-group-nav .sub-menu li.menu-item-has-children>a {

  padding: 5px 2em 5px 1.429em;

  text-transform: none;

}



.primary-nav .nav-menu > li > a {

  font-weight: 500 !important;

}





@media screen and (min-width: 768px) {

  .logo-group-nav ul.menu > li{

    margin: 0 5px;

  }

  .logo-group-nav ul.menu > li > a{

    font-weight: 500;

    height: 40px;

    line-height: 40px;

    border-radius: 3px;

  }



  .logo-group-nav {

    margin: 0;

  }

  .primary-nav .menu-item a, .logo-group-nav .menu-item a, .primary-nav li, .logo-group-nav li {

    display: inline-block;

  }

  .logo-group-nav .menu-item a, .primary-nav .menu-item a {

    padding: 0 1.429em;

    height: 50px;

    line-height: 50px;

  }

  .logo-group-nav .mega-menu-wrap .sub-menu a, .primary-nav .mega-menu-wrap .sub-menu a {

    padding: 0;

    height: auto;

    line-height: inherit;

  }

  .logo-group-nav li.menu-item-has-children>a, .primary-nav li.menu-item-has-children>a {

    padding: 0 2em 0 1.429em;

  }

}



/* Small menu. */



@media screen and (min-width: 768px) {

  .menu-toggle{

    display: none;

  }

}



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



  .logo-group-nav{

    margin-top: 0 !important;

  }



  .main-navigation,

  .logo-navigation

  {

    padding-bottom: 30px;

  }



  .menu-toggle,

  .main-navigation.toggled ul,

  .logo-navigation.toggled ul{

    display: block;

  }





  .menu-toggle {

    width: 100%;

    max-width: 80vw;

    margin: 0 auto; }



  [class*=mega-menu] .menu-toggle{

    display: none !important;

  }



  .primary-nav{

    background-color: transparent !important;

  }





  .main-navigation ul,

  .logo-navigation ul

  {

    display: none;

  }



  .main-navigation.toggled ul,

  .logo-navigation.toggled ul

  {

    display: block;

    max-width: 80vw;

    margin: 30px auto 0;

  }



  .main-navigation ul li a,

  .logo-navigation ul li a

  {

    padding: 0.5em 1em !important;

    height: auto !important;

  }



  .main-navigation ul li ul,

  .logo-navigation ul li ul

  {

    transform: none !important;

    margin-left: 2em !important;

    position: relative !important;

    visibility: visible !important;

    opacity: 1 !important;

    box-shadow: none !important;

    background-color: transparent !important;

    width: 100% !important;

    top: auto !important;

    left: auto !important;



  }



  .main-navigation .sub-menu li.menu-item-has-children>a:after,

  .logo-navigation .sub-menu li.menu-item-has-children>a:after

  {

    display: none;

  }



}

@media screen and (min-width: 768px) {

  .menu-toggle {

    display: none; }



  .main-navigation ul,

  .logo-navigation ul

  {

    display: block; }

}



.mega-menu-primary-nav .menu-toggle{

  display: none !important;

}





/* Primary Nav Widgets */



.primary-nav.with-widgets .nav-sidebar {

  position: absolute;

  right: 0;

  top: 5px;

}



.primary-nav.with-widgets.reversed .nav-sidebar {

  right: auto;

  top: 5px;

  left: 0;

}



.primary-nav .nav-sidebar .widget {

  margin: 0 0.5em 0 0.5em;

}



.site-boxed .primary-nav-wrapper {

  max-width: 1200px;

}



.primary-nav-wrapper {

  width: 100%;

  margin: 0 auto;

  position: relative;

}



.primary-nav-wrapper #mega-menu-wrap-primary-nav {

  margin: 0 !important;

}



@media (min-width: 768px) {

  .primary-nav .nav-sidebar .widget {

    margin: 0 25px 0 0;

  }

  .primary-nav-wrapper {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

  }

}





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

# Extra Header Styling

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



/* Mega Menu Elementor Tabs Styles */



.mega-sub-menu .elementor-tab-title, .mega-sub-menu .elementor-tab-title:after {

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

  -moz-transition: color 0.3s ease-out;

  -ms-transition: color 0.3s ease-out;

  -o-transition: color 0.3s ease-out;

  transition: color 0.3s ease-out;

}



.mega-sub-menu .elementor-tab-title:after {

  display: inline-block;

  font-family: 'chromium';

  content: "\e91b";

  position: absolute;

  right: 21px;

  top: 50%;

  font-size: 10px;

  height: 16px;

  line-height: 16px;

  margin: -8px 0 0 0;

  color: #626262;

}



.mega-sub-menu .elementor-tab-title.elementor-active {

  font-weight: 500 !important;

}



.mega-sub-menu .elementor-tab-title:hover, .mega-sub-menu .elementor-tab-title:hover:after {

  color: #000;

}



.mega-sub-menu .elementor-tabs-content-wrapper a:not(.button) {

  color: #626262;

}



.mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):hover, .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):focus, .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):active, .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):hover, .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):focus,

.mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):active {

  color: #fdb819;

}



.mega-sub-menu .elementor-tabs-content-wrapper strong a:not(.button), .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button) {

  color: #000;

}



#mega-menu-wrap-primary-nav #mega-menu-primary-nav>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item.widget_tz_shortcode h4.mega-block-title, #mega-menu-wrap-primary-nav #mega-menu-primary-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_tz_shortcode h4.mega-block-title {

  margin: 0px;

  padding: 0px;

  border: 0px;

}



.site-header .elementor-widget-tabs .elementor-tab-content {

    padding: 0;

}



.site-header .elementor-widget-tabs .elementor-tab-title {

	border-bottom: 1px solid #f6f6f6 !important;

}



.site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper{

  position: relative;

}



@media screen and ( min-width: 1024px) {

  .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper:before {

    content: '';

    height: 100%;

    width: 1px;

    display: block;

    position: absolute;

    top:0;

    left: -3px;

    z-index: 1;

    box-shadow: -5px 0px 20px 10px rgba(0,0,0,0.12);

  }

}



.mega-departments-link.mega-menu-item .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper{

  z-index: 2 !important;

  background-color: #fff !important;;

  position: relative !important;;

}



.mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container h5{

  font-weight: 500 !important;;

  font-size: 12px !important;;

  display: block !important;;

  margin-bottom: 10px !important;;

}



.mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container ul{

  list-style: none !important;;

  padding: 0 !important;;

  margin: 0 !important;;

}



.mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container li{

  margin-top: 6px !important;;

  margin-bottom: 6px !important;;

  display: list-item !important;;

}



.site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active:after {

	transform: rotate(90deg);

}



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

  .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {

      box-shadow: none;

  }

	.site-header .elementor-widget-tabs .elementor-tab-content {

		background-color: #fff;

	}

  .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title {

    line-height: 1.2 !important;

    position: relative;

  }

}





/* Special styles for currency switcher */



.top-widgets-left .widget.widget-woocommerce-currency-switcher, .top-widgets-right .widget.widget-woocommerce-currency-switcher {

  padding: 0;

  min-height: auto;

}



.header-top .woocommerce-currency-switcher-form {

  position: relative;

  display: inline-block;

}



.header-top .woocommerce-currency-switcher-form:after {

  content: '\e91a';

  font-family: 'chromium';

  display: inline-block;

  font-size: 8px;

  position: absolute;

  right: 5px;

  top: 0;

  color: #8b8b8b;

  z-index: 1;

  height: 38px;

  line-height: 38px;

}



.header-top .woocommerce-currency-switcher-form select {

  border: none;

  font-size: 12px;

  height: 38px;

  padding: 0 0.5em;

  margin-right: 15px;

  box-shadow: none;

  background-color: #212121;

  background-image: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-family: inherit;

  color: #fff;

  text-transform: uppercase;

  cursor: pointer;

  font-weight: normal;

  z-index: 2;

  position: relative;

  width: auto !important;

}



.woocommerce-account .header-top .woocommerce-currency-switcher-form {

  display: none;

}



/* Special Styles for lanquage switcher */



.header-top .widget_polylang {

  position: relative;

}



.header-top .widget_polylang select {

  border: none;

  font-size: 12px;

  height: 38px;

  padding: 0 0.5em;

  margin-right: 15px;

  box-shadow: none;

  background-color: #212121;

  background-image: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-family: inherit;

  color: #fff;

  text-transform: uppercase;

  cursor: pointer;

  font-weight: normal;

  z-index: 2;

  position: relative;

}



.header-top .widget_polylang:after {

  content: '\e91a';

  display: inline-block;

  font-family: 'chromium';

  font-size: 8px;

  position: absolute;

  right: 5px;

  top: 0;

  color: #8b8b8b;

  z-index: 1;

  height: 38px;

  line-height: 38px;

}



/* TM Wishlist & Compare Widgets Styles */



.site-header .widget_tm_woocompare_recent_compare_list, .site-header .widget_tm_woocommerce_wishlist {

  height: 40px;

}



.site-header .tm-woocompare-widget-wrapper, .site-header .tm-woocomerce-wishlist-widget-wrapper {

  width: 40px;

  height: 40px;

  position: relative;

  cursor: pointer;

  display: inline-block;

}



.site-header .tm-woocompare-widget-wrapper:before, .site-header .tm-woocomerce-wishlist-widget-wrapper:before {

  display: inline-block;

  content: '\e902';

  font-size: 28px;

  font-family: 'chromium';

  position: absolute;

  left: 0;

  bottom: 0;

  height: 40px;

  color: #000;

}



.site-header .tm-woocomerce-wishlist-widget-wrapper:before {

  content: '\e93c';

}



.site-header .tm-woocompare-empty, .site-header .tm-woowishlist-empty {

  display: none;

}



.site-header .compare-count-wrapper, .site-header .wishlist-count-wrapper {

  display: inline-block;

  width: 18px;

  height: 18px;

  font-size: 12px;

  border-radius: 50%;

  color: #212121;

  line-height: 18px;

  position: absolute;

  text-align: center;

  top: 0;

  right: 0;

  font-weight: 500;

}



.site-header .tm-woocompare-widget-products, .site-header .tm-woowishlist-widget-products {

  background-color: #fff;

  padding: 1.8em 20px;

  width: 100vw;

  max-width: 300px;

  position: absolute;

  top: 90px;

  right: 0px;

  border-style: solid;

  border-width: 1px;

  z-index: 400;

  opacity: 0;

  visibility: hidden;

  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);

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

  transition: all 0.3s ease-out;

  -webkit-transform: translateZ(0);

  padding-top: 80px;

}



.site-header .tm-woocompare-widget-products::before, .site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::before, .site-header .tm-woowishlist-widget-products::after {

  display: none;

  content: '';

  width: 0;

  height: 0;

  position: absolute;

  top: -10px;

  right: 10px;

}



.site-header .tm-woocompare-widget-products::before, .site-header .tm-woowishlist-widget-products::before {

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #e7e4d9;

}



.site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::after {

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-bottom: 9px solid #fff;

  top: -9px;

  right: 12px;

}



.site-header .tm-woocompare-widget-product, .site-header .tm-woowishlist-widget-product {

  padding: 0 20px 0 100px;

  margin: 0 0 20px 0;

  position: relative;

  min-height: 80px;

  text-align: left;

}



.site-header .tm-woocompare-widget-product::after, .site-header .tm-woowishlist-widget-product::after {

  display: table;

  content: '';

  clear: both;

}



.site-header .tm-woocompare-widget-product:last-of-type,

.site-header .tm-woowishlist-widget-product:last-of-type {

  margin: 0;

}



.site-header .tm-woocompare-widget-product h3, .site-header .tm-woowishlist-widget-product h3 {

  font-size: inherit;

  font-weight: normal;

  display: block;

  margin: 0;

  color: inherit;

  text-align: left;

  padding-top: 32px;

}



.site-header .tm-woowishlist-widget-product h3 {

  padding-top: 0;

}



.site-header .tm-woocomerce-list__product-image {

  display: block;

  max-width: 80px;

  margin: 0 20px 0 0;

  position: absolute;

  left: 0;

  top: 0;

}



.site-header .tm-woocompare-empty {

  display: none;

}



.site-header .compare_link_btn, .site-header .tm-woowishlist-page-button {

  position: absolute;

  top: 110px;

  right: 20px;

  z-index: 401;

  opacity: 0;

  visibility: hidden;

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

  transition: all 0.3s ease-out;

  width: 260px;

  text-align: center;

}



.site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products+.compare_link_btn, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woowishlist-widget-products+.tm-woowishlist-page-button {

  opacity: 1;

  visibility: visible;

  top: 80px;

}



.site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-wrapper:before, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woocomerce-wishlist-widget-wrapper:before {

  content: '\e92f';

}



.site-header .tm-woowishlist-widget-product .button {

  height: 32px;

  line-height: 32px;

  font-size: 12px;

  margin-top: 5px;

  text-transform: none;

}



.site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woowishlist-widget-products {

  opacity: 1;

  top: 60px;

}



.site-header .tm-woocompare-remove, .site-header .tm-woowishlist-remove {

  top: 30px;

}



.tm-woocompare-list .tm-wc-compare-wishlist-loader>*, .tm-woocompare-widget-wrapper .tm-wc-compare-wishlist-loader>*, .tm-woowishlist .tm-wc-compare-wishlist-loader>*, .tm-woocomerce-wishlist-widget-wrapper .tm-wc-compare-wishlist-loader>* {

  width: 30px;

  height: 30px;

}



.tm-woocompare-list .tm-wc-compare-wishlist-loader, .tm-woocompare-widget-wrapper .tm-wc-compare-wishlist-loader, .tm-woowishlist .tm-wc-compare-wishlist-loader, .tm-woocomerce-wishlist-widget-wrapper .tm-wc-compare-wishlist-loader {

  background: rgba(255, 255, 255, 0.8);

  z-index: 1;

}



@media (min-width: 768px) {

  .site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-wrapper:before {

    content: '\e902';

  }

  .site-header .widget_tm_woocommerce_wishlist.opened .tm-woocomerce-wishlist-widget-wrapper:before {

    content: '\e93c';

  }

  .site-header .tm-woocompare-widget-products::before, .site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::before, .site-header .tm-woowishlist-widget-products::after {

    display: inline-block;

  }

}



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

## Posts and pages

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



/* Sticky Post Special Styling */



.sticky {

  position: relative;

  padding: 2em;

}



.sticky .sticky-post {

  display: inline-block;

  padding: 0 1em;



  text-transform: uppercase;

  height: 38px;

  line-height: 34px;

  top: 16px;

  right: -5px;

  background-color: #fff;

  border-style: solid;

  border-width: 2px;

  z-index: 1;

}



.sticky .sticky-post:after {

  content: '';

  display: inline-block;

  position: absolute;

  right: -2px;

  bottom: -8px;

  width: 0;

  height: 0;

  border-width: 6px 0 0 0;

  border-style: solid;

  border-right: 5px solid transparent !important;

}

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

  .sticky .sticky-post{

    border:none;

    right:0;

    left: auto;

    height: 28px;

    font-size: 13px;

  }

}



@media screen and ( min-width: 768px ) {

  .sticky .sticky-post{

    position: absolute;

  }

}







/* 404 Page special styles */



.error404 .site {

  background-color: #f6f6f6;

}



.error404 .site-content {

  text-align: center;

}



.error404 img {

  margin-top: 3em;

  margin-bottom: 1em;

}



.error404 .page-title {

  text-align: center;

  font-size: 12em;

  font-weight: 100;

  color: #d0d0d0;

}



.error404 .subtitle {

  font-size: 2.400em;

  text-transform: uppercase;

  display: block;

  margin: 0;

  color: #000;

}



.error404 .site-content p {

  margin: 0 0 2.222em 0;

  font-size: 1.200em;

  color: #909090;

}



.error404 .site-content input[type="search"].search-field {

  width: 100%;

  max-width: 325px;

  background-color: #fff;

  margin-right: 8px;

}



.error404 .home-link {

  font-size: 0.933em;

  display: inline-block;

  margin: 2em 0 6em 0;

}



.error404 .home-link i {

  padding-right: 5px;

  font-size: 10px;



}



.error404 .home-link i:before{

  transform: translateY(-1px) rotate(180deg);

}



/* Search not Found */



.search-no-results .page-content{

  text-align: center;

}



.search-no-results .search-field{

  width: 100%;

  max-width: 325px;

  margin-right: 0.5em;

  background-color: #fff

}



/* Search Results Page */



.search-counter-wrapper {

  margin: 0 0 4em 0;

  text-align: center;

}



.search-counter-wrapper .msg {

  display: inline-block;

  max-width: 600px;

  padding: 0 1em;

}



.search-counter-wrapper input[type="search"].search-field {

  width: 100%;

  max-width: 325px;

  margin-right: 0.5em;

  background-color: #fff;

}



.search-counter-wrapper input[type="search"].search-field, .search-counter-wrapper input[type="submit"].search-submit {

  padding: 0 1em;

}



.search .search-excerpt:hover, .search a:hover>.search-excerpt {

  background-color: transparent;

}



.search .search-excerpt {

  padding: 0 3px;

}



/* Article styling on Blog Page */



article.type-post {

  margin-bottom: 3em;

  padding: 0;

  background-color: #fff;

}



article.type-post .thumbnail-wrapper img {

  display: block;

  margin: 0 auto;

}



article.type-post .thumbnail-wrapper {

  position: relative;

  overflow: hidden;

  max-width: 100%;

}



article.type-post .custom-post-label {

  text-transform: uppercase;

  color: #212121;

  position: absolute;

  right: 40px;

  top: 30px;

  border-radius: 5px;

  padding: 3px 8px;

  display: inline-block;

  font-size: 0.800em;

  z-index: 1;

}



article.type-post .entry-header {

  padding: 1.5em 1em 0 1em;

  margin: 0 0 1em 0;

}



.search-results article.type-post:not(.has-post-thumbnail) .entry-header{

  padding: 0;

}



.search-results article.type-post:not(.has-post-thumbnail) .entry-summary{

  padding-left: 0;

  padding-right: 0;

}



.search-results article.attachment .entry-header{

  padding-top: 0;

}



article.type-post .entry-title {

  display: block;

  font-size: 1.716em;

  /*font-weight: 400;*/

  text-transform: none;

  margin: 0 0 6px 0;

  width: 100%;

  text-align: left;

  line-height: 1.2;

  max-width: 100%;

  word-wrap: break-word;

}



.single-post article .entry-title{

  font-size: 2em;

}



.blog-style-default article.type-post .entry-title{

  margin-bottom: 1rem;

}



.blog-style-default.single article.type-post .entry-title{

  margin-bottom: 0.5rem;

}



.entry-title a {

  color: inherit;

  word-wrap: inherit;

  word-break: inherit;

}



article.type-post img.avatar {

  display: inline-block;

  border-radius: 50%;

  margin: -5px 1em 0 0;

  float: left;

}



article.type-post .post-author{

  margin-right: 7px;

}



article.type-post .post-author, article.type-post .time-wrapper {

  display: inline-block;

}



.blog-style-default article .time-wrapper{

  margin-right: 11px;

}



article.type-post .post-author a {

  color: #000;

}



article.type-post .time-wrapper i {

  font-size: 18px;

  vertical-align: middle;

  margin: 0 6px 0 3px;

}



article.type-post .edit-link {

  border-left: 1px solid #e1e1e1;

  padding-left: 11px;

}



article.type-post .post-cats, article.type-post .post-tags {

  margin-top: 0.5em;

  padding-top: 0.5em;

}



.single-post article.type-post .post-cats{

  display: inline-block;

  margin-right: 11px;

  margin-top: 0;

  padding-bottom: 0;

}



article.type-post .post-cats+.post-tags {

  border-width: 0;

  margin-top: 0;

  padding-top: 0;

}



article.type-post .entry-content, article.type-post .entry-summary {

  padding: 0 1em;

  width: 100%;

}



article.type-post .entry-content  p:last-child,

article.type-post .entry-summary  p:last-child,

article.type-post .entry-summary  ul:last-child,

article.type-post .entry-summary  ol:last-child,

article.type-post .entry-content  ul:last-child,

article.type-post .entry-content  ol:last-child,

article.type-post .entry-content  .page-links,

article.type-post .entry-summary .page-links

{

  margin-bottom: 0;

}



article.type-post .entry-meta,

article.type-attachment .entry-meta {

  padding: 0.5em 1em 2em 1em;

}



article.type-post .entry-meta:after, article.type-attachment .entry-meta:after {

  display: table;

  content: '';

  clear: both;

}



.blog-style-default article .meta-group{

  margin-top: 1em;

  width: 100%;

}



.blog-style-default article .meta-taxonomy{

  text-transform: uppercase;

  font-size: 0.867em;

}



article.type-post .meta-counters, article.type-attachment .meta-counters {

  float: none;

  text-align: center;

}



article.type-post .meta-counters div:not(.wrapper), article.type-attachment .meta-counters div:not(.wrapper) {

  display: inline-block;

  margin-left: 10px;

  height: 34px;

  line-height: 34px;

}



article.type-post .meta-counters i, article.type-attachment .meta-counters i {

  font-size: 18px;

  vertical-align: middle;

  margin: 0 6px 0 0;

}



article.type-post .entry-header-meta {

  font-size: 12px;

  text-transform: uppercase;

  margin-bottom: 15px;

}



article.type-post .link-to-post.button {

  text-transform: none;

  font-weight: 400;

  margin-top: 1.75em;

  margin-bottom: -0.3em;

}



@media (min-width: 768px) {

  article.type-post .entry-header {

    padding: 1.5em 2em 0 2em;

  }

  article.type-post .entry-content, article.type-post .entry-summary {

    padding: 0 2em;

  }





  article.type-post .entry-meta,

  article.type-attachment .entry-meta {

    padding: 0.5em 2em 2em 2em;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: flex-start;

  }



  .blog-style-default article.type-post .entry-meta,

  .blog-style-default article.type-attachment .entry-meta{

    padding-top: 0;

  }



  article.type-post .meta-counters, article.type-attachment .meta-counters {

    align-self: flex-end;

    margin-left: auto;

    transform: translateY(10px);

  }

  article.type-post .meta-counters div:not(.wrapper),

  article.type-attachment .meta-counters div:not(.wrapper) {

    margin-left: 20px;

  }



  .blog-style-default article.type-post .entry-meta,

  .blog-style-default article.type-attachment .entry-meta{

    flex-direction: column;

  }





}



/* Special Styles for alt Style 2 */



article.type-post .post-date-wrapper {

  width: 100px;

  height: 100%;

  color: #000;

  font-size: 13px;

  text-transform: uppercase;

  padding: 30px 0 50px 24px;

  position: relative;

}



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

  article.type-post .post-date-wrapper{

    padding: 30px 0 0 24px;

  }



  article.type-post{

    margin-bottom: 2em;

  }



  body:not(.blog-grid-posts) article.type-post.has-post-thumbnail .post-date-wrapper{

    margin-top: -50px;

  }



}



.blog-grid-posts article.type-post .post-date-wrapper {

  width: 50px;

  height: 50px;

  padding: 0;

  position: absolute;

  left: 15px;

  top: 15px;

}



article.type-post .post-date-wrapper::before {

  display: inline-block;

  width: 1px;

  height: calc(100% - 78px);

  content: '';

  position: absolute;

  left: 58px;

  top: 30px;

}



article.type-post .post-date-wrapper::after {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  content: '';

  position: absolute;

  left: 54px;

  bottom: 43px;

}



.blog-grid-posts  article.type-post .post-date-wrapper::before,

.blog-grid-posts  article.type-post .post-date-wrapper::after {

  display: none;

}



article.type-post .post-date-wrapper span.border {

  display: block;

  text-align: center;

  width: 68px;

  height: 68px;

  border-style: solid;

  border-width: 1px;

  box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);

  border-radius: 3px;

  position: relative;

  z-index: 1;

  background-color: #fff;

}



.blog-grid-posts  article.type-post .post-date-wrapper span.border {

  width: 50px;

  height: 50px;

  border-width: 0;

}



article.type-post .post-date-wrapper span:not(.border) {

  font-size: 28px;

  display: block;

  padding-top: 16px;

  line-height: 18px;

}



.blog-grid-posts article.type-post .post-date-wrapper span:not(.border) {

  color: #000;

  padding-top: 10px;

}



article.type-post .grid-wrapper .entry-title {

  font-size: 28px;

  margin: 0 0 6px 0;

  line-height: 32px;

}



.blog-grid-posts article.type-post .grid-wrapper .entry-title{

  font-size: 25px;

}



article.type-post .grid-wrapper img.avatar {

  display: none;

}



article.type-post .grid-wrapper .post-author:before,

article.type-post .grid-wrapper .post-cats:before,

article.type-post .grid-wrapper .post-tags:before,

.blog-style-2 article.type-post .post-author::before,

.blog-style-2 article.type-post .post-cats::before,

.blog-style-2 article.type-post .time-wrapper::before,

.blog-style-default article .meta-taxonomy .post-cats:before,

.blog-style-default article .meta-taxonomy .post-tags:before

{

  display: inline-block;

  font-family: 'chromium';

  font-size: 15px;

  color: #d1d1d1;

  content: '\e920';

  padding: 0 5px 0 0;

  transform: translateY(1px);

}



.blog-style-2 article.type-post .time-wrapper::before {

  content: '\e91c';

  padding: 0 5px 0 0;

  position: relative;

  top: 1px;

}



article.type-post .grid-wrapper .post-cats:before,

.blog-style-2 article.type-post .post-cats:before,

.blog-style-default article .meta-taxonomy .post-cats:before

{

  content: '\e91f';

  padding: 0 8px 0 0;

  position: relative;

  top: 1px;

}



article.type-post .grid-wrapper .post-cats .label,

article.type-post .grid-wrapper .post-tags .label,

.blog-style-2 article.type-post .time-wrapper .label,

.blog-style-2 article.type-post .post-cats .label,

.blog-style-2 article.type-post .post-tags .label {

  display: none;

}



article.type-post .grid-wrapper .post-cats a,

article.type-post .grid-wrapper .post-tags a,

.blog-style-2 article.type-post .post-cats a {



}



article.type-post .grid-wrapper .post-tags:before,

.blog-style-2 article.type-post .post-tags:before,

.blog-style-default article .meta-taxonomy .post-tags:before

{

  content: '\e926';

  padding: 0 8px 0 0;

  position: relative;

  top: 1px;

}



.blog-style-2 article.type-post footer.entry-meta .post-tags:before {

  display: none;

}



article.type-post .grid-wrapper .post-cats,

article.type-post .grid-wrapper .post-tags,

article.type-post .grid-wrapper .post-author,

.blog-style-2 article.type-post .post-cats,

.blog-style-2 article.type-post .post-author,

.blog-style-2 article.type-post .time-wrapper {

  border: 0;

  margin: 0 1em 0.5em 0;

  padding: 0;

  display: inline-block;

}



article.type-post .grid-wrapper .entry-header-meta {

  margin-bottom: 0;

}



article.type-post .grid-wrapper .meta-counters i, article.type-attachment .grid-wrapper .meta-counters i {

  font-size: 16px;

}



.blog-style-2 article.type-post img.avatar {

  display: none;

}



@media (min-width: 768px) {

  article.type-post .grid-wrapper .entry-header {

    padding: 2.1em 2.5em 1em 1em;

    margin: 0;

  }

  article.type-post .grid-wrapper .entry-content, article.type-post .grid-wrapper .entry-summary {

    padding: 0 2.5em 0 1em;

  }

  article.type-post .grid-wrapper .entry-meta, article.type-attachment .grid-wrapper .entry-meta {

    padding: 0 2.5em 2.5em 1em;

}



  @supports (grid-area: auto) {

    article.type-post .grid-wrapper {

       

      display: grid;



      grid-template-columns: 100px calc(100% - 100px);



      grid-template-rows: auto auto auto;

      align-items: stretch;

      max-width: 100%;

    }

    .blog-grid-posts article.type-post .grid-wrapper {

      grid-template-columns: 100%;

      grid-template-rows: auto auto auto;

      padding: 0 1em;

    }

    article.type-post .grid-wrapper .post-date-wrapper {

      grid-row: 1 / span 3;

    }

  }

}





/* Special Styles for Grid Blog */



.blog.blog-grid-posts article.type-post .entry-content {

  padding: 0 1em;

  word-wrap: break-word;

}



.blog.blog-grid-posts article.type-post .entry-summary {

  padding: 0 1em;

  word-wrap: break-word;

}



.blog.blog-grid-posts article.type-post .entry-header {

  padding: 30px 1em 0 1em;

  margin: 0 0 1em 0;

}



.blog.blog-grid-posts article.type-post .thumbnail-wrapper img {

  width: 100%;

}



.blog.blog-grid-posts article.type-post .entry-meta {

  padding: 0.5em 1em 40px 1em;

}



.blog.blog-grid-posts .entry-content p {

  line-height: 22px;

}



article.type-post .meta-counters div:first-child:not(.wrapper) {

  margin: 0;

}



.blog.blog-grid-posts article.format-quote .quote-wrapper {

  padding: 0 1em;

  font-size: 1.6em;

}



.blog.blog-grid-posts article .meta-counters {

  position: absolute;

  left: 0;

  bottom: -20px;

  background-color: rgba(255,255,255,0.8);

  opacity: 0;

  padding: 10px;

  width: 100%;

  text-align: center;

  -webkit-transition: bottom 0.3s ease-out, opacity 0.3s ease-out;

  -ms-transition: bottom 0.3s ease-out, opacity 0.3s ease-out;

  transition: bottom 0.3s ease-out, opacity 0.3s ease-out;

  margin: 0;

  border: 0;

  color: #000;

  float: none;

  z-index: 1;

}



.blog.blog-grid-posts article:hover .meta-counters:not(:empty) {

  bottom: 0px;

  opacity: 1;

}



@media (min-width: 768px) {

  .blog.blog-grid-posts.site-boxed .site-content {

    max-width: 1200px;

  }

  .blog.blog-grid-posts article.type-post {

    max-width: 100%;

    margin-bottom: 2em;

  }

  @supports (grid-area: auto) {

    .blog.blog-grid-posts .site-content {

       

      display: grid;

      grid-column-gap: 2em;

      justify-items: stretch;

    }

    .blog.blog-grid-posts.col-3 .site-content {

      grid-template-columns: repeat( 3, 33.3% );

    }

    .blog.blog-grid-posts.col-4 .site-content {

      grid-template-columns: repeat( 4, 25% );

    }

    .blog.blog-grid-posts.col-5 .site-content {

      grid-template-columns: repeat( 5, 20% );

    }

    .blog.blog-grid-posts.col-6 .site-content {

      grid-template-columns: repeat( 6, 16.5% );

    }

    .blog.blog-grid-posts.col-3 .page-title, .blog.blog-grid-posts.col-3 .navigation.pagination {

      grid-column: 1 / span 3;

    }

    .blog.blog-grid-posts.col-4 .page-title, .blog.blog-grid-posts.col-4 .navigation.pagination {

      grid-column: 1 / span 4;

    }

    .blog.blog-grid-posts.col-5 .page-title, .blog.blog-grid-posts.col-5 .navigation.pagination {

      grid-column: 1 / span 5;

    }

    .blog.blog-grid-posts.col-6 .page-title, .blog.blog-grid-posts.col-6 .navigation.pagination {

      grid-column: 1 / span 6;

    }



  }

}



.search-results article{

  margin-bottom: 2em !important;

}



.search-results article footer.entry-meta

{

  display: none;

}



.search-results article .entry-summary{

  padding-bottom: 2em;

}



.search-results article{

  padding: 1.5em 2em 0 2em;

  background-color: #fff;

}



.search-results article.type-product .entry-header{

  padding: 0 2em 0 2em;

}



.search-results article.type-product .entry-summary{

  padding: 0 2em 2em;

}



.search-results article.has-post-thumbnail{

  padding: 0;

}



.search-results article .entry-title{

  display: block;

  font-size: 26px;

  font-weight: 400;

  text-transform: none;

  margin: 0 0 20px 0;

  width: 100%;

  text-align: left;

  line-height: 1.2;

  max-width: 100%;

  word-wrap: break-word;

}



.search-results article.has-post-thumbnail .entry-header{

  padding-top: 0;

}



.search-results article.has-post-thumbnail .entry-title{

  margin-top: 23px;

}



a.more-link{

  display: inline-block;

  text-transform: none;

  font-weight: 400;

  border: 0;

  box-shadow: none;

  -webkit-transition: background-color .3s ease-out,color .3s ease-out;

  transition: background-color .3s ease-out,color .3s ease-out;

  padding: 0 20px !important;

  font-size: .933em !important;

  border-radius: 3px;

  outline: none;

  height: 40px;

  line-height: 40px;

  color: #fff;

  background-color: #212121;

  margin-top: 1.5em;

}



a.more-link:hover{

  background-color: #ffa800;

  color: #000;

}



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

# Single Post Styles

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



.single article.type-post .entry-header {

  margin: 0 0 1em 0;

}



.single article.type-post .entry-content, .single article.type-post .entry-summary {

  font-size: 1.067em;

}



/* Footer post Meta */



.single article.type-post .post-tags {

  display: inline-block;

  border: 0;

  margin: 5px 0 0 0;

  padding: 0;

  max-width: 50%;

}



.single article.type-post .post-tags .label {

  display: none;

}



.single article.type-post .post-tags a {

  padding: 4px 12px 5px;

  border-radius: 3px;

  font-size: 0.933em;

  display: inline-block;

  margin: 0 5px 7px 0px;

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

  transition: all 0.3s ease-out;

}



.single article.type-post .entry-meta {

  padding-top: 2em;

}



.single article.type-post .entry-meta:empty{

  padding-top: 0;

}



.single article.type-post footer.entry-meta{

   

  display: grid;

  grid-template-columns: 1fr minmax(0, max-content);

  grid-template-areas: "tags meta"

}



.single article.type-post footer.entry-meta .post-tags{

  grid-area: tags;

  max-width: 100%;

  padding-right: 1em;

}



.single article.type-post footer.entry-meta  .meta-counters{

  grid-area: meta;

}



.tz-social-links div.wrapper {

  text-align: left;

}



.tz-like-wrapper div.wrapper {

  text-align: center;

  max-width: 100%

}



.tz-social-links .sharecount {

  float: right;

  width: 34px;

  display: inline-block;

  height: 26px;

  line-height: 26px;

  text-align: center;

  margin: 4px 0 0 0;

  border-left: 1px solid #dbdbdb;

}



.tz-social-links .share-icon::before {

  content: "\e921";

  font-family: 'chromium';

  font-style: normal;

  font-size: 17px;

}



.tz-like-wrapper .like-icon::before {

  content: "\e93c";

  font-family: 'chromium';

  font-style: normal;

  font-size: 16px;

}



.tz-social-links .wrapper a, .tz-like-wrapper .wrapper a {

  background-color: #f6f6f6;

  color: #626262;

  height: 34px;

  line-height: 34px;

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

  transition: all 0.3s ease-out;

  padding-left: 1em;

  border-top: 1px solid #fff;

}



.tz-like-wrapper .wrapper a {

  display: block;

  padding: 0;

  border: 0;

}



.tz-like-wrapper .wrapper #icon-like::before,

.tz-like-wrapper .wrapper #icon-unlike::before {

  display: inline-block;

  content: "\e911";

  font-family: 'chromium';

  padding: 0 5px 0 0;

}



.tz-like-wrapper .wrapper #icon-unlike::before {

  content: "\e90a";

}



.tz-like-wrapper i.loading {

  font-size: 12px;

}



.tz-social-links .wrapper a i {

  font-size: 18px;

  vertical-align: baseline;

  padding-left: 5px;

}



.tz-social-links .wrapper a i:before {

  color: #626262;

}



.tz-social-links .wrapper a:hover, .tz-social-links .wrapper a:hover i:before {

  color: #fff;

}



.tz-like-wrapper .wrapper a:hover, .tz-like-wrapper .wrapper a:hover i:before {

  color: #212121;

}



.tz-like-wrapper .wrapper a:focus {

  outline: none;

}



article.type-post .meta-counters div.tooltip {

  background-color: #f6f6f6;

  font-size: 0.800em;

  line-height: 1.5;

  color: #626262;

  padding: 5px 0;

  height: auto;

  margin: 0;

}



.tz-social-links .wrapper a.facebook:hover {

  background-color: #3b5a9a;

}



.tz-social-links .wrapper a.linkedin:hover {

  background-color: #117bb7;

}



.tz-social-links .wrapper a.twitter:hover {

  background-color: #28a9e2;

}



.tz-social-links .wrapper a.google:hover {

  background-color: #e04a39;

}



.tz-social-links .wrapper a.pinterest:hover {

  background-color: #cc2129;

}



.tz-social-links .wrapper a.tumblr:hover {

  background-color: #31506d;

}



.tz-social-links .wrapper a.mail:hover {

  background-color: #0093e7;

}



.tz-social-links .wrapper a.vk:hover {

  background-color: #5181B8;

}



@media (min-width: 768px) {

  .tz-social-links .heading, .tz-like-wrapper .heading {

    padding: 0 1em;

    background-color: #b6b6b6;

    color: #fff;

  }

}



/* Author description */



.author-info .author-title {

  clear: none;

  font-size: 1.200em;

  margin-bottom: 15px;

}



.author-info .author-bio {

  font-size: 0.933em;

  margin-bottom: 15px;

}



.author-info .author-link {

  font-size: 0.800em;

}



.author-info .author-link i {

  vertical-align: middle;

}



article.type-post .author-info img.avatar {

  display: inline-block;

  border-radius: 50%;

  margin: 0 1em 1em 0;

  float: left;

}



.author-info {

  padding: 0 1em 2em 1em;

}



.author-info h3 {

  font-size: 1em;

  font-weight: 500;

  margin: 0 0 2em 0;

  padding: 0 0 1em 0;

  text-transform: uppercase;

  border-style: solid;

  border-width: 0 0 1px 0;

}



@media (min-width: 768px) {

  .author-info {

    padding: 0 2em 2em 2em;

  }

  article.type-post .author-info img.avatar {

    margin: 0 2em 2em 0;

  }

  .author-info .author-link {

    margin-left: 106px;

  }

}



.page-title {

  font-size: 2em;

  font-weight: 500;

  margin: 0 0 1.5rem 0;

  line-height: 1.2;

  color: #000;

}



.search-results .page-title,

.search-no-results .page-title

{

  text-align: center;

}



.page-title i {

  vertical-align: middle;

  margin: 0 10px 0 0;

  font-size: 30px;

}



.entry-content, .entry-summary, .page-content {

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

  position: relative;

}



.entry-content:after, .entry-summary:after, .page-content:after {

  display: table;

  content: '';

  clear: both;

}



/* Related Posts */



.related-posts {

  margin: 0 0 3em 0;

}



.related-posts ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.related-posts ul li {

  display: flex;

  background-color: #fff;

  height: 100%;

  flex-direction: row;

  align-items: flex-start;

}



.related-posts .entry-title.related-posts-title {

  /*text-transform: uppercase;*/

  font-size: 1.5em;

  /*font-weight: 300;*/

  margin: 0 0 1em 0;

  display: block;

  text-align: center;

}



.related-posts .entry-title.related-posts-title span {

  /*font-weight: 500;*/

}



.related-posts .related-categorie {

  /*text-transform: uppercase;*/

  padding: 0;

  display: inline-block;

  font-size: 13px;

  margin: 0 0 5px 0;

}



.related-posts h3 {

  text-transform: none;

  font-size: 18px;

  font-weight: 400;

  margin: 10px 0 1em 0;

  -ms-word-wrap: break-word;

  word-wrap: break-word;

  line-height: 26px;

  max-width: 100%;

}



.related-posts h3 a {

  color: inherit;

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



.related-posts .item-content {

  text-align: center;

  padding: 1.5em 1.5em 1em;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

}

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

  .related-posts .item-content{

    padding: 1em;

  }

}



.related-posts .thumb-wrapper {

  width: 40%;

  line-height: 0;

}



.related-posts .thumb-wrapper + .item-content {

  width: 60%;

}



.related-posts .date-cat-wrapper {

  font-size: 13px;

  display: block;

  text-transform: uppercase;

  width: 100%;

}



@media screen and ( min-width: 768px ){

  .related-posts .date-cat-wrapper span {

    margin-right: 8px;

  }

}



.related-posts .meta-counters {

  align-self: flex-end;

  width: 100%;

  margin-top: 10px;

}



.related-posts .meta-counters div:not(.wrapper), .related-posts .meta-counters div:not(.wrapper) {

  display: inline-block;

  margin-right: 10px;

  height: 34px;

  line-height: 34px;

}



.related-posts .meta-counters i, .related-posts .meta-counters i {

  font-size: 18px;

  vertical-align: middle;

  margin: 0 6px 0 0;

}



@media screen and (min-width: 768px) and (-ms-high-contrast:none) {

  .related-posts ul{

    display: flex;

  }



  .related-posts ul li{

    flex-basis: calc( 50% - 15px );

    width: calc( 50% - 15px );

  }



  .related-posts ul li:nth-child(2n){

    margin-left: 30px;

  }



}





@supports (grid-area: auto) {



  .related-posts ul {

    display: grid;

    grid-gap: 2em;

    align-items: start;

    grid-template-columns: 1fr;



  }



  @media screen and ( min-width: 768px ) {

    .related-posts ul {

      grid-template-columns: repeat(2, minmax(300px, 50%));

    }



    .layout-one-col .related-posts ul {

      grid-template-columns: repeat(3, minmax(300px, 50%));

    }



  }



}





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



  .related-posts ul li{

    flex-direction: column;

  }



  .related-posts ul li .thumb-wrapper{

    display: none;

  }



  .related-posts ul li .item-content,

  .related-posts .thumb-wrapper + .item-content

  {

    width: 100%;

  }









}





@media (min-width: 768px) {

  .site-content .related-posts .entry-title.related-posts-title {

    text-align: left;

  }

  .related-posts .item-content {

    text-align: left;

  }

  .related-posts .thumb-wrapper img {

    height: 100%;

    width: 100%;

  }

}



/* Comments */



.comments-area {

  margin: 0 0 4em 0;

  padding: 0;

}



.bypostauthor>article .fn:before {

  margin: 0 -2px 0 2px;

}



.comments-area .comments-title {

  /*text-transform: uppercase;*/

  font-size: 1.3em;

  /*font-weight: 300;*/

  margin: 0 0 1em 0;

  display: block;

  text-align: center;

}



.comments-area .comments-title span {

  /*font-weight: 500;*/

}



.comments-area .comment-reply-title {

  font-size: 1.3em;

  /*font-weight: 300;*/

  position: relative;

  text-align: left;

  margin: 1em 0 0.5em 0;

  /*text-transform: uppercase;*/

}



.comments-area .comment-reply-title span{

  /*font-weight: 500;*/

}



.comments-area .gravatar {

  display: inline-block;

  position: absolute;

  left: 25px;

  top: 30px;

}



.comments-area .gravatar img {

  -webkit-border-radius: 50%;

  border-radius: 50%;

}



.comments-area .comment, .comments-area .pingback {

  margin: 0 0 1em 0;

  padding: 2em 2em 2em 7em;

  position: relative;

  display: block;

  background-color: #fff;

}



.comments-area .comment-meta {

  margin-bottom: 1.333em;

}



.comments-area .comment-author {

  font-size: 1em;

  display: inline-block;

  font-weight: 500;

  margin: 0;

  padding: 0;

}



.comments-area .comment-author a {

  color: inherit;

}



.comments-area .comment-meta-time {

  font-size: 0.800em;

  display: inline-block;

  color: #81858c;

  margin-right: 30px;

}



.comments-area .comment-reply-link, .comments-area .comment-edit-link {

  display: inline-block;

  font-size: 0.800em;

}



.comments-area .comment-reply-link:before {

  display: inline-block;

  content: "\e912";

  font-family: 'chromium';

  font-size: 16px;

  vertical-align: sub;

  padding: 0 5px 0 0;

}



.comments-area .comment-reply-link+.comment-edit-link:before {

  content: '|';

  display: inline-block;

  margin: 0 10px;

}



.comments-area .pingback {

  padding: 2em;

  text-transform: uppercase;

}



.comments-area .pingback a {

  text-transform: none;

}



.comments-area .pingback .comment-meta {

  margin-bottom: 0;

}



.comments-area .pingback .comment-edit-link {

  float: none;

  display: block;

}



.comments-area .comment .comment {

  padding: 20px 0 0 80px;

}



.comments-area .comment .comment .gravatar {

  left: 0;

}



.comments-area .comment .comment .comment-content {

  margin-bottom: 35px;

}



.comments-area .comments-list .comment:first-of-type, .comments-area .comments-list .pingback:first-of-type {

  border: 0;

}



.comments-area .comments-list .comment .child-comments {

  margin: 30px 0 0 -80px;

  padding: 0;

  border-width: 1px 0 0 0;

  border-style: solid;

}



.comments-area .comment-content {

  padding: 0;

  margin: 0;

  -webkit-hyphens: auto;

  -moz-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

  word-wrap: break-word;

}



.comments-area .comments-list {

  margin-bottom: 3em;

}



.comments-area .comment-content p:last-child, .comments-area .comment-content p:last-of-type {

  margin: 0;

}



.comments-area .comment-form {

  margin: 0 -1em 4em -1em;

}



.comments-area .comment-form p {

  padding: 0 1em;

  margin: 0 0 1em 0;

}



.comment-form-cookies-consent input[type="checkbox"]{

  display: inline-block;

  margin-right: 10px;

  vertical-align: middle;

}



.comment-form-cookies-consent label{

  display: inline-block !important;

  vertical-align: middle;

  margin-bottom: 0 !important;

}



.comments-area .comment-form input[type="text"], .comments-area .comment-form input[type="email"], .comments-area .comment-form input[type="url"], .comments-area .comment-form textarea {

  width: 100%;

  background-color: #fff;

}



.comments-area .comment-form p.comment-form-author, .comments-area .comment-form p.comment-form-email, .comments-area .comment-form p.comment-form-url {

  margin: 0 0 2em 0;

}



.comments-area .comment-form p.comment-notes {

  margin-bottom: 2em;

}



.comments-area .comment-form label {

  display: block;

  margin-bottom: 0.5em;

  color: #000;

}



.comments-area .comment-form textarea {

  min-height: 135px;

}



.comments-area .comment-form-comment {

  clear: both;

}



.comments-area small {

  display: inline-block;

  font-size: 12px;

  margin: 0 0 0 25px;

}



.comments-area .pingback .comment-meta, .comments-area .trackback .comment-meta {

  padding: 0;

  text-align: left;

}



.required {

  color: #c0392b;

}



.no-comments {

  text-transform: uppercase;

  font-size: 16px;

  margin: 0;

}



.no-comments i {

  margin-right: 5px;

}



@media (min-width: 768px) {

  .comments-area .comments-title {

    text-align: left;

  }

}



/* Comments navigation */



.comment-numeric-navigation {

  margin: 40px 0;

  text-align: center;

}



.comment-numeric-navigation .loop-pagination {

  margin-top: -5px;

  text-align: center;

}



.comment-numeric-navigation .page-numbers {

  font-size: 13px;

  margin-right: 1px;

  display: inline-block;

  padding: 9px 15px;

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

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  background-clip: padding-box;

}



.comment-numeric-navigation ul.page-numbers {

  border: 0 none;

  padding: 0;

  margin: 0;

}



.comment-numeric-navigation .page-numbers.current {

  border: 1px solid #f8f8f6;

  background: #f8f8f6;

}



.comment-numeric-navigation a {

  color: #151515;

}



.comment-numeric-navigation a:hover, .comment-numeric-navigation a:active, .comment-numeric-navigation a:focus {

  color: #f7972b;

  border: 1px solid #f7972b;

}



.comment-numeric-navigation i {

  font-size: 10px;

}



.comment-numeric-navigation .page-links-title {

  float: left;

  padding: 10px 0;

}



.comment-navigation {

  margin: 40px 0;

  text-align: left;

}



.comment-navigation .prev {

  float: left;

}



.comment-navigation .next {

  float: right;

}



.comment-navigation a {

  font-size: 13px;

  display: inline-block;

  padding: 9px 15px;

  -webkit-transition: color 0.3s ease-in-out;

  -moz-transition: color 0.3s ease-in-out;

  -ms-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

  color: #151515;

}



.comment-navigation a:hover, .comment-navigation a:active, .comment-navigation a:focus {

  color: #f7972b;

}



.comment-navigation i {

  font-size: inherit;

  padding: 0 5px;

}



.comment-navigation:after {

  display: block;

  clear: both;

  content: '';

}



@media (min-width: 768px) {

  .comments-area .comment-meta {

    text-align: left;

  }

  .comments-area .comment-form-author, .comments-area .comment-form-email, .comments-area .comment-form-url {

    width: 33.333%;

    display: inline-block;

    float: left;

  }

  .comments-area .comments-list .comment .child-comments {

    padding: 0px 0 0 40px;

  }

}



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

## Custom Styling for Post Formats

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



/* Gallery Post Format */



article.format-gallery .owl-nav {

  display: block;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



article.format-gallery .owl-carousel .owl-nav div {

  width: 50px;

  height: 100%;

  margin: 0;

}



article.format-gallery .owl-next {

  float: right;

}



article.format-gallery .owl-carousel .owl-nav div+div::before {

  display: none;

}



article.format-gallery .owl-carousel .owl-nav div::after {

  top: 50%;

  color: rgba(255, 255, 255, 0.7);

  font-size: 50px;

  left: auto;

  right: 0;

  margin-top: -37px;

}



article.format-gallery .owl-carousel .owl-nav div:hover::after {

  right: -10px;

  color: rgba(255, 255, 255, 1);

}



article.format-gallery .owl-carousel .owl-nav div.owl-next:after {

  right: auto;

  top: 50%;

  left: -18px;

  width: auto;

  height: 75px;

  line-height: 75px;

}



article.format-gallery .owl-carousel .owl-nav div.owl-next:hover:after {

  left: -28px;

  color: rgba(255, 255, 255, 1);

}



article.format-gallery .carousel-container {

  max-height: 350px;

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-in-out;

  -moz-transition: opacity 0.3s ease-in-out;

  -ms-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}



.blog-grid-posts article.format-gallery .carousel-container {

  max-height: 100%;

  margin-bottom: -9px;

}



/* Video Post format */



article.format-video .thumbnail-wrapper {

  background-color: #000;

  text-align: center;

}



article.format-video .thumbnail-wrapper iframe {

  margin: 0;

}



/* Quote Post Format */



article.format-quote .quote-wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  color: #fff;

  text-align: center;

  background-color: rgba(111, 111, 111, 0.8);

  font-size: 2.2em;

  align-items: center;

  display: flex;

  font-weight: lighter;

  justify-content: center;

}



article.format-quote .quote-wrapper i {

  font-style: normal;

}



article.format-quote .quote-wrapper i::before {

  display: block;

  font-size: 3em;

}



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

# Widgets

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



.widget {

  margin: 0 0 2em;

}



.widget ul, .widget ol {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.widget ul li, .widget ol li {

  margin-bottom: 8px;

}



.widget ul li:last-of-type, .widget ol li:last-of-type {

  margin-bottom: 0;

}



/* Extra styles for widgets on a different pages */



.site-sidebar.style-2 .widget,

.site-sidebar.style-3 .widget {

  background-color: #fff;

  padding: 1.5em 20px;

  margin: 0;

  font-size: 0.933em;

}



.site-sidebar.style-1 .widget {

  background-color: transparent;

  padding: 0;

  margin: 0 0 3em 0;

}



.site-sidebar.style-3 .widget {

  margin: 0 0 35px 0;

  padding: 2em 25px;

}



.widget .widget-title,

.elementor-widget h5 {

  font-size: 1em;

  font-weight: 500;

  margin: 0 0 1.5em 0;

  text-transform: uppercase;

  border-style: solid;

  border-width: 0 0 1px 0;

}



.style-2 .widget .widget-title{

  padding-bottom: 1em;

}



.elementor-widget h5{

  padding: 0 0 10px 0;

}



.site-sidebar.style-1 .widget .widget-title {

  margin: 0 0 2em 0;

  border: 0;

  position: relative;

}



.site-sidebar.style-3 .widget .widget-title{

  padding-bottom: 1em;

}



.site-sidebar.style-1 .widget {

  overflow: hidden;

}



.site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title span{

  display: inline-block;

  position: relative;

  line-height: inherit;

  padding: 0 0 10px 0;

}



.site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title span:after {

  display: block;

  content: '';

  width: 80%;

  position: absolute;

  bottom: -1px;

  left: 0;

  height: 2px;

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

  -ms-transition: width 0.3s ease-out;

  transition: width 0.3s ease-out;

  z-index: 1;

  background-color: #FDB80C;

}



.site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title:before {

  content: '';

  display: block;

  position: absolute;

  bottom: -1px;

  width: 100%;





  left: 0;

  height: 1px;

  border-bottom: 1px solid;

  border-color: #ebebeb;

}



/*.site-sidebar.style-1 .widget:hover .widget-title:after {

  width: 300px;

}*/



.site-sidebar.style-1 .widget .widget-title + *:not(.screen-reader-text),

.site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper {

  width: 100%;

}



.site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper::before {

  top: 5px;

}



.site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper::after {

  top: 12px;

}



.site-sidebar.style-2 .widget.widget_custom_html,

.site-sidebar.style-3 .widget.widget_custom_html {

  padding: 0;

}



.widget_categories ul,

.widget_archive ul,

.widget_pages ul,

.widget_rss ul,

.widget_nav_menu ul{

  padding-left: 1em;

}



.widget_categories ul > li,

.widget_archive ul > li,

.widget_pages ul > li,

.widget_rss ul >li,

.widget_nav_menu ul > li

{

  position: relative;

}



.widget_categories ul li ul,

.widget_archive ul li ul,

.widget_pages ul li ul,

.widget_rss ul li ul,

.widget_nav_menu ul li ul

{

    position: relative;

    margin-left: 1em;

    margin-top: 8px;

}



.widget_categories ul ul ul ul ul ul ul,

.widget_archive ul ul ul ul ul ul ul,

.widget_pages ul ul ul ul ul ul ul,

.widget_rss ul ul ul ul ul ul ul,

.widget_nav_menu ul ul ul ul ul ul ul{

  margin-left: 0;

  padding-left: 0;

}



.widget_categories ul li ul li,

.widget_archive ul li ul li,

.widget_pages ul li ul li,

.widget_rss ul li ul li,

.widget_nav_menu ul li ul li

{

  margin-bottom: 8px;

}



.widget_categories ul li:before,

.widget_archive ul li:before,

.widget_pages ul li:before,

.widget_rss ul li:before,

.widget_nav_menu ul li:before{

  content: "";

  display: block;

  width: 4px;

  height: 4px;

  background-color: #fdb819;

  position: absolute;

  left: -1em;

  top: 10px

}



.widget_rss .rsswidget{

  color: #000;

  display: block;

}



.widget_rss .widget-title .rsswidget{

  display: inline-block;

  vertical-align: middle;

}



.widget_rss .rss-date{

  display: block;

  margin: 0.5em 0;

}



.widget_rss .rss-date:before{

  content: "\e915";

  font-family: chromium;

  display: inline-block;

  margin-right: 1em;

  line-height: inherit;

  font-size: 0.75em;

}



.widget_rss li{

  margin-bottom: 1em !important;

}



.widget_rss cite{

  display: inline-block;

  font-size: 0.85em;

  margin: 0.5rem 0;

  color: #000;

}



.widget_tag_cloud .tagcloud a{

  color: #000;

}



.widget_tz_categories .widget-title:before,

.widget_tz_categories .widget-title span:after

{

  display: none;

}



/* Select Styles */



.site-sidebar .widget select {

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  padding: 0 40px 0 16px;

  box-shadow: none;

  border-radius: 0;

  background-color: #fff;

  background-image: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-family: inherit;

  color: inherit;

  cursor: pointer;

  font-weight: normal;

  width: 100%;

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

  transition: color 0.3s ease-out;

}



/* Search Widget */



.widget_product_search label,

.widget_search label {

  width: 100%;

  margin-bottom: 0;

}



.widget_product_search .woocommerce-product-search,

.widget_search .search-form {

  width: 100%;

  display: inline-block;

  position: relative;

}



.widget_product_search .woocommerce-product-search::before,

.widget_search .search-form::before {

  display: inline-block;

  position: absolute;

  content: '\e93e';

  font-family: 'chromium';

  right: 10px;

  font-size: 22px;

  top: 3px;

}



.widget_product_search .search-field,

.widget_search .search-field {

  display: inline-block;

  width: 100%;

  padding: 0 50px 0 10px;

  background-color: #fff;

}



.widget_product_search .search-field,

#sidebar-blog .widget_search .search-field{

  height: 47px;

  padding: 3px 50px 3px 10px;

}



.widget_product_search button,

#sidebar-blog .widget_search .search-submit{

  height: 47px;

}



.widget_product_search button::before,

#sidebar-blog  .widget_search .search-form::before{

  right: 15px;

  top: 7px;

}



.widget_product_search button,

.widget_search .search-submit{

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;

  padding: 0;

  text-indent: 100%;

  overflow: hidden;

  width: 40px;

  background-color: transparent

}





.widget_product_search button:hover,

.widget_product_search button:focus,

.widget_product_search button:active,

.widget_search .search-submit:hover,

.widget_search .search-submit:focus,

.widget_search .search-submit:active {

  background-color: transparent

}



/* Calendar widget */



.widget_calendar {

  font-weight: 400;

}



.widget_calendar caption {

  padding: .5em 0;

  font-size: 14px;

  font-weight: normal;

  text-align: center;

}



table#wp-calendar {

  border: 0;

  margin: 0;

}



.widget_calendar thead {

  background: transparent;

  color: black;

}



.widget_calendar td {

  text-align: center;

  background: white;

  padding: 8px 0;

  border: 3px solid #f6f6f6;

  font-size: 12px;

}



.widget_calendar th {

  border: none;

  text-align: center;

  font-weight: 500;

}



.widget_calendar .pad {

  background: transparent;

}



.widget_calendar #prev, .widget_calendar #next {

  background-color: transparent;

  text-align: left;

  text-transform: uppercase;

}



.widget_calendar #next {

  text-align: right;

}



/* Default WP widgets */



.widget_categories ul li, .widget_archive ul li {

  text-align: right;

}



.widget_categories .count, .widget_archive .count {

  font-size: 12px;

  background-color: #fff;

  padding: 3px 6px 2px 6px;

  border-radius: 3px;

}



.widget_categories ul li a, .widget_archive ul li a {

  text-align: left;

  float: left;

  display: block;

  max-width: 80%;

}



.widget_categories ul li:after, .widget_archive ul li:after {

  display: table;

  content: '';

  clear: both;

}



/* Addditional icons for default widgets */



/*.widget_recent_entries li:before, .widget_recent_comments li:before, .widget_archive li:before {

  display: inline-block;

  font-family: 'chromium';

  font-size: 20px;

  height: 24px;

  vertical-align: middle;

  line-height: 22px;

  padding-right: 5px;

}*/



/*.widget_recent_entries li:before {

  content: '\e931';

}



.widget_recent_comments li:before {

  content: '\e923';

}



.widget_archive li:before {

  content: '\e930';

  float: left;

}*/





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

## Footer

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



/* Footer Widgets */



.footer-widgets {

  margin: 0 auto;

  padding: 0;

}



@media screen and (min-width: 1024px) and (-ms-high-contrast:none) {

  .footer-widgets{

    display: flex;

  }



  .footer-widgets .widget-area.col-1,

  .footer-widgets .widget-area.col-4{

    width: calc(30% - 23px);

  }



  .footer-widgets .widget-area.col-2,

  .footer-widgets .widget-area.col-3{

    width: calc(20% - 23px);

  }



  .footer-widgets .widget-area.col-1,

  .footer-widgets .widget-area.col-2,

  .footer-widgets .widget-area.col-3{

    margin-right: 30px;

  }



  .footer-widgets .widget-area.col-4{

    margin-right: 0;

  }



}



.footer-widgets .widget-area {

  padding: 2.143em 0;

  text-align: center;

  vertical-align: middle;

}



.footer-widgets .widget-area .widget {

  display: block;

  margin: 0 0 2em 0;

  padding: 0;

  background-color: transparent;

  vertical-align: middle;

}



.footer-widgets .widget-area .widget + .widget {

	margin-top: 50px;

}



.footer-widgets .widget-area .widget .widget-title {

  font-size: 1em;

  font-weight: 500;

  margin: 0 0 1em 0;

  padding: 0;

  text-transform: uppercase;

  border: 0;

}



.footer-widgets .widget-area .widget_text p {

  margin: 0;

}



.site-info {

  margin: 0 auto;

  padding: 1em 0;

  text-align: center;

  font-size: 12px;

}



@media screen and (min-width: 768px) {

  .footer-widgets {

    display: flex;

    align-items: start;

    padding: 4em 0 0 0;

  }

  .footer-widgets .widget-area {

    flex-grow: 1;

    text-align: left;

  }

  .site-info {

    text-align: left;

    padding: 2em 0;

  }

  .footer-widgets + .site-info {

    padding: 1em 0 4em 0;

  }

  @supports (grid-area: auto) {

    .footer-widgets {

      display: grid;

      grid-template-columns: repeat(12, 1fr);

      grid-template-rows: auto;

      grid-column-gap: 2em;

    }

    .footer-widgets .widget-area.col-1, .footer-widgets .widget-area.col-4 {

      grid-column: span 4;

    }

    .footer-widgets .widget-area.col-2, .footer-widgets .widget-area.col-3 {

      grid-column: span 2;

    }

  }

}



@media (min-width: 1200px) {

  .site-boxed .footer-widgets, .site-boxed .site-info {

    max-width: 1170px;

  }

}



.footer-widgets .widget_calendar .calendar_wrap td{

 border-color: transparent !important;

  color: #fff;

  background-color: transparent;

}



.footer-widgets .widget_calendar .calendar_wrap th,

.footer-widgets .widget_calendar .calendar_wrap caption

{

  color: #fff;

}



.footer-widgets select,

.footer-widgets input[type=text],

.footer-widgets textarea

{

  max-width: 100%;

}



.footer-widgets .widget-title a{

  color: inherit;

}



.footer-widgets .rsswidget,

.footer-widgets cite{

  color: #fff;

}

.footer-widgets .widget_tag_cloud .tagcloud a{

  color: #fff;

}



/* Mail Chimp Widget Styles */



.widget_mailchimpsf_widget .mc_form_inside {

  width: 100%;

  position: relative;

  margin: 22px 0 0 0;

}



.widget_mailchimpsf_widget input:not(.button) {

  width: 100%;

  margin-bottom: 10px;

  border-radius: 0;

  background-color: transparent !important;

  padding: 0 60px 0 10px;

}



.widget_mailchimpsf_widget input.button {

  text-indent: 200%;

  width: 50px;

  border-radius: 0;

  background-color: transparent !important;

  overflow: hidden;

  padding: 0;

  z-index: 1;

  position: relative;

}



.widget_mailchimpsf_widget input:not(.button) {

  border-color: #626b72;

}



.widget_mailchimpsf_widget .mc_signup_submit::before {

  content: '\e904';

  font-family: 'chromium';

  display: inline-block;

  position: absolute;

  top: 2px;

  right: 14px;

  font-size: 24px;

  color: #fff;

}



.widget_mailchimpsf_widget .mc_signup_submit {

  display: inline-block;

  position: absolute;

  top: 0;

  right: 0;

  -webkit-transition: background-color 0.3s ease-out;

  transition: background-color 0.3s ease-out;

}



.widget_mailchimpsf_widget .mc_merge_var label {

  display: none;

}



/*------ Static Page ----------*/



.page:not(.elementor-page) article.page{

  background-color: #fff;

  padding: 30px;

  margin-bottom: 2em;

}



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

# Media

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



.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */



embed, iframe:not(.fb_customer_chat_bounce_in_v2), object {

  max-width: 100%;

}



/* Galleries */



.gallery {

  margin: 1.5em 0;

}



.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

}



.gallery-item .gallery-icon {

  overflow: hidden;

}



.gallery-item img {

  display: block;

}



.gallery-item a {

  display: inline-block;

  border-bottom: none;

  position: relative;

}



.gallery-item a:hover, .gallery-item a:focus {

  border-bottom: none;

  box-shadow: none;

}



.gallery-columns-2 .gallery-item {

  max-width: 50%;

}



.gallery-columns-3 .gallery-item {

  max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

  max-width: 25%;

}



.gallery-columns-5 .gallery-item {

  max-width: 20%;

}



.gallery-columns-6 .gallery-item {

  max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

  max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

  max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

  max-width: 11.11%;

}



.gallery-caption {

  display: block;

  margin: 0;

  border: none;

}



@supports (grid-area: auto) {

  #chromium-gallery, .gallery {

    display: grid;

  }

  .gallery {

    grid-row-gap: 1em;

    grid-column-gap: 1em;

  }

  .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {

    max-width: 100%;

  }

  .gallery-columns-2 {

    grid-template-columns: repeat(2, 1fr);

  }

  .gallery-columns-3 {

    grid-template-columns: repeat(3, 1fr);

  }

  .gallery-columns-4 {

    grid-template-columns: repeat(4, 1fr);

  }

  .gallery-columns-5 {

    grid-template-columns: repeat(5, 1fr);

  }

  .gallery-columns-6 {

    grid-template-columns: repeat(6, 1fr);

  }

  .gallery-columns-7 {

    grid-template-columns: repeat(7, 1fr);

  }

  .gallery-columns-8 {

    grid-template-columns: repeat(8, 1fr);

  }

  .gallery-columns-9 {

    grid-template-columns: repeat(9, 1fr);

  }

}



/* Caption Animation */



figure.gallery-item {

  overflow: hidden;

  position: relative;

}



figure.gallery-item img {

  width: 100%;

  -ms-transition: -webkit-transform 0.35s ease-out, border-color 0.35s ease-out;

  -webkit-transition: -webkit-transform 0.35s, border-color 0.35s ease-out;

  transition: transform 0.35s;

  -webkit-transform: translateZ(0);

  -ms-transform: scale(1, 1);

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

  transform: scale(1, 1);

  max-width: 100%;

}



figure.gallery-item figcaption.wp-caption-text {

  position: absolute;

  z-index: 1;

  left: 10px;

  top: 10px;

  margin: 0;

  padding: 10px;

  opacity: 0;

  width: 100%;

  height: 100%;

  max-width: calc(100% - 20px);

  line-height: 1.5;

  max-height: calc(100% - 20px);

  display: inline-block;

  -ms-transition: opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: opacity 0.3s, transform 0.3s;

  -webkit-transform: translateZ(0);

  -ms-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

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

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  overflow-y: hidden;

  color: #fff;

}



figure.gallery-item:hover img {

  -ms-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}



figure.gallery-item:hover figcaption {

  opacity: 1;

  -ms-transform: scale(1, 1);

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

  transform: scale(1, 1);

}



.wp-caption {

  display: inline-block;

  margin: 0;

  position: relative;

  overflow: hidden;

  max-width: 100%;

}



.wp-caption img {

  display: inline-block;

  margin: 0;

  -webkit-transition: -webkit-transform 0.35s;

  transition: transform 0.35s ease;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  transform: translate3d(0, 0, 0);

}



.wp-caption p:empty{

  display: none;

}





.wp-caption > a{

  display: inline;

}



.wp-caption-text:not(.gallery-caption) {

  font-size: 14px;

  font-style: normal;

  text-transform: uppercase;

  margin: 0;

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 0 10px;

  opacity: 0;

  height: 40px;

  line-height: 40px;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

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

  transform: translate3d(0, 40px, 0);

  display: block;

  width: 100%;

  text-align: center;

}



.wp-caption:hover > img,

.wp-caption:hover > a >img

{

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

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

}



.wp-caption:hover .wp-caption-text:not(.gallery-caption) {

  opacity: 1;

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

  transform: translate3d(0, 0, 0);

}



.wp-caption:hover .wp-caption-text:not(.gallery-caption) a:hover {

  color: inherit;

}



/* Gallery page template styles */



#chromium-gallery .gallery-icon {

  overflow: hidden;

}



#chromium-gallery {

  transition: height 0.3s ease-out;

  margin-bottom: 6em;

}



#chromium-gallery .gallery-item {

  position: relative;

}



#chromium-gallery figure.gallery-item img {

  width: 100%;

  border-style: solid;

  border-width: 0;

  padding: 0;

  border-color: #fff;

}



#chromium-gallery figure.gallery-item:hover figure.gallery-item img {

  border-width: 1px;

}



#chromium-gallery .gallery-item-description {

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  padding: 1em;

  opacity: 0;

  width: 100%;

  line-height: 1.5;

  height: 100%;

  -ms-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;

  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;

  transition: opacity 0.3s ease-out, transform 0.3s ease-out;

  -ms-transform: scale(.8, .8);

  -webkit-transform: scale(.8, .8);

  transform: scale(.8, .8);

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

  display: flex;

  justify-content: flex-end;

  align-items: flex-end;

}



#chromium-gallery figure.gallery-item:hover .gallery-item-description {

  opacity: 1;

  -ms-transform: scale(1, 1);

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

  transform: scale(1, 1);

}



#chromium-gallery .gallery-item-description a {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 42px;

  border: 1px solid rgba(255, 255, 255, 0.6);

  color: rgba(255, 255, 255, 0.6);

  text-align: center;

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

  -moz-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  margin: 0 3px;

  font-size: 16px;

  float: left;

  opacity: 0;

}



#chromium-gallery .gallery-item-description a i:before {

  color: rgba(255, 255, 255, 0.6);

  transition: none;

}



#chromium-gallery .gallery-item-description a:hover, #chromium-gallery .gallery-item-description a:focus, #chromium-gallery .gallery-item-description a:active {

  border: 1px solid rgba(255, 255, 255, 1);

  color: rgba(255, 255, 255, 1);

}



#chromium-gallery .gallery-item-description a:hover i:before, #chromium-gallery .gallery-item-description a:focus i:before, #chromium-gallery .gallery-item-description a:active i:before {

  color: rgba(255, 255, 255, 1);

}



#chromium-gallery .gallery-item-description h3 {

  font-size: 14px;

  color: #fff;

  font-weight: normal;

  margin: 0;

  max-width: -webkit-calc(100% - 92px);

  max-width: calc(100% - 92px);

  text-align: left;

  padding-right: 1em;

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

  -moz-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  opacity: 0;

}



#chromium-gallery .btns-wrapper {

  width: 92px;

  margin: 0;

}



#chromium-gallery figure.gallery-item:hover .gallery-item-description h3 {

  opacity: 1;

  -webkit-transition-delay: 0.25s;

  transition-delay: 0.25s;

}



#chromium-gallery figure.gallery-item:hover .gallery-item-description a.link-to-post {

  opacity: 1;

  -webkit-transition-delay: 0.45s;

  transition-delay: 0.45s;

}



#chromium-gallery figure.gallery-item:hover .gallery-item-description a.quick-view {

  opacity: 1;

  -webkit-transition-delay: 0.65s;

  transition-delay: 0.65s;

}



.filters-wrapper ul {

  margin: 0 0 2em 0;

  list-style: none;

  padding: 0;

}



.filters-wrapper li {

  display: inline-block;

  margin: 0 1em 1em 0;

  list-style: none;

  height: 30px;

  line-height: 30px;

  padding: 0 1em;

  cursor: pointer;

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

  -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;

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

  border-radius: 3px;

}



/* Single Attachment Page */



article.attachment {

  margin-bottom: 4em;

  background-color: #fff;

}



article.attachment .attachment-img {

  text-align: center;

  max-width: 55%;

  float: left;

  margin: 2em 2em 3em 2em;

}



article.attachment .entry-header {

  padding: 2em 2em 0 0;

  margin: 0 0 1em 0;

}



article.attachment .entry-content, article.attachment .entry-data {

  padding: 0 2em 0 0;

}



article.attachment .time-wrapper {

  display: inline-block;

}



article.attachment .entry-title {

  font-size: 1.467em;

  font-weight: 500;

  text-transform: uppercase;

  margin: 0;

  line-height: 1.2;

  word-wrap: break-word;

}



article.attachment .attachment-img img {

  display: block;

  margin: 0 auto;

}



article.attachment div.attachment-description {

  float: none;

  overflow: hidden;

  margin-bottom: 3em;

}



article.attachment footer.entry-meta {

  display: block;

  clear: both;

}



article.attachment .entry-caption, article.attachment .entry-description {

  margin-bottom: 2em;

}



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

# Magnific Pop-Up Styles

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



.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  opacity: 1;

  background-color: rgba(246, 246, 246, 0.8) !important;

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 15px;

  box-sizing: border-box;

}



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

  padding: 0;

  max-width: 100%;

}



.mfp-figure figure {

  margin: 0 auto;

  max-height: 100%;

  max-width: -webkit-calc(100% - 60px);

  max-width: calc(100% - 60px);

}



.mfp-figure:after {

  display: none;

}



img.mfp-img {

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 30px 30px 40px 30px;

  margin: 0;

  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #e1e1e1, 0 0 6px rgba(0, 0, 0, 0.2);

  background-color: #fff;

}



.mfp-bottom-bar {

  margin-top: -30px;

  position: absolute;

  top: 100%;

  left: 60px;

  width: 100%;

  max-width: -webkit-calc(100% - 120px);

  max-width: calc(100% - 120px);

  cursor: auto;

}



.mfp-title {

  color: #767676;

  text-align: left;

  line-height: 18px;

  word-wrap: break-word;

  padding-right: 36px;

}



.mfp-figure {

  line-height: 0;

  cursor: pointer;

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;

  color: #767676;

}



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.mfp-loading.mfp-figure {

  display: none;

}



.mfp-hide {

  display: none !important;

}



.mfp-preloader {

  color: rgba(0, 0, 0, 0.45);

  text-indent: -99999em;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -20px;

  margin-top: -20px;

  z-index: 1044;

  width: 40px;

  height: 40px;

}



.mfp-preloader:after {

  position: absolute;

  top: 1px;

  right: auto;

  left: 50%;

  margin: 0 0 0 -10px;

  font-size: 20px;

  text-indent: 0;

  content: "\e901";

  font-family: 'chromium';

  -webkit-animation: loader-spin 2s infinite linear;

  animation: loader-spin 2s infinite linear;

}



@-webkit-keyframes loader-spin {

  0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

  }

  100% {

      -webkit-transform: rotate(359deg);

      transform: rotate(359deg);

  }

}



@keyframes loader--spin {

  0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

  }

  100% {

      -webkit-transform: rotate(359deg);

      transform: rotate(359deg);

  }

}



.mfp-s-ready .mfp-preloader {

  display: none;

}



.mfp-s-error .mfp-content {

  display: none;

}



button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation;

}



button.mfp-close:hover, button.mfp-arrow:hover, button.mfp-close:focus, button.mfp-arrow:focus, button.mfp-close:active, button.mfp-arrow:active {

  background: transparent;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.mfp-image-holder .mfp-close {

  color: rgba(0, 0, 0, 0.5);

  right: 33px;

  text-align: center;

  padding-right: 0;

  width: 30px;

  height: 30px;

  line-height: 30px;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

  left: auto;

  top: 3px;

  position: absolute;

  background: transparent;

}



.mfp-close:hover, .mfp-close:focus {

  color: rgba(0, 0, 0, 1);

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #767676;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;

}



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:hover, .mfp-arrow:focus {

  opacity: 1;

}



.mfp-arrow:before, .mfp-arrow:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}



.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}



.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}



.mfp-arrow-left {

  left: 0;

}



.mfp-arrow-left:after {

  border-right: 17px solid #FFF;

  margin-left: 31px;

}



.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F;

}



.mfp-arrow-right {

  right: 0;

}



.mfp-arrow-right:after {

  border-left: 17px solid #FFF;

  margin-left: 39px;

}



.mfp-arrow-right:before {

  border-left: 27px solid #3F3F3F;

}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }

  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;

  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;

  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0;

  }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%;

  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}



.mfp-zoom-in .mfp-with-anim {

  opacity: 0;

  transition: all 0.2s ease-in-out;

  transform: scale(0.8);

}



.mfp-zoom-in.mfp-bg {

  opacity: 0;

  transition: all 0.3s ease-out;

}



.mfp-zoom-in.mfp-ready .mfp-with-anim {

  opacity: 1;

  transform: scale(1);

}



.mfp-zoom-in.mfp-ready.mfp-bg {

  opacity: 0.8;

}



.mfp-zoom-in.mfp-removing .mfp-with-anim {

  transform: scale(0.8);

  opacity: 0;

}



.mfp-zoom-in.mfp-removing.mfp-bg {

  opacity: 0;

}



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

# Extra Styles

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



/* Call Me Box Styles */



.info-message-icon .widget-heading {

  display: flex;

  align-items: center;

  height: 40px;

  flex-wrap: wrap;

  font-size: 13px;

  max-width: 130px;

}



.info-message-icon i.logo-widget {

  display: block;

  float: left;

  color: #fdb819;

  font-size: 28px;

  height: 40px;

  margin: 0 10px 0 0;

}



.info-message-icon i.logo-widget::before {

  line-height: 40px;

}



.info-message-icon .logo-call-me {

  font-size: 15px;

  font-weight: 500;

  color: #262626;

  display: block;

  align-self: flex-end;

  white-space: nowrap;

  position: relative;

  width: 75%;

  text-align: left;

}



/* Icon Overrides for TZ Feature Pack */



.title-wrapper .slider-navi span::after, .owl-carousel .owl-nav div::after, .tab-pane .slider-navi span::after, .tz-sales-carousel .slider-prev:before, .tz-testimonials .slider-prev:before {

  content: '\e92a';

  font-family: 'chromium';

}



.tz-sales-carousel .slider-next::before, .title-wrapper .slider-navi .next::after, .owl-carousel .owl-nav div.owl-next::after, .tab-pane .slider-navi .next:after, .tz-testimonials .slider-next:before, .title-wrapper .slider-navi .slider-next:after {

  content: '\e90b';

  font-family: 'chromium';

}



.tz-product-tabs.style-2 .tab-pane .slider-navi span::after, .tz-from-blog.style-2 .title-wrapper .slider-navi span::after, .tz-categories-grid.with-slider .title-wrapper .slider-navi span:after {

  content: '\e938';

  font-family: 'chromium';

}



.tz-product-tabs.style-2 .tab-pane .slider-navi .next::after, .tz-from-blog.style-2 .title-wrapper .slider-navi .slider-next::after, .tz-categories-grid.with-slider .title-wrapper .slider-navi span.slider-next::after {

  content: '\e939';

  font-family: 'chromium';

}



.ajax-auth p::after {

  font-family: 'chromium';

  right: 10px;

  font-size: 22px;

  top: 4px;

}



.ajax-auth p.username::after {

  content: '\e90c';

}



.ajax-auth p.password::after {

  content: '\e910';

}



.ajax-auth p.email::after {

  content: '\e914';

}



.likes-counter .icon-heart::before {

  font-family: 'chromium';

  content: '\e93c';

  font-style: normal;

}



.posts-list .icon-comments::before, .posts-list .icon-eye::before, .tz-shares_counter .share-icon::before {

  font-family: 'chromium';

  font-style: normal;

}



.posts-list .icon-comments::before {

  content: "\e923";

}



.posts-list .icon-eye::before {

  content: "\e928";

}



.tz-login-heading .log-out::after {

  display: inline-block;

  font-family: 'chromium';

  content: "\e91b";

  vertical-align: middle;

  padding: 0 0 0 2px;

}



.tz-login-heading .user-icon::before {

  font-family: 'chromium';

  content: "\e93b";

}



.tz-shares_counter .share-icon::before {

  content: "\e921";

}



.widget_tz_shopping_cart.hovered .heading:before {

  content: '\e92f';

}



@media (min-width: 768px) {

  .widget_tz_shopping_cart.hovered .heading:before {

    content: '\e93a';

  }

}



/* Contact Form 7 extra styles */



.wpcf7-form p {

  padding: 0;

  margin: 0 0 1.3em;

}



.wpcf7-form label {

  display: block;

  font-size: 0.933em;

  margin-bottom: 5px;

}



.wpcf7-form input:not(.wpcf7-submit) {

  width: 100%;

  max-width: 100%;

}



.wpcf7-form .form-row-first, .wpcf7-form .form-row-last {

  display: block;

  width: 48%;

  float: right;

}



.wpcf7-form .form-row-first {

  float: left;

}



.wpcf7-form .form-row-wide {

  clear: both;

}



/* TM Wishlist Page Styles */



.tm-woowishlist {

  margin: 0 0 6em 0;

}



.tm-woowishlist .row {

  display: flex;

  flex-wrap: wrap;

}



.tm-woowishlist .row>div {

  margin: 0 0 30px 0;

}



.tm-woowishlist-item {

  position: relative;

  margin: 0;

  height: 100%;

  background-color: #fff;

  padding: 1em;

}



/* TM Compare List Page Styles */



.tm-woocompare-list {

  padding: 2em;

  background-color: #fff;

  margin: 0 0 6em 0;

}



.tm-woocompare-table.tablesaw {

  min-width: 0;

  border-style: solid;

  border-width: 1px 0 1px 1px;

  border-color: #f6f6f6;

}



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



  .tm-woocompare-list{

    padding: 0;

  }



  .tm-woocompare-table{

    display: flex;

    flex-direction: column;

  }



  .tm-woocompare-table td, .tm-woocompare-table th{

    display: block;

  }

}



.entry-content table.tablesaw tbody th.tm-woocompare-heading-cell {

  text-align: left;

  font-weight: 500;

}



.entry-content .tm-woocompare-heading-cell {

  width: 150px;

}



.entry-content .tablesaw th, .entry-content .tablesaw td {

  border-right: 1px solid #f6f6f6 !important;

  text-align: center;

}



.tm-woocompare-row {

  background: rgba(0, 0, 0, 0.01);

}



.tm-woocompare-cell {

  background: transparent;

}



.tm-woocompare-cell .price {

  font-size: 18px;

  font-weight: 500;

}



.tm-woocompare-cell .price del {

  font-size: 75%;

  font-weight: normal;

}



/* Ajax Product Search Styles */



.site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {

  border-style: solid;

  border-width: 1px;

  border-radius: 3px;

  -webkit-transition: box-shadow 0.3s ease-out;

  transition: box-shadow 0.3s ease-out;

  height: 40px;

  width: 100%;

  max-width: 100%;

  float: left;

  padding-right: 85px;

  box-shadow: none;

}



.site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {

  outline: 0;

  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);

  background-color: #fff;

}



.site .dgwt-wcas-sf-wrapp .amount {

  display: block;

}



.site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder {

  font-style: normal;

  font-size: 14px;

  color: #000;

}



.site .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit, .site .dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp, .site .dgwt-wcas-open .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {

  border-radius: 0 2px 2px 0;

  height: 40px;

  margin-left: 0;

  font-size: 12px;

  text-shadow: none;

}



.site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input, .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:hover, .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:focus {

  border-color: #bec8ce;

  background-color: #fff;

}



.site .dgwt-wcas-sf-wrapp {

  background-color: transparent;

  white-space: nowrap;

}



.site .dgwt-wcas-pd-rating {

  margin-top: 5px;

}



.site .dgwt-wcas-details-right .dgwt-wcas-details-wrapp {

  border-width: 1px 1px 1px 0;

  border-radius: 0;

  border-top-style: solid;

}



.site .dgwt-wcas-details-title-tax {

  font-weight: 500;

  letter-spacing: 0px;

}



.site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {

  border: 0;

}



.site .dgwt-wcas-ico-loupe {

  height: 48%;

}



.site .dgwt-wcas-si {

  position: relative;

  left: auto;

  top: auto;

  width: 50px;

  height: 50px;

  min-height: auto;

  margin-left: 10px;

}



.site .dgwt-wcas-has-img .dgwt-wcas-suggestion {

  flex-direction: row;

  justify-content: space-between;

  padding: 8px 0;

  align-items: center;

  min-height: auto;

}



.site .dgwt-wcas-is-details .dgwt-wcas-content-wrapp,

.site .dgwt-wcas-content-wrapp {

  padding-left: 0;

  display: flex;

  align-items: center;

}



.site .dgwt-wcas-sp del {

  text-align: left;

  display: block;

}



.site .dgwt-wcas-is-details .dgwt-wcas-sd {

  color: #626262;

  font-size: 11px;

  line-height: 100%;

  padding: 0 80px 0 10px;

}



.site .dgwt-wcas-is-details .dgwt-wcas-si img {

  width: 50px;

  max-width: 100%;

}



.site .dgwt-wcas-sp .amount {

	display: block;

}



.site .dgwt-wcas-sp {

  position: relative;

  right: auto;

  top: auto;

  line-height: 1;

	margin: 0 10px;

}



.site .dgwt-wcas-has-img .dgwt-wcas-sp,

.site .dgwt-wcas-has-desc .dgwt-wcas-sp {

  top: auto;

}



.site .dgwt-wcas-has-price .dgwt-wcas-st {

  padding-right: 0;

}



.site .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:last-of-type {

  border-bottom: 0;

}



.site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input,

.site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:hover,

.site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:focus {

  border: 0;

}



.site .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp,

.site .dgwt-wcas-full-width .dgwt-wcas-details-wrapp {

  border-radius: 0 0 0 2px;

}



.site .dgwt-wcas-full-width .dgwt-wcas-details-wrapp {

  max-width: 300px;

}



.site .elementor-widget-container .dgwt-wcas-suggestions-wrapp,

.site .elementor-widget-container .dgwt-wcas-details-wrapp {

  border-top-style: solid;

  border-top-width: 1px;

}



.site .dgwt-wcas-search-wrapp {

  max-width: 100%;

  float: left;

}



.site .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover {

    opacity: 1;

}



/* To top button */



.to-top {

  display: inline-block;

  height: 40px;

  line-height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  background-color: #f6f6f6;

  opacity: 0;

  visibility: hidden;

  font-size: 20px;

  text-align: center;

  color: #212121;

  border: 2px solid #212121;

  border-radius: 3px;

  -webkit-transition: all .3s ease-out;

  -moz-transition: all .3s ease-out;

  transition: all .3s ease-out;

  z-index: 999;

}



.to-top i:before {

  color: #212121;

}



.to-top:hover {

  background-color: #212121;

  color: #fff;

}



.to-top:hover i:before {

  color: #fff;

}



.to-top.top-is-visible {

  opacity: 1;

  visibility: visible;

}



.to-top.top-fade-out {

  opacity: .6;

}



.no-touch .to-top:hover {

  background-color: #e1e1e1;

  opacity: 1;

}



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

    .to-top {

        right: 20px;

        bottom: 20px;

    }

}



@media screen and (min-width: 1024px) {

    .to-top {

        height: 60px;

        line-height: 60px;

        width: 60px;

        right: 30px;

        bottom: 30px;

    }

}



/* Extra styles for mobile devices */



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

  .hgroup-sidebar .dgwt-wcas-search-wrapp {

    min-width: 400px;

  }

}



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

  .hgroup-sidebar .dgwt-wcas-details-wrapp {

    display: none !important;

  }

  .hgroup-sidebar .tz-login-heading:not(.clickable) {

    width: 100vw;

    margin: 0 0 1em -1.5em;

  }

  .hgroup-sidebar .tz-login-heading:not(.clickable) p {

    float: none;

    text-align: center;

  }

  .widget_tz_login_register+.widget:before {

    display: none;

  }

}



.alignleft {

	text-align: left;

	float: left;

}



.alignleft .elementor-counter .elementor-counter-number-prefix {

  display: none;

}



.chromium-title .elementor-heading-title {

  text-transform: uppercase;

  font-weight: 300 !important;

}



.chromium-title .elementor-heading-title span {

  font-weight: 500 !important;

}



.chromium-icon-menu-bold {

	position: relative;

}



.chromium-icon-menu-bold:before {

	position: relative;

	top: 2px;

}
ul.dotted-list {
    list-style: none;
    padding:0 0 0 15px;
}
ul.dotted-list li {position:relative;    margin-bottom: 8px;}
ul.dotted-list li:before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #ee1c24;
    position: absolute;
    left: -1em;
    top: 10px;}

/* Extra styles for front-page banners */

ul.custom-attributes {
    line-height: normal;
    list-style: none;
    padding: 0;
}

ul.custom-attributes li {
    margin-bottom: 10px !important;
    background: none;
    box-shadow: 0 0 0 !important;
}

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

  .responsive-banners .elementor-column.elementor-col-25, .responsive-banners .elementor-column[data-col="25"] {

    width: 33.33%;

	}

	.responsive-banners .elementor-column.hidden-xs-sm-md {

    width: 0;

		display: none;

	}

}



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

  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),

  .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){

    float: none !important;

  }

}



.widget_tz_pay_icons img{

  max-width: 55px !important;

}



@media screen and (min-width: 768px) {

  .tz-sales-carousel .owl-dots {

    margin: 0 !important;

    transform: translateY(-10px);

  }

}