/**
  * Name: Fixfellow - Tools Store Ecommerce Html Template
  * Version: 1.1
  * Author: ThemetechMount
  * Author URI: http://www.themetechmount.com
*/

/**

  01. General
     - Variables
     - Extra-class

  02. Spacing

  03. Color

  04. SocialIcon

  05. TooltipTop

  06. Dropdown

  07. Newsletter Popup

  08. Topbar

  09. Header

  10. Footer
     
  11. GoTop BUtton
  
  12. Page-Title-Row

  13. Inner-Pages
      - Shop_page
      - Login_Page
      - Checkout_page
      - Product-Layout_page
      - Classic_Blog
      - Contact_page
      - Error_page

**/

/* ===============================================
    01. General
------------------------*/

.box-shadow {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08)
}

/* ===============================================
    02. Spacing
------------------------*/

/** spacing **/

.spacing-1 {
	padding: 20px 20px 0px;
	margin-bottom: 15px;
}

.spacing-2 {
	padding: 64px 110px 67px 60px;
}

.spacing-3 {
	padding: 113px 45px 0px;
}

.pr-5 {
	padding-right: 5px !important
}

.pr-10 {
	padding-right: 10px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.pr-35 {
	padding-right: 35px !important;
}

.pr-40 {
	padding-right: 40px !important;
}

.pr-45 {
	padding-right: 45px !important;
}

.pr-50 {
	padding-right: 50px !important;
}

.pr-55 {
	padding-right: 55px !important;
}

.pr-60 {
	padding-right: 60px !important;
}

.pr-70 {
	padding-right: 70px !important;
}

.pr-80 {
	padding-right: 80px !important;
}

.pr-90 {
	padding-right: 90px !important;
}

.pr-100 {
	padding-right: 100px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.pl-35 {
	padding-left: 35px !important;
}

.pl-40 {
	padding-left: 40px !important;
}

.pl-45 {
	padding-left: 45px !important;
}

.pl-50 {
	padding-left: 50px !important;
}

.pl-55 {
	padding-left: 55px !important;
}

.pl-60 {
	padding-left: 60px !important;
}

.pl-65 {
	padding-left: 65px !important;
}

.pl-70 {
	padding-left: 70px !important;
}

.pl-75 {
	padding-left: 75px !important;
}

.pl-80 {
	padding-left: 80px !important;
}

.pl-85 {
	padding-left: 85px !important;
}

.pl-90 {
	padding-left: 90px !important;
}

.pl-95 {
	padding-left: 95px !important;
}

.pl-100 {
	padding-left: 100px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-35 {
	padding-top: 30px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pt-55 {
	padding-top: 55px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.pt-65 {
	padding-top: 65px !important;
}

.pt-70 {
	padding-top: 70px !important;
}

.pt-75 {
	padding-top: 75px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pt-85 {
	padding-top: 85px !important;
}

.pt-90 {
	padding-top: 90px !important;
}

.pt-95 {
	padding-top: 95px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pb-55 {
	padding-bottom: 55px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pb-70 {
	padding-bottom: 70px !important;
}

.pb-80 {
	padding-bottom: 80px !important;
}

.pb-90 {
	padding-bottom: 90px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

/** Margin **/

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.mt_5 {
	margin-top: -5px !important;
}

.mt_10 {
	margin-top: -10px !important;
}

.mt_15 {
	margin-top: -15px !important;
}

.mt_20 {
	margin-top: -20px !important;
}

.mt_25 {
	margin-top: -25px !important;
}

.mt_30 {
	margin-top: -30px !important;
}

.mt_40 {
	margin-top: -40px !important;
}

.mt_50 {
	margin-top: -50px !important;
}

.mt_60 {
	margin-top: -60px !important;
}

.mt_70 {
	margin-top: -70px !important;
}

.mt_80 {
	margin-top: -80px !important;
}

.mt_85 {
	margin-top: -85px !important;
}

.mt_90 {
	margin-top: -90px !important;
}

.mt_100 {
	margin-top: -100px !important;
}

.ml-0 {
	margin-left: 0px !important
}

.ml-15 {
	margin-left: 15px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.ml-40 {
	margin-left: 40px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

.ml_10 {
	margin-left: -10px !important;
}

.ml_15 {
	margin-left: -15px !important;
}

.ml_20 {
	margin-left: -20px !important;
}

.ml_25 {
	margin-left: -25px !important;
}

.ml_30 {
	margin-left: -30px !important;
}

.ml_35 {
	margin-left: -35px !important;
}

.ml_40 {
	margin-left: -40px !important;
}

.ml_45 {
	margin-left: -45px !important;
}

.ml_50 {
	margin-left: -50px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.mr-40 {
	margin-right: 40px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.mr_10 {
	margin-right: -10px;
}

.mr_15 {
	margin-right: -15px;
}

.mr_20 {
	margin-right: -20px;
}

.mr_25 {
	margin-right: -25px;
}

.mr_30 {
	margin-right: -30px;
}

.mr_35 {
	margin-right: -35px;
}

.mr_40 {
	margin-right: -40px;
}

.mr_45 {
	margin-right: -45px;
}

.mr_50 {
	margin-right: -50px;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-55 {
	margin-bottom: 55px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mb-65 {
	margin-bottom: 65px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.mb-75 {
	margin-bottom: 75px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mb-85 {
	margin-bottom: 85px !important;
}

.mb-90 {
	margin-bottom: 90px !important;
}

.mb-95 {
	margin-bottom: 95px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mb_5 {
	margin-bottom: -5px !important;
}

.mb_10 {
	margin-bottom: -10px !important;
}

.mb_15 {
	margin-bottom: -15px !important;
}

.mb_20 {
	margin-bottom: -20px !important;
}

.mb_25 {
	margin-bottom: -25px !important;
}

.mb_30 {
	margin-bottom: -30px !important;
}

/* ===============================================
    03. Color
------------------------*/

/** 1.Skin-color **/

.ttm-textcolor-skincolor,
.ttm-btn.ttm-btn-color-skincolor,
.ttm-icon_element-color-skincolor,
a:hover,
.ttm-textcolor-white a:hover,
.newsletter_popup_wrap .close,
.top_bar_dropdown li li a:hover,
.menu-vertical li>a:hover,
.menu-vertical li.parent .megamenu ul.list-unstyled li a:hover,
.product .product-content-box .product-title h2:hover,
.post-meta .post-meta-line i,
.ttm-list-icon-color-skincolor i,
.testimonial-content .quote-icon i,
.ttm-single-product-details .add_to_wishlist:hover,
.ttm-single-product-details .compare:hover,
#site-header-menu #site-navigation .menu ul>li:hover>a,
#site-header-menu #site-navigation .menu ul li.active>a {
	color: #fda42c;
}

/** Skin-bg-color **/

.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor>.ttm-bg-layer,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-icon_element-background-color-skincolor,
.ttm-btn-color-black:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-black:hover,
.ttm-icon_element-background-skincolor,
.tp-caption.video-icon-btn,
.header_main,
#search_block_top .btn.button-search:hover,
.ttm-header-style-02 .cat_menu_container .cat_menu,
.ttm-header-style-03 .cat_menu_container .cat_menu,
ul.cart-list>li.total>.btn,
.slick-current .ttm-testimonial-box-view-style1 .testimonial-content,
.featured-imagebox-post .post-category a,
.post-category a,
.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper ul.nav-tabs .nav-link.active,
.newsletter-form input[type="submit"],
.sidebar .widget .widget-title,
.content-area-sec-title h5:after,
.ttm-tabs ul li.active a,
.product .product-box-inner .product-btn-links-wrapper a,
.products .slick_slider .slick-arrow:not(.slick-disabled),
.products .pro_slick_slider .slick-arrow:not(.slick-disabled),
.ttm-highlight-fid,
.ttm-box-post-date,
.footer .social-icons li>a:hover,
.tabs-for-single-products.ttm-tabs ul.tabs li.active a:after,
.featured-icon-box.style2 .ttm-icon.ttm-icon_element-size-sm:before,
.ttm-blog-classic .ttm-box-post-icon,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.widget-price-filter .ui-slider .ui-slider-handle,
.widget-price-filter .ui-slider .ui-slider-range,
.widget-price-filter .price_slider_amount .button,
.comment-list a.comment-reply-link:hover,
.place-order button,
.checkout #order_review_heading h3:after,
.action-button,
.form-submit input,
.tabs-for-single-products.ttm-tabs ul.tabs li.active a:after,
.newsletter_main input[type="submit"],
footer .tooltip:after,
footer [data-tooltip]:after {
	background-color: #fda42c;
}

button.btn.btn-default.button-search:hover {
    background-color: #c7232f !important;
}
.ttm-header-style-01 .top_bar_user div>ul>li>a:hover {
    color: #c7232f !important;
}
/** Skin-border-color **/

nav.menu li.mega-menu-item ul.mega-submenu,
.ttm-tabs.tabs-for-products ul.tabs li.active a,
footer .tooltip-top:before,
footer .tooltip:before {
	border-top-color: #fda42c;
}
.cart_count {
    background-color: #000000  !important;
}

/** 1.highlight-color **/

.ttm-textcolor-highlight,
.ttm-btn-color-highlight,
.ttm-icon_element-color-highlight,
.top_bar_user>div>a:hover,
.top_bar_user div>ul>li>a:hover,
header a:hover,
.cart_text a:hover,
.account_text a:hover,
.account_extra,
.cart_price,
.star-ratings ul li,
.widget-text .ttm_info_widget .title h3 strong,
.widget-text .ttm_info_widget h4 strong,
.product_in-stock,
.footer .widget.widget_nav_menu a:hover,
.footer .menu-footer-quick-links a:hover,
.copyright a:hover,
.footer .widget ul.widget_info_text>li i,
.footer .social-icons li>a:hover,
.footer-nav-menu a:hover {
	color: #000000;
}

/** highlight-bg-color **/

.ttm-bgcolor-highlight,
.ttm-bgcolor-highlight>.ttm-bg-layer,
.cart_count,
.cat_icon,
.product .product-box-inner .product-btn-links-wrapper a:hover,
#search_block_top .btn.button-search,
.ttm-btn-style-fill.ttm-btn-color-highlight,
.ttm-icon_element-background-highlight,
.section-title .title-header:after,
.newsletter-form input[type="submit"]:hover,
.widget .widget-title:after,
.footer .social-icons li>a,
.ttm-highlight-fid:before,
a.checkout-button,
#totop.top-visible {
	background-color: #fda42c;
}

nav.menu {
	border-top-color: #fda42c;
}

.featured-imagebox-post .featured-content {
	border-bottom-color: #fda42c;
}

/** 2.DarkGrey-color **/

.ttm-textcolor-darkgrey,
.ttm-btn-color-black,
.ttm-btn-color-skincolor:hover,
.white-flatborder-button:hover,
.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
#search_block_top .btn.button-search,
.user_zone_block .icon,
.cart_count,
.ttm-bgcolor-white .account_text a,
.ttm-bgcolor-white .cart_text a,
.ttm-bgcolor-white .account_icon,
.ttm-bgcolor-white .top_bar,
.ttm-bgcolor-white .cart_icon i,
.ttm-header-style-02 .account_text a,
.ttm-header-style-02 .cart_text a,
.ttm-header-style-02 .account_icon,
.ttm-header-style-02 .cart_icon i,
.footer .social-icons li>a,
.newsletter-form input[type="submit"]:hover,
.easyzoom-product-gallery .slick-slider .slick-arrow:not(.slick-disabled),
.easyzoom-product-gallery .slick-slider .slick-arrow:not(.slick-disabled):before,
.product .product-btn-links-wrapper a,
.ttm-tabs.tabs-for-products ul.tabs li a,
.ttm-icon_element-color-darkgrey,
.product .price,
.widget-testimonial .testimonial_slick_slider .slick-dots li.slick-active button:before,
.widget-price-filter .price_slider_wrapper h5,
.tabs-for-single-products.ttm-tabs ul.tabs li.active a,
#totop.top-visible {
	color: #FFF;
}

/** DarkGrey-bg-color **/

.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey>.ttm-bg-layer,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-black,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-black:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.sidebar .widget .tagcloud a:hover,
.ttm-icon_element-background-darkgrey,
ul.cart-list>li.total>.btn:hover,
.top-searchform button:hover,
.widget-price-filter .price_slider_amount .button:hover,
.comment-list a.comment-reply-link,
a.checkout-button:hover,
.place-order button:hover,
.action-button:hover,
.form-submit input:hover,
.newsletter_main input[type="submit"]:hover {
	background-color: #02112b;
}

.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border:hover,
.ttm-tabs.ttm-tab-style-vertical ul.tabs li a,
.widget-testimonial .testimonial_slick_slider .slick-dots li.slick-active button {
	border-color: #02112b;
}

/** 3.White-color **/

.ttm-textcolor-white,
.ttm-btn.ttm-btn-color-white,
.ttm-textcolor-white h1,
.ttm-textcolor-white h2,
.ttm-textcolor-white h3,
.ttm-textcolor-white h4,
.ttm-textcolor-white h5,
.ttm-textcolor-white h6,
.ttm-bgcolor-darkgrey h1,
.ttm-bgcolor-darkgrey h2,
.ttm-bgcolor-darkgrey h3,
.ttm-bgcolor-darkgrey h4,
.ttm-bgcolor-darkgrey h5,
.ttm-bgcolor-darkgrey h6,
.ttm-bgcolor-skincolor h1,
.ttm-bgcolor-skincolor h2,
.ttm-bgcolor-skincolor h3,
.ttm-bgcolor-skincolor h4,
.ttm-bgcolor-skincolor h5,
.ttm-bgcolor-skincolor h6,
.ttm-bgcolor-skincolor a,
.ttm-textcolor-white a,
.ttm-icon_element-color-white,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.account_text a,
.cart_text a,
.account_icon,
.top_bar,
.cart_icon i,
ul.cart-list>li.total>.btn,
.ttm-header-style-01 .top_bar_user div>ul>li>a,
.ttm-header-style-01 .top_bar_user div>a,
.ttm-header-style-02 .top_bar_user div>ul>li>a,
.ttm-header-style-02 .top_bar_user div>a,
#search_block_top .btn.button-search:hover,
.cat_menu_container .cat_menu .cart-icon,
.ttm-header-style-02 .cat_menu_container .cat_menu h4,
.ttm-header-style-03 .cat_menu_container .cat_menu h4,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-black,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-black:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.product .product-box-inner .product-btn-links-wrapper a:hover,
.product .product-box-inner .product-btn-links-wrapper a,
.ttm-bgcolor-darkgrey .testimonial-caption h5,
.ttm-bgcolor-skincolor .testimonial-caption h5,
.ttm-bgcolor-darkgrey .testimonial-caption label,
.ttm-bgcolor-skincolor .testimonial-caption label,
.featured-imagebox-post .post-category a,
.post-category a,
.ttm-shop-toolbar-wrapper .toolbar-left .nav-tab-wrapper ul.nav-tabs .nav-link.active,
.sidebar .widget .tagcloud a:hover,
.sidebar .widget .widget-title,
.ttm-tabs ul li.active a,
.slick-slider .slick-prev:not(.slick-disabled):before,
.slick-slider .slick-next:not(.slick-disabled):before,
.ttm-bgcolor-skincolor .inside h3,
.ttm-bgcolor-skincolor .ttm-fid-icon-wrapper i,
.ttm-bgcolor-skincolor .ttm-fid.inside h4,
.ttm-highlight-fid.inside .ttm-fid-icon-wrapper i,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.widget-price-filter .price_slider_amount .button,
.comment-list a.comment-reply-link,
.form-submit input,
a.checkout-button,
.place-order button,
.action-button,
ul.ttm_contact_widget_wrapper li,
.ttm-bgcolor-darkgrey .social-icons.circle li>a,
.ttm-bgcolor-skincolor .social-icons.circle li>a {
	color: #fff;
}

.ttm-bgcolor-darkgrey .section-title h5,
.ttm-bgcolor-skincolor .featured-desc,
.ttm-bgcolor-darkgrey .featured-desc,
.ttm-bgcolor-skincolor .inside h3,
.ttm-bgcolor-darkgrey .inside h3,
.ttm-fid.inside.ttm-highlight-fid h4,
.ttm-highlight-fid.inside h3 span,
.ttm-bgcolor-skincolor .testimonial-content blockquote,
.ttm-bgcolor-darkgrey .testimonial-content blockquote {
	color: rgba(255, 255, 255, .75);
}

.ttm-btn-style-border.ttm-btn-color-white:hover {
	border-color: #fff;
}

.testimonials .testimonial-content blockquote,
.slick-current .testimonial-avatar .testimonial-img img,
.ttm-bgcolor-darkgrey .sep_holder .sep_line {
	border-color: rgba(255, 255, 255, 0.06);
}

.ttm-bgcolor-skincolor .section-title .title-desc,
.ttm-bgcolor-darkgrey .section-title .title-desc {
	color: rgba(255, 255, 255, .80);
}

/** White-bg-color **/

.ttm-bgcolor-white,
.ttm-fbar-box-w .submit_field button:hover,
.ttm-header-style-infostack .ttm-header-top-wrapper,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn-style-border.ttm-btn-color-white:hover,
.featured-imagebox-team .ttm-media-link a:hover,
.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a:hover,
.ttm-bgcolor-darkgrey .client-box.ttm-box-view-logo .ttm-client-logo-tooltip .client-thumbnail,
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a,
.products.ttm-bgcolor-white .row,
.sidebar .widget-categories li span,
.sidebar .widget-categories li:hover {
	background-color: #ffffff;
}

/** White-border-color **/

.ttm-bgcolor-skincolor .ttm-fid-border .row>[class*='col-'],
.ttm-bgcolor-skincolor.ttm-fid-border .row>[class*='col-'] {
	border-color: rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .3);
}

/** 4.Grey-color **/

.ttm-bgcolor-grey,
.sidebar .ttm-bgcolor-grey>.ttm-bg-layer,
.widget-price-filter .price_slider_amount input,
.product-image-box,
.sidebar .widget-area .widget,
.ttm-shop-toolbar-wrapper,
.widget.widget-price-filter .ui-slider-horizontal {
	background-color: #f6f9ff;
}

/*  ===============================================
    06. Dropdown
------------------------*/

.dropdown .dropdown_link {
	position: relative;
	cursor: pointer;
	z-index: 1
}

.dropdown .dropdown_content {
	position: absolute;
	padding: 15px;
	margin-top: 15px;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 100;
	top: 100%;
	right: 0;
	font-size: 14px;
	min-width: 125px;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-transform: translateX(0) translateY(15px);
	-ms-transform: translateX(0) translateY(15px);
	transform: translateX(0) translateY(27px);
	/* transition: 0.5s; */
}

.widget_shopping_cart.show {
	left: auto !important;
	right: 0;
	border-radius: 0;
	transform: translateX(0) translateY(8px) !important;
	margin-top: 44px;
}

.dropdown .dropdown_content:before {
	position: absolute;
	right: 17px;
	top: -8px;
	width: 47px;
	height: 47px;
	text-align: center;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #fff;
	content: " "
}

.dropdown.show .dropdown_content {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0)
}

.dropdown-menu.show {
	visibility: visible;
	opacity: 1;
}

/*  ===============================================
    08. Topbar
------------------------*/

.top_bar {
    line-height: 51px;
    font-size: 13px;
    z-index: 2;
    background: #fff;
    padding: 14px 0;
    /* border-bottom: 1px solid #ebebeb; */
}

.top_bar .coupen_code {
	margin: 0 5px;
	padding: 0 8px 0 5px;
	font-size: 13px;
	line-height: 21px;
	display: inline-block
}

.top_bar_user,
.top_bar_user div {
	display: inline-block
}

.top_bar_user div {
	margin-left: 10px
}

.top_bar_user .top_bar_menu>ul>li::after {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 17px;
	background: rgba(255, 255, 255, .1);
	content: ''
}

.top_bar_dropdown>li {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	padding-right: 14px
}

.top_bar_dropdown li:last-child {
	padding-right: 0
}

.top_bar_dropdown>li>a:after {
	content: "\e64b";
	font-family: themify;
	font-size: 7px;
	margin-left: 5px
}

.top_bar_dropdown li ul {
	display: block;
	position: absolute;
	top: 120%;
	right: 0;
	min-width: 200px;
	visibility: hidden;
	opacity: 0;
	background: #fff;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: all .3s ease;
	z-index: 11;
	border-radius: 0;
	left: auto;
}

.head--login.dropdown-menu.show {
	top: 17px !important;
	/* left: auto !important; */
	right: 0 !important;
}

.top_bar_dropdown>li.show>ul {
	top: 100%;
	visibility: visible;
	opacity: 1
}

.top_bar_dropdown ul ul {
	left: 100%;
	top: 0 !important
}

.top_bar_dropdown li li a {
	display: block;
	width: 100%;
	padding: 12px 15px;
	font-size: 13px;
	line-height: 16px;
	border-bottom: solid 1px #f2f2f2
}

.top_bar_dropdown li li:last-child a {
	border-bottom: none
}

/*  ===============================================
    09. Header
------------------------*/

/** SiteBrand(logo) **/

/* .brand-logo {
	padding-top: 8px
} */

.brand-logo #logo-img {
    width: 195px
}
/** Headermain **/

.header {
	position: relative;
	/* box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06) */
}

/* .header_main {
	padding-top: 15px;
	padding-bottom: 15px
} */
.text-lg-left {
   
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
/** Header_search **/

.header_search {
	padding: 15px 0 14px
}

.header_search .header_search_content {
	position: static;
	display: block;
	float: none;
	background-color: #fff;
}

.header_search #search_block_top #searchbox {
	background: #fff none repeat scroll 0 0;
	position: relative;
}

.header_search #search_category {
	border: 0;
	display: inline;
	outline: 0;
	padding: 0 15px;
	font-size: 13px;
	line-height: 38px;
	cursor: pointer;
	height: 50px
}

select#search_category {
	border: unset;
	box-shadow: unset;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.categories-block {
	float: left;
	margin-right: 28px;
	position: relative
}

.categories-block::after {
	right: 4px;
	top: 14px;
	content: "\e64b";
	position: absolute;
	font-family: themify;
	font-size: 10px
}

#search_block_top #search_query_top {
	display: block;
	border: none;
	background: #bdbdbd;
	padding: 0 0 0 15px;
	font-size: 13px;
	width: 100%;
	float: left;
	height: 44px;
	border-radius: 8px;
}

#search_block_top .btn.button-search {
	position: absolute;
	top: 4px;
	right: 10px;
	border: unset;
	box-shadow: unset;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	font-size: 14px;
	display: block;
	text-align: center;
	transition: all .3s;
	z-index: 9;
}

.search-dropdown-filds {
    display: none;
    border-radius: 7px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    background-color: #fff;
    color: #fda42c;
    z-index: 999;
    top: 110px;
    box-shadow: 2px 3px 5px -1px rgba(0, 0, 0, .5);
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 17px;
}

/** header_extra **/

/* .header_extra {
	padding: 17px 0
} */

.account_icon {
	font-size: 20px
}

.account_content {
	margin-left: 6px
}

.account_text a,
.cart_text a {
	font-size: 14px;
	font-weight: 400
}

.account_extra,
.cart_price {
	font-size: 15px;
	line-height: 14px;
	margin-top: 2px
}

.account_extra::after {
	margin-left: 5px;
	top: 3px;
	font-size: 15px;
	position: relative;
	font-family: 'Font Awesome 5 Free';
	content: "\f090"
}

.cart {
	position: relative
}

.cart_icon {
	font-size: 15px;
	position: relative
}

.cart_count {
    position: absolute;
    top: 5px;
    left: 14px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    display: block;
    font-size: 10px;
}

.cart_content {
	margin-left: 13px;
	text-align: right
}

.login--box {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 12px;
	transition: 0.5s
}

.head--login li a i {
	width: 19px;
	margin: 0 !important
}

.head-register a::after {
	display: none;
}

.widget_account_content ul li i {
	width: 25px;
	margin: 0 !important
}

/** cat_menu **/

.cat_menu_list {
	position: absolute;
	z-index: 11;
	background: #fff;
	top: 100%;
	text-align: left;
	left: 0;
	right: 0;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1)
}

.cat_menu_list>li {
	border-bottom: 1px solid #e9eef6
}

.cat_menu::after {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	width: 1px;
	height: 33px;
	background: rgba(0, 0, 0, .1);
	content: '';
}

.cat_icon {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center
}

.cat_icon i {
	margin: 0;
	color: #FFF;
}

.cat_menu span {
	display: block;
	font-size: 18px;
	line-height: 16px;
	padding-left: 21px;
	transition: .5s;
}

.cat_menu:hover .fa-bars {
	color: #fda42c
}

.cat_text {
	background: #fda42c;
	padding: 0px 32px 0px 0;
	width: 60%;
	margin: 15px 0;
}

.cat_menu h4 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
	position: relative;
	color: #fff;
	transition: .5s;
	font-family: Muli, sans-serif
}

.cat_menu h4:hover {
	color: #fda42c !important
}

.cat_menu h4::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f055";
	left: 15px;
	top: 1px;
	position: relative;
	font-size: 16px
}

.cat_menu.on-cat_menu .cat_text h4::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f056"
}

/* Categories Header menu-vertical */

.menu-vertical>li {
	z-index: 1;
	position: relative;
	overflow: visible !important;
	padding: 0 15px !important
}

.menu-vertical li a.close-side {
	display: none
}

.menu-vertical li a {
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 16px 0
}

.menu-vertical>li>a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #403f3f
}

.menu-vertical li.parent-plus>a:after,
.menu-vertical li.parent>a:after {
	position: absolute;
	content: "\e649";
	font-family: themify;
	font-size: 10px;
	right: 15px;
	top: 15px;
	font-weight: 600;
	color: #000b1c;
	opacity: .25
}

.menu-vertical>li.parent>a.active:after,
.menu-vertical>li.parent>a.open:after {
	content: "\e64b"
}

.menu-vertical li.parent-plus>a:after {
	content: "\e61a"
}

.menu-vertical>li.parent-plus>a.active:after,
.menu-vertical>li.parent-plus>a.open:after {
	content: "\e622"
}

.menu-vertical li ul {
	display: table-cell;
	float: none;
	width: 200px
}

.menu-vertical li ul:not(:last-child) {
	border-right: solid 1px #f0f0f0
}

.menu-vertical li ul li {
	padding: 0 !important
}

.menu-vertical li.parent ul.sub-menu {
	top: 0;
	position: absolute;
	z-index: 1000;
	background: #fff;
	width: 100%
}

.menu-vertical li.parent ul.sub-menu li a {
	padding: 0
}

.menu-vertical li.parent .sub-menu {
	display: none;
	position: absolute;
	background: #fff;
	left: 100%;
	top: 0;
	min-width: 200px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2)
}

.menu-vertical li.parent .megamenu ul.list-unstyled li .sub-menu {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	position: unset;
	box-shadow: unset;
	border: none;
	display: block
}

.menu-vertical li.parent .megamenu ul.list-unstyled li:not(:last-child) {
	border-bottom: solid 1px #edf2f8
}

.menu-vertical li.parent .megamenu ul.list-unstyled li a {
	padding: 16px 15px;
	color: #656c76
}

.menu-vertical li.parent .megamenu ul.list-unstyled li.title>a {
	display: block;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-weight: 500;
	color: #000b1c;
	font-size: 15px;
	padding: 16px 15px;
	text-transform: capitalize;
	border-bottom: 1px solid #e9eef6
}

.parent-plus .plus-menu {
	display: none
}

.sidebar-right .menu-vertical li.parent .sub-menu {
	right: 100%;
	left: auto
}

.category-dropdown__menu-arrow {
	position: relative
}

.categories-menu .menu-vertical #dropdown .category-dropdown__menu {
	width: max-content;
	position: relative;
	z-index: 9
}

.categories-menu .menu-vertical #dropdown .category-dropdown__menu:hover {
	color: #fda42c !important
}

.categories-menu .menu-vertical #dropdown .category-dropdown__menu::after {
	content: none
}

.categories-menu .menu-vertical #dropdown .category-dropdown__menu-arrow {
	position: absolute;
	right: 0;
	width: 100%;
	height: 40px;
	padding: 0;
	margin-top: -49px
}

.category-sub-dropdown__menu-arrow::after {
	margin-right: 9px
}

.category-sub-dropdown__sub-menu-arrow::after {
	margin-right: 10px
}

.category-sub-dropdown__menu {
	font-weight: 500;
	color: #000b1c !important
}

.category-sub-dropdown__sub-menu {
	font-weight: 500;
	color: #000b1c !important
}

.categories-menu .menu-vertical #dropdown .panel-body .nav.navbar-nav li a:hover {
	color: #fda42c
}

#dropdown-lvl1 {
	background: #f7f7f7;
	margin-bottom: 20px;
	padding-bottom: 15px
}

#dropdown-lvl2 {
	background: #f0f0f0;
	padding-bottom: 15px
}

#dropdown-lvl3 {
	background: #f7f7f7
}

.category-dropdown__menu-arrow[aria-expanded=false]::after,
.category-sub-dropdown__menu-arrow[aria-expanded=false]::after,
.category-sub-dropdown__sub-menu-arrow[aria-expanded=false]::after {
	transition: .5s
}

.category-dropdown__menu-arrow[aria-expanded=true]::after,
.category-sub-dropdown__menu-arrow[aria-expanded=true]::after,
.category-sub-dropdown__sub-menu-arrow[aria-expanded=true]::after {
	transition: .5s;
	transform: translateY(0) rotate(0)
}

.category-dropdown__menu-arrow[aria-expanded=true]::after {
	transform: translateY(0) rotate(90deg)
}

.category-sub-dropdown__menu-arrow[aria-expanded=true]::after {
	transform: translateY(0) rotate(90deg)
}

.category-sub-dropdown__sub-menu-arrow[aria-expanded=true]::after {
	transform: translateY(0) rotate(90deg)
}

.category--menu-collaps:last-child .accordion__title {
	margin-bottom: 0
}

.accordion__title {
	display: flex;
	font-weight: 700;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0px;
	padding: 3px 10px;
	cursor: pointer;
}

.accordion__category-list {
	border-top: 1px solid #ebebeb
}

.accordion__category-list li {
	padding-left: 5px;
	padding: 5px;
	display: block
}

.accordian {
	width: 100%
}

.accordian-item {
	margin-bottom: 20px;
	transition: all .3s ease
}

.accordian-item:last-child {
	margin-bottom: 0
}

.accordian-item-header {
	padding: 15px 45px 15px 10px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	background: #eef0f1;
	color: #222
}

.accordian-item-header.active {
	background: #79a206;
	color: #fff
}

.accordian-item-header.active::after {
	content: "−"
}

.accordian-item-header h4 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400
}

.accordian-item-header::after {
	content: "+";
	font-size: 2rem;
	position: absolute;
	right: 1rem
}

.accordian-item-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out
}

.accordian-item-body-content {
	padding: 1rem;
	line-height: 1.5;
	border: 1px solid #ebebeb
}

.header-menu-vertical .menu-title {
	color: #fff;
	cursor: pointer;
	margin: 0;
	background: #fda42c;
	padding-right: 45px;
}

.header-menu-vertical.pos-relative {
	margin-right: 30px;
	padding-right: 15px;
}

.header-menu-vertical .menu-content {
	width: 100%;
	background: #fff;
	border: 1px solid #eaeaea;
	top: 100%;
	left: 0;
	display: none;
	z-index: 999
}

.header-menu-vertical .menu-content li {
	display: block;
	position: relative
}

.header-menu-vertical .menu-content li a {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 24px;
	text-transform: capitalize;
	word-wrap: break-word;
	background: #fff;
	color: #47494a;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 400;
	transition: all .3s linear;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.header-menu-vertical .menu-content li a {
	padding-left: 7px;
	padding-right: 7px;
}

.category {
	float: left;
	clear: both;
	font-size: 13px;
	line-height: 15px;
	color: #222;
	text-transform: capitalize;
	letter-spacing: .5px
}

.link-category-menu {
	margin-bottom: 2px;
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #fff;
}

.link-category-menu:hover {
	background: #f7f7f7 !important;
	color: #383e4e !important;
	font-weight: 600 !important;
	padding-left: 30px !important;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.vertical--menulink_arrow {
	margin: 0;
}

.category--menu-collapse .accordion .vertical--menulink_arrow[aria-expanded="true"] .arrow-right {
	transition: 0.5s;
	transform: translateY(0) rotate(90deg) !important;
}

.category--menu-collapse .accordion .vertical--menulink_arrow[aria-expanded="false"] .arrow-right {
	transform: translateY(0) rotate(0deg) !important;
}

.header-menu-vertical .menu-content li a:hover {
	color: #fda42c
}

.header-menu-vertical .menu-content li.expand a i {
	padding-right: 15px;
	font-weight: 700
}

.category-lvl-dropdown::after {
	transition: 0.5s;
	content: ' ';
	top: 0;
}

.category-lvl-dropdown:hover::after {
	content: ' -- ';
	border-radius: 100%;
	font-family: 'Font Awesome 5 Light';
	position: absolute;
	left: 10px;
	font-size: 18px;
	top: 6px;
}

.category-lvl-dropdown:hover {
	background: #f9f9f9 !important;
	padding-left: 25px !important;
}

/* MEGAMENU STYLE
=================================*/

nav.menu .mega-menu-item.megamenu-fw {
	position: static
}

.site-header-menu .main_nav_content {
	/* position: relative */
}

nav.menu .megamenu-fw .mega-submenu {
	left: auto
}

nav.menu .megamenu-content {
	padding: 15px;
	width: 80% !important
}

nav.menu .megamenu-content .title {
	margin: 0;
	display: block;
	background: #f3f3f3;
	font-weight: 500;
	color: #000b1c;
	font-size: 15px;
	/* padding: 16px 15px; */
	text-transform: capitalize;
	border-bottom: 1px solid #e9eef6
}

nav.menu .mega-menu-item.megamenu-fw .mega-submenu {
	left: 10%;
	right: 0
}

nav.menu ul {
	padding: 0;
	margin: 0
}

nav.menu {
	margin-bottom: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: none;
	z-index: 9
}

nav.menu li ul.mega-submenu {
	position: absolute;
	top: auto;
	left: 0;
	z-index: 2;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 1px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
	-webkit-transition: .6s all;
	transition: .6s all
}

nav.menu ul.nav>li {
	position: relative;
	display: inline-block
}

nav.menu ul.nav>li>a {
	font-size: 15px;
	display: block;
	padding: 30px 15px;
	font-weight: 600;
	background-color: transparent;
	outline: 0;
	margin-bottom: -2px
}

nav.menu ul.nav .mega-submenu .mega-submenu {
	top: 0;
	left: 100%
}

ul.menu-col {
	padding: 0;
	margin: 0;
	list-style: none
}

ul.menu-col li a {
	color: #000
}

ul.menu-col li a:focus,
ul.menu-col li a:hover {
	text-decoration: none
}

/* Extra Navigation
=================================*/

.ex-nav {
	float: right;
	display: inline-block;
	margin-right: -15px
}

.ex-nav>ul {
	padding: 0;
	margin: 0 0 -7px 0;
	list-style: none;
	display: inline-block
}

.ex-nav>ul>li {
	float: left;
	display: block;
	position: relative
}

.ex-nav>ul>li>a {
	display: inline-block;
	padding: 22px 15px;
	position: relative;
	z-index: 111
}

.ex-nav>ul>li>a span.badge {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 5px;
	font-size: 10px;
	padding: 0;
	width: 15px;
	height: 15px;
	line-height: 15px
}

.ex-nav li.cart-items ul.cart-list {
	position: absolute;
	top: auto;
	right: 0;
	z-index: 1000;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	-o-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background: #fff;
	border: solid 1px #e0e0e0
}

.ex-nav>ul>li.mega-menu-item ul.mega-submenu {
	margin-top: 0;
	margin-left: 55px;
	width: 250px;
	left: -250px
}

ul.cart-list {
	padding: 0;
	margin: 0;
	min-width: 300px
}

ul.cart-list>li {
	list-style: none;
	position: relative;
	border-bottom: solid 1px #efefef;
	padding: 15px 0 19px
}

ul.cart-list>li:first-child {
	padding-top: 0
}

ul.cart-list>li>a.photo {
	padding: 0;
	margin-right: 15px;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	left: 15px;
	top: 15px
}

ul.cart-list>li img {
	width: 50px;
	height: 50px;
	border: solid 1px #efefef
}

ul.cart-list>li>h6 {
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400
}

ul.cart-list>li>h6>a.photo {
	padding: 0 !important;
	display: block
}

ul.cart-list>li>p {
	margin-bottom: 0
}

ul.cart-list>li.total {
	background-color: #f5f5f5;
	padding: 15px 15px;
	font-size: 15px
}

ul.cart-list>li.total>.btn {
	display: inline-block;
	border: unset;
	border-radius: 0;
	box-shadow: unset;
	font-size: 14px;
	line-height: 14px
}

ul.cart-list>li .price {
	font-weight: 700
}

.cart-items.show .cart-list {
	display: block
}

/* Responsive
=================================*/

@media (min-width:1200px) {
	.ttm_menu-toggle {
		display: none
	}

	nav.menu ul.nav .mega-submenu .mega-submenu {
		margin-top: -2px
	}

	nav.menu ul.nav-right .mega-submenu .mega-submenu {
		left: -200px
	}

	nav.menu ul.nav>li>a {
		font-size: 15px;
		font-weight: 500;
		text-transform: capitalize;
		padding: 22px 15px
	}

	nav.menu ul.nav>li.mega-menu-item>a.mega-menu-link:after {
		font-family: themify;
		content: "\e64b";
		margin-left: 7px;
		/* margin-top: 2px; */
		font-size: 10px;
		color: #000000;
		opacity: 1.25;
		position: relative;
		top: 1px;
	}

	nav.menu li.mega-menu-item {
		position: relative
	}

	nav.menu li.mega-menu-item ul.mega-submenu {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		padding: 0;
		width: 240px;
		background: #fff;
		border: 0;
		border-top: solid 3px #fda42c;
		z-index: 9
	}

	nav.menu li.mega-menu-item ul.mega-submenu>li a:hover {
		background-color: transparent
	}

	nav.menu li.mega-menu-item ul.mega-submenu li a {
		font-size: 14px;
		font-weight: 400;
		display: block;
		padding: 10px 15px;
		color: #656c76;
		border-bottom: solid 1px #edf2f8
	}
	nav.menu li.mega-menu-item ul.mega-submenu li a:hover {
		background: #ebe5e1;
	}

	nav.menu li.mega-menu-item:last-child a {
		border-bottom: none
	}

	nav.menu ul-right li.mega-menu-item ul.mega-submenu li a {
		text-align: right
	}

	nav.menu li.mega-menu-item ul.mega-submenu li.mega-menu-item>a.mega-menu-link:before {
		font-family: FontAwesome;
		float: right;
		content: "\f105";
		margin-top: 0;
		color: #000b1c;
		opacity: .25
	}

	nav.menu ul-right li.mega-menu-item ul.mega-submenu li.mega-menu-item>a.mega-menu-link:before {
		font-family: FontAwesome;
		float: left;
		content: "\f104";
		margin-top: 0
	}

	nav.menu li.mega-menu-item ul.mega-submenu ul.mega-submenu {
		top: -3px
	}

	nav.menu ul.mega-submenu.megamenu-content {
		padding: 0 15px !important
	}

	nav.menu ul.mega-submenu.megamenu-content .col-menu {
		padding: 0;
		border-right: solid 1px #efeff1
	}

	nav.menu ul.mega-submenu.megamenu-content .col-menu:first-child {
		border-left: none
	}

	nav.menu ul.mega-submenu.megamenu-content .col-menu:last-child {
		border-right: none
	}

	nav.menu ul.mega-submenu.megamenu-content .content ul.menu-col li a {
		text-align: left;
		display: block;
		width: 100%;
		margin-bottom: 0;
		border-bottom: none;
		font-size: 14px;
		font-weight: 400;
		display: block;
		padding: 10px 15px;
		color: #656c76;
		border-bottom: solid 1px #edf2f8
	}

	nav.menu ul.mega-submenu.megamenu-content .content ul.menu-col li:last-child a {
		border-bottom: unset
	}

	nav.menu ul.mega-submenu.megamenu-content .col-menu:last-child .content li a {
		padding: 5px 17px 5px;
	}

	nav.menu li.mega-menu-item.on ul.mega-submenu.megamenu-content .content {
		display: block !important;
		height: auto !important
	}

	nav.menu li.mega-menu-item:hover>ul.mega-submenu {
		opacity: 1;
		display: block;
		visibility: visible;
		height: auto
	}
}

@media (max-width:1199px) {
	.menubar {
		position: absolute;
		right: 38px;
		top: 70%;
		z-index: 9;
	}
	#search_block_top #search_query_top {
		margin-top: 15px;
		margin-left: -70px;
	}

	.menubar-box {
		display: block;
		width: 30px;
		/* height: 24px; */
		cursor: pointer;
	}

	.menubar-inner,
	.menubar-inner:after,
	.menubar-inner:before {
		position: absolute;
		width: 30px;
		height: 3px;
		transition-timing-function: ease;
		transition-duration: .15s;
		transition-property: transform;
		border-radius: 4px;
		background-color: #000
	}

	.menubar--squeeze .menubar-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
		transition-timing-function: cubic-bezier(.55, .055, .675, .19);
		transition-duration: .1s
	}

	.menubar-inner:after,
	.menubar-inner:before {
		display: block;
		content: ''
	}

	.menubar-inner:after {
		bottom: -8px
	}

	.menubar-inner:before {
		top: -8px
	}

	.menubar--squeeze.is-active .menubar-inner {
		transition-delay: .14s;
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transform: rotate(45deg)
	}

	.menubar--squeeze.is-active .menubar-inner:before {
		top: 0;
		transition: top .1s ease, opacity .1s ease .14s;
		opacity: 0
	}

	.menubar--squeeze.is-active .menubar-inner:after {
		bottom: 0;
		transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
		transform: rotate(-90deg)
	}

	nav.menu {
		display: none;
		/* max-height: 10000px; */
		position: absolute;
		box-shadow: rgba(0, 0, 0, .12) 3px 3px 15px;
		z-index: 100;
		top: 100%;
		left: 0;
		right: 0;
		background-color: #fff;
		border-top: 3px solid
	}

	nav.menu.show {
		display: block;
		max-height: 10000px
	}

	#site-header-menu #site-navigation .menu>ul {
		padding-right: 15px;
		padding-left: 15px
	}

	nav.menu ul.nav,
	nav.menu ul.nav>li {
		display: block
	}

	nav.menu li.mega-menu-item a.mega-menu-link:before {
		font-family: 'Font Awesome 5 Free';
		content: "\f105";
		float: right;
		font-size: 16px;
		margin-left: 10px;
	}

	nav.menu li.mega-menu-item.on>a.mega-menu-link:before {
		content: "\f107"
	}

	nav.menu ul.nav>li>a {
		display: block;
		width: 100%;
		border-bottom: solid 0px #e0e0e0;
		padding: 4px 12px;
		border-top: solid 1px #e0e0e0;
		margin-bottom: -1px;
	}

	nav.menu ul.nav>li:first-child>a {
		border-top: none
	}

	nav.menu ul.nav-left>li:last-child>ul.mega-submenu {
		border-bottom: solid 1px #e0e0e0
	}

	nav.menu ul.nav li.mega-menu-item li a.mega-menu-link {
		float: none !important;
		position: relative;
		display: block;
		width: 100%
	}

	nav.menu ul.nav li.mega-menu-item ul.mega-submenu {
		width: 100%;
		position: relative !important;
		background-color: transparent;
		float: none;
		border: none;
		padding: 0 0 0 15px !important;
		margin: 0 0 -1px 0 !important;
		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0 0 0;
		-o-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
		-moz-border-radius: 0 0 0;
		-webkit-border-radius: 0 0 0;
		-o-border-radius: 0 0 0;
		border-radius: 0 0 0
	}

	nav.menu ul.nav li.mega-menu-item ul.mega-submenu.active {
		display: block
	}

	nav.menu ul.nav li.mega-menu-item ul.mega-submenu>li>a {
		display: block;
		width: 100%;
		border-bottom: solid 1px #e0e0e0;
		padding: 10px 0;
		color: #000
	}

	nav.menu ul.nav ul.mega-submenu li a:focus,
	nav.menu ul.nav ul.mega-submenu li a:hover {
		background-color: transparent
	}

	nav.menu ul.nav ul.mega-submenu ul.mega-submenu {
		float: none !important;
		left: 0;
		padding: 0 0 0 15px;
		position: relative;
		background: 0 0;
		width: 100%
	}

	nav.menu ul.nav ul.mega-submenu li.mega-menu-item.on>ul.mega-submenu {
		display: inline-block;
		margin-top: -10px
	}

	nav.menu li.mega-menu-item ul.mega-submenu li.mega-menu-item>a.mega-menu-link:after {
		display: none
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu .title {
		padding: 10px 15px 10px 0;
		line-height: 24px;
		font-size: 14px;
		text-transform: none;
		font-weight: 500;
		letter-spacing: 0;
		margin-bottom: 0;
		cursor: pointer;
		border-bottom: solid 1px #e0e0e0
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu ul>li>a {
		display: block;
		width: 100%;
		border-bottom: solid 1px #e0e0e0;
		padding: 8px 0
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu .title:before {
		font-family: 'Font Awesome 5 Free';
		content: "\f105";
		float: right;
		font-size: 16px;
		margin-left: 10px;
		position: relative;
		right: -15px;
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu:last-child .title {
		border-bottom: none
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu.on:last-child .title {
		border-bottom: solid 1px #e0e0e0
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
		border-bottom: none
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu.on .title:before {
		content: "\f107"
	}

	nav.menu .mega-menu-item .megamenu-content .col-menu .content {
		padding: 0 0 0 15px
	}

	nav.menu .megamenu-content {
		padding: 0
	}

	nav.menu .megamenu-content .col-menu {
		padding-bottom: 0;
		max-width: 100%;
		flex: 100%
	}

	nav.menu .megamenu-content .title {
		cursor: pointer;
		display: block;
		padding: 10px 15px;
		margin-bottom: 0;
		font-weight: 400
	}

	nav.menu .megamenu-content .content {
		display: none
	}

	nav.menu .megamenu-content .content.active {
		display: block
	}

	.ex-nav>ul>li.mega-menu-item>a.mega-menu-link:before {
		display: none
	}

	.ex-nav>ul>li.mega-menu-item ul.mega-submenu {
		margin-top: 2px;
		margin-left: 55px;
		width: 250px;
		left: -250px;
		border-top: solid 5px
	}

	.top-search .container {
		padding: 0 45px
	}
}
@media (max-width:1199px) {
	.menubar {
		top: 71%;
		right: 25%;
	}
}

@media (max-width:767px) {
	.ex-nav>ul>li.mega-menu-item ul.mega-submenu {
		left: -275px
	}
}


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

	/* Header */
	.top_bar {
		text-align: center;
		height: unset;
		line-height: unset;
		padding: 10px 0
	}

	.top_bar_user div {
		margin-left: 5px
	}

	.top_bar_user div:first-child {
		margin-left: 0
	}

	.top_bar_dropdown>li {
		padding: 0 8px 0 11px
	}

	.cat_menu_container .cat_menu::after,
	.contact_info,
	.user_zone_block {
		display: none !important
	}

	.header_search .header_search_content {
		margin: 0
	}

	.ttm-header-style-02 .top_bar {
		height: unset
	}

	.ttm-header-style-02 .header_main {
		position: unset
	}

	.ttm-header-style-02 .site-header-menu {
		padding-top: 0
	}

	.ttm-header-style-03 .header_search {
		width: 100%
	}

	.ttm-header-style-03 .menubar {
		/* position: unset; */
		margin-bottom: 30px
	}

	/* .ttm-header-style-03 nav.menu {
		margin-top: 30px
	} */

	.header_search {
		padding-top: 0
	}

	.header_extra {
		padding: 15px 0
	}

	/* .brand-logo {
		padding: 22px 0
	} */

	.menu-vertical li ul:not(:last-child) {
		border-right: unset
	}

	.menu-vertical li a.close-side {
		display: block;
		text-align: right;
		font-size: 18px;
	}

	.menu-vertical li.parent .sub-menu {
		position: unset;
		min-width: auto;
		box-shadow: unset
	}

	.menu-vertical li ul {
		display: block;
		width: 100%
	}
}

@media (max-width: 767px) {

	/* cart */
	.checkout,
	.ttm-cart-form {
		padding: 0
	}

	table.cart_table:not(.checkout-review-order-table) tr td {
		display: block;
		text-align: right
	}

	.shop_table_responsive thead,
	table .cart_item .product-thumbnail {
		display: none
	}

	table.cart_table:not(.checkout-review-order-table) tbody tr {
		display: block
	}

	table.shop_table_responsive tr.cart_item td:not(.product-remove)::before {
		content: attr(data-title) ": ";
		font-weight: 700;
		float: left
	}

	table.cart_table .product-thumbnail img {
		width: 60px
	}

	.coupon {
		float: none
	}

	.actions a.ttm-btn {
		margin-bottom: .5em
	}

	table.cart_table tr td.actions {
		text-align: left;
		padding-bottom: 0 !important
	}

	.cart-collaterals h5 {
		margin-bottom: 10px
	}

	.cart-collaterals p.orderby {
		padding-top: 12px
	}

	td.actions button {
		width: 100%
	}

	.coupon input,
	td.actions .coupon .button {
		width: auto
	}

	.quantity {
		display: inline-block
	}

	.cart-collaterals {
		margin-top: 0
	}

	.cart-collaterals .cart_totals {
		width: 100%;
		float: none
	}
}

.header-login-title {
	padding: 0 0 0 5px !important;
}

.top_bar_dropdown .fa-user {
	font-size: 15px;
}

.top_bar_dropdown {
	padding-right: 27px;
}

@media (min-width : 400px) and (max-width : 991px) {
	.site-branding {
		width: 44% !important;
	}
}
@media (min-width : 767px) and (max-width : 850px) {
	.site-branding {
		width: 50% !important;
	}
}
@media (min-width : 425px) and (max-width : 767px) {
	.site-branding {
		width: 58% !important;
	}
	.menubar {
		top: 71%;
		right: 36%;
	}
}
@media (min-width : 300px) and (max-width : 425px) {
	.site-branding {
		width: 35% !important;
	}	
	/* .menubar {
		
		top: 82%;
	} */
}
@media (min-width : 1025px) and (max-width : 1199px) {
	/* .header_main {
		padding-top: 20px;
		padding-bottom: 20px;
	} */

	.brand-logo {
		padding: 0 !important;
	}

	.header_extra {
		padding: 8px 0 0 0 !important;
	}

	.header_search {
		padding-top: 4px !important;
	}
}

@media (min-width : 992px) and (max-width : 1024px) {
	.header_main {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.brand-logo {
		padding: 0 !important;
	}

	.header_extra {
		padding: 8px 0 0 0 !important;
	}

	.header_search {
		padding-top: 4px !important;
	}
}

@media (min-width : 768px) and (max-width : 991px) {
	.brand-logo {
		/* padding: 10px 0 22px 0; */
	}

	.header_extra {
		padding: 18px 0 !important;
	}

	.header_extra .dropdown {
		width: max-content;
	}

}

@media (max-width : 767px) {
	/* .brand-logo {
		padding: 8px 0 22px;
	} */

	.login-signup-modal-dialog {
		min-width: 470px !important;
		max-width: 470px !important;
	}

	.login-signup-modal-dialog .popup-body {
		padding: 0;
	}

	.popup-detail-wrap h3 {
		padding-bottom: 5px;
	}

	.login-signup-modal-dialog .container {
		padding: 0;
	}

	.login-sign-info {
		left: 0;
	}

	.login-sign-info {
		padding: 25px;
	}

	.image-blog {
		bottom: unset;
		text-align: center;
	}

	.login-signup-modal-dialog .popup-body .image-blog img {
		display: none;
	}

	.form-fild-row {
		background: #fff;
	}

	.form-fild-row {
		padding: 20px 5px 0;
	}
}

@media (max-width : 575px) {
	/* .brand-logo {
		padding: 8px 0 22px;
	} */

	.header-logo {
		width: 38%;
	}

	.card-fild {
		width: 74%;
	}
	.text-right {
		text-align: left !important;
	}
	.cart_count {
		top: 0px;
		left: 10px;
	}
}
.top_bar_dropdown>li>a:after{
	display: none;
}
@media (max-width : 480px) {
	/* .top_bar_dropdown .fa-user {
		font-size: 15px;
	} */

	

	/* .cart_content .cart_text a {
		font-size: 12px;
	} */

	
}






@media (min-width : 481px) and (max-width : 767px) {
	.sidebar__fixed-btn ul {
		width: 80%;
	}

}

@media (max-width : 767px) {
	.mobile-filter-section .sidebar__widget {
		padding: 0 20px;
	}

	#filter-blog .sidebar {
		width: 80% !important;

	}

	#filter-blog .sidebar::after {
		background: #fff;
		width: 100%;
		height: 100vh;
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		z-index: -1;
	}

	.sidebar__fixed-btn {
		position: relative;
	}

	.sidebar__fixed-btn ul {
		position: fixed;
		bottom: 0;
		z-index: 999;
		background: #1f56b0;
		display: revert;
		padding: 15px;
	}

	.sidebar__fixed-btn ul li {
		width: 48% !important;
		text-align: center;
	}

	.sidebar__fixed-btn ul li:first-child {
		float: left;
	}

	.sidebar__fixed-btn ul li:last-child {
		float: right;
	}

	.fix-btn {
		color: #fff !important;
		font-size: 18px !important;
		background: #2861bd;
		padding: 8px !important;
		transition: 0.5s !important;
	}

	.fix-btn:hover {
		background: #fff;
		color: #fda42c !important;
		border-radius: 5px;
	}
}

@media (max-width : 480px) {
	#filter-blog .sidebar {
		width: 100% !important;

	}

	.sidebar__fixed-btn ul {
		width: 100%;
	}
}

@media (max-width : 320px) {

	.cart_content {
		display: none;
	}
}