/*!
Theme Name: Fastest Shop PRO
Theme URI: https://athemeart.com/downloads/fastest-shop-wordpress-shop-theme-free/
Author: aThemeArt
Author URI: https://athemeart.com/
Description: Fastest Shop theme is a free, beautiful, trendy, and modern WordPress store theme. And to clarify, it's built for multipurpose shops, especially a fashion store, supermarket, electronics, computer parts, beauty, health, jewelry, or any relevant WordPress shop. But, you can also use it for a personal blog, affiliate product review any relevant WordPress shop theme. So, what do you think? Do you need a WordPress shop theme free, which you can make your website shoppable? Ok, before adopting any decision, we love to give you furthermore information about the Shopper theme. Firstly, it provides several different shop front layouts, manageable product columns, and product filters. It also has exceptional typography and color schemes that make your products shoppable. Also, it includes Live Customizer for easy manages your all options. Besides, it's accurately working with Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc. Plus, you have the control to customize the settings for Desktop, Tablet, and Mobiles so, your site looks gorgeous on every device. And the most important thing is it's translation-ready, retina-ready, and WooCommerce compatible. Therefore, you can call this Fastest Shop theme a WooCommerce storefront. Also, this WordPress WooCommerce theme wrap with an extensible codebase. That is the best thing for developers because they can customize and extend very comfortably.

Requires at least: 5.0
Tested up to: 5.6.4
Requires PHP: 7.0
Version: 1.1.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fastest-shop
Tags:  one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce, rtl-language-support, custom-logo, featured-image-header, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

:root {
  --primary-color:#6c757d;
  --secondary-color: #000;
  --tertiary-color: rgba(0,0,0,0.4);
  --quaternary-color:#f9f9f9;
  --opacity:0,0,0;
  --rating-color:#dd3333;
   
  --heading-font:'Jost', sans-serif;
   	
  --nav-font:'Jost', sans-serif;
  --nav-color:#6c757d;
  --nav-color-h:#000;
  --nav-bg-h:#fff;

  --nav-wrap-bg:#f7f7f7;
  --nav-sub-color:#00a513;
  --nav-sub-color-h:#fff;
  --nav-sub-bg-h:#000;
  --border-color:rgba(0,0,0,0.1);
      
}

a{
	color: var( --secondary-color );
	text-decoration:none;
	-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;
}
a:hover,
a:focus{
	color: var(--tertiary-color );
	text-decoration:none;
	
}
h1,h2,h3,h4,h5,h6{
	font-family:var(--heading-font);
	font-weight:500;
	word-spacing:3px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,#secondary .widget li a{
	color: var( --secondary-color );
	
}
#secondary .widget li:hover > a,
#secondary .widget li a:focus,
#secondary .widget li.focus > a,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus,
#secondary .widget li:hover::before, #secondary .widget li:focus::before{
	
	color:var( --tertiary-color );
}

.theme-btn,
.navigation.posts-navigation .nav-links a {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background:var(--tertiary-color);
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding:10px 15px;
    font-family: var( --heading-font );
    font-size: 14px;
    border:1px solid var(--tertiary-color);
}
.owl-nav button{
	border:1px solid var(--tertiary-color);
	background:var(--tertiary-color);
	color:var( --quaternary-color );
}
.owl-nav button:hover,
.owl-nav button:focus{
	border:1px solid var(--tertiary-color);
	background:var(--quaternary-color);
	color:var( --tertiary-color );
}


.theme-btn span,
.theme-btn i,
.navigation.posts-navigation .nav-links a span,
.navigation.posts-navigation .nav-links a i{
	position:relative;
	z-index: 11;
}
.theme-btn:hover,
.navigation.posts-navigation .nav-links a:hover,
.theme-btn:focus,
.navigation.posts-navigation .nav-links a:focus{
	 color:var(--tertiary-color);
	 border:1px solid var(--tertiary-color);
}
.theme-btn:before,
.navigation.posts-navigation .nav-links a:before{
	content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 26px;
    height: 100%;
    background: var(--quaternary-color);
    opacity: 0.2;
    z-index: 0;
    transform: skewX(-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index:1;

}
.theme-btn:hover:before,
.theme-btn:focus:before,
.navigation.posts-navigation .nav-links a:hover:before,
.navigation.posts-navigation .nav-links a:focus:before{
    opacity: 1;
    right: 0;
    width: 100%;
    transform: skewX(0deg);
}
.navigation.posts-navigation .nav-links a{
	min-width:180px;	
}
.navigation.posts-navigation .nav-links .nav-previous{
	float:right	
}
.navigation.posts-navigation .nav-links .nav-next{
	float:left;	
}
/*--------------------------------------------------------------
>>> Body
----------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	
	position: relative;
	font-family:'Nunito', sans-serif;
	font-size: 18px;
	line-height:30px;
}
#page{
	overflow: hidden;
	position: relative;
}
@media (min-width: 1200px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {
	    max-width: 1400px;
	}
}
/*--------------------------------------------------------------
>>> Body
----------------------------------------------------------------*/
#topbar{
	background: #f3f3f3;
	position: relative;
	padding: 8px 0px;
	border-bottom: 1px solid #e5e5e5;
}
ul.flat-support li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    padding-top: 7px;
    color: #919191;
    font-size: 14px;
    padding-top: 0px;
}

ul.flat-support li i{
	margin-right:5px;
	margin-left: 3px;
	font-size: 16px;
}
ul.flat-support li::after {
    content: "/";
    position: absolute;
    right: -15px;
    top: 0px;
    font-size: 20px;
}
ul.flat-support li:first-child:after {
	content:"";
}
#topbar ul{
	display: block;
	padding: 0px;
	margin-bottom: 0px;
}
#topbar ul li{
	list-style: none;
	float:right;
}
#topbar ul li a{
	padding: 5px;
	font-size: 20px;
	margin: 0px 3px;
	
}
#masthead.site-header{
	/*position:absolute;
	z-index: 9999;
	left: 0px;
	right: 0px;*/
	border-bottom: 1px solid #e5e5e5;
}

#masthead.site-header .logo-wrap{
	position: relative;
	z-index: 99;
	transform: translateX(-10px);
}
#masthead.site-header .branding-wrap{
	color: #000;
	position: relative;
	width: 350px;
}
#masthead.site-header .branding-wrap a{
	color: #000;
}
#masthead.site-header .branding-wrap:before{
	background: var(--quaternary-color);
	content: "";
	position: absolute;
	right: 0px;
	top: -200px;
	left: -999px;
	bottom: 0px;
	width:auto;
	z-index: 1;
	border-right: 1px solid #e5e5e5;
}
.header-table{
	display:table;
	width: 100%;
}
.header-table .table-cell{
	display:table-cell;
	vertical-align: middle;
}
.header-table .table-cell.last-item{
	border-left: 1px solid #e5e5e5;
	
	padding-right: 0px;
}
.header-table .table-cell.last-item.item-wrap-1{
	width: 70px;
}
.header-table .table-cell.last-item.item-wrap-2{
	width: 100px;
}
.header-table .table-cell.last-item.item-wrap-3{
	width: 150px;
}
.header-table .table-cell.last-item.item-wrap-4{
	width:190px;
}
.header-table .table-cell.last-item.item-wrap-5{
	width:215px;
}
/*--------------------------------------------
		#banner &  home page slider
-----------------------------------------------*/
#home-slider{
	position:relative;
	overflow:hidden;	
}
#home-slider .owl-item,
.owl-item{
	float:left;	
}
#static_header_banner,
#gs-home-page-hero,
#home-slider.load-slider .slide-item{
	position: relative;
	z-index: 100;
	display: inline-block;
	height:60vh;
	width: 100%;
	background-color: #282E34;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	text-align: center;
	background:#C0C0C0;
	overflow:hidden;
	
}
#static_header_banner .apsw-search-wrap ,
 #gs-home-page-hero .apsw-search-wrap{
	max-width:600px;
	margin:30px auto;
	clear:both;
	display:block;	
}

#static_header_banner:after,
#gs-home-page-hero:after,
#home-slider.load-slider .slide-item:after{
	content: "";
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	
	z-index: 91;
}
#static_header_banner .site-header-bg-wrap,
#gs-home-page-hero .site-header-bg-wrap,
#home-slider.load-slider .site-header-bg-wrap{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}
#static_header_banner .background-effect,
#gs-home-page-hero .background-effect,
#home-slider.load-slider .background-effect {
    position: absolute;
    z-index: -999998;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#static_header_banner .site-header-text-wrap,
#gs-home-page-hero .site-header-text-wrap,
#home-slider.load-slider .site-header-text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    color: #FFF;
    z-index: 99;
    width: 100%;
	max-width:1200px;
}

#static_header_banner h1,
#gs-home-page-hero .site-header-text-wrap h1,
#home-slider.load-slider .site-header-text-wrap h1{
	font-weight: 900;
	word-spacing: 5px;
	font-size: 3.5rem;
	color:var( --quaternary-color );
	text-shadow: 5px 5px 35px rgba(43,49,54,.4);
}

#gs-home-page-hero  a.slide-btn,
#home-slider.load-slider a.slide-btn {
    position: relative;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    border-width: 0;
    font-size: 95%;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: roboto,sans-serif;
    overflow: hidden;
    border: 1px solid #fff;
    display: inline-block;
    margin: 25px 10px 0;
    color: #fff !important;
    min-width: 100px;
    font-weight: 400;
    letter-spacing: 2px;
    word-spacing: 4px;
}
#gs-home-page-hero a.slide-btn.btn-color,
#gs-home-page-hero  a.slide-btn:hover,
#gs-home-page-hero  a.slide-btn:focus,
#home-slider.load-slider a.slide-btn.btn-color,
#home-slider.load-slider a.slide-btn:hover,
#home-slider.load-slider a.slide-btn:focus {
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
}
#gs-home-page-hero a.slide-btn.btn-color:hover,
#home-slider.load-slider a.slide-btn.btn-color:hover,
#home-slider.load-slider a.slide-btn.btn-color:focus  {
    background-color: transparent;
	border: 1px solid #fff;
}


#home-slider .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}

#home-slider .owl-dots li {
  display: inline-block;
  margin: 0 4px;
}
#home-slider .owl-dots button{
  font-size: 0;
  border: 0;
  padding: 10px 0;
  width: 50px;
  outline: none;
  background-color: transparent;
  border:none;
  height:auto;
  line-height:0px;
  background:none!important;
  border:none!important;
}
#home-slider .owl-dots button:before {
  content: "";
  display: inline-block;
  width: 85%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  margin:0px 5%;
  
}

#home-slider .owl-dots button:hover:before,
#home-slider .owl-dots button.active:before {
  background-color:var(--secondary-color);
}

#home-slider .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -50px;
}
#home-slider .owl-nav button {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-left: 0;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  display: block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-weight:normal;
  line-height:30px;
  padding:10px;
  text-align:center;
}
#home-slider .owl-nav button i{
	position:relative;
	z-index:1;
		
}
#home-slider .owl-nav button.owl-next{
	border-top:none;	
}
#home-slider .owl-nav button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#home-slider .owl-nav button:hover::before {
    width: 50px;
}
#home-slider .owl-nav button:hover i{
	color:#000;
}

#gs-home-page-hero.video {
    overflow: hidden;
}
#gs-home-page-hero.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index:9;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/*----------------------navbar----------------------------------*/
.fastest-shop-navbar-close{
	display: none;
}

#navbar ul{
	display: block;
	list-style: none;
	float: right;
	margin-bottom: 0px;
	padding-left: 0px;
}
#navbar li{
	list-style: none;
	float: left;
	position: relative;
}
#navbar li > a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height:104px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:var(--nav-color);
    opacity: 1;
    transition: all 300ms ease;
    font-family: var(--nav-font);
   
    position: relative;
    padding: 0px 16px;
    transition: all 500ms ease;
}
#navbar > ul > li > a:before{
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -1px;
	width:auto;
	border-bottom: 3px solid var(--nav-color-h);
	transform: scaleX(0);
	transition: all 500ms ease;
}
#navbar > ul > li:hover > a, 
#navbar > ul > li.current > a,
#navbar > ul > li > a:focus,
#navbar > ul > li.focus > a,
#navbar > ul > li.current-menu-item > a,
#navbar > ul > li.current_page_item > a{
	color: var( --nav-color-h );
	background: var( --nav-bg-h );
}
#navbar > ul > li:hover > a::before, 
#navbar > ul > li.current > a::before,
#navbar > ul > li > a:focus::before,
#navbar > ul > li.focus > a::before,
#navbar > ul > li.current-menu-item > a:before,
#navbar > ul > li.current_page_item > a:before{	
    transform: scale(1);
}

#navbar .navigation-menu li ul,
#masthead .header-icon li ul{
	position: absolute;
	border: none;
	border-radius: 0;
	margin-top: 0;
	top: calc(100% + 8px);
	box-shadow: none;
	display: block;
	width: 240px;
	float: none;
	text-align: left;
	background: var(--nav-wrap-bg);
	box-shadow: -1px 4px 5px 0px rgba(68, 73, 83, 0.12);
	border-radius: 0.4rem;
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translate(50%,20px);
	z-index: 999;
	opacity: 0;
	margin-right: 50%;
	right: 9999px;
	text-align: left;
	visibility:hidden;
}
#navbar .navigation-menu li li:first-child{
	border-top-right-radius: 0.4rem;
	border-top-left-radius: 0.4rem;
	-webkit-border-top-left-radius: 0.4rem;
	-webkit-top-right-radius: 0.4rem;

}
#navbar .navigation-menu li ul ul{
	right: calc(-100% + -10px);
	top: 3px;
}
#navbar .navigation-menu li:hover > ul, 
#navbar .navigation-menu li:focus > ul,
#navbar .navigation-menu li.focus > ul,
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
	right: 0;
	opacity: 1;
	transform: translate(50%,0);
	transition: opacity 0.15s linear, transform 0.15s linear;
	visibility:visible;
	
}
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
	transform: translate(0%,0);
}
#navbar .navigation-menu li li:hover > ul, 
#navbar .navigation-menu li li:focus > ul,
#navbar .navigation-menu li li.focus > ul{
	right: calc(-100% + -10px);
	opacity: 1;
	transform: translate(50%,0);
	transition: opacity 0.15s linear, transform 0.15s linear;
	visibility:visible;

}
#navbar .navigation-menu li li,
#masthead ul.header-icon li li{
	display: block;
	border-bottom: 1px solid #e8e8e8;
	float: none;
}
#navbar .navigation-menu li:last-child{
	border-bottom: none;
}
#navbar .navigation-menu li li > a,
#masthead .header-icon li li > a,
#navbar .navigation-menu li li.current-menu-item > a,
#navbar .navigation-menu li li.current_page_item > a{
	transition: .33s all ease;
	-webkit-transition: .33s all ease;
	-moz-transition: .33s all ease;
	-o-transition: .33s all ease;
	display: block;
	font-family: var(--nav-sub-color);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.28px;
	line-height: 26px;
	position: relative;
	color: var(--nav-sub-color);
	padding: 12px 16px;
	text-transform:capitalize;

}
#navbar .navigation-menu li li > a:hover,
#navbar .navigation-menu li li > a:focus,
#navbar .navigation-menu li li.current-menu-item > a,
#navbar .navigation-menu li li.current-page-parent > a,
#navbar .navigation-menu li li.focus > a,

#masthead .header-icon li li > a:hover,
#masthead .header-icon li li > a:focus,
#masthead .header-icon li li.current-menu-item > a,
#masthead .header-icon li li.focus > a{
	
	padding-left: 25px;
	color: var(--nav-sub-color-h);
	background: var( --nav-sub-bg-h);
}

#navbar .navigation-menu li ul:after,
#masthead .header-icon li ul:after {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
	content: " ";
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--nav-wrap-bg);
	border-left: 8px solid transparent;
}
#navbar .navigation-menu ul.sub-menu ul li:first-child::before {
    position: absolute;
    top: 6px;
    left: -8px;
    content: "";
    border-top: 8px solid transparent;
    border-right: 8px solid var(--nav-wrap-bg);
    border-bottom: 8px solid transparent;
}
#navbar .navigation-menu li ul ul:after {
	display:none!important;
}
#navbar .navigation-menu li li:first-child > a,
#navbar .navigation-menu li li:first-child,
#masthead ul.header-icon li li:first-child,
#masthead ul.header-icon li li:first-child > a{
	border-top-left-radius: 0.4rem;
	-webkit-border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	-webkit-border-top-right-radius: 0.4rem;
}
#navbar .navigation-menu li li:last-child > a,
#navbar .navigation-menu li li:last-child,
#masthead ul.header-icon li li:last-child,
#masthead ul.header-icon li li:last-child > a{
	border-bottom-left-radius: 0.4rem;
	-webkit-border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
	-webkit-border-bottom-right-radius: 0.4rem;
}
#navbar .navigation-menu li .icofont-rounded-down{
	display: none;
}
#navbar .navigation-menu > li > a .nav_tooltips{
    position: absolute;
    bottom: calc(100% + 5px );
    background: #000;
    color: #fff;
    height: auto;
    line-height: 14px;
    font-size: 11px;
    padding: 4px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    left: 50%;
    margin-left: -25px;
    z-index: 999;
}

#navbar .navigation-menu > li > a .nav_tooltips::before {

    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    content: "";
    border-right: 8px solid transparent;
    border-top: 8px solid currentColor;
    border-left: 8px solid transparent;

}
#navbar .navigation-menu > li > a .nav_tooltips span{
  color: #fff;
}
#masthead.site-header.header-4 #navbar > ul > li > a > i{
  margin-right: 5px;
}
#masthead.site-header.header-1 .nav_tooltips,
#masthead.site-header.header-2 .nav_tooltips,
#masthead.site-header.header-3 .nav_tooltips{
  bottom: 80%;
}

#masthead.site-header #navbar.topbar-disable .nav_tooltips{
	bottom:auto;
	top:0%;
}
#masthead.site-header.header-4 #navbar.topbar-disable .nav_tooltips{
	bottom:105%;
	top:auto;	
}
#navbar .navigation-menu li a > i{
	margin-right:5px;
	display:inline-block;	
}
/*------------------- header icon -----------------*/

#masthead ul.header-icon{
	display: block;
	margin: 0px;
	padding: 0px;
}
#masthead ul.header-icon li{
	display: inline-block;
	list-style: none;
	position: relative;
}
#masthead ul.header-icon li i {
    font-size: 24px;
}
#masthead ul.header-icon > li > a{
	margin: 4px;
	color: var(--nav-color);
}
#masthead ul.header-icon li > a:hover,
#masthead ul.header-icon li > a:focus,
#masthead ul.header-icon li > a.active{
	color: var(--nav-color-h);
}
#masthead.site-header.header-4 ul.header-icon li > a:hover,
#masthead.site-header.header-4 ul.header-icon li > a:focus,
#masthead.site-header.header-4 ul.header-icon li > a.active{
	color:var( --nav-bg-h );
}
#masthead ul.header-icon li span.quantity {
    position: absolute;
    color: var(--nav-h-color);
    height: auto;
    line-height: 30px;
    width: 30px;
    font-size: 11px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 50%;
    top: -20px;
    right: 0px;
    background: var(--tertiary-color);
    text-align: center;
    color: var(--quaternary-color);
}
#masthead .header-icon li ul{
    position: absolute;
    border: none;
    top: calc(100% + 8px);
    box-shadow: none;
    display: block;
    width: 180px;
    float: none;
    text-align: left;
    margin-right: -5px;
    opacity: 0;
    right: 9999rem;
    transform: translateY(0.6rem);
    z-index: 9999;
    margin: 0px;
    padding: 0px;
}
#masthead .header-icon li ul:after{
	right:10px;
	left:auto;
}
/*----------------- Search bar ----------------*/
.fly-search-bar {
    position:fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    background:rgba(226,226,226,0.8);
    -webkit-transition: all .4s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .4s cubic-bezier(.645,.045,.355,1);
    transition: all .4s cubic-bezier(.645,.045,.355,1);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .4s cubic-bezier(.645,.045,.355,1);
}
.fly-search-bar.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.fly-search-bar .container-wrap{
	width: 600px;
	margin: 0px auto;
	/*border: 1px solid #000;*/
	margin-top: 50vh;
	position:relative;
}
.fly-search-bar .container-wrap label{
	display: block;
	width:calc(100% - 120px);
	float:left;
}
.fly-search-bar .container-wrap input[type="search"]{
	border-top-right-radius:0px;
	-webkit-border-top-right-radius: 0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-right-radius: 0px;
	padding: 9px;

}
.fly-search-bar .container-wrap .search-submit{
	border-top-left-radius:0px;
	-webkit-border-top-left-radius: 0px;
	border-bottom-left-radius:0px;
	-webkit-border-bottom-left-radius: 0px;
	padding: 9px;
	
	width: 100px;
	text-align: center;
}
.fly-search-bar .container-wrap .search-close-trigger{
	position: absolute;
	right:-30px;
	top: 10%;
	font-size:40px;
    color: #000;

}
.fly-search-bar .container-wrap .search-close-trigger.active_product_search{
	transform: translateY(-200px);
	margin-right:-20px;
}
.fly-search-bar .container-wrap .search-close-trigger:hover,
.fly-search-bar .container-wrap .search-close-trigger:focus{
	color:#C8C8C8;
}
/*---------------------------------------------
	#Header Layout
-----------------------------------------------*/
#masthead.site-header.header-2 .branding-wrap::before,
#masthead.site-header.header-3 .branding-wrap::before,
#masthead.site-header.header-4 .branding-wrap::before{
	display: none;

}
#masthead.site-header.header-3 .header-table{
	padding-top:30px;
}
#masthead.site-header.header-4 .branding-wrap{
	padding:10px 0px;
}

#masthead.site-header.header-3 .header-table .table-cell{
	width: 40%;
	border: none;
}
#masthead.site-header.header-3 .header-table .table-cell.branding-wrap{
	width: 20%;
	text-align: center;
}
#masthead.site-header.header-3 .header-table .table-cell.text-right{
	text-align: left;
}
#masthead.site-header.header-3 #navbar ul,
#nav-bar-style #navbar ul{
	float: left;
}
#masthead.site-header.header-3 ul.header-icon > li,
#masthead.site-header.header-4 ul.header-icon > li{
	margin-left: 3px;
	margin-right: 3px;
}

#masthead.site-header.header-4{
	border-bottom: none;
}
#masthead.site-header.header-4 #navbar > ul > li > a{
	line-height: 55px;
}
#masthead.site-header.header-4 .branding-wrap{
	width: auto;
}
@media only screen and (max-width : 900px) {
	#masthead.site-header.header-3 .header-table .table-cell{
		width: 100%!important;
	}
	#masthead.site-header.header-3 #navbar ul, #nav-bar-style #navbar ul{
		float: none;
	}
}
/*--------------------------------------------------------------
>>> Blog Loop Posts
----------------------------------------------------------------*/
.fastest-shop-blogwrap{
	display: block;
	margin-bottom: 60px;
}

.fastest-shop-blogwrap .img-box{
	display: block;
	overflow: hidden;
	/*-webkit-border-radius:5px;
	border-radius: 5px;*/
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	position: relative;
}
.fastest-shop-blogwrap .img-box img{
	width: 100%;
	height: auto;
}
.fastest-shop-blogwrap .img-box [class^="icofont-"], 
.fastest-shop-blogwrap .img-box [class*=" icofont-"]{
	position: absolute;
	top: 20px;
	right: 15px;
}
.fastest-shop-blogwrap .img-box figure{
	margin: 0px!important;
}
.fastest-shop-blogwrap .post{
	display: block;
	position: relative;
	/*background: var(--quaternary-color);*/
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	padding:20px;
	padding-top:40px;
	border: 1px solid rgba(0,0,0,0.1)

}
.fastest-shop-blogwrap.post-side-image .post{
	padding-top:20px;
}
.fastest-shop-blogwrap .post-meta-wrap{
	position: absolute;
	bottom:calc(100% - 27px);
	z-index:999;
	display:block;
	width:auto; 
	text-align: center;
	left: 0px;
	right: 0px;
}
.fastest-shop-blogwrap .post-meta-wrap ul{
	list-style: none;
	margin: 0px;
	padding:10px 15px;
	text-align: center;
	white-space: nowrap;
	background: #ffffff;
	border-radius: 7px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
	display: inline-block;
  max-width: 100%;

}
.fastest-shop-blogwrap .post-meta-wrap li{
	display: inline;
	list-style: none;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0px 8px;
	font-family: var(--nav-font);
}
.fastest-shop-blogwrap .post-meta-wrap li i{
	margin-right: 5px;
}
.fastest-shop-blogwrap .content-wrap{
	padding-top: 10px;
}
.fastest-shop-blogwrap .entry-title{
	padding-top: 5px;
}
.fastest-shop-blogwrap .more-link{
	display: block;
	padding-top:30px;
}
.fastest-shop-blogwrap.post-side-image .post-meta-wrap,
.fastest-shop-blogwrap.post-side-image .post-meta-wrap ul{
	position:static;
	background:none;
	box-shadow:none;
	padding:0px!important;
	white-space: break-spaces;
	text-align:left;
	padding-bottom:10px!important;
}
.fastest-shop-blogwrap.post-side-image .post-meta-wrap li{
	white-space: break-spaces;
	margin:0px 15px 0px 0px;
}
.fastest-shop-blogwrap.grid-item .post-meta-wrap ul{
  max-width: 80%;
}
.fastest-shop-blogwrap.grid-item .post-meta-wrap,
.fastest-shop-blogwrap.grid-item .post-meta-wrap li,
.fastest-shop-blogwrap.grid-item .post-meta-wrap ul{
  white-space: break-spaces;
}
.fastest-shop-blogwrap.grid-item .embed-responsive-16by9::before {
    padding-top: 56.25%;
    display: none;
}
.fastest-shop-blogwrap .post-meta-wrap a,
.fastest-shop-blogwrap .post-meta-wrap{
	color:var(--tertiary-color);
	
}
.fastest-shop-blogwrap .post-meta-wrap a:hover,
.fastest-shop-blogwrap .post-meta-wrap a:focus{
	color:var( --secondary-color );
}
/*-------------------------Comment----------------------------*/
ul.comments-list,
ul.comments-list ul{
	margin: 0px;
	padding: 0px;
}
ul.comments-list li {
    display: block;
   
    padding: 25px 20px 10px 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    font-size: 16px;
    list-style: none;
    clear: both;
    width: 100%;
    line-height: 26px;
}
ul.comments-list li:last-child{
	border: none;
}
ul.comments-list ul li:nth-child(1){
	border-bottom: 1px solid #e5e5e5;
}
ul.comments-list ul li{
	padding-left: 60px;
}
ul.comments-list .comment-details{
    width: calc(100% - 100px );
    float: right;
}
ul.comments-list img.avatar{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
}
ul.comments-list .comment-heading{
	padding-bottom:15px;
	text-transform: capitalize;
}
ul.comments-list .comment-heading .comment-date{
	padding-left: 15px;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--tertiary-color);
	line-height: 22px;
}
ul.comments-list .comment-reply-link{
	float: right;
}
.comment-wdiget-style.comment-meta,
#respond.comment-respond{
	border: 1px solid rgba(0,0,0,0.1);
	
}
.comments-title.widget-title,
#respond.comment-respond .widget-title{
	padding: 15px 20px 15px 20px;
	text-align: left;
    display: block;
    margin-bottom: 1.5rem;
    color: var(--secondary-color);
    background: var(--quaternary-color);
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1); 
}
.comment-wdiget-style.comment-meta{
	border-bottom: 0px;
}
#respond.comment-respond{
	padding: 20px;
}

#respond.comment-respond .widget-title{
	margin: -20px -20px 20px -20px;
}
#respond.comment-respond .col-12{
	position: relative;
}
#respond.comment-respond span.required{
	position:absolute;
	top:13px;
	right:30px;
}
.comment-form-cookies-consent{
	padding-top: 20px;
}
.form-submit .theme-btn{
	font-weight:600;
	padding: 15px 40px;
}

.comment-form input[type="checkbox"],
.content input[type="checkbox"],
#respond input[type="checkbox"]{
    border-radius: 2px;
    background: #DADADA;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
	margin-right:10px;
	
}
.comment-form input[type="checkbox"]:checked,
.content input[type="checkbox"]:checked,
#respond input[type="checkbox"]:checked {
    background: var(--tertiary-color);
}
.comment-form input[type="checkbox"]:before,
.content input[type="checkbox"]:before,
#respond input[type="checkbox"]:before{
	opacity:0;
}
.comment-form input[type="checkbox"]:checked::before,
.content input[type="checkbox"]:checked::before,
#respond input[type="checkbox"]:checked::before{
    float: left;
    color:var(--secondary-color);
    font-size:14px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-top: 10px;
    margin-left: 2px;
	font-family: 'IcoFont';
	font-weight:normal;
    content: "\f00e";
    speak: none;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	opacity:1;
}
/*--------------------------------------------------------------
>>> Sidebar
----------------------------------------------------------------*/

aside#secondary{
	display:block;
    position: relative;
    width:calc(100% - 10px);
    margin-left: 10px;
	
}
.not-found p{
	margin-bottom:20px;
	clear:both;	
}
aside#secondary .widget{
    border: 1px solid rgba(0,0,0,0.1);
	display:block;
    padding: 30px;
    width: 100%;
    margin-top: -1px;
	background:#FFF;
}
aside#secondary h3.widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2{
    text-align:left;
    display: block;
    margin-bottom: 1.5rem;
	font-size:20px;
	margin: -30px;
	color:var(--secondary-color);
	background:var(--quaternary-color);
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 10px;
}
h3.widget-title span,
.related.products h2 span,
.upsells.products h2 span,
.cross-sells h2 span{
	display:inline-block;
	padding:10px 15px;
}

#secondary .widget ul,
ul.popular_category_list,
#colophon.site-footer ul{
	margin:0px;
	padding:0px;
	padding-left:0px;
}

#secondary .widget li,
ul.popular_category_list li,
#colophon.site-footer li{
	list-style:none;
	display:block;	
	/*border-bottom: solid 1px #eee;*/
	padding-top: 3px;
	padding-bottom: 3px;
	-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;
	position:relative;
}

#secondary .widget li:before,
#colophon.site-footer li:before {
	font-family: 'IcoFont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	position:absolute;
	left:3px;
	font-size: 16px;
	top: 9px;
	content: "\ea98";
	 opacity: 0;
    visibility: hidden;
    transition: .33s all ease;
    
}
#secondary .widget li:hover:before,
#secondary .widget li:focus:before,
#secondary .widget li.focus:before{
	opacity: 1;
    visibility:visible;
    left: -2px;
}
#colophon.site-footer .widget li:hover:before,
#colophon.site-footer .widget li:focus:before,
#colophon.site-footer .widget li.focus:before{
 	opacity: 1;
    visibility:visible;
    left: -2px;
	color:var(--tertiary-color);
}
#secondary .widget li:last-child,
ul.popular_category_list li:last-child{
	border:none;	
}
.sidebar-menu {
	list-style:none;
	margin: 0;
	padding: 0;
}
.sidebar-menu li a,
#secondary .widget li a{
	-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;
	font-weight: normal;
	display: block;
	text-decoration:none;
	font-size:95%;
} 

#secondary .widget li.focus,
#secondary .widget li:hover,
#colophon.site-footer .widget li:hover,
#colophon.site-footer .widget li.focus{
	padding-left:15px;	
}

#secondary .post-date{
	display:block;
	text-align:right;
	font-size:11px;
	font-style:italic;
}


/*--------------------------------------------------------------
	Search
--------------------------------------------------------------*/

.widget_search form {
	position:relative;
	overflow:hidden;
}
.widget_search .search-field,
.widget_search input[type=search]{
	margin-right:15px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--secondary-color);
	font-weight:normal;
	width:100%;
	display:block;
	margin-bottom: 0px;
}
.widget_search label{
	margin-bottom:0px;
	width:calc( 100% -60px );
	display:block;	
}

.widget_search .search-submit{
    margin-top: 0;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: capitalize!important;
    cursor: pointer;
    padding:12px 13px;
    border:none;
}
#content.site-content{
	padding: 50px 0px;
}

/*--------------------------------------------------------------
	# 404 page
--------------------------------------------------------------*/
body.error404 #content.site-content{
	padding: 0px;
}
.error-404{
	background:url(assets/image/404.png) no-repeat center -20px #fff;
	padding:15vh;
	margin:0px auto;
	text-align:center;
	padding-top:300px;
	
	height: 90vh;
}
.error-404 .page-header{
	padding-top:180px;	
}
.error-404 .search-form label{
	width:400px;	
}
.error-404 .search-form input[type='search']{
	width: 100%;
	max-width: 100%;
	padding: 15px;
	font-size: 15px;
	color:#666;
	border: 1px solid#ccc;
	border-radius: 3px;
	padding:12px;
	display:block;
}
.error-404 input.search-submit{
	padding: 15px 30px;
	margin-left:-7px;
	font-size:16px;
	
}
.error-404 input.search-submit:hover{
	background:#FFF;	
}

/*-----------------------------------------------
	Footer 
------------------------------------------------*/
#colophon.site-footer{
	border-top:1px solid rgba(0,0,0,0.1);
  background: #fff;
}
.site_info{
	display: block;
	padding-top: 58px;
    padding-bottom: 40px;
    border-top: 1px solid #e9e9e9;
    position: relative;
    text-align: center;
    font-size: 95%;
}
.dev_info{
	display: block;
	font-size: 80%;
	
}

#colophon.site-footer .widget-wrap{
	border-right:1px solid rgba(0,0,0,0.1);
	padding:50px 50px 80px 50px;
}
#colophon.site-footer .widget-wrap .widget-title{
    text-align: center;
    display: block;
    margin-bottom: 1.5rem;
    background: url(assets/image/greyline.png) center center repeat-x;
    font-size: 20px;
    text-align: left;
}
#colophon.site-footer .widget-wrap .widget-title span{
	color: var( --quaternary-color );
	background: var( --tertiary-color );
}
#colophon.site-footer .widget-wrap .widget-title.simply,
#colophon.site-footer .widget-wrap .widget-title.simply span{
	background:none!important;
}
#colophon.site-footer .site_info{
	display: block;
	border-top:1px solid rgba(0,0,0,0.1);
	text-align: center;
}
#colophon.site-footer .social-list{
	display: block;
	margin: 0px;
	padding: 0px;
	padding-top:15px;
}
#colophon.site-footer .social-list li{
	list-style:none;
	display: inline-block;
	padding: 5px;
}

#colophon.site-footer .social-list li a{
	font-size: 18px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
#colophon.site-footer .social-list li.social-item-facebook a:hover,
#colophon.site-footer .social-list li.social-item-facebook a:focus{
	color: #fff;
	background: #3b5998;
}
#colophon.site-footer .social-list li.social-item-twitter a:hover,
#colophon.site-footer .social-list li.social-item-twitter a:focus{
	color: #fff;
	background: #00acee;
}
#colophon.site-footer .social-list li.social-item-youtube a:hover,
#colophon.site-footer .social-list li.social-item-youtube a:focus{
	color: #fff;
	background: #FF0000;
}
#colophon.site-footer .back-to-top {
    background: #fff;
    box-shadow: 0 20px 30px 0 rgba(17,31,98,.08);
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    height: 52px;
    width: 52px;
    z-index: 5;
    left: 50%;
    top: -28px;
    transform: translateX(-50%);
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-size: 30px;
    overflow: hidden;
	color:#000;
}
#colophon.site-footer .back-to-top:hover{
	color: var( --quaternary-color );
	background: var( --tertiary-color );
}
#colophon.site-footer .social-list li a i{
	display:block;
	line-height:42px;
}
/*-----------------------------------------------------
				# Responsive
------------------------------------------------------*/
/* Small Devices, Tablets */
.fastest-shop-rd-navbar-toggle{
	font-size: 28px;
    padding: 10px 14px;
    display: none;
}
@media only screen and (max-width : 900px) {

	.fastest-shop-rd-navbar-toggle{
		display: block;
		float: right;
	}
	body.admin-bar {
    	margin-top: -46px;
    	padding-top: 46px;
	}
	body.admin-bar .rd-navbar-fixed .rd-navbar-toggle{
		top: 35px;
	}
	body.admin-bar .rd-navbar-fixed .rd-navbar-nav-wrap{
		top: -10px;
	}
	.header-table{
		display: block;
	}
	#masthead.site-header .branding-wrap::before {
		display: none;
	}
	#masthead.site-header .branding-wrap{
		width: 100%;
		display: block;
		text-align: center;
		padding:15px 0px;
		border-bottom: 1px solid #e5e5e5;
	}
	.header-table .table-cell.last-item{
		width: 100%!important;
		border: none;
		display: block;
		padding:15px 0px;
	}
	#masthead ul.header-icon{
		float:left;
		padding-top: 15px;
	}
	#navbar.active {
	    left: 0;
	    transform: translateX(0);
	    visibility: visible;
	    display: block;
	    opacity: 1;
	}
	#navbar {
	    position: fixed;
	    width: 300px;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    box-shadow: -1px 4px 5px 0 rgba(68,73,83,.12);
	    background: #fff;
	    z-index: 999;
	    border-right: 1px solid #e8e8e8;
	    -webkit-transition: all .5s ease-in-out;
	    -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	    -o-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;
	    left: -100%;
	    transform: translateX(-100%);
	    visibility: hidden;
	    display: none;
	    opacity: 0;
	}
	#navbar ul{
		margin-right: 18px!important;
	}
	#navbar ul li,
	#navbar ul{
	    display: block;
	    margin: 0;
	    float: none;
	    clear: both;
	    text-align: left;
	}
	#navbar li > a{
		line-height: 26px;
		text-align: left;
		padding:12px 10px;
		border-bottom: 1px solid #e5e5e5;
	}
	#navbar > ul > li > a::before {
    	border-bottom: 1px solid var(--nav-color-h);
	}
	#navbar .navigation-menu li ul,
	#navbar .navigation-menu li:hover ul{
		display:none;
		visibility: visible;
		opacity: 1;
		position: static;
		transform: translate(0,0);
		width: 100%;
		box-shadow:none;
		border-radius: 0px;
		
	}
	#navbar .navigation-menu li ul.focus-active{
		display: block;
	}
	#navbar .navigation-menu li .icofont-rounded-down {
		position: absolute;
		right: 1px;
		visibility: visible;
		display: block;
		cursor: pointer;
		display: block;
		width: 47px;
		height: 47px;
		text-align: center;
		line-height: 47px;
		background: var(--quaternary-color);
		font-size: 35px;
		color: var(--nav-h-color);
		top: 1px;
		border: 1px solid var(--nav-h-bg);
	}

	#navbar .navigation-menu li li, #masthead ul.header-icon li li{
		border:none;
		border-radius: 0px;
		-moz-border-radius: 0px;
	}
	#navbar .navigation-menu li li:first-child > a, #navbar .navigation-menu li li:first-child, #masthead ul.header-icon li li:first-child, #masthead ul.header-icon li li:first-child > a,
	#navbar .navigation-menu li li:last-child > a, #navbar .navigation-menu li li:last-child, #masthead ul.header-icon li li:last-child, #masthead ul.header-icon li li:last-child > a{
		border-radius: 0px;
		-webkit-border-radius: 0px;

	}

	body.admin-bar #navbar ul.navigation-menu{
		margin-top:45px;
	}
	.fastest-shop-navbar-close{
		display: block;
		float: right;
		
		background: none;
		padding:5px 12px;
	}
	.fastest-shop-navbar-close:hover,
	.fastest-shop-navbar-close:focus{
		color: var( --secondary-color );
		border:1px solid var( --secondary-color );
	}
	.fastest-shop-blogwrap .post-meta-wrap,
	.fastest-shop-blogwrap .post-meta-wrap ul{
		position: static;
		max-width: 100%;
		text-align: left;
		background:none;
		box-shadow: none;
		padding: 0px;
		margin-left: -5px;
	}
	.fastest-shop-blogwrap .post-meta-wrap ul{
		max-width: 100%;
		white-space: break-spaces;
	}
	.fastest-shop-blogwrap .post-meta-wrap li{
		display: inline-block;
	}
	#topbar ul{
		text-align: center;
	}
	#topbar ul li{
		float: none;
	}
	aside#secondary{
		width: 100%;
		margin-left: 0px;
	}
	#respond.comment-respond .col-12{
		margin-bottom: 15px;
	}
}
/*------------------------------------
	#breadcrumbs
--------------------------------------*/
.fastest-shop-breadcrumbs-wrap {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.08);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.08);
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
    padding: 15px 0;
    text-align: right;
    padding-top: 5px;
    font-size: 80%;
    text-transform: capitalize;
}
ul.fastest-shop-breadcrumbs{
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.fastest-shop-breadcrumbs li{
	list-style: none;
	display: inline-block;
	position: relative;
	padding:0px 10px;
}
ul.fastest-shop-breadcrumbs li:after {
    content: "/";
    position: absolute;
    right: -2px;
    top: 2px;
    font-size: 20px;
}
ul.fastest-shop-breadcrumbs li:last-child:after {
	display: none;
}

/* ============================================================== 
     # Gallery
=================================================================== */

.owlGallery{
	display:block;	
}
.owlGallery .owl-item {
	float:left;
}
.owlGallery .owl-item figure.gallery-item,
.owlGallery .owl-item .blocks-gallery-item{
	margin:0px;
	width:100%!important;
	max-width:100%!important;
}
.owlGallery .owl-item img{
	width:100%;
	display:block;	
}
.owlGallery .owl-nav{
	display:none;
}

.gallery {
	margin-bottom: 1.5em;
	margin:0px -15px;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding:0px 13px;
	
}
.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;
	clear:both;
}
.content-wrap ul.blocks-gallery-grid{
	margin: 0px;
	padding: 0px;
}
.content-wrap ul.blocks-gallery-grid li{
	
	margin: 5px;
}
.header-table .table-cell.text-right{
	padding-right: 15px;
}
.fly-search-bar .container-wrap .apsw-search-wrap {
	
	transform: translateY(-200px);
}
.fastest-shop-product-gallery .owl-item{
  float: left;
}
.img-box .owlGallery,
.img-box{
  position: relative;
}
.img-box .owlGallery .owl-nav{
  display: block;
}
.fastest-shop-product-gallery .owl-nav button,
.img-box .owlGallery .owl-nav button,
.fs-product-slider .owl-nav button{
  position: absolute;
  z-index: 99;
  top: 30%;
  left: 5px;
  background: var(--secondary-color);
  color: var(--quaternary-color);
  font-size: 30px;
  padding:0px;
  width: 40px;
  height: 40px;
  line-height: 30px;
}
.fastest-shop-product-gallery .owl-nav button.owl-next,
.img-box .owlGallery .owl-nav button.owl-next,
.fs-product-slider .owl-nav button.owl-next{
  left: auto;
  right: 5px;
}
.fastest-shop-product-gallery .owl-nav button:hover,
.fastest-shop-product-gallery .owl-nav button:focus,
.img-box .owlGallery .owl-nav button:hover,
.img-box .owlGallery .owl-nav button:focus{
   background: var(--quaternary-color);
  color: var(--secondary-color);
}

/*============================================================== 
    			 # Pagination
=================================================================== */

.pagination-custom .navigation .nav-links{
	display:block;
	padding-top:20px;
	width:100%;	
}
.pagination-custom .navigation ul{
	border:none;
	text-align:center;
}
.pagination-custom .navigation ul.page-numbers li{
	border:none;
	display:inline-block;
	vertical-align:top;
	float:none;
}
.pagination-custom .navigation ul.page-numbers li a, .pagination-custom .navigation ul.page-numbers li span {
	padding:12px 15px;
	min-width:50px;
	display:block;
	font-size: 16px;
	font-weight: 500;
	color: var( --tertiary-color ); 
	border: solid 1px  var( --tertiary-color ); 
	text-align: center;
	line-height:24px;
	-webkit-border-radius:0px;
	border-radius:0px;
	float:none;
	font-family:var(--heading-font);
	
}
.pagination-custom .navigation ul.page-numbers li a:after{
	display:none;	
}
.pagination-custom .navigation ul.page-numbers li a:focus, .pagination-custom .navigation ul.page-numbers a:hover, .pagination-custom .navigation ul.page-numbers span.current {
    background:var( --tertiary-color );
    color: #fff!important;
	border: solid 1px var( --tertiary-color );
}
.embed-responsive{
	max-width:100%;
	height:auto;	
}

/*--------------------------------------------------------------
	# SINGLE POST NAVIGATION
--------------------------------------------------------------*/

.single-prev-next{
	background:#FFF;
	padding:25px;
	margin-bottom:50px;
	border: 1px solid rgba(0,0,0,0.1);
}
.single-prev-next .align-right{
	text-align:right;	
}
.single-prev-next .col-md-6{
	position:relative;
}
.single-prev-next h5{
	margin-bottom:0px;
	color:#CCC;
	font-size:14px;
	font-weight:normal;
}
.single-prev-next img{
	-webkit-border-radius:50%;
	border-radius:50%;
	margin:0px auto;
	max-width:100%;
	height:auto;
}

.author-profile-wrap{
	background: #f1fffa;
	text-align:left;
	margin-bottom: 40px;
	position: relative;
	background: #fff;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	transition: all .3s ease-in-out;
	border: 1px solid rgba(0,0,0,0.05);
	padding:20px;
}
.author-profile-wrap .author-desc{
	padding:5px 15px;	
}
.author-profile-wrap img {
  
    height: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


.share-box{
	display:block;
	clear:both;
	margin-top:20px;
}

.pure-button {
    background-color: #e6e6e6;
    border: 0 none rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.8);
    font-family: inherit;
    font-size:12px;
    padding: 0.5em 1em;
    text-decoration: none;
	margin-bottom:3px;
	
}
.pure-button {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.pure-button i{
	font-size:16px;	
}
.button-twitter,
.button-facebook,
.button-google-plus,
.button-stumbleupon,
.button-linkedin {
  color:#FFF!important;
}
.button-twitter {
  	background: #00acee;
}
.button-facebook {
 	 background: #3b5998;
}
.button-google-plus {
  	background: #e93f2e;
}
.button-stumbleupon {
 	 background: #f74425;
}
.button-linkedin {
 	 background: #0e76a8;
}

.pure-button-hover, .pure-button:hover, .pure-button:focus {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}
.ads-wrap{
	padding:20px;
	text-align:center;	
}

.woocommerce li.product .removewhlist {
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    z-index: 99;
}
#static_header_banner.header-style-2{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:left;
}
#static_header_banner.header-style-2 h1{
	font-size:2.8rem;	
}
#static_header_banner.header-style-2:after{
	z-index:-1;	
}
#static_header_banner.header-style-2 ul.fastest-shop-breadcrumbs{
	float:right;
	padding-top:10px;
	text-align:right;
	font-size:90%;
}

/*---------------- Update here ---------------*/
.fly-search-bar .container-wrap .apsw-search-wrap {
	transform: translateY(-200px);
}

#secondary .widget.smart-swatches-filter-products li{
	display:inline-block;
	padding-left:0px;	
}
#secondary .widget.smart-swatches-filter-products li:before{
	display:none;
}
#secondary .widget.smart-swatches-filter-products .smart_attribute.color li a{
	cursor:pointer;
	width:30px!important;
	height:30px!important;	
}

#secondary .widget li .count{
	position:absolute;
	right:0px;
	top:0;	
}
#secondary .widget.smart-swatches-filter-products .smart_attribute.image li a{
	cursor:pointer;
	width:80px!important;
	height:auto!important;	
}
#secondary .widget.smart-swatches-filter-products .smart_attribute.image li img{
	cursor:pointer;
	border: 1px solid #748590;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fastest-shop-blogwrap .post.page-content{
	border:none;	
}
body.page-template-without-hero #content.site-content,
body.page-template-theme-canvas #content.site-content{
	padding:0px;
}
body.page-template-without-hero .fastest-shop-blogwrap .post.page-content,
body.page-template-theme-canvas .fastest-shop-blogwrap .post{
	padding:0px!important;	

}
body.page-template-without-hero .fastest-shop-blogwrap .content-wrap,
body.page-template-theme-canvas .fastest-shop-blogwrap .content-wrap{
	padding:0px;	
}

body.page-template-theme-canvas .fs-main-content{
	width:100%!important;
	margin:0px!important;	
}
#colophon.site-footer .widget-wrap li{
	display:block;
	font-size:90%;
	padding:10px 0px;	
}
#colophon.site-footer .widget-wrap:last-child{
	border:none;
}
#colophon.site-footer .widget-wrap li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}
#colophon.site-footer .widget-wrap li:last-child:after {
	display:none;
}
ul.product_list_widget .product-link{
	display:block;
}
ul.product_list_widget span{
	font-size:90%;	
}
#colophon.site-footer .social-list li a{
	color:#FFF!important;	
}

#colophon.site-footer .widget-wrap .smart_attribute li{
	display:inline-block;	
}
#colophon.site-footer .widget-wrap .smart_attribute li:after{
	display:none;	
}
#colophon.site-footer ul.smart_attribute.image li{
	width:28%;
	max-width:140px;
}
#colophon.site-footer ul.smart_attribute.image li a{
	width:100%!important;
	height:auto!important;	
}
#colophon.site-footer ul.smart_attribute.image li img {
    border: 1px solid #748590;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.widget-title span span.color_style{
	padding:0px!important;
}
@media only screen and (max-width : 900px) {
	#masthead ul.header-icon{
		float:none;
		display:block;
		text-align:left;	
	}
	#masthead ul.header-icon > li > a{
		margin-top:10px;
		display:block;	
	}
	#masthead ul.header-icon > li:last-child > a{
		margin-top:0px;
		
	}
	.fastest-shop-rd-navbar-toggle{
		color: var( --quaternary-color );
	}
	#navbar .navigation-menu > li > a{
		line-height:30px!important;	
	}
	#navbar ul li, #navbar ul{
		width:100%;	
	}
	.ss-content{
		padding-right:18px;	

	}
	#nav-bar-style{
		background:none!important;
		border:none!important;
		padding-bottom:15px!important;
	}
	#masthead.site-header .branding-wrap {
		
		text-align: center!important;
		
	}
	
}
@media only screen and (max-width : 500px) {
	.ata-product-nav-tab .nav-tabs li{
		display:block;
		width:100%;	
	}
	.ata-sidebar-info{
		height:300px;
		overflow:hidden;
		display:block;
		position:static;	
	}
	.ata-testimonial-block .testimonial-content{
		padding-left:15px!important;
		padding-right:15px!important;	
	}
}

.comment-respond .text-wrp{
	padding-top:20px;
	padding-bottom:20px;	
}
.xoo-qv-images,
.xoo-qv-summary{
	width:45%;	
}
.woocommerce div.product .xoo-qv-images div.images{
	width:100%;	
}
.theme-color{
	color:var(  --tertiary-color ) !important;
}
#masthead.site-header.header-4 #navbar li{
	float:left;	
}
#masthead.site-header.header-4 #navbar li li{
	float:none;
	display:block;
}
.hide_add_to_cart_wrap ul.products li.product .button.theme-btn{
	display:none;	
}
#colophon.site-footer .woo-sidebar-cat ul{
	border:none!important;	
}
#colophon.site-footer .fs-woo-cat-list li{
	padding-top:0px!important;
	padding-bottom:0px!important;
	background:none;
	border:none;
}

/*---------------------------------------------
	#Header 5
-----------------------------------------------*/
@media (min-width: 901px){
	#masthead.site-header.header-5{
		position: absolute;
		background: 0 0;
		padding-bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		margin-top: 30px;
		border: none;
	}
	#masthead.site-header.header-5 #navbar > ul > li > a{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.navbar-wrap{
		position: relative;
	}
	.navbar-wrap:after{
		content: "";
		position: absolute;
		z-index: -1;
		background: var(--quaternary-color);
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
		left: -80px;
		right: -12px;
		bottom: 0px;
		top: 0px;
	}
	#masthead.site-header.header-5 .container{
		
		/*background: var(--quaternary-color);
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;*/
	}
	#masthead.site-header .logo-wrap{
		transform: translateX(0px);
	}
	#masthead.site-header.header-5 .branding-wrap{
		width: auto;
		
		flex: initial;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		flex-basis: 200px;
	}


	#masthead.site-header.header-5 .branding-wrap::after{
		content: "";
		content: "";
		position: absolute;
		top: -20px;
		right: 20%;
		left: -15px;
		height: calc( 100% + 40px );
		background: #C90A01;
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#masthead.site-header.header-5 .branding-wrap::before {
		content: "";
		position: absolute;
		top: -20px;
		left: 25%;
		right:-30px;
		width: auto;
		bottom: -20px;
		background: var(--secondary-color);
		-webkit-transform: skewX(27deg);
		-ms-transform: skewX(27deg);
		transform: skewX(27deg);
		z-index: 1;
		background: #C90A01;
	}

	#masthead.site-header.header-5 .header-info{
		padding: 10px;
		padding-left: 80px;
		background: #353838;
		margin-right: -12px;

	}
	#masthead.site-header.header-5 .flat-support{
		margin-bottom: 0px;
		text-align: right;
		width: auto;
		color: var(--quaternary-color);
	}
	#masthead.site-header.header-5 .flat-support li,
	#masthead ul.header-icon > li > a{
		color: #000;
	}
	#masthead.site-header.header-5 .item-wrap-4{
		margin-left: auto;

	}
	#static_header_banner.header-5 .site-header-text-wrap,
	.banner-wrap.header-5 .site-header-text-wrap{
		padding-top: 150px!important;
	}
}
@media (max-width: 900px){
	ul.flat-support{
		display: none;
	}
	#masthead.site-header.header-5 .d-flex{
		display: block!important;
	}
	#masthead.site-header.header-5 .header-icon{
		padding-bottom: 15px;
	}
}
#masthead.site-header.header-3 .text-right ul.header-icon,
#masthead.site-header.header-4 .text-right ul.header-icon{
	text-align: right!important;
}