/*!
Theme Name: Startup Shop Pro
Theme URI: https://athemeart.com/downloads/startup-shop/
Author: aThemeArt
Author URI: https://www.athemeart.com/
Description: StartupShop is the fastest, minimal & elegant WordPress theme ideal for clothes, jewelry, toys, electronics computers, tools parts, beauty health, watch jewelry, home furniture, sports. Also, it is well-suited for selling bakery items like coffee, grocery cakes, or more.Using this cool shopping cart theme, you can set up youronline storeand delivery system. You can quickly categorize, sort, and filter products. The WooCommerce software in Startup Shop makes it easy to receive payments with integrated payment gateways like PayPal, Stripe, and more.
Requires at least: 5.0
Tested up to: 5.6.4
Requires PHP: 7.0
Version: 1.2.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: startup-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: #ed1c24;
	--tertiary-color: #000;
	--quaternary-color:#f3f6f8;
	--white-color:#fff;
	
	--secondary-light: #fb9ea2;
	--opacity:0,0,0;
	--rating-color:#dd3333;
	
	--heading-font:'Jost', sans-serif;
	--nav-font:'Jost', sans-serif;
	
	--nav-color:#fff;
	--nav-color-h:#ed1c24;
	/*--nav-bg-h:#fff;*/
	
	--nav-wrap-bg:#f7f7f7;
	--nav-sub-color:#00a513;
	--nav-sub-color-h:#fff;
	--nav-sub-bg-h:#ed1c24;
  
}
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-style:normal;
}
.theme-btn ,.navigation.posts-navigation .nav-links a,.theme-btn-icon,
.wc-block-cart__submit .wc-block-cart__submit-button{
	cursor: pointer;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	line-height: 30px;
	display: inline-block;
	border-radius: 0px;
	border: none;
	background-color:var(--quaternary-color);
	padding: 20px 30px;
	font-size: 14px;
	line-height: 13px;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
	font-family:var(--heading-font);
	letter-spacing:1px;
	padding-left:50px;
	position:relative;
	color:var(--tertiary-color);
	-webkit-border-radius:3px;
	border-radius:3px;
}
.theme-btn.revert,.theme-btn-icon.revert,.wc-block-cart__submit .wc-block-cart__submit-button{
	background-color:var(--secondary-color);
	color:var(--quaternary-color);
	border:1px solid var(--secondary-color);
}
.theme-btn:before,
.navigation.posts-navigation .nav-links a:before{
	content:"";
	background:var(--secondary-color );
	width:20px;
	top:50%;
	height:2px;
	position:absolute;
	left:20px;
	-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;
	background:var(--tertiary-color);
}
.theme-btn.revert:before{
	background:var(--quaternary-color );
}
	
.theme-btn:hover,
.theme-btn:focus,
.navigation.posts-navigation .nav-links a:hover,
.navigation.posts-navigation .nav-links a:focus,
.theme-btn-icon:hover,
.theme-btn-icon:focus{
	background:var(--secondary-color );
	color:var(--white-color )!important;
}
.theme-btn.revert:hover,.theme-btn-icon.revert:hover,
.theme-btn.revert:focus,.theme-btn-icon.revert:focus,
.wc-block-cart__submit .wc-block-cart__submit-button:hover,
.wc-block-cart__submit .wc-block-cart__submit-button:focus{
	background:var(--white-color );
	color:var(--secondary-color )!important;
}

.theme-btn:hover:before,
.theme-btn:focus:before,
.navigation.posts-navigation .nav-links a:hover:before,
.navigation.posts-navigation .nav-links a:focus:before{
	background:var( --quaternary-color );
	width:25px;
	
}
.theme-btn.revert:hover:before,
.theme-btn.revert:focus:before{
	background:var(--secondary-color );
}
.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;	
}
.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-icon i{
	margin-left:10px;
	display:inline-block;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}
.navigation.posts-navigation .nav-links a:hover, 
.navigation.posts-navigation .nav-links a:focus {
    color: var(--secondary-color);
   
}
/*--------------------------------------------------------------
>>> Body
----------------------------------------------------------------*/
body,
input,
select,
optgroup,
textarea {
	color: #404040;
	position: relative;
	font-family:'Raleway', sans-serif;
	font-size: 16px;
	line-height:30px;
	font-weight:400;
	word-spacing:1px;
}
#page{
	overflow: hidden;
}

@media (min-width: 1200px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {
	    max-width: 1600px;
	}
}
/*--------------------------------------------------------------
>>> 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;
	position:relative;
	padding:30px 0px;
}

#masthead.site-header .logo-wrap{
	position: relative;
	z-index: 999;
}
#masthead.site-header .branding-wrap{
	color: #000;
	position: relative;
	width: 300px;
}
#masthead.site-header .branding-wrap a{
	color: #000;
}
#masthead.site-header .branding-wrap a:hover,
#masthead.site-header .branding-wrap a:focus{
	color:var(--tertiary-color);
}

.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;
	width: 140px;
	padding-right: 0px;
}
#static_header_banner,
#inner_static_header{
	position: relative;
	z-index: 100;
	display: inline-block;
	height:40vh;
	width: 100%;
	background-color: #282E34;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	text-align: center;
	background:#000;
}
#static_header_banner:after,
#inner_static_header:after{
	content: "";
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	background:rgba(0,0,0,0.1);
	z-index: 1;
}
#static_header_banner .site-header-bg-wrap,
#inner_static_header .site-header-bg-wrap{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}
#static_header_banner .background-effect,
#inner_static_header .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,
#inner_static_header .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: 9;
	width: 100%;
}
#static_header_banner.header-style-1,
#inner_static_header{
	min-height: 40vh;
}

#static_header_banner h1,
#inner_static_header h1{
	font-weight: 900;
	word-spacing: 5px;
	font-size: 3.5rem;
	color:var( --quaternary-color );
	
}
/*----------------------navbar----------------------------------*/
.startup-shop-navbar-close{
	display: none;
}

#navbar{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(0,0,0,0.9);
	top:100%;
}
#navbar:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.2);
    height: 1px;
    width: 100%;
	
}
#navbar ul{
	display: block;
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}
#navbar li{
	list-style: none;
	position: relative;
	display:inline-block;
}
#navbar li > a,
.menu-category-list .widget_product_categories a{
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    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:12px 16px;
    transition: all 500ms ease;
}
#navbar li a i,
#navbar-2nd li a i{
	margin-right: 5px;
}
#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_page_item  > a,
#navbar ul > li > a:focus,
#navbar ul > li.focus > a{
	color: var( --nav-color-h );
	background: var( --nav-bg-h );
	
}
#navbar ul.social-icon > li:hover > a, 
#navbar ul.social-icon > li.current > a,
#navbar ul.social-icon > li > a:focus,
#navbar ul.social-icon > li.focus > a{
	background:none;
}

#navbar ul > li:hover > a::before, 
#navbar ul > li.current > a::before,
#navbar ul > li > a:focus::before,
#navbar ul > li.focus > a::before{	
    transform: scale(1);
}
#navbar li li > a:before{
	display:none;
}
@media only screen and (max-width : 800px) {
	#navbar li > a:before{
		content: "";
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: -1px;
		width:auto;
		border-bottom: 1px solid var(--nav-color-h);
		transform: scaleX(0);
		transition: all 500ms ease;
	}
	#navbar li > a:focus,
	#navbar li > a:hover{
		color: var( --nav-color-h );
		background: var( --nav-bg-h );
	}
	
	#navbar li > a:focus:before,
	#navbar li > a:hover:before{
		  transform: scale(1);
	}
	#navbar-2nd ul > li > a {
		padding:12px 20px;
	}
}
#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(0%,0px);
	z-index: 999;
	opacity: 0;
	right: 9999px;
	text-align: left;
	left:0px;
	margin:0px;
	opacity:0;
	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;
	visibility:visible;
	transition: opacity 0.15s linear, transform 0.15s linear;
}
#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:-100%;
	opacity: 1;
	/*transform: translate(50%,0);*/
	transition: opacity 0.15s linear, transform 0.15s linear;
	left:auto;

}
#navbar .navigation-menu li li,
#masthead ul.header-icon li li,
#navbar-2nd li li{
	display: block;
	border-bottom: 1px solid rgba(232,232,232,0.3);
	float: none;
}
#navbar .navigation-menu li:last-child{
	border-bottom: none;
}
#navbar .navigation-menu li li > a,
#masthead .header-icon li li > a,
#navbar-2nd li li > 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: 24px;
	position: relative;
	color: var(--nav-sub-color);
	padding: 10px 16px;
	text-align:left;
}
#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{
	color: var(--nav-sub-color-h);
	background: var( --nav-sub-bg-h);
}

#navbar .navigation-menu li ul:after,
#masthead .header-icon li ul:after,
#navbar-2nd li ul:after {
	position: absolute;
	top: -8px;
	left: 14px;
	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,
#navbar-2nd 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,
#navbar-2nd li li 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,
#navbar-2nd li li:first-child > a,
#navbar-2nd li li:first-child{
	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,
#navbar-2nd li li:last-child > a,
#navbar-2nd li li:last-child{
	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-2nd ul > li:hover > a, 
#navbar-2nd ul > li.current > a,
#navbar-2nd ul > li > a:focus,
#navbar-2nd ul > li.focus > a,
#navbar-2nd ul > li.current-menu-item > a,
#navbar-2nd ul > li.current_page_item > a{
	color: var( --nav-color-h );
	background: var( --nav-bg-h );
	
}


/*--------------------------------------*/
/*--------------------------------------*/
			/*navbar-2nd*/
/*------------------------------------------*/
/*--------------------------------------*/
#header-2nd.replace-3rd-style{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 99999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	padding: 0px;
}
#header-2nd .icon-warp{
	margin-left: 20px;
}
#header-2nd.replace-3rd-style .icon-warp{
	padding:20px 0px 20px 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	margin-left: 20px;
}

#header-2nd.replace-3rd-style ul.social-icon li a{
	background: none;
}
#header-2nd.replace-3rd-style ul.social-icon li a{
	color: var(--nav-color);
}

@media (max-width: 800px){
	#header-2nd.replace-3rd-style .icon-warp{
		border: none;
		margin: 0px;
		padding: 20px 30px 20px 30px;
	}
	#header-2nd .logo-wrap{
		margin: 0px auto;
	}
}
#header-2nd.replace-3rd-style .logo-wrap{
	padding: 10px 0px;
}
#header-2nd .logo-wrap{
	max-width: 280px;
}
.hero-block-wrap.header-3 .site-header-text-wrap{
	margin-top: 50px;
	margin-bottom: 50px;
	
}
#navbar-2nd ul{
	padding: 0px;
	margin: 0px;
}
#navbar-2nd li{
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	position:relative;
}
#navbar-2nd ul > li > a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    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;
    transition: all 500ms ease;
	padding:10px 15px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#navbar-2nd li li > a {
    -webkit-border-radius:0px;
	border-radius:0px;	
}
#navbar-2nd li .icofont-rounded-down {
	display:none;	
}

#navbar-2nd 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(0%,0px);
	z-index: 999;
	right: 9999px;
	text-align: left;
	left:0px;
	margin:0px;
	opacity:0;
	visibility:hidden;
	
}
#navbar-2nd li li > a{
	color: var(--nav-sub-color);
}

#navbar-2nd li li.focus > a,
#navbar-2nd li li > a:hover,
#navbar-2nd li li > a:focus,
#navbar-2nd li li.current-menu-item  > a{
	color: var(--nav-sub-color-h);
	background:var(--nav-sub-bg-h);
}
#navbar-2nd li li ul{
	right: calc(-100% + -10px);
	top: 3px;
	left:auto;

}
#navbar-2nd li:hover > ul{
	opacity:1;
	visibility:visible;
}
#header-2nd ul.social-icon{
	display:block;
	list-style:none;
	padding: 0px;
}
#header-2nd ul.social-icon li{
	float: left;
	margin:0px 5px;
}
#header-2nd ul.social-icon li a{
	padding:10px 0px;
	background-color: #F7F7F7;
	width:40px;
	height:40px;
	font-size: 18px;
	display:inline-block;
	-webkit-border-radius:50%;
	border-radius:50%;
	line-height:20px;
	text-align:center;
	color:var( --primary-color );
	
}
#header-2nd ul.social-icon li a:hover{
	background:var(--secondary-color);
	color:#fff;
	
}
ul.social-icon li a{
	position: relative;
}
ul.social-icon li a span.quantity {
  position: absolute;
  color: var(--quaternary-color);
  line-height: 19px;
  font-size: 11px;
  right: -8px;
  margin-left: -35px;
  top: -10px;
  background: var(--secondary-color);
  border-radius: 50%;
  text-align: center;
  width: 20px;
  height: 20px;
  margin: 0px !important;
}

/*------------------- 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;
	transition: transform .2s; /* Animation */
}
#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(--tertiary-color);
	
}


#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-color:rgba(0,0,0,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 input[type="search"]:focus,
.fly-search-bar .container-wrap input[type="search"]:hover{
	box-shadow: none;
}
.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:5px;
	font-size:40px;
	color:#fff;
}
.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:var(--secondary-color);
}
/*--------------------------------------------------------------
>>> Blog Loop Posts
----------------------------------------------------------------*/
.startup-shop-blogwrap{
	display: block;
	margin-bottom: 50px;
}
.startup-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;
}
.startup-shop-blogwrap .img-box img{
	width: 100%;
	height: auto;
}
.startup-shop-blogwrap .img-box [class^="icofont-"], 
.startup-shop-blogwrap .img-box [class*=" icofont-"]{
	position: absolute;
	top: 20px;
	right: 15px;
}
.startup-shop-blogwrap .img-box figure{
	margin: 0px!important;
}
.startup-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:30px 0px;
}
.startup-shop-blogwrap .content-wrap a{
	text-decoration:underline;	
}
.startup-shop-blogwrap .content-wrap a.theme-btn{
	text-decoration:none;	
}

.startup-shop-blogwrap .post-meta-wrap{
	display:block;
	width:auto; 
	text-align: center;
	padding-bottom:10px;	
}
ul.post-cat-list{
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:-60px;
}
.post-cat-list li{
	list-style:none;
	
}
.post-cat-list li a{
	background:#7169FE;
	padding:5px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#FFF;
}
.post-cat-list li a:hover,
.post-cat-list li a:focus{	
	color:#7169FE;
	background:#FFF;
}
.startup-shop-blogwrap .post-meta-wrap ul{
	list-style: none;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	white-space: nowrap;
	display: block;
	
}
.startup-shop-blogwrap .post-meta-wrap ul a{
	text-decoration:none;
	color:var(--tertiary-color);	
}
.startup-shop-blogwrap .post-meta-wrap ul a:hover,
.startup-shop-blogwrap .post-meta-wrap ul a:focus{
	color:var(--secondary-color);	
}
.startup-shop-blogwrap .post-meta-wrap li{
	float:left;
	list-style: none;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--nav-font);
	text-transform:capitalize;
	font-size:14px;
	position:relative;
	padding-right:50px;
	color:var(--tertiary-color);
}
.startup-shop-blogwrap .post-meta-wrap li:last-child:after{
	display:none;	
}
.startup-shop-blogwrap .post-meta-wrap li:after {
    content: '';
	background:var( --secondary-color );
	width:20px;
	height:1px;
	top:50%;
	right:15px;
	position:absolute;
}
.startup-shop-blogwrap .content-wrap{
	padding-top: 10px;
}
.startup-shop-blogwrap .entry-title{
	padding-top: 5px;
}
.startup-shop-blogwrap .entry-title a{
	color:var( --tertiary-color );
}
.startup-shop-blogwrap .entry-title a:hover,
.startup-shop-blogwrap .entry-title a:focus{
	color:var( --secondary-color );
}
.startup-shop-blogwrap .more-link{
	display: block;
	padding-top:30px;
}
/*-------------------------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);
	background:var( --quaternary-color );
	
}
.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: 15px;
}

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


.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: 25px;
    width: 100%;
    margin-top: -1px;
	background-color: #f3f6f8;
	margin-bottom:30px;
}
aside#secondary h3.widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2,
#respond.comment-respond .widget-title,
.comments-title.widget-title,
#respond.comment-respond .widget-title,
aside#secondary .widget_block h2{
    text-align:left;
    display: block;
    margin-bottom: 1.5rem;
	font-size:22px;
	margin: -25px;
	color:var(--tertiary-color);
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding:20px 25px ;
	font-weight:800px;
	position:relative;
}

.comments-title.widget-title, #respond.comment-respond .widget-title{
	margin:0px;	
}
#respond.comment-respond .widget-title {
    margin: -15px -15px 15px -15px;
	padding:15px;
}
aside#secondary h3.widget-title:after,
#respond.comment-respond .widget-title:after,
.comments-title.widget-title:after, #respond.comment-respond .widget-title:after{
	content:"";
	position:absolute;
	left:-1px;
	background:var(--secondary-color);
	top:0px;
	bottom:0px;
	width:2px;
}


#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: 5px;
	padding-bottom: 5px;
	-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 {
	position:absolute;
	top: 19px;
	opacity: 0;
    visibility: hidden;
	left:0px;
	height:2px;
	background:var( --tertiary-color );
	content:"";
	width:5px;
	-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;
    
}
#secondary .widget li:hover:before,
#secondary .widget li:focus:before,
#secondary .widget li.focus:before,
#colophon.site-footer .widget li:hover:before,
#colophon.site-footer .widget li:focus:before,
#colophon.site-footer .widget li.focus:before,
#colophon.site-footer .widget li.current-cat{
 	opacity: 1;
    visibility:visible;
	width:18px;
	left:-10px;
	background:var(--secondary-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;
	color: var(--tertiary-color);
	text-decoration:none;
	font-size:95%;
	
} 
.sidebar-menu li a:hover,
.sidebar-menu li a:focus,
#secondary .widget li a:hover{
	color: var(--secondary-color);
	
}

#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]{
  
    border: 1px solid var(--secondary-color);
	font-weight:normal;
	width:100%;
	display:block;
	
}
.widget_search .search-field:focus{
	border-color:var(--tertiary-color);
	color:var(--secondary-color);
}
.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:11px 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;
	border-top: 1px solid #e5e5e5;
	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:#262728;
}
.site_info{
	display: block;
	padding-top: 38px;
    padding-bottom: 20px;
    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 #575758;
	padding:50px;
}
#colophon.site-footer .widget-wrap .widget-title{
    text-align: center;
    display: block;
    margin-bottom: 1.5rem;
    font-size: 20px;
    text-align: left;
	color:#FFF;
}
#colophon.site-footer .widget-wrap .widget-title span{
	
}
#colophon.site-footer .site_info{
	display: block;
	border-top: 1px solid rgba(31,31,31,.08);
	text-align: center;
	background-color: #1a1b1b;
}
#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: 26px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	background: var( --tertiary-color );
	color: #fff;
	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: 62px;
    width: 62px;
    z-index: 5;
    left: 50%;
    top: -34px;
    transform: translateX(-50%);
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-size: 30px;
    overflow: hidden;
	color:var(--tertiary-color);
}
#colophon.site-footer .back-to-top:hover{
	color: var( --quaternary-color );
	background: var( --secondary-color );
}
/*-----------------------------------------------------
				# Responsive
------------------------------------------------------*/
/* Small Devices, Tablets */
.startup-shop-rd-navbar-toggle{
	font-size: 28px;
    padding: 10px 14px;
    display: none;
}
.header-table .table-cell.last-item.without-woocommmerce{
	display:none;
}
@media only screen and (max-width : 800px) {
	.header-table .table-cell.last-item.without-woocommmerce{
		display:block;	
	}
	.startup-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%;
		border: none;
		display: block;
		padding:15px 0px;
	}
	#masthead ul.header-icon{
		float:left;
		padding-top: 15px;
	}
	
	#navbar,
	#navbar-2nd {
	    position: fixed;
	    width: 270px;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    background: #262728;
	    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:0%;
	    transform: translateX(-100%);
	    opacity: 0;
		box-shadow: 0 3px 5px 0 rgba(0,0,0,.25);
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
		-webkit-transition: .3s all cubic-bezier(.785,.135,.15,.86);
		 transition: .3s all cubic-bezier(.785,.135,.15,.86);
	}
	#navbar.active,
	#navbar-2nd.active {
	    -webkit-transform: translateX(0%);
		transform: translateX(0%);
	    transform: translateX(0);
	    visibility: visible;
	    display: block;
	    opacity: 1;
	}
	#navbar ul li,
	#navbar ul,
	#navbar-2nd ul,
	#navbar-2nd ul li{
	    display: block;
	    margin: 0;
	    float: none;
	    clear: both;
	    text-align: left;
	}
	.d-flex.responsive{
		display: block!important;
	}
	#navbar li > a,
	#navbar-2nd li > a{
		line-height: 26px;
		text-align: left;
		padding:8px 10px;
		position:relative;
	   
	}
	#navbar .navigation-menu > li > a{
		padding:6px 10px;
	}
	#navbar li > a:after,
	#navbar-2nd li > a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: -moz-radial-gradient(left, ellipse cover, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
		background: -webkit-radial-gradient(left, ellipse cover, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
		background: radial-gradient(ellipse at left, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
	}
	#navbar > ul > li > a::before,
	#navbar-2nd > ul > li > a::before {
    	border-bottom: 1px solid var(--nav-color-h);
	}
	#navbar .navigation-menu li ul,
	#navbar .navigation-menu li:hover ul,
	#navbar-2nd .navigation-menu li ul,
	#navbar-2nd .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,
	#navbar-2nd .navigation-menu li ul.focus-active{
		display: block;
	}
	#navbar .navigation-menu li .icofont-rounded-down,
	#navbar-2nd .navigation-menu li .icofont-rounded-down {
		position: absolute;
		right: 1px;
		visibility: visible;
		display: block;
		cursor: pointer;
		display: block;
		width: 47px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		background: #000;
		font-size: 25px;
		color: var(--white-color);
		top: 1px;
		border: 1px solid var(--nav-h-bg);
	}
	#navbar .navigation-menu li .icofont-rounded-down:hover,
	#navbar .navigation-menu li .icofont-rounded-down:focus,
	#navbar-2nd .navigation-menu li .icofont-rounded-down:hover,
	#navbar-2nd .navigation-menu li .icofont-rounded-down:focus{
		color: var(--quaternary-color);
		background: var(--tertiary-color);
	}

	#navbar .navigation-menu li li, #masthead ul.header-icon li li,#navbar-2nd .navigation-menu 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,#navbar-2nd .navigation-menu li li:first-child > a,
	#navbar-2nd .navigation-menu li li:last-child{
		border-radius: 0px;
		-webkit-border-radius: 0px;

	}

	body.admin-bar #navbar ul.navigation-menu{
		margin-top:55px;
	}
	.startup-shop-navbar-close{
		display: block;
		float: right;
		margin-right:10px;
		margin-top:5px;
		background: none;
		padding:5px 12px;
		color:var( --secondary-color );
	}
	body.admin-bar #navbar .startup-shop-navbar-close{
		margin-top:55px;
	}
	body.admin-bar #navbar.sticky .startup-shop-navbar-close{
		margin-top: 0px;
	}
	.startup-shop-navbar-close:hover,
	.startup-shop-navbar-close:focus{
		color: var( --white-color );
		border:1px solid var( --white-color );
	}
	.startup-shop-blogwrap .post-meta-wrap,
	.startup-shop-blogwrap .post-meta-wrap ul{
		position: static;
		max-width: 100%;
		text-align: left;
		background:none;
		box-shadow: none;
		padding: 0px;
		
	}
	.startup-shop-blogwrap .post-meta-wrap ul{
		max-width: 100%;
		white-space: break-spaces;
	}
	.startup-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;
	}
	.ss-wrapper{
		padding-right:18px!important;
	}
	#navbar ul > li > a:before{
		display:none;	
	}
	#navbar ul > li > li:last-child > a:before{
		display:none;	
	}
	#navbar ul.social-icon {
		display: none;
		text-align:center;	
	}
	#navbar .social-icon li{
		display:inline-block;	
	}
	#navbar .social-icon li > a:after{
		display:none;
	}
	#navbar::after {
		display:none;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		max-width:450px;
		display:block;
		margin-left:auto;
		margin-right:auto;	
	}

	#masthead.site-header .branding-wrap{
		width: 100%!important;
		text-align: center;
	}

	#navbar .menu-category-list{
		display: none;
	}
	#navbar .my-auto.d-flex{
		display: inline-block!important;
	}
	#navbar-2nd ul > li > a{
		text-align: left;
	}
}
#navbar .social-icon li a {
	font-size:22px;
	padding:12px 10px;
}
#navbar .social-icon li a:before{
	display:none;	
}
#navbar .social-icon li a:hover,
#navbar .social-icon li:hover,
#navbar .social-icon li:hover a{
	background:none!important;
}
/*------------------------------------
	#breadcrumbs
--------------------------------------*/
.startup-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.startup-shop-breadcrumbs{
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.startup-shop-breadcrumbs li{
	list-style: none;
	display: inline-block;
	position: relative;
	padding:0px 10px;
}
ul.startup-shop-breadcrumbs li:after {
    content: "/";
    position: absolute;
    right: -2px;
    top: 2px;
    font-size: 20px;
}
ul.startup-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;
}

/*-------- 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;
}
.startup-shop-blogwrap .post.page-content{
	border:none;	
}
body.page-template-without-hero #content.site-content{
	padding:0px;
}
body.page-template-without-hero .startup-shop-blogwrap .post.page-content{
	padding:0px!important;	
}
body.page-template-without-hero .startup-shop-blogwrap .content-wrap{
	padding:0px;	
}
#colophon.site-footer .widget-wrap li{
	display:block;
	font-size:90%;
	padding:10px 0px;	
}
#colophon.site-footer .widget-wrap li a,#colophon.site-footer{
	color:var( --white-color );
}
#colophon.site-footer .widget-wrap li a:hover,
#colophon.site-footer .widget-wrap li a:focus,
#colophon.site-footer a:hover,
#colophon.site-footer a:focus{
	color:var(--secondary-color);
}
#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%);*/
	background: -moz-radial-gradient(left, ellipse cover, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(87, 87, 88, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
}
ul.product_list_widget .product-link{
	display:block;
}
ul.product_list_widget span{
	font-size:90%;	
}
.form-allowed-tags{
	padding-top:15px;	
}
#commentform textarea.woocommerce{
	margin-top:0px;
}

#masthead.site-header .aspw-widgets-wrap-class .widget-title,
#masthead.site-header .aspw-widgets-wrap-class h3{
	display:none;	
}
#masthead.site-header .aspw-widgets-wrap-class{
	display:block;
	text-align:right;
}
#masthead.site-header .aspw-widgets-wrap-class .apsw-search-wrap {
    max-width: 600px;
}
@media (max-width: 800px){
	.header-table .table-cell.text-right{
		display:block;
		width:100%;
		padding-top:30px;
	}
	.container, .container-sm {
		max-width: 90%;
	}
	#masthead.site-header .aspw-widgets-wrap-class{
		width: calc(100% - 80px );
		float:left;
	}
	#masthead.site-header .apsw-search-wrap{ z-index:999; }
	.startup-shop-rd-navbar-toggle{
		float:right;
	}
	#navbar .container, #navbar .container-sm,
	#navbar .container .col-md-9,#navbar .container .col-md-3{
		width:100%;
		padding:0px;	
	}
	  #masthead.site-header .container{
		max-width:100%;
	}  
}
@media (max-width: 440px){
	#static_header_banner h1 {
		font-size:2rem;
	}
	#static_header_banner.header-style-1{
		min-height:15vh;	
	}
	
	.container, .container-sm {
		max-width: 100%;
	}
}

#colophon.site-footer .site_info{ max-width:100%!important;}


/*--------------------------------------------
		#banner &  home page slider
-----------------------------------------------*/
#static_header_banner.slider{
	position:relative;
	overflow:hidden;	
}
#static_header_banner.slider .owl-item,
.owl-item{
	float:left;	
}
#static_header_banner.slider.load-slider .slide-item{
	position: relative;
	z-index: 100;
	display: inline-block;
	height:90vh;
	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{
	max-width:600px;
	margin:30px auto;
	clear:both;
	display:block;

}

#static_header_banner.slider.load-slider .slide-item:after{
	content: "";
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	
	z-index: 91;
}
#static_header_banner.slider .site-header-bg-wrap{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}
#static_header_banner.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.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.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);
}
#static_header_banner .btn-wrp{
	display:block;
	padding-top:30px;	
}
#static_header_banner 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;
    color: #fff !important;
    min-width: 100px;
    font-weight: 400;
    letter-spacing: 2px;
	margin:0px 20px;
   
}
#static_header_banner a.slide-btn.btn-color,
#static_header_banner a.slide-btn:hover,
#static_header_banner a.slide-btn:focus {
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
}
#static_header_banner a.slide-btn.btn-color:hover,
#static_header_banner a.slide-btn.btn-color:focus  {
    background-color: transparent;
	border: 1px solid #fff;
}


#static_header_banner.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;
	z-index:99;
}

#static_header_banner.slider .owl-dots li {
  display: inline-block;
  margin: 0 4px;
}
#static_header_banner.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;
}
#static_header_banner.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%;
  
}

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

#static_header_banner.slider .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -50px;
}
#static_header_banner.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;
}
#static_header_banner.slider .owl-nav button i{
	position:relative;
	z-index:1;
		
}
#static_header_banner.slider .owl-nav button.owl-next{
	border-top:none;	
}
#static_header_banner.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;
}
#static_header_banner.slider .owl-nav button:hover::before {
    width: 50px;
}
#static_header_banner.slider .owl-nav button:hover i{
	color:#000;
}
#static_header_banner.slider:after{
	display:none;	
}
#static_header_banner.slider.load-slider .slide-item:after{
	content: "";
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 1;
}

#static_header_banner.video {
	overflow: hidden
}
#static_header_banner.video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:8;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

#inner_static_header h1, #inner_static_header.header-style-2 ul.startup-shop-breadcrumbs li a, #inner_static_header.header-style-2 ul.startup-shop-breadcrumbs li{
	padding-top:100px;	
}

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

.author-desc p{
	margin-bottom:0px!important;
}
.related-post-wrap .post{
    display: block;
    position: relative;
    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: 20px;
    padding-top: 40px;
    border: 1px solid rgba(0,0,0,.1);
}
.related_post_heading{
	padding-bottom:30px;	
}
#inner_static_header .subtitle{
	padding:0px 5%;	
}
.woocommerce ul.products li.product .remove{
	position:absolute;
	left:10px;
	top:10px;
	z-index:9999;	
}
@media only screen and (max-width : 765px) {
	#static_header_banner h1,
	#inner_static_header h1{
		font-size: 2.5rem!important;
		line-height: 3.2rem!important;
	}
	#inner_static_header h1, #inner_static_header.header-style-2 ul.startup-shop-breadcrumbs li a, #inner_static_header.header-style-2 ul.startup-shop-breadcrumbs li {
		padding-top:0px;	
	}
	.related-post-wrap {
		margin-bottom:15px;	
	}
	
	
}
.widget_search input[type="search"]{
	margin-bottom:0px!important;
}

#colophon.site-footer .widget-wrap  ul.smart_attribute li::after {
	display:none;
}
#colophon.site-footer ul.smart_attribute.image li {
    width: 28%;
    max-width: 140px;
	display:inline-block;
}
#colophon.site-footer ul.smart_attribute.image li a {
    width: 100% !important;
    height: auto !important;
}
#colophon.site-footer ul.smart_attribute.image img.payment-gatway{
	display:block;
	margin-top:30px;	
}
img.payment-gatway{
	display:block;
	margin:20px auto 0px auto;	
}
.apsw-search-wrap .apsw-search-form{
	margin-top:22px !important
}
#inner_static_header.header-2 h1{
	padding-top:0px;
}
#header-2nd{
	padding:20px 0px;	
}
@media (min-width: 800px){
.sticky_menu.sticky,
#header-2nd.replace-3rd-style.sticky,
#navbar.sticky{
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0px;
    right: 0px;
    background: #fff;
   
}
}

@media (max-width: 800px){
	#header-2nd .d-flex.responsive{
		text-align: center;
		border: 1px solid #000;
	}
	#header-2nd .responsive-wrap{
		display:block;
		width:100%;
		padding:20px;
	}
	#header-2nd .icon-warp{
		display: flex!important;
		margin: 0px;
		padding-top: 30px!important;
	}
	#header-2nd ul.social-icon{
		padding-top:10px;
		padding-left:0px;
	}
	#header-2nd .startup-shop-rd-navbar-toggle{
		float: none;
		margin-left: auto;
	}
	#header-2nd.replace-3rd-style.sticky{
		position: absolute!important;
	}
	
}