@charset "UTF-8";
/*
Theme Name: Chromium
Theme URI: http://chromium.themes.zone/
Author: Themes Zone
Author URI: https://themes.zone
Description: Premium Auto Part Shop WooCommerce Theme.
Version: 1.4.1
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
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## 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;
  }

  [class*="elementor_library-template"] .site {
      display: block;
      flex-wrap: wrap;
  }

}

.site-header {
  /* margin: 0 0 2em 0;  (ORIGINAL)*/ 
  background-color: #fff;
  flex-basis: 100%;
  width: 100%;
}

.chromium-look-tires:not(.home) .site-header{
  background-color: #ffffff;
  background-image: none;
}

.site-header:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  content: '';
  display: block;
}

.site-content {
  /* padding: 0 1em; */
  padding: 0 10px;
  width: 100%;
  max-width: 100%;
 /* margin-bottom: 4em;*/
}

@media screen and (min-width: 1024px) {
  .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 10px;
}

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


#wcfm-main-content{
  width: 1600px;
}


  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .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: 1fr 1fr 1fr;

      grid-template-rows: 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, .elementor-location-header {
      grid-area: header;
    }
    .site-content,
    #wcfm-main-content,
    #main{
      grid-area: content;
    }

    .elementor-location-single .elementor-section-wrap{
      display: contents;
      position: relative;
    }

    .site-sidebar, #side {
      grid-area: sidebar;
    }
    .site-footer, .elementor-location-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: 1025px) and (max-width: 1200px) {
    .site-boxed .site {
      grid-template-columns:1fr repeat(4, minmax(100px, 300px)) 1fr;
      grid-template-rows: auto;
      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";
    }r
    .site-boxed.layout-two-col-left .site {
      grid-template-columns: 1fr repeat(4, 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 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 . " " 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 ";
    }

    .blog.blog-grid-posts.layout-two-col-right.site-boxed .site {
      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content sidebar . " " footer footer footer footer footer footer ";
    }

    .blog.blog-grid-posts.layout-two-col-left.site-boxed .site {
      grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . sidebar content content sidebar . " " footer footer footer footer footer footer ";
    }

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

      max-width: 900px !important;
      display: block !important;

    }

    .blog.blog-grid-posts.layout-two-col-left.site-boxed .site .site-content article,
    .blog.blog-grid-posts.layout-two-col-right.site-boxed .site .site-content article{
      display: inline-block;
      vertical-align: top;
      margin-right: 30px !important;
    }


    .blog.blog-grid-posts.col-3.layout-two-col-left.site-boxed .site .site-content article,
    .blog.blog-grid-posts.col-3.layout-two-col-right.site-boxed .site .site-content article{
      width: calc(33.3% - 23px);
      max-width: calc(33.3% - 23px);
    }

    .blog.blog-grid-posts.col-2.layout-two-col-left.site-boxed .site .site-content article,
    .blog.blog-grid-posts.col-2.layout-two-col-right.site-boxed .site .site-content article{
      width: calc(50% - 17px);
      max-width: calc(50% - 17px);
    }

    .blog.blog-grid-posts.col-4.layout-two-col-left.site-boxed .site .site-content article,
    .blog.blog-grid-posts.col-4.layout-two-col-right.site-boxed .site .site-content article{
      width: calc(25% - 26px);
      max-width: calc(25% - 26px);
    }

    .blog.blog-grid-posts.col-4.layout-two-col-left.site-boxed .site .site-content article:nth-of-type(4n+4),
    .blog.blog-grid-posts.col-4.layout-two-col-right.site-boxed .site .site-content article:nth-of-type(4n+4),
    .blog.blog-grid-posts.col-3.layout-two-col-left.site-boxed .site .site-content article:nth-of-type(3n+3),
    .blog.blog-grid-posts.col-3.layout-two-col-right.site-boxed .site .site-content article:nth-of-type(3n+3),
    .blog.blog-grid-posts.col-2.layout-two-col-left.site-boxed .site .site-content article:nth-of-type(2n),
    .blog.blog-grid-posts.col-2.layout-two-col-right.site-boxed .site .site-content article:nth-of-type(2n){
      margin-right: 0 !important;
    }

    .blog.blog-grid-posts.layout-two-col-left.site-boxed .site .site-content .page-title,
    .blog.blog-grid-posts.layout-two-col-right.site-boxed .site .site-content .page-title,
    .blog.blog-grid-posts.layout-two-col-left.site-boxed .site .site-content .pagination,
    .blog.blog-grid-posts.layout-two-col-right.site-boxed .site .site-content .pagination
    {
      width: 100%;

    }


  }


@media(min-width:990px) {
  .woocommerce-page .site-boxed.site {
    max-width: 1200px;
  }
  .woocommerce-page .site-content.store-content,
  .site-boxed .site-content {
    min-width: 900px;
    margin-bottom: 50px;
  }
}

@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 10px;
  }
  .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;
  }
}

@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,
.elementor-page div.site-breadcrumbs + div.elementor,
.elementor-page style + 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: 56px;
}

.elementor-header-top{
  font-size: 0.800em;
  font-weight: normal;
}

@media screen and ( max-width: 768px ) {
  .header-top{
    min-height: 20px;
    padding-bottom: 0 !important;
  }
}


.chromium-look-tools .header-top{
  border-bottom: solid 1px #252525;
}

.header-top .widget,
.elementor-header-top .widget{
  background-color: transparent;
  font-weight: normal;
}

.header-top .widget p,
.elementor-header-top .widget p{
  margin: 0;
}

.header-top .widget .widget-title,
.elementor-header-top .widget .widget-title,
.elementor-header-top .widget h5{
  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;
}

.tz-white{
  color: #fff !important;
}

@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,
.elementor-header-top .widget{
  margin: 0 0 0.5em 0;
  padding: 0;
  display: inline-block;
}

.top-widgets-left .widget.WOOCS_SELECTOR,
.top-widgets-right .widget.WOOCS_SELECTOR,
.elementor-header-top .widget.WOOCS_SELECTOR{
  margin: 0;
}

/* @media screen and (min-width: 768px) { */
 @media screen and (min-width: 1024px) {
  @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 */

body:not(.chromium-elementor-header-enabled) .site-branding {
  margin: 0 auto 1em auto;
}

.chromium-look-tires.home .site-branding .site-logo{
  z-index: 2;
}

.chromium-look-tires.home .site-branding:before{

  display: block;

  height: 150px;
  width: 100%;

  position: absolute;
  top: 44px;
  left: 0;


 /* content: '';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+40,000000+100&0.65+0,0+100 */
/*  background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.42) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
 /* background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.42) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
 /* background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.42) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


 /*Adaptive banners on the home page Modile/Desktop */
 
 /*
 @media screen and ( max-width: 480px ){ 
    
     .chromium-look-tires .home-header-static-hero-block{ 
    display: none !important;
     }}  

 @media screen and ( min-width: 480px ){ 
    
     .mobile-slider{ 
    display: none !important;
     }}  
 */
 


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

    .elementor-element-861f25f{ 
    display: none !important;
     }}  
 
 
  @media screen and ( max-width: 1024px ){ 
  .elementor-element-a85f5dc{ 
    display: none !important;
     }}  

 
 /*End Adaptive banners on the home page Modile/Desktop */


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

  .chromium-look-tires .site-header{
    background-image: none !important;
  }

  .chromium-look-tires .site-branding{
    margin-bottom: 0;
  }

  .chromium-look-tires .site-branding .site-logo,
  .chromium-look-tires .site-branding .header-group{
    padding: 0 10px 15px!important;
    display:none;
  }

  body:not(.elementor-editor-active) .home-hero-search.elementor-widget-tabs{
    margin-top: 0 !important;
  }

  .chromium-look-tires .woof_edit_view{
    display: none !important;
  }

  .chromium-look-tires .site-branding:before{
    display: none !important;
  }

 /* .chromium-look-tires .home-header-static-hero-block{ *
  /*  display: none !important; *
 /* } */

  .chromium-look-tires .logo-navigation{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .chromium-look-tires .top-widgets-right{
    /**display: none !important; **/
  }

}

.site-branding .site-logo,
.site-branding .header-group {
 /* padding: 2.143em 1em; */
 padding: 8px;
  text-align: center;
}

.chromium-look-tools .site-branding .site-logo,
.chromium-look-tools .site-branding .header-group{
  padding: 1.267em 1em 2.143em;
}

.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) {
  body:not(.chromium-elementor-header-enabled)  .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; */
    padding: 5px;
  }

  .chromium-look-tools .site-branding .hgroup-sidebar{
    padding: 1.267em 1em 2.143em;
  }

  .site-branding .hgroup-sidebar .widget {
    margin: 0 3.8em 0 0;
  }
  @supports (grid-area: auto) {
    body:not(.chromium-elementor-header-enabled) .site-branding {

      display: grid;
      grid-template-columns: 1fr auto auto;
      grid-template-rows: auto;
      grid-template-areas: "logo-navigation logo logo-sidebar";
    }
    .site-branding:not(.chromium-elementor-header-enabled) .logo-group-nav {
      grid-area: logo-navigation;
    }
    .site-branding:not(.chromium-elementor-header-enabled) .site-logo, .site-branding .header-group {
      grid-area: logo;
    }
    .site-branding:not(.chromium-elementor-header-enabled) .hgroup-sidebar {
      grid-area: logo-sidebar;
    }
  }
}

.chromium-look-tires .hgroup-sidebar{
  z-index: 2;
}



@media (min-width: 1200px) {
  .site-boxed:not(.chromium-elementor-header-enabled) .site-branding,
  .site-boxed #site-navigation .mega-menu-wrap {
    max-width: 1200px;
  }
  .site-boxed:not(.chromium-elementor-header-enabled) .mega-menu-wrap {
    margin: 0 auto !important;
  }
}

/* Logo Positioning on big screens */


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

@media screen and (min-width: 1024px) {
  .logo-pos-left:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar .widget.widget_search {
    width: 100%;
    margin: 20px 0 0 3.8em;
  }
  .logo-pos-left:not(.chromium-elementor-header-enabled) .site-branding .site-logo, .logo-pos-left .site-branding .header-group {
    text-align: left;
    order: 1;
  }
  .logo-pos-left:not(.chromium-elementor-header-enabled) .site-branding .logo-group-nav {
    text-align: right;
    order: 2;
  }
  .logo-pos-left:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar {
    text-align: right;
    order: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .logo-pos-right:not(.chromium-elementor-header-enabled) .site-branding .site-logo, .logo-pos-right .site-branding .header-group {
    order: 3;
  }
  .logo-pos-right:not(.chromium-elementor-header-enabled) .site-branding .logo-group-nav {
    text-align: left;
    order: 1;
  }
  .logo-pos-right:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar {
    text-align: left;
    order: 2;
  }
  .logo-pos-center-inside:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar {
    text-align: right;
  }
  .logo-pos-center-inside:not(.chromium-elementor-header-enabled) .site-branding .logo-group-nav {
    text-align: left;
  }
  .logo-pos-center-above:not(.chromium-elementor-header-enabled) .site-branding {
    flex-wrap: wrap;
  }
  .logo-pos-center-above:not(.chromium-elementor-header-enabled) .site-branding .site-logo, .logo-pos-center-above .site-branding .header-group {
    order: 1;
    width: 100%;
  }
  .logo-pos-center-above:not(.chromium-elementor-header-enabled) .site-branding .logo-group-nav {
    text-align: left;
    order: 2;
  }
  .logo-pos-center-above:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar {
    text-align: right;
    order: 3;
  }
  @supports (grid-area: auto) {
    .logo-pos-left:not(.chromium-elementor-header-enabled) .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:not(.chromium-elementor-header-enabled) .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:not(.chromium-elementor-header-enabled) .site-branding {
      grid-template-columns: 1fr auto 1fr;
      grid-template-rows: auto;
      grid-template-areas: "logo-navigation logo logo-sidebar";
    }
    .logo-pos-center-above:not(.chromium-elementor-header-enabled) .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:not(.chromium-elementor-header-enabled) .site-branding {
      grid-template-columns: auto 1fr auto;
      grid-template-rows: auto;
      grid-template-areas: "logo logo-navigation logo-sidebar";
    }
    .logo-pos-right:not(.chromium-elementor-header-enabled) .site-branding {
      grid-template-columns: auto 1fr auto;
      grid-template-rows: auto;
      grid-template-areas: "logo-navigation logo-sidebar logo";
    }
  }
  .logo-pos-left:not(.chromium-elementor-header-enabled) .site-branding .hgroup-sidebar .widget.widget_search {
    width: auto;
    order: unset;
    margin: 0 3.8em 0 0;
  }
}


/*--------------------------------------------------------------
# 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: #ffffff;
}


body.chromium-look-tools .site{
  background-color: #fff;
}

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 {

}

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

.elementor-heading-title span{
  font-weight: 600 !important;
}

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"], select, 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, select: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 */

.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  overflow-x: auto;
  overflow-y: scroll;
  box-sizing: border-box;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


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 */

.chrom-bread-wrap{
  width: 100%;
  flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
}

.chrom-bread-wrap nav{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.site-breadcrumbs {
 /*  margin: 0 auto 22px auto; /* Original style */
  margin: 10px auto 0 auto; 
  font-size: 0.800em;
  padding: 0 1.250em;
  max-width: 1200px;
  flex-basis: 100%;
}

@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-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 */


#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after
{
  font-family: 'FontAwesome' !important;
  content:'\f107' !important;
}

.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
  {

  }

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

.chromium-look-tires .tz-categories-menu ul{
  padding-left: 15px !important;
}

.chromium-look-tires .tz-categories-menu ul li{
  position: relative;
}

.chromium-look-tires .tz-categories-menu ul li:before{
  display: block;
  width: 3px;
  height: 3px;

  position: absolute;
  top: calc(50% - 1px);
  left: -15px;

  content: '';

  border-radius: 50%;
  background-color: currentColor;
}

.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: 0px 25px 0 0;
  }

  .primary-nav .nav-sidebar .widget:first-of-type{

  }

  .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 {

  }
  .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title {
    position: relative;
  }
}


/* Special styles for currency switcher */

.top-widgets-left .widget.widget-woocommerce-currency-switcher,
.top-widgets-right .widget.widget-woocommerce-currency-switcher,
.themeszone-elementor-header .widget.widget-woocommerce-currency-switcher{
  padding: 0;
  min-height: auto;
}

.header-top .woocommerce-currency-switcher-form,
.themeszone-elementor-header .woocommerce-currency-switcher-form
{
  position: relative;
  display: inline-block;
}
.themeszone-elementor-header .woocommerce-currency-switcher-form:after,
.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,
.themeszone-elementor-header .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,
.woocommerce-account.themeszone-elementor-header .woocommerce-currency-switcher-form
{
  display: none;
}

/* Special Styles for lanquage switcher */

.header-top .widget_polylang,
.themeszone-elementor-header .widget_polylang{
  position: relative;
}

.header-top .widget_polylang select,
.themeszone-elementor-header .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,
.themeszone-elementor-header .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,
.themeszone-elementor-header .widget_tm_woocompare_recent_compare_list,
.themeszone-elementor-header .widget_tm_woocommerce_wishlist
{
  height: 40px;
}

.site-header .tm-woocompare-widget-wrapper,
.site-header .tm-woocomerce-wishlist-widget-wrapper,
.themeszone-elementor-header .tm-woocompare-widget-wrapper,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-wrapper:before,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocomerce-wishlist-widget-wrapper:before{
  content: '\e93c';
}

.site-header .tm-woocompare-empty,
.site-header .tm-woowishlist-empty,
.themeszone-elementor-header .tm-woocompare-empty,
.themeszone-elementor-header .tm-woowishlist-empty{
  display: none;
}

.site-header .compare-count-wrapper,
.site-header .wishlist-count-wrapper,
.themeszone-elementor-header .compare-count-wrapper,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-products,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-products::before,
.themeszone-elementor-header .tm-woocompare-widget-products::after,
.themeszone-elementor-header .tm-woowishlist-widget-products::before,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-products::before,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-products::after,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-product,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-product::after,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-widget-product:last-of-type,
.themeszone-elementor-header .tm-woowishlist-widget-product:last-of-type{
  margin: 0;
}

.site-header .tm-woocompare-widget-product h3,
.site-header .tm-woowishlist-widget-product h3,
.themeszone-elementor-header .tm-woocompare-widget-product h3,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woowishlist-widget-product h3{
  padding-top: 0;
}

.site-header .tm-woocomerce-list__product-image,
.themeszone-elementor-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,
.themeszone-elementor-header .tm-woocompare-empty{
  display: none;
}

.site-header .compare_link_btn,
.site-header .tm-woowishlist-page-button,
.themeszone-elementor-header .compare_link_btn,
.themeszone-elementor-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,
.themeszone-elementor-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products+.compare_link_btn,
.themeszone-elementor-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,
.themeszone-elementor-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-wrapper:before,
.themeszone-elementor-header .widget_tm_woocommerce_wishlist.opened .tm-woocomerce-wishlist-widget-wrapper:before{
  content: '\e92f';
}

.site-header .tm-woowishlist-widget-product .button,
.themeszone-elementor-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,
.themeszone-elementor-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products,
.themeszone-elementor-header .widget_tm_woocommerce_wishlist.opened .tm-woowishlist-widget-products{
  opacity: 1;
  top: 60px;
}

.site-header .tm-woocompare-remove,
.site-header .tm-woowishlist-remove,
.themeszone-elementor-header .tm-woocompare-remove,
.themeszone-elementor-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,
  .themeszone-elementor-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,
  .themeszone-elementor-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,
  .themeszone-elementor-header .tm-woocompare-widget-products::before,
  .themeszone-elementor-header .tm-woocompare-widget-products::after,
  .themeszone-elementor-header .tm-woowishlist-widget-products::before,
  .themeszone-elementor-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 .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-2 .site-content {
      grid-template-columns: repeat( 2, 50% );
    }
    .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-2 .page-title, .blog.blog-grid-posts.col-2 .navigation.pagination {
      grid-column: 1 / span 2;
    }
    .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:none;
 /*-  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 */

button.owl-dot{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: transparent !important;
}

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

.elementor-widget-container .widget{
  margin-bottom: 0;
}

.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; */
  margin: 0 0 3em 0;
}

.site-sidebar.style-3 .widget {
/*  margin: 0 0 35px 0; */
  padding: 2em 25px;
}

.widget .widget-title{
  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 !important;
  background-color: #fff;
  border-radius: 0;
  height: 40px;
  -webkit-appearance: none;
}

.widget_product_search .search-field,
#sidebar-blog .widget_search .search-field{
  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: 1px;
}

.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;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
}

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

@media screen and (max-width: 768px){
  .footer-widgets .widget-area{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .footer-widgets .widget-area .widget:first-of-type{
    margin-top: 30px;
  }

}

.footer-widgets .widget-area .widget_mailchimpsf_widget .updated{
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.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 {
      font-size: 16px;
    /* ext-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 3;
    }
    .footer-widgets .widget-area.col-2, .footer-widgets .widget-area.col-3 {
      grid-column: span 3;
    }
  }
}

@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;
    max-width: 1200px !important;
  }
  .gallery {
    grid-row-gap: 1em;
    grid-column-gap: 1em;
  }
  .gallery-columns-2:not(.filtr-container) .gallery-item,
  .gallery-columns-3:not(.filtr-container) .gallery-item,
  .gallery-columns-4:not(.filtr-container) .gallery-item,
  .gallery-columns-5:not(.filtr-container) .gallery-item,
  .gallery-columns-6:not(.filtr-container) .gallery-item,
  .gallery-columns-7:not(.filtr-container) .gallery-item,
  .gallery-columns-8:not(.filtr-container) .gallery-item,
  .gallery-columns-9:not(.filtr-container) .gallery-item {
    max-width: 100%;
  }
  .gallery-columns-2 {
    grid-template-columns: repeat(2, minmax(50px, 300px));
  }
  .gallery-columns-3 {
    grid-template-columns: repeat(3, minmax(50px, 300px));
  }
  .gallery-columns-4 {
    grid-template-columns: repeat(4, minmax(50px, 300px));
  }
  .gallery-columns-5 {
    grid-template-columns: repeat(5, minmax(50px, 300px));
  }
  .gallery-columns-6 {
    grid-template-columns: repeat(6, minmax(50px, 300px));
  }
  .gallery-columns-7 {
    grid-template-columns: repeat(7, minmax(50px, 300px));
  }
  .gallery-columns-8 {
    grid-template-columns: repeat(8, minmax(50px, 300px));
  }
  .gallery-columns-9 {
    grid-template-columns: repeat(9, minmax(50px, 300px));
  }
}

/* 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,
.elementor-widget-wp-widget-tz_woo_cart.hovered .heading:before {
  content: '\e92f';
}

@media (min-width: 768px) {
  .widget_tz_shopping_cart.hovered .heading:before,
  .elementor-widget-wp-widget-tz_woo_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;
  font-weight: 500;
}

.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 !important;
  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 .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;
}

.chromium-look-tools .hgroup-sidebar .dgwt-wcas-search-submit{
  background-color: #fdb819;
}

.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp{
  margin-top: 22px;
  margin-bottom: 23px;
}

.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-input{
  padding-top: 16px;
  padding-bottom: 15px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  height: auto !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 15px;
  width: calc(100% - 176px);
}

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

  .chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
  .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input{
    width: 100%;
    border-radius: 5px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
  .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit{
    position: relative !important;
    width: 100% !important;
    border-radius: 5px !important;
    display: block !important;
    margin-top: 20px;
  }

}

.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit{
  height: 49px;
  width: 166px;
  font-size: 14px;
  line-height: 15px;
  border-radius: 0 5px 5px 0;
  right: 1px;
  padding: 1px 10px 0px;
  text-align: center;
  text-indent: 6px;
}

.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover{
  background-color: #d23b3b;
}

.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{
  position: relative !important;
  top: auto !important;
  content: '\e93e';
  font-family: 'chromium';
  display: inline-block;
  text-indent: 0;
  font-size: 13px;
  line-height: 28px;
  margin-right: 2px;
  font-weight: bold;
}

/* Chromium Tires Header */

.chromium-look-tires .hgroup-sidebar .widget {
  margin-right: 10px;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart{
 z-index: auto !important;
}


 /* Custom Shop Cart */
.hgroup-sidebar{
     gap:15px;
}
 /* Custom */


.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart .heading{
  padding: 15px;
  width: 50px;
  max-width: 175px;
  border-radius: 3px;
  background-color:#ffffff !important;
  color: #fff;

}

.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart .heading .widget-heading{
display: none; /* Chromium */
 
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  margin-left: 30px;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart .heading .subtotal{
  display: none;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart .heading:before{
  left: 14px;
  top: 3px;
  bottom: auto;
  font-size: 20px;
  color: #000000;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_shopping_cart .heading .cart-count-wrapper{
  top: -7px;
  left: auto;
  right: -7px;
  background-color: #000000 !important;
  color:#ffffff !important;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search{
  position: static;
  height: 50px;
  overflow: visible;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .search-text{

  width: 400px;

  max-width: 80%;

  position: absolute;
  top: 50%;
  left: 50%;

  margin-left: -50px;

  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

  border-left: none;
  border-right: none;
  border-top: none;

  border-bottom: 2px solid #fff;

  box-shadow: none;

  background-color: transparent;
  color: #fff;

  font-size: 18px;

}

@media screen and ( max-width: 768px ){
  .chromium-look-tires .hgroup-sidebar .widget_tz_search .search-text{
    margin-left: -15px !important;
  }
  .chromium-look-tires .hgroup-sidebar .widget_tz_search .search-button{
    left: calc(50% + 120px) !important;
  }
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .tire-search-button{

  display: block;
  width: 50px;
  height: 50px;

  transform: translateY(-100%);

  z-index: 10;

  cursor: pointer;

}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .search-button{

  position: absolute !important;
  top: 50% !important;
  left: calc(50% + 150px);

  transform: translateY(-50%);

  height: 40px;
  width: 50px;

  background-color: transparent !important;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search:before{
  display: inline-block;
  content: '\e93e';
  font-family: 'chromium';
  color: #000000;
  font-size: 24px;
  margin-right: 5px;
  z-index: 99;
  zoom: 1;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .tz-searchform{

  visibility: hidden;

  width: 100vw;
  height: 100vh;

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

  position: absolute;
  top: 0;
  left: 0;

  z-index: -10;
  opacity: 0;

  transition: visibility 0.5s step-end, z-index 0.5s step-end, opacity 0.5s ease;

}

.chromium-look-tires .hgroup-sidebar .widget_tz_search.opened .tz-searchform{
  visibility: visible;
  opacity: 1;
  z-index: 99;
  transition: visibility 0.5s step-start, z-index 0.5s step-start, opacity 0.5s ease;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search.opened .tz-searchform > * {
  z-index: 1000;
}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .search-close{
  width: 50px;
  height: 50px;

  position: absolute;

  right: 20px;
  top: 20px;

  color: #fff;
  z-index: 99;

  cursor: pointer;

}

.chromium-look-tires .hgroup-sidebar .widget_tz_search .search-close:before{
  display: inline-block;
  content: "\e92f";
  font-family: chromium;
  font-size: 30px;
}

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

/* Extra styles for front-page banners */

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

/* Elementor Editor */

.elementor-editor-active .carousel-loader{
  display: none !important;
}

.elementor-editor-active .tz-woo-shortcode.with-slider ul.products,
.elementor-editor-active .tz-product-tabs ul.products,
.elementor-editor-active .tz-from-blog .carousel-container,
.elementor-editor-active .tz-sales-carousel .carousel-container,
.elementor-editor-active .tz-testimonials .carousel-container,
.elementor-editor-active .tz-categories-grid .carousel-container{
  opacity: 1 !important;
}

/*--Ajax Fibo Search button--*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
position: absolute;
top:10px;
margin: 0 0 0 auto;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
right: 10px !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
border-radius: 0% !important;
box-shadow: none;
}
.chromium-look-tires .home-hero-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
display: none;
}

/*--Chromium My Account page button--*/	
@media(max-width: 990px) {
.woocommerce-account .entry-content .woocommerce {
width: 100%;
}
}
.woocommerce-account .entry-content .woocommerce h2 {
display: none;
}
@media(min-width: 990px) {
h2.woocommerce-loop-product__title {
/*height: 60px;*/
}
#add_payment_method #payment button {
margin-left: 40px;
}
.woocommerce-MyAccount-content .woocommerce-address-fields {
position: relative;
}
.woocommerce-MyAccount-content .woocommerce-address-fields p button {
position: absolute;
left: 0px;
bottom: -160px;
}
}

/*--Wishlist/Compare layout--*/
.tablesaw-swipe th.tablesaw-cell-hidden, 
.tablesaw-swipe td.tablesaw-cell-hidden {
display: block !important;
}
@media(min-width:700px) {
.tm-woowishlist .row>div {
width: 33% !important;
}
.single .tm_woocompare_product_actions_tip, .single .tm_woocompare_product_actions_tip .text {
min-width: 128px !important;
}
.tm-woocompare-cell .button {
font-size: 12px !important;
}
.entry-summary .button.tm-woocompare-button-single {
padding-left: 40px !important;
}
.tm-woowishlist-item .tm-woocomerce-list__product-image {
width: 33% !important;
}
}

/*--Chromium SHOP page sidebar mobile reorder--*/
@media(max-width:990px) {
.site {
display: flex;
flex-direction: column;
}
aside#sidebar-shop {
order: 0;
}
.site-content.store-content {
order: 1;
}
footer.site-footer {
order: 2;
}
}

/* ================================================= */
/* === Combined CSS for Accurate Footer Layout === */
/* ================================================= */

.footer-above-widgets-container{
    display:flex;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}
.footer-top-left{
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}
.footer-top-right{
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}
.google-map{
border: 1px solid #ccc;
    border-radius: 15px;
    margin: 0;
    padding: 0;
}
#custom_html-7{
    width: 100%;
    
}
#custom_html-8{
    width: 100%;
    
}

.footer-header-style{
        font-size: 30px;
        font-weight: inherit;
}

.footer-top-right-btns{
    align-items: center;
    display: flex;
    gap: 10px;
}

.footer-top-right label{
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.footer-top-right-contact{
    align-items: center;
    display: flex;
    gap: 50px;
}


@media screen and (max-width: 480px) {
    .footer-above-widgets-container {
        flex-direction: column;
    }

    .footer-top-left {
        padding: 0 15px;
    }

    .footer-top-left .google-map {
        width: 100%;
        height: 250px;
    }

    .footer-top-right {
        padding: 0 15px; 
    }

    .footer-top-right-contact {
        flex-direction: column; 
        gap: 10px; 
        align-items: flex-start; 
    }

    .footer-header-style {
        text-align: left;
    }

    .footer-widgets {
        flex-wrap: wrap;
    }
    
    .footer-widgets .widget-area {
        width: 50%; 
        box-sizing: border-box; 
        padding: 10px 15px;
    }

    .footer-widgets .widget-area:first-of-type {
        margin-top: 0;
    }

    .site-info {
        text-align: center;
        padding-bottom: 20px;
    }
    .widget_text .alignleft {
        float: none;
        display: block;
        margin: 0 auto;
    }

    
        /* Make the footer widgets a flex container to arrange items */
    .footer-widgets {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap onto the next line */
        justify-content: space-between; /* Creates space between the columns */
    }

    /* Set each widget area to occupy half the width of the container */
    .footer-widgets .widget-area {
        width: 48%; /* Adjusting for a small gap between columns */
        box-sizing: border-box; /* Includes padding and border in the width calculation */
        padding: 10px 0; /* Adjust padding as needed */
        border-bottom: none; /* Remove bottom border from previous styles */
    }

    /* Style the `Tires` and `Services` columns for better alignment */
    .footer-widgets .col-1,
    .footer-widgets .col-3 {
        padding-right: 2%; /* Add a small gap to the right */
    }
    
    /* Style the `Wheels` and `About Us` columns */
    .footer-widgets .col-2,
    .footer-widgets .col-4 {
        padding-left: 2%; /* Add a small gap to the left */
    }
    
    /* Ensure the content within widgets is aligned to the left */
    .footer-widgets .widget-area .widget {
        text-align: left;
    }
}


/* ================================================= */
/* === End of Footer Customization === */
/* ================================================= */


/* ================================================= */
/* === Start of Scroll box Main Page === */
/* ================================================= */


  #scrollbox-hero{
    --sbx-height: 380px;

    --sbx-padding: 16px;
    --sbx-radius: 12px;
 /* --sbx-bg: #fff; */          /* фон */
    --sbx-border: 1px solid rgba(0,0,0,.08);
    --sbx-shadow: 0 6px 18px rgba(0,0,0,.06);
    --sbx-scrollbar-size: 10px;
  }

  .sbx-wrap{max-width:100%;}

  .sbx__toggle{
    display:inline-block; margin:0 0 10px; padding:10px 14px;
    font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    border:1px solid rgba(0,0,0,.12); border-radius:10px; background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.05); cursor:pointer;
    transition:transform .12s ease, box-shadow .12s ease;
  }
  .sbx__toggle:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08);}

  #scrollbox-hero{
    position:relative;
    height:var(--sbx-height);
    max-width:100%;
    overflow:auto;
    padding:var(--sbx-padding);
    border-radius:var(--sbx-radius);
    background:var(--sbx-bg);
    border:var(--sbx-border);
    box-shadow:var(--sbx-shadow);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;                       /* Firefox */
    scrollbar-color:rgba(0,0,0,.35) transparent;/* Firefox */
  }

  #scrollbox-hero::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:42px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), var(--sbx-bg));
    pointer-events:none;
    border-bottom-left-radius:inherit; border-bottom-right-radius:inherit;
  }

  #scrollbox-hero .sbx__inner > *:first-child{margin-top:0;}
  #scrollbox-hero .sbx__inner > *:last-child{margin-bottom:0;}

  #scrollbox-hero::-webkit-scrollbar{width:var(--sbx-scrollbar-size); height:var(--sbx-scrollbar-size);}
  #scrollbox-hero::-webkit-scrollbar-track{background:transparent;}
  #scrollbox-hero::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.35));
    border-radius:999px;
  }
  #scrollbox-hero::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.45));}

  #scrollbox-hero.is-expanded{height:auto; max-height:none; overflow:visible;}
  #scrollbox-hero.is-expanded::after{display:none;}

  @media (max-width:768px){
    #scrollbox-hero{ --sbx-height: 380px; --sbx-padding: 14px;}
    .sbx__toggle{ font-size:13px; padding:9px 12px; }
  }


/* ================================================= */
/* === End of Scroll box Main Page === */
/* ================================================= */
/* ================================================= */
/* === Start of Scroll box Category Page === */
/* ================================================= */


  #scrollbox-hero-category{
    --sbx-height: 380px;
    --sbx-padding: 16px;
    --sbx-radius: 12px;
    --sbx-bg: #fff;           /* фон */
  /*  --sbx-border: 1px solid rgba(0,0,0,.08);*/
    --box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    --sbx-scrollbar-size: 10px;
  }

.bottom-category-description{
    margin: 15px 0 15px 0;
}


  #scrollbox-hero-category{
    position:relative;
    height:var(--sbx-height);
    max-width:100%;
    overflow:auto;
    padding:var(--sbx-padding);
  /*  border-radius:var(--sbx-radius); */
    background:var(--sbx-bg);
  /*  border:var(--sbx-border);*/
 /*   box-shadow:var(--sbx-shadow);*/
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;                       /* Firefox */
    scrollbar-color:rgba(0,0,0,.35) transparent;/* Firefox */
  }
  
.margittop25 {
	 margin-top:25px;
	 
 } 
  
  

  /* #scrollbox-hero-category::after{ */
/*    content:""; position:absolute; left:0; right:0; bottom:0; height:42px; */
 /*   background:linear-gradient(to bottom, rgba(255,255,255,0), var(--sbx-bg)); */
/*    pointer-events:none; */
 /*   border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; */
 /* }*/ 

  #scrollbox-hero-category .sbx__inner-category > *:first-child{margin-top:0;}
  #scrollbox-hero-category .sbx__inner-category > *:last-child{margin-bottom:0;}

  #scrollbox-hero-category::-webkit-scrollbar{width:var(--sbx-scrollbar-size); height:var(--sbx-scrollbar-size);}
  #scrollbox-hero-category::-webkit-scrollbar-track{background:transparent;}
  #scrollbox-hero-category::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.35));
    border-radius:999px;
  }
  #scrollbox-hero-category::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.45));}

  @media (max-width:768px){
    #scrollbox-hero-category{ --sbx-height: 380px; --sbx-padding: 14px;}
  }


/* ================================================= */
/* === End of Scroll box Category Page === */
/* ================================================= */


.tz-banner-button-style-light {
    border-radius: 15px 15px 15px 15px !important;
}

/* Style for the top header info */
.header-info {
    display: flex;
    align-items: center;
    gap: 15px;
    color: white;
    font-size:16px;
}



/* Style for the top header left side */
.header-left-side{
    display: flex;
    align-items: center;
    gap: 20px;
    color: white;
    font-size:12px;
    
}


/* POST banner  */

.correction-width{
    width: 1170px !important;
    margin-bottom: 15px;
}

/* End POST banner  */


/* home banner  */

.home-header-static-hero-block{
    width:1280px;
    margin: 0 auto;
    margin-top: 20px;
}

/* .n2-ss-slide-background{ */
   /* border-radius: 20px; */
/* } */


.n2-ss-slider-2, .n2-ow{
  border-radius:20px;  
}

.box-shadow-bottom{
    box-shadow:0 4px 4px -4px #999;
}

.top-widgets-right, .header-info {
  overflow: visible !important;
}

.map-trigger-container {
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
}


.map-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: inherit !important;
}


.map-popup {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
/**  right: 0 !important; **/
  width: min(90vw, 400px) !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
  z-index: 1000 !important;
  padding: 12px !important;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}


.map-popup.is-active {
  display: block !important;
  opacity: 1;
  transform: translateY(0);
}


.map-popup__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #e6e6e6 !important;
  padding-bottom: 8px !important;
}

.map-popup__title {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: rgba(0,0,0,.85) !important;
}

.map-popup__btn {
  font-size: 12px !important;
  color: #1890ff !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out !important;
}

.map-popup__btn:hover {
  color: #40a9ff !important;
  text-decoration: underline !important;
}


.map-popup__address {
  font-size: 12px !important;
  color: rgba(0,0,0,.65) !important;
  margin-bottom: 8px !important;
}


.map-popup__map-wrapper {
  overflow: hidden !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 8px !important;
}


.map-popup__map-wrapper iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  display: block !important;
}



.hours-trigger-container {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

.hours-popup {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: min(90vw, 250px) !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
  z-index: 1000 !important;
  padding: 12px !important;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.hours-popup.is-active {
  display: block !important;
  opacity: 1;
  transform: translateY(0);
}

.hours-popup__title {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: rgba(0,0,0,.85) !important;
  margin-bottom: 8px !important;
}

.hours-popup__list {
  font-size: 12px !important;
  color: rgba(0,0,0,.65) !important;
}

.hours-popup__list p {
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Style for button Closed */
.ant-tag.closed {
    background-color:#b33030;
    box-sizing: border-box;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    display: inline-block;
    height: auto;
    margin-inline-end: 8px;
    padding-inline: 7px;
    white-space: nowrap;
    border: 1px;
    border-radius: 4px;
    opacity: 1;
    transition: all 0.2s;
    text-align: start;
    position: relative;
    font-weight: bold;
 /* background-color: #ff4d4f !important;*/
 /* border-color: #ff4d4f !important;*/
}

.ant-tag{
    background-color:rgb(135, 208, 104);
    box-sizing: border-box;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    display: inline-block;
    height: auto;
    margin-inline-end: 8px;
    padding-inline: 7px;
    white-space: nowrap;
    border: 1px;
    border-radius: 4px;
    opacity: 1;
    transition: all 0.2s;
    text-align: start;
    position: relative;
    font-weight: bold;
    
}



.icon-size-accordion .e-n-accordion-item-title-icon .icofont{
    font-size:30px;
    
}





/*  ---------------------- Custom contact form-1 --------------------------------------- */

.wpcf7-textarea{
 border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height:135px;
}

.form-group input, textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
}
   
   
   .wpcf7-form input:not(.wpcf7-submit) {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.custom-contact-form-1{
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 18px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1300px;
    padding: 20px;
    
}



.layout-two-col1{
       gap: 1.25rem; 
       justify-content: space-between;
       align-items: center;
       flex-direction: row;
       width: 100%;
       
}

.layout-main-col1{
    margin-bottom: 20px;
    display: flex;
    gap:20px;
    
}

.entry-content input[type="submit"]{
    border: 2px solid #19282f;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    max-width: 200px;
    text-align: center;
  /*  width: 100%;*/
    height: 50px;
}


/*  ---------------------- End custom contact form-1 --------------------------------------- */

/* ----------------------------- right widget for blog logo --------------------------------- */
.author-content{
    display: flex;
    gap: 20px;
}
.new-view-author{
    font-size: 16px;   
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.new-view-author img {
    border-radius: 50%;
    box-shadow: 0 0 10px #bbb;
    height: 80px;
    width: 80px;
}

.author-desc{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.common-button{
    text-align: center;
    background-color: #19282f;
    border: 2px solid #19282f;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    max-width: 200px;
    width: 100%;
    margin-left: 0;
}

.mb10 {
    margin: 10px;
}
.author-desc button {
    margin-left: 0;
}

/* ----------------------------- End Right widget for blog logo --------------------------------- */


/* ----------------------------- Right widget | Button Book a Tire Change --------------------------------- */
.button-book-a-tire-change{
    text-align: center;
    background: #fff;
    border: 3px solid #19282f;
    border-radius: 10px; 
    color: #19282f;
    cursor: pointer;
    font-size: 16px;
    max-width: 200px;
    width: 100%;
    margin-left: 0;
    font-weight: 900;
    margin-left:0px;
    margin-right:0px;
    height: 50px !important;
}

.button-book-a-tire-change:hover{
    text-align: center;
    background: #19282f;
    border: 3px solid #19282f;
    border-radius: 10px; 
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    max-width: 200px;
    width: 100%;
    margin-left: 0;
    font-weight: 900;
    margin-left:0px;
    margin-right:0px;
    height: 50px !important;
}

/* ----------------------------- End Right widget | Button Book a Tire Change --------------------------------- */


/*  ---------------------- Custom Policies Page --------------------------------------- */

.policies-block-1, .policies-block-2, .policies-block-3, .policies-block-4 { 
  position: relative; overflow: hidden; 
} 

/* Layers: Top on top, Bottom underneath */
.refund-policy-top-block-1, .refund-policy-top-block-2,
.refund-policy-top-block-3, .refund-policy-top-block-4 {
 /* position: absolute; inset: 0; */
  opacity: 0; visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}
.refund-policy-bottom-block-1, .refund-policy-bottom-block-2,
.refund-policy-bottom-block-3, .refund-policy-bottom-block-4 {
  opacity: 1; visibility: visible;
  transition: opacity .2s ease, visibility .2s ease;
}

/* Show Top and hide Bottom only for the card you hover over */
.policies-block-1:hover .refund-policy-top-block-1 { opacity:1; visibility:visible; }
.policies-block-1:hover .refund-policy-bottom-block-1 { opacity:0; visibility:hidden; }

.policies-block-2:hover .refund-policy-top-block-2 { opacity:1; visibility:visible; }
.policies-block-2:hover .refund-policy-bottom-block-2 { opacity:0; visibility:hidden; }

.policies-block-3:hover .refund-policy-top-block-3 { opacity:1; visibility:visible; }
.policies-block-3:hover .refund-policy-bottom-block-3 { opacity:0; visibility:hidden; }

.policies-block-4:hover .refund-policy-top-block-4 { opacity:1; visibility:visible; }
.policies-block-4:hover .refund-policy-bottom-block-4 { opacity:0; visibility:hidden; }

/* Hide all Bottom, when ANY card is hovered over */
.policies-wrapper:has(.policies-block-1:hover, .policies-block-2:hover, .policies-block-3:hover, .policies-block-4:hover)
  .refund-policy-bottom-block-1,
.policies-wrapper:has(.policies-block-1:hover, .policies-block-2:hover, .policies-block-3:hover, .policies-block-4:hover)
  .refund-policy-bottom-block-2,
.policies-wrapper:has(.policies-block-1:hover, .policies-block-2:hover, .policies-block-3:hover, .policies-block-4:hover)
  .refund-policy-bottom-block-3,
.policies-wrapper:has(.policies-block-1:hover, .policies-block-2:hover, .policies-block-3:hover, .policies-block-4:hover)
  .refund-policy-bottom-block-4 {
  opacity:0; visibility:hidden;
}


/*  ---------------------- End Custom Policies Page --------------------------------------- */



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

.front-banner-custom-style .elementor-widget-container .tz-banner{
    background-color: #000000;
    
}

.front-banner-custom-style .elementor-widget-container .tz-banner img{
    opacity: 0.7;
    
}

/*  ---------------------- Button Place Order--------------------------------------- */

#place_order{
    text-align: center;
}    

.checkout-button{
    text-align: center !important;
    width: 100%;
}
/*  ---------------------- End Button Place Order--------------------------------------- */


@media (max-width: 1025px) {
    .hgroup-sidebar{
        display: none;
    }
}


@media (max-width: 1025px) {
    .top-widgets-left {
        display: none;
    }
    .time-text {
        display: none;
    }
#custom_html-3{
width: 100%;
    }
    .header-info{
        display: contents;
    }
    .map-trigger-container{
    float: left;
    }
    .hours-trigger-container{
        float: right;
    }
}

.nav-right {

    align-items: center;
/*  --    display: flex; - */
    gap: 10px;
    justify-content: center;
}



.ant-btn.ant-btn-circle.ant-btn-lg {
    min-width: 40px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border-radius: 50%; 
    
}


.ant-btn.ant-btn-icon {
    line-height: 1;
}


.nav-divider {
   /* border-right: 1px solid #ccc;*/
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 1px;
}

.ant-btn span {
    display: inline-block;
}

.ant-btn-lg {
    font-size: 16px;
    line-height: 1.5;
    height: 40px;
    padding: 7px 15px;
    border-radius: 8px;
}

.ant-btn {
display: inline-flex;
justify-content: center;
}



/* Wrap to position the popup from the button */
.batm-popwrap{position:relative;display:inline-flex;align-items:center;justify-content:center;}

/* Your round button (keep your styles; example below) */
/*.batm-call{*/
/*  display:inline-flex;align-items:center;justify-content:center;*/
/*  width:44px;height:44px;border-radius:50%;cursor:pointer;*/
/*  border:0; background:#c62828; color:#fff;*/
/*}*/

/* Popap */
.batm-popover{
  position:absolute; z-index:9999; min-width:260px; max-width:320px;
  top:calc(100% + 12px); left:50%; transform:translateX(-50%) scale(.98);
  background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.18);
  padding:0; opacity:0; pointer-events:none; transition:.15s ease;
  text-align: left !important;
}
.batm-popwrap.is-open .batm-popover{opacity:1; transform:translateX(-50%) scale(1); pointer-events:auto;}
/* Arrow */
.batm-popover::before{
  content:""; position:absolute; top:-8px; left:calc(50% - 8px);
  border:8px solid transparent; border-bottom-color:#fff;
  filter:drop-shadow(0 -2px 2px rgba(0,0,0,.08));
}
/* Internal styles  */
.batm-popover__inner{padding:14px 16px;}
.batm-popover__title{font-weight:800; font-size:14px; letter-spacing:.02em; margin:0 0 4px;}
.batm-popover__phone{display:inline-block; font-weight:700; font-size:18px; text-decoration:none; margin:2px 0 6px;}
.batm-popover__text{font-size:14px; color:#555;}

/* Alignment if element is at edge */
.batm-popwrap[data-align="right"] .batm-popover{left:auto; right:0; transform:translateX(0) scale(.98);}
.batm-popwrap[data-align="right"].is-open .batm-popover{transform:translateX(0) scale(1);}
.batm-popwrap[data-align="right"] .batm-popover::before{left:auto; right:16px;}

.batm-popwrap[data-align="left"] .batm-popover{left:0; transform:translateX(0) scale(.98);}
.batm-popwrap[data-align="left"].is-open .batm-popover{transform:translateX(0) scale(1);}
.batm-popwrap[data-align="left"] .batm-popover::before{left:16px;}

/* A slight adaptation for touch devices (slightly larger clickable area) */
@media (pointer:coarse){
  .batm-call{width:48px;height:48px;}
}



/* custom checkbox styling for contact form 7 checkbox */ /* */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 1px solid #000000;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}

 /* 

#car-year{
     border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    color:#b9b9b9;
     margin-bottom: 20px;
}



#car-make{
        border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    color:#b9b9b9;
    margin-bottom: 20px;
}


#car-model{
        border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    color:#b9b9b9;
    margin-bottom: 20px;
}

#time{
        border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    color:#b9b9b9;
    margin-bottom: 20px;
}


*/

#time, #car-model, #car-make, #car-year{
   /*  border: 1px solid #ccc;*/
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 18px;
    padding: 15px;
    resize: vertical;
    width: 100%;
    height: 50px;
    color:#b9b9b9;
    margin-bottom: 20px;
    
}


.custom-color-input-date{
   color: #b9b9b9 !important;
    
}

input[type="date"]{
       color: #b9b9b9 !important;
    
}



.rav4-select-vehicle{
    width: 200px;
    
}

.tell-us-the-symptoms-textarea{
    margin-top: 20px;
    
}


.ttx-fullwidth-block {
    grid-column: 1 / -1; /* stretch across both columns */
    width: 100%;
}

/*
/*********************Sidebar Shop**********************/
/*
  #sidebar-shop{  box-shadow: 0 0 10px #bbb;
  margin-top: 35px;
  padding-top: 64px;
}

*/

/*********************End Sidebar Shop**********************/




.widget-heading .subtotal .woocommerce-Price-amount{
    display: none;
}


.mega-toggle-blocks-left #tz_woo_cart-mobile{
    height: 60px;
    
} 

/*@media (max-width: 768px) {*/
@media (max-width: 1025px) {
    .mega-toggle-blocks-left #tz_woo_cart-mobile .cart-count-wrapper {
    left: auto;
    right: -7px;
    background-color: #000000 !important;
    color: #ffffff !important;
    
    }}
    
    
    
    
/* Аккордеон для WOOF-фильтра в сайдбаре */
@media (max-width: 768px) {



.site-sidebar {
  margin-bottom: 0;
}


    /* Обёртка именно нашего фильтра */
    #sidebar-shop #woof_widget-2 .widget-woof {
       /* padding: 0.75rem 0.75rem; */
    /*    margin-bottom: 1.5rem;*/
        /*border: 1px solid rgba(0, 0, 0, 0.08);*/
       /* border-radius: 4px;*/
        background: #ffffff;
    }

    /* Заголовок Filter как "кнопка" */
    #sidebar-shop #woof_widget-2 .widget-woof .widget-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        margin: 0;
        padding: 0.25rem 0;
        font-size: 0.95rem;
        font-weight: 600;
    }

    /* Значок по умолчанию (когда фильтр свёрнут) */
    #sidebar-shop #woof_widget-2 .widget-woof .widget-title::after {
        content: '+';
        font-size: 1.25rem;
        line-height: 1;
    }

    /* Когда фильтр открыт */
    #sidebar-shop #woof_widget-2 .widget-woof.tmx-filter-open .widget-title::after {
        content: '−';
    }

    /* Когда фильтр свёрнут – скрываем содержимое */
    #sidebar-shop #woof_widget-2 .widget-woof.tmx-filter-collapsed .woof_redraw_zone {
        display: none;
    }

    /* Чуть поджать внутренние блоки */
    #sidebar-shop #woof_widget-2 .woof_container_inner,
    #sidebar-shop #woof_widget-2 .woof_price3_search_container {
        padding-top: 0.5rem;
    }
}

/* На десктопе всегда открыт, даже если вдруг класс остался */
@media (min-width: 769px) {
    #sidebar-shop #woof_widget-2 .widget-woof .woof_redraw_zone {
        display: block;
    }
}
/* END Аккордеон для WOOF-фильтра в сайдбаре */



/**************************** Style status type / on clearance / on sale / premium ***********************************/

.ttx-badge--status-type-on-clearance{
    background-color: #f50;
    width: 120px;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: .2rem;
    text-align: center;
    font-size: 16px;
}
.ttx-badge--status-type-on-sale{
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: .2rem;
    text-align: center;
    background-color: #87d068;
    width: 80px;
}
.ttx-badge--status-type-premium{
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: .2rem;
    text-align: center;
    width: 80px;
}

.ttx-badge--status-type{
    margin: 10px 0 10px 0;
}

/**************************** End Style status type / on clearance / on sale / premium ***********************************/


.button-wrapper-book-tire-service .second{
    border: 2px solid #19282f !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 20px !important;
    max-width: 300px !important;
    text-align: center !important;
    height: 50px !important;
    gap:10px
    
}

.button-wrapper-book-tire-service .first{
    border: 2px solid #19282f !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 20px !important;
    max-width: 300px !important;
    text-align: center !important;
    height: 50px !important;
    gap:10px
    
}

.tm-hidden-submit { display:none !important; }

#captcha-simple{
	width:50 !important%
}


/****** Filter Block - Search by vehicle - style *****/

#search-by-vehicle-style-h{
	font-size:16px;
	font-weight: 700;
	
}

.search-by-vehicle-style-t{
	font-size:12px;
	line-height: 12px;
}

/****** End Block - Search by vehicle - style *****/


/* CTA button inside Filter Everything */
.wpc-filters-widget-wrapper .tmx-vehicle-cta{
  margin: 0 0 14px;
}

.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  padding: 12px 14px;

  background: #fff;
  border: 2px solid #111;
  border-radius: 8px;

  color: #111 !important;
  text-decoration: none !important;

  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;

  box-shadow: 0 8px 18px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

/* FIX: чтобы ссылка не перекрашивалась как "visited" */
.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn:visited{
  color: #111 !important;
}

.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn::after{
  content: "→";
  font-size: 16px;
  opacity: .9;
  transition: transform .15s ease;
}

.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn:hover{
  background: #111;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.14);
  transform: translateY(-1px);
  border-color: #111;
}

.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn:hover::after{
  transform: translateX(3px);
}

.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn:focus-visible{
  outline: 3px solid rgba(230, 0, 18, .35); /* красный акцент */
  outline-offset: 2px;
}

/* Небольшой красный акцент снизу (как бренд) */
.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn{
  position: relative;
}
.wpc-filters-widget-wrapper .tmx-vehicle-cta__btn::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -2px;
  height: 2px;
  background: #e60012;
  border-radius: 999px;
  opacity: .85;
}
/* END CTA button inside Filter Everything */











/*==========================================================================*/
 /*  TIREMAXX: ПОЛНАЯ СТИЛИЗАЦИЯ КАРТОЧКИ ТОВАРА (FINAL v2) */
 /*  ========================================================================== */

/* 1. СКРЫВАЕМ ЛИШНЕЕ (Short Description) */
body.woocommerce ul.products li.product .short-description {
    display: none !important;
}

/* 2. ИДЕАЛЬНАЯ ЦЕНА (Строго в одну строку с "/ each") */
body.woocommerce ul.products li.product .price-wrapper .price {
    display: flex !important;
    align-items: baseline !important; /* Выравнивание по нижней границе текста */
    flex-wrap: nowrap !important;     /* Запрещаем перенос на новую строку */
    gap: 4px !important;              /* Аккуратный отступ */
    width: auto !important;
    margin: 0 !important;
}

/* Добавляем приписку "/ each" */
body.woocommerce ul.products li.product .price-wrapper .price::after {
    content: "/ each";
    font-size: 13px !important;       /* Чуть меньше цифры цены */
    font-weight: 400 !important;
    color: #999999 !important;        /* Светло-серый цвет */
    white-space: nowrap !important;   /* Текст никогда не переносится */
    line-height: 1;
}

/* 3. СТИЛЬНЫЙ БРЕНД (Красный, над заголовком) */
.tmx-loop-brand {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d32f2f;          /* Красный акцент */
    font-weight: 800;
    margin-bottom: 4px;
}

/* 4. КНОПКА "VIEW DETAILS" (Компактная и аккуратная) */
.tmx-details-btn-wrapper {
    width: 100%;
    margin-top: 15px;
    text-align: center; /* Центрируем кнопку */
}

.tmx-view-details-link {
    display: inline-block;            /* Кнопка по размеру текста */
  /*   padding: 6px 110px;      */          /* Компактные отступы */
    padding: 6px;
    background-color: transparent;
    border: 1px solid #e0e0e0;        /* Легкая серая рамка */
    border-radius: 50px;              /* Овальная форма (pill shape) */
    width:80%;
    color: #777;                      /* Серый спокойный текст */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}


.list-view .tmx-view-details-link {
    
    width:30%;
     float: left;
}
@media screen and (max-width: 1024px) {
    
 .list-view .tmx-view-details-link {
    
    width:80%;
 float: none;
}   
    
.columns-1 .tmx-view-details-link {
 width:80%;
 float: none; 
        
    }
    
}


/* Эффект при наведении на View Details */
.tmx-view-details-link:hover {
    border-color: #212121;            /* Темная рамка */
    color: #212121;                   /* Темный текст */
    background-color: #fff;
    transform: translateY(-1px);      /* Легкое всплытие */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}







/* ==========================================================================
   5. ИКОНКИ КАТЕГОРИЙ (SVG IMAGES)
   ========================================================================== */

/* Базовые настройки контейнера (сбрасываем шрифты, готовим место под картинку) */
body.woocommerce ul.products li.product .ttx-product-cats-text::before {
    content: "" !important;  /* Убираем любой текст/символы */
    display: inline-block;
    
    /* Настройки размера иконки */
    width: 24px;             
    height: 24px;
    
    /* Настройки фона для SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    
    margin-right: 6px;       /* Отступ от иконки до текста */
    vertical-align: middle;  /* Выравнивание по центру строки */
    flex-shrink: 0;          /* Запрещаем сжимать иконку */
}

/* -----------------------------------------------------------
   ГРУППА 1: SUMMER TIRES (Лето)
   ----------------------------------------------------------- */
body.woocommerce ul.products li.product.product_cat-summer-tires .ttx-product-cats-text::before {
    background-image: url('https://wp.tiremaxx.ca/wp-content/uploads/sun.svg');
}

/* -----------------------------------------------------------
   ГРУППА 2: WINTER TIRES (Зима)
   ----------------------------------------------------------- */
body.woocommerce ul.products li.product.product_cat-winter-tires .ttx-product-cats-text::before {
    background-image: url('https://wp.tiremaxx.ca/wp-content/uploads/snowflake.svg');
}

/* -----------------------------------------------------------
   ГРУППА 3: ALL SEASON + ALL WEATHER
   (Универсальные шоссейные)
   ----------------------------------------------------------- */
body.woocommerce ul.products li.product.product_cat-all-season-tires .ttx-product-cats-text::before,
body.woocommerce ul.products li.product.product_cat-all-weather-tires .ttx-product-cats-text::before {
    background-image: url('https://wp.tiremaxx.ca/wp-content/uploads/all-season.svg');
}

/* -----------------------------------------------------------
   ГРУППА 4: OFF-ROAD / MUD / ALL TERRAIN / ROCK / RUGGED
   (Внедорожные и агрессивные)
   ----------------------------------------------------------- */
body.woocommerce ul.products li.product.product_cat-mud-terrain-tires .ttx-product-cats-text::before,
body.woocommerce ul.products li.product.product_cat-all-terrain-tires .ttx-product-cats-text::before,
body.woocommerce ul.products li.product.product_cat-rock-terrain-tires .ttx-product-cats-text::before,
body.woocommerce ul.products li.product.product_cat-rugged-terrain-tires .ttx-product-cats-text::before {
    background-image: url('https://wp.tiremaxx.ca/wp-content/uploads/terrain.svg');
}


     ul.tabs.wc-tabs li.active a::before { display:none}