/* ************************************************************************** 
 * 24WebGroup : Teashop eCommerce Template
 *
 * file           : themestyles.css
 * Desc           : Teashop eCommerce Template for business, ecommerce, ecommerce html, fashion, online shopping, shopping
 * Version        : 1.0
 * Date           : 11.27.2016
 * Author         : 24WebGroup
 * Author URI     : http://24webgorup.com
 * Email          : webgroup@gmail.com
 *
 * 24WebGroup . Copyright 2016. All Rights Reserved.
 * ********************************************************************************** */

/* *************************************************************************************
 * ******  Teashop eCommerce Template - Table of Content ****************

	1 - General
		1.1 - Global properties (body, common classes, structure etc)
		1.2 - Typography (section title, links,page)
		1.3 - Buttons 
		1.4 - Form / Input / Textarea /select box 
		1.5 - Theme Colors
		1.6 - Theme Fonts
		1.7 - Quickview Popup
		1.8 - Register Popup

	2 - Header
		2.1 - Header Top Menu
		2.2 - Header Container 
		2.3 - Header Navigation menu , mega menu , dropdown menu 
		2.4 - Header 3 Style

	3 - Home 
		3.1  - Content slider :
		3.2  - promo banner 
		3.3  - products  
		3.4  - category 
		3.5  - today dels
		3.6  - custom message
		 3.7  - mega sale 
		3.8  - Products 
		3.9  - Blog
		3.10  - Popup: Login Register 
		3.11  - Home Style 2
		3.12  - Home Style 3


	4 - Sliders / OwlCarousel
		4.1 - home content slider
		4.2 - Home Product Slider
		4.3 - Brands Slider
		4.4 - Testimonials Slider
		4.5 - product tab slider

	5 - Components / Shortcodes / Widget
		5.1 - Breadcrumbs
		5.2 - Pagination   
		5.3 - Rating stars    
		5.4 - Blog post
		5.5 - Single Blog post
		5.6 - Comments  
		5.7 - Widgets
		5.8 - Contacts form
		5.10 - Back to top button

	6 - Shopping Cart

	7 - Checkout
		
	8 - Pages
		8.1 - About Us 
		8.3 - Error Page    
		8.4 - My Account
		8.5 - Product Category
		
	9 - Footer
		6.1 - Footer widgets
		6.2 - footer newslatter
****************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600italic,600,400italic,300italic,300,700italic');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700');

/* *************************** reset ************************************************** */

/* *************************** reset ************************************************** */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	text-decoration: none;
	color: #333333
}

li {
	list-style: none
}

ul {
	margin: 0;
	padding: 0
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #333333;
}
.btn {
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}


/************* input type  ****************/
.form-group input {
	border-radius: 0;
}

.form-control {
	border-radius: 0;
}

.form-group label {
	font-weight: 500;
}

.form-control {
	background-color: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	box-shadow: none;
	color: #555;
	margin: 10px 0;
}

/***************************end input type**************************/

/**  owl-dot **/

.latest-blog-slide .owl-dot.active > span::after {
	color: #e7a0a0;
	content: "";
}

.latest-blog-slide .owl-dot {
	display: inline;
	margin: 2px;
}

/** ************************  owl-dot ********************************/
.product-view .owl-next::before {
	background-color: transparent;
}

.product-view .owl-prev::before {
	background-color: transparent;
}

/***********  link hover  *********************/
a.product-name:hover {
	color: #e7a0a0
}

.product-name > a {
	
}

/**************** font capitalize  **************/
.font-capitalize {
	text-transform: capitalize
}

/*******************  all color  ************************/
.blue-color {
	color: #1E90FF
}

.bunker-color {
	color: #2e2e2e
}

.white {
	color: #fff;
}

/*******************  background color ****************/
.blue-bg {
	background-color: #1E90FF;
	color: #fff;
}

.violet-bg {
	background-color: #1E90FF;
	/* color: #ffffff; */
}

.bunker-color-bg {
	background-color: #2e2e2e
}

.white-bg {
	background-color: #fff;
}

.footer-bg {
	background-color: #191919;
}

/************************  end all color *****************************/

/*---------focus-----------*/
a.btn-button:focus,
.hover-box .btn-button:focus,
.radio-inline > input:focus {
	outline: none
}

.panel-title  a:focus {
	color: #333;
	text-decoration: none;
}

.panel-heading.active .panel-title a:focus {
	color: #1E90FF;
	text-decoration: none;
}

.btn.btn-button:focus {
	color: #fff;
	outline: medium none;
}

.radio input:focus {
	outline: medium none;
}

.blog-name > a:focus {
	color: #e7a0a0;
	text-decoration: none;
}

.blog-contant .btn-button:hover,
.blog-contant .btn-button:focus {
	color: #fff;
	text-decoration: none;
}

a:focus {
	outline: none;
	text-decoration: none;
	color: #1E90FF
}

a:hover {
	text-decoration: none;
	color: #1E90FF
}

/*---------focus-----------*/

/*--------button--------*/
.border-radius {
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
}

/*-------- / button--------*/
.text-bold {
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.nav.navbar-nav {
	margin-bottom: 0;
}

/**********************************************  all transion   **************************************/
.top-bar ul li a,
.button-box button.btn-button,
.owl-next,
.owl-prev,
.btn-button,
.cart-button,
.tab-menu ul > li,
.single-item-inner,
.post-meta > li,
a,
.submit-btn,
.size-box li a span,
.add-to-cart button.btn-button,
.product-img-box .icon,
.estimate-ship-tax  button.btn-button,
button.btn-button,
.panel-heading,
.contact-details .icon,
.our-social-media ul li a,
.our-social-media ul li a span,
.popup-box .radio strong,
span,
.popular-tag-content li,
.free-sp-icon-box-inner,
.top-links .nav.navbar-nav > li,
.navbar-nav > li,
.single-item,
.search-input {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

a.btn-button:hover,
.arow-left:hover,
.owl-next:hover,
.owl-prev:hover,
.btn-button:hover,
.btn-button:focus,
.btn-button:active,
.arow-right:hover,
.button-box button.btn-button:hover,
cart-button:hover,
.tab-menu ul > li:hover,
a:hover,
.submit-btn:hover,
.size-box li a span:hover,
.add-to-cart button.btn-button:hover,
.product-img-box .icon:hover,
.estimate-ship-tax  button.btn-button:hover,
button.btn-button:hover,
.panel-heading:hover,
.contact-details .icon,
.our-social-media ul li a span:hover,
.popup-box .radio strong:hover,
span:hover,
.popular-tag-content li:hover,
.free-sp-icon-box-inner:hover,
.style-3 .free-shgipping-box:hover,
a:hover,
.single-item:hover,
.footer-search:hover .search-input,
.single-item-inner:hover {
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

/**********************************  end transion  *********************************/

/***************************************  padding ***********************************/

.no-padding {
	padding: 0;
}

.no-margin {
	margin: 0
}

.padding-45 {
	padding-top: 45px;
}

.padding-50 {
	padding-top: 50px;
}

.padding-40 {
	padding-top: 40px;
}

.padding-30 {
	padding-top: 30px;
}

.margin-40 {
	margin-top: 40px;
}

.margin-45 {
	margin-bottom: 45px;
}

.margin-30 {
	margin-top: 30px
}

.margin-bottom {
	margin-bottom: 30px
}

/**********************     end padding *****************************/
.clearboth {
	clear: both
}

/***********************************  ratting ******************************************/
.rating {
	cursor: default;
	margin: 5px 0;
}

/*********************************     end ratting  *************************************/

/***************************************  buttons ****************************************/
.border-color {
	border: 1px solid #fff;
}

.border-color:hover {
	border: 1px solid #ff623f;
}

.button-set .btn-button {
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	padding: 11px 20px;
	text-transform: uppercase;
}

a.btn-button,
button.btn-button {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 7px 20px;
	
}

.checkout {
	padding: 20px !important;
}

/***************************  hover   ************************/
.single-item .hover-box .btn.btn-button:hover {
	color: #1E90FF;
}

.button-cart {
	left: 60px;
	position: absolute;
	top: 131px;
}

button.btn-button.cart-button:hover {
	color: #fff;
}

.btn.btn-button.cart-button > span {
	margin: 5px;
}

/*******************   round button  ******************/
.btn-radius {
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	color: #fff;
	padding: 5px 16px;
}

.btn-radius:hover {
	background-color: #f8a201;
	color: #fff;
}

/******************************  end buttons  ****************************/

/*********************  hadding   ******************************/
.account-title {
	font-weight: bold;
}

.hadding {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

/**end hadding**/

/********************************  page title  ************************/
.page-title > span {
	font-size: 18px;
	font-weight: bold;
	
	padding-bottom: 8px;
}

/******************************* product title *****************************/
.product-hadding > span,
.page-title > span {
	font-family: poppins, sans-serif;
	font-size: 18px;
	font-weight: 600;
	
}

.our-item-title p {
	padding-bottom: 50px;
}

/***************         end product title  *********************************/
.sub-title {
	font-weight: bold;
	text-transform: uppercase;
}

/*****************************product ratting ********************************/
.rating .star.active::before {
	content: "\f005";
	font-family: fontawesome;
}

.rating .star.active {
	color: #ff992b;
	font-size: 16px;
}

.rating .star-half-o::before {
	content: "\f123";
	font-family: fontawesome;
}

.rating .star-half-o {
	color: #ff992b;
	font-size: 15px;
}

/**********************************    start breadcrumb   ***********************************/
.breadcrumb.breadcrumb-box {
	background: #f6f6f6;
	border-bottom: transparent;
	border-radius: 0;
	margin-bottom: 45px;
	padding: 15px 10px;
	text-align: left;
	
}

.breadcrumb-box li {
	display: inline;
}

.breadcrumb span > span::after {
	content: "\f101";
	font-family: fontawesome;
	margin-left: 5px;
}

.breadcrumb-box span > span {
	margin: 5px;
}

/*********************************  end breadcrumb    ********************************/

/********************************  arow icon  *****************************************/
.nivo-prevNav {
	background-color: #fff;
	border: 2px solid #f6f6f6;
	border-radius: 100%;
	color: #333;
	font-size: 0;
	height: 35px;
	position: absolute;
	top: -35px;
	width: 35px;
	padding: 5px 0 0 4px;
	text-align: center;
	left: 15px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	filter: alpha(opacity=0);
	opacity: 0;
}

.nivo-nextNav {
	background-color: #fff;
	border: 2px solid #f6f6f6;
	border-radius: 100%;
	color: #333;
	font-size: 0;
	height: 35px;
	position: absolute;
	top: -35px;
	width: 35px;
	padding: 5px 0 0 4px;
	text-align: center;
	right: 15px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	filter: alpha(opacity=0);
	opacity: 0;
}

.nivo-prevNav,
.nivo-nextNav {
	border: 2px solid #fff;
	border-radius: 100%;
	background: none;
	color: #fff;
}

.nivo-prevNav:hover,
.nivo-nextNav:hover,
.nivo-prevNav:focus,
.nivo-nextNav:focus,
.nivo-prevNav:active,
.nivo-nextNav:active {
	background-color: #1E90FF;
	border: 2px solid #1E90FF;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	color: #fff;
}

#nivoparrallax:hover .nivo-prevNav,
#nivoparrallax:hover .nivo-nextNav {
	filter: alpha(opacity=1);
	opacity: 1;
}

/****************************   slider arow icon ******************************/
.slider-area .nivo-controlNav {
	width: 100%;
}

.slider-area .fa-long-arrow-left.icon {
	left: 50px;
}

.slider-area .fa-long-arrow-right.icon {
	right: 50px;
}

/*-----------------------------------------owl arow icon---------------------------------*/
.owl-controls {
	text-align: center;
}

.latest-blog-slide .owl-nav {
	display: inline-block;
	position: absolute;
	text-align: center;
	top: 0;
	margin-left: -38px;
}

.latest-blog-slide .owl-prev,
.latest-blog-slide .owl-next {
	background-color: transparent;
	border: 2px solid #c7c7c7;
	border-radius: 100%;
	color: #c7c7c7;
	font-size: 0;
	height: 35px;
	position: relative;
	display: inline-block;
	width: 35px;
	margin-right: 5px;
}

.latest-blog-slide .owl-prev::after,
.nivo-prevNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
}

.latest-blog-slide .owl-prev::after {
	position: absolute;
	left: 10px;
	text-align: center;
	top: 7px;
}

.latest-blog-slide .owl-next:hover,
.latest-blog-slide .owl-prev:hover {
	border: 2px solid #1E90FF;
	color: #1E90FF
}

.latest-blog-slide .owl-next::after,
.nivo-nextNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
}

.latest-blog-slide .owl-next::after {
	position: absolute;
	right: 7px;
	text-align: center;
	top: 6px;
}


.featured-product-box .owl-stage-outer {
	padding-bottom: 60px;
}
.featured-product-box .owl-nav {
	display: inline-block;
	position: absolute;
	text-align: center;
	bottom: 10px;
	margin-left: -38px;
}

.featured-product-box .owl-prev,
.featured-product-box .owl-next {
	background-color: transparent;
	border: 2px solid #f6f6f6;
	border-radius: 100%;
	color: #f6f6f6;
	font-size: 0;
	height: 35px;
	position: relative;
	display: inline-block;
	width: 35px;
	margin-right: 5px;
}

.featured-product-box .owl-prev::after,
.nivo-prevNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
}

.featured-product-box .owl-prev::after {
	position: absolute;
	left: 10px;
	text-align: center;
	top: 5px;
}

.featured-product-box .owl-next:hover,
.featured-product-box .owl-prev:hover {
	border: 2px solid #1E90FF;
	color: #1E90FF
}

.featured-product-box .owl-next::after,
.nivo-nextNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
}

.featured-product-box .owl-next::after {
	position: absolute;
	right: 6px;
	text-align: center;
	top: 6px;
}








.onstore-product-slide .owl-stage-outer {
	padding-bottom: 60px;
}
.onstore-product-slide .owl-nav {
	display: inline-block;
	position: absolute;
	text-align: center;
	bottom: 10px;
	margin-left: -38px;
}

.onstore-product-slide .owl-prev,
.onstore-product-slide .owl-next {
	background-color: transparent;
	border: 2px solid #f6f6f6;
	border-radius: 100%;
	color: #f6f6f6;
	font-size: 0;
	height: 35px;
	position: relative;
	display: inline-block;
	width: 35px;
	margin-right: 5px;
}

.onstore-product-slide .owl-prev::after,
.nivo-prevNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
}

.onstore-product-slide .owl-prev::after {
	position: absolute;
	left: 10px;
	text-align: center;
	top: 5px;
}

.onstore-product-slide .owl-next:hover,
.onstore-product-slide .owl-prev:hover {
	border: 2px solid #1E90FF;
	color: #1E90FF
}

.onstore-product-slide .owl-next::after,
.nivo-nextNav::after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 13px;
	line-height: 22px;
}

.onstore-product-slide .owl-next::after {
	position: absolute;
	right: 6px;
	text-align: center;
	top: 6px;
}








.product-container .owl-nav::before {
	background-color: #c7c7c7;
	content: "";
	height: 1px;
	position: absolute;
	right: 80px;
	top: 32px;
	width: 90px;
}

.product-container .owl-nav::after {
	background-color: #c7c7c7;
	content: "";
	height: 1px;
	position: absolute;
	left: 75px;
	top: 30px;
	width: 90px;
}

.mini-products .owl-nav::before,
.mini-products .owl-nav::after {
	background-color: #fff;
}

.product-container .owl-prev::before {
	background-color: #c7c7c7;
	content: "";
	height: 1px;
	left: 33px;
	position: absolute;
	top: 15px;
	width: 90px;
}

.product-container .owl-next::before {
	background-color: #c7c7c7;
	content: "";
	height: 1px;
	left: 33px;
	position: absolute;
	top: 13px;
	width: 90px;
}

.owl-prev {
	text-align: center;
	transform: rotate(180deg);
}

.owl-next {
	text-align: center;
}

.more-views .owl-controls {
	text-align: unset;
}

.product-active-2 .owl-prev {
	transform: rotate(0);
	width: 30px;
	display: inline-block;
	background: #f3f3f3;
	margin-right: 1px;
}
.product-active-2 .owl-next {
	width: 30px;
	display: inline-block;
	background: #f3f3f3;
	margin-left: 1px;
}
.product-active-2 .owl-prev:hover,
.product-active-2 .owl-next:hover {
	background-color: #1e90ff;
	color: #fff;
}

/*******************************  top to buttom   *********************/
.btn.readmore:after {
	font-family: "icomoon";
	content: "\e052";
	padding-left: 3px;
	position: absolute;
}

#top-buttom span:after {
	font-family: "icomoon";
	content: "\e052";
	font-size: 15px;
	    transform: rotate(-90deg);
    display: block;
}

.top-to-botton {
	transform: rotate(0);
}

#top-buttom span {
	background-color: #fff;
	border: solid 1px #f1f1f1;
	bottom: 20px;
	box-shadow: 0 0 15px #f4f4f4;
	-moz-box-shadow: 0 0 15px #f4f4f4;
	-webkit-box-shadow: 0 0 15px #f4f4f4;
	color: #1E90FF;
	cursor: pointer;
	height: 40px;
	padding: 8px 14px;
	position: fixed;
	right: 0;
	width: 40px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.top-bottom {
	position: relative;
}

#top-buttom span:hover {
	background-color: #1E90FF;
	color: #fff;
}

.comparer-page img {
	width: 100%;
}

/********************************************* all prodcut and menu animation    ***************************************/

/* animation for mega  menu */
.navigation ul li:hover ul.mmenuffect,
.product-details:hover .mmenuffect,
.item .product-details:hover .color-overlay.mmenuffect {
	animation: mmenuffect 0.7s;
	-moz-animation: mmenuffect 0.7s;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-o-animation: mmenuffect 0.7s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation: mmenuffect 0.7s;
	animation-fill-mode: forwards;
}

/* animation for sfmenuffect */
.navigation ul li:hover ul.sfmenuffect,
.lang-currency ul li:hover ul.sfmenuffect,
.header-cart-mini:hover .cart-product-list.sfmenuffect {
	animation: sfmenuffect 0.7s;
	-moz-animation: sfmenuffect 0.7s;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-o-animation: sfmenuffect 0.7s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation: sfmenuffect 0.7s;
	animation-fill-mode: forwards;
}

/* megamenueffect for let to rigth */
@keyframes mmenuffect {
	from {
		opacity: 0;
		margin-left: -25px;
	}

	to {
		opacity: 1;
		margin-left: 0;
	}

}

@-moz-keyframes mmenuffect {
	from {
		opacity: 0;
		margin-left: -25px;
	}

	to {
		opacity: 1;
		margin-left: 0;
	}

}

@-o-keyframes mmenuffect {
	from {
		opacity: 0;
		margin-left: -25px;
	}

	to {
		opacity: 1;
		margin-left: 0;
	}

}

@-webkit-keyframes mmenuffect {
	from {
		opacity: 0;
		margin-left: -25px;
	}

	to {
		opacity: 1;
		margin-left: 0;
	}

}

/** superfish menu effect for top to bootom */
@keyframes sfmenuffect {
	from {
		opacity: 0;
		margin-top: -60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}

}

@-moz-keyframes sfmenuffect {
	from {
		opacity: 0;
		margin-top: -60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}

}

@-o-keyframes sfmenuffect {
	from {
		opacity: 0;
		margin-top: -60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}

}

@-webkit-keyframes sfmenuffect {
	from {
		opacity: 0;
		margin-top: -60px;
	}

	to {
		opacity: 1;
		margin-top: 0;
	}

}

/***product button hover effact ***/
.single-item-inner:hover .single-item-img img,
.promo-1 > img,
.promo > img,
.promo >a> img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}

.single-item-inner:hover .single-item-img img,
.promo-1:hover > img,
.promo:hover > img,
.promo:hover >a> img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}

.single-item-img {
	position: relative;
	overflow: hidden;
}

/*** end product button hover effact ***/

/************* promo banner and product  effect  **************/
.promo-1,
.promo {
	background-color: rgba(255, 255, 255, 0.1);
	position: relative;
	max-width: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow: hidden;
}

.single-item-img {
	background: rgba(204, 204, 204, 0.5);
	position: relative;
	/* display: inline-block; */
	display: block;
	max-width: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow: hidden;
}

.promo-1:after,
.promo-1:before,
.promo:after,
.promo:before,
.single-item-img:before,
.single-item-img:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .40s ease;
	transition: all .40s ease;
}

.promo-1:before,
.promo:before,
.single-item-img:before,
.promo.featured-banner:before {
	background: inherit;
	position: absolute;
	content: '';
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	top: 50%;
	bottom: 50%;
	left: -35%;
	right: -35%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

.promo-1:hover:before,
.promo:hover:before,
.single-item-inner:hover .single-item-img:before {
	top: -35%;
	bottom: -35%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.promo-1.promo-1-item-5:hover:before,
.promo.featured-banner:hover:before {
	top: -86%;
	bottom: -95%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

/*-------------------------------------------header-----------------------------------------*/

/*-----------------------------------------*top bar-----------------------------------------*/
.top-links .nav.navbar-nav > li {
	display: inline-block;
}

.top-bar .top-links {
	float: left;
}

.top-bar ul> li> a> span {
	margin-left: 0;
	margin-right: 7px;
}

.top-bar ul> li:hover> ul.dropdown-menu {
	border-radius: 0;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	min-width: 120px;
	background-color: #ffffff;
}

.top-bar-inner {
	border: 1px solid #f6f6f6;
	border-top: transparent;
}

.top-bar ul.navbar-nav> li> a {
	
	padding: 15px 17px;
	border-right: 1px solid #f6f6f6;
}

.top-bar ul > li.flags > a {
	border-left: 1px solid #f6f6f6;
}

.top-bar ul.navbar-nav> li> ul>li>a {
	padding: 8px 17px;
	
}

/*-----------------------------------*currency and langr---------------------------------*/

/*----------------------------------------shopping cart-------------------------------------*/

/***********************************header shopping cart******************************************/
.header-cart-mini {
	position: relative;
}

.style-3 .header-cart-mini {
	position: unset;
}

.style-3 .cart-product-list {
	right: 15px;
	top: 36px;
}

.block-cart button {
	background-color: transparent;
	border: transparent;
	padding: 15px 20px 16px;
	color: #333;
}

.header-cart-mini:hover button,
.block-cart button:focus {
	background-color: transparent;
	border: medium none transparent;
}

.cart-top-title {
	background-color: #ef681e;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	color: #fff;
	font-weight: bold;
	height: 19px;
	margin-left: 0;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 19px;
}

.cart-product-list {
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 42px;
	width: 300px;
	box-shadow: 0 3px 4px 0 #e8e8e8;
	display: none;
	z-index: 33333399;
}

.style-2 .cart-product-list {
	top: 0;
}

.header-cart-mini:hover .cart-product-list {
	display: block
}

.header-cart-mini .item.cart-item > a {
	float: left;
	border: 1px solid #e8e8e8;
}

.header-cart-mini .product-details {
	overflow: hidden;
}

.header-cart-mini .product-name {
	float: left;
}

.header-cart-mini .product-details-inner > a {
	float: right;
}

.header-cart-mini .ratting-box {
	clear: both;
	display: block;
	float: none;
	margin-bottom: 0;
}

.header-cart-mini .new-price {
	display: inline;
	color: #1E90FF;
}

.header-cart-mini .old-price {
	float: left !important;
	margin: 0 5px;
	text-decoration: line-through;
}

.header-cart-mini .product-details-inner {
	overflow: hidden;
}

.header-cart-mini .item.cart-item {
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
}

.header-cart-mini .product-details-inner {
	overflow: hidden;
	padding-left: 10px;
}

.header-cart-mini .cart-item .product-name > a {
	font-size: 15px;
	font-weight: 600;
	
}

.top-subtotal label {
	margin: 0 20px;
}

.top-subtotal {
	text-align: right;
}

.header-cart-mini .buttons {
	margin: 10px 0 0;
}

.header-cart-mini .btn-button.Pink-color-bg:hover {
	background-color: #2e2e2e;
}

/*------------------------------ / shopping cart-----------------------------*/

/*------------------------header center all code--------------------------------*/
.header-container-box {
	padding: 35px 0;
}

/*-----------------------------------*logo---------------------------------*/
.header-container .logo {
	padding: 17px 0;
}

/*----------------------------------- Free Shipping ---------------------------------*/
.header-shipping-meg .fa {
	background-color: #1E90FF;
	border-radius: 100%;
	color: #fff;
	font-size: 12px;
	height: 30px;
	padding: 8px;
	text-align: center;
	width: 30px;
	float: left;
}

.header-shipping-meg h4 {
	color: #333;
	float: left;
	font-size: 15px;
	font-weight: 600;
	margin: 9px 14px;
	overflow: hidden;
	text-align: left;
	
}

.header-shipping-meg > p {
	float: left;
	line-height: 24px;
	color: #999999;
	margin: 0;
}

/*---------------------------------style-2 ---------------------------------*/
.style-2 header {
	background-color: #171717;
}

.style-2 .nav.navbar-nav > a {
	border: transparent;
	color: #fff;
}

.style-2 .top-bar-inner {
	border: transparent;
}

.style-2 .top-bar ul > li > a {
	border-right: transparent;
	color: #fff
}

.style-2 .top-bar ul > li > a:hover,
.style-3 .top-bar ul > li > a:hover {
	color: #1E90FF;
}

.style-2 .top-bar ul > li >.dropdown-menu>li>a,
.style-3 .top-bar ul > li >.dropdown-menu>li>a {
	color: #333;
}

.style-2 .top-bar ul > li.flags > a {
	border-left: transparent;
}

.style-2 header .top-bar {
	border-bottom: 1px solid #292929;
}

.style-2 .header-search input {
	background-color: transparent;
	border: 1px solid #292929;
	border-radius: 96px;
	box-shadow: none;
	height: 47px;
	margin: 0;
	padding: 0 50px 0 23px;
}

.style-2 .header-search span.fa-ellipsis-v {
	color: #333333;
	left: 14px;
	position: absolute;
}

.style-2 .form-control::-moz-placeholder,
.style-2 .form-control::-webkit-placeholder,
.style-2 .form-control::-ms-placeholder,
.style-2 .form-control::-o-placeholder {
	color: #333;
	opacity: 1;
}

.style-2 .form-control::-moz-placeholder {
	color: #333;
	opacity: 1;
}

.style-2 .header-search button {
	border-left-color: #333333;
	color: #fff;
}

.style-2 .header-shipping-meg h4 {
	color: #fff;
}

.style-2 .block-cart button {
	color: #fff;
	position: absolute;
	right: 0;
	top: -50px;
}

/*-------------------------- / style-2 ----------------------------------*/

/*---------------------------style-3 -------------------------------------*/
.style-3 .header-search {
	display: none;
	margin-top: 0;
	padding: 10px 0;
	position: absolute;
	right: 38px;
	top: 37px;
	width: 100%;
}

.style-3 .header-search span.fa-ellipsis-v {
	top: 23px;
}

.style-3 header {
	background-color: #000000;
}

.style-3 .nav.navbar-nav > a {
	border: transparent;
	color: #fff;
}

.style-3 .top-bar-inner {
	border: transparent;
}

.style-3 .top-bar ul > li > a {
	border-right: transparent;
	color: #fff
}

.style-3 .top-bar ul > li.flags > a {
	border-left: transparent;
}

.style-3 header .top-bar {
	border-bottom: 1px solid #18202b;
}

.style-2 .form-control::-moz-placeholder,
.style-2 .form-control::-webkit-placeholder,
.style-2 .form-control::-ms-placeholder,
.style-2 .form-control::-o-placeholder {
	color: #333;
	opacity: 1;
}

.style-3 .footer-shipping-inner .free-shipping.payment {
	border-right: 1px solid #3d3d3d;
	overflow: hidden;
	padding: 26px 0;
}

.style-3 .header-shipping-meg h4 {
	color: #333;
}

.style-3 .block-cart button {
	color: #fff;
	padding: 19px 6px;
	position: absolute;
	right: 19px;
	top: -1px;
}

button.clicksearch {
	background: none;
	border: 0;
	color: #fff;
	position: absolute;
	right: 54px;
	top: 18px;
	padding: 0;
	margin: 0;
	width: 50px;
}

button.clicksearch:hover,
button.clicksearch:active,
button.clicksearch:focus {
	padding: 0;
	margin: 0;
	outline: none;
}

.style-3 .cart-top-title {
	right: -5px;
	top: 12px;
}

.style-3 .header-search button {
	border-color: transparent;
	color: #fff;
	right: 0;
	top: 10px;
	padding: 10px 19px;
	border-left: 1px  solid #7dbfff;
}

.style-3 .header-search input {
	background-color: rgba(30, 144, 255, .95);
	border: 1px solid #7dbfff;
	position: unset;
	right: 39px;
	top: 50px;
	width: 100%;
	border-radius: 0;
	height: 40px;
	color: #fff;
}

.style-3 .header-search input::placeholder {
  color: #fff;
}



.style-3 .header-search button:hover input.font-capitalize {
	display: block
}

.style-3 .footer-shipping-inner {
	background-color: #1E90FF;
	background-image: none;
	border-bottom: 1px solid #5baeff;
}

/*------------------------ / style-3 ----------------------------*/

/*************************************************  style *************************************************************/

/**************************************  cateogyr menu  ***************************************************************/
.block_content .accordion {
	list-style-type: none;
	background: #fff;
}

.block_content .accordion a {
	border-bottom: medium none;
	color: #515151;
	cursor: pointer;
	display: block;
	padding: 4px 0;
	text-decoration: none;
}

.block_content .accordion a:hover {
	color: #444444;
}

.block_content .accordion ul > li > a {
	font-size: 13px;
	padding: 4px 0 4px 10px;
}

.block_content .accordion ul > li > a:hover {
	font-size: 13px;
	padding: 4px 0 4px 10px;
}

.block_content .accordion  ul > li > ul > li {
	padding: 0 0 0 5px;
}

/**************************************   -------------promo banner-1 ---------------*******************************************************/
.promo-1 > img {
	width: 100%;
	height: 100%
}

.promo-1.promo-1-item-2 > h1 {
	font-size: 36px;
	font-weight: bold;
	left: 68px;
	position: absolute;
	top: 28px;
}

.promo-1.promo-1-item-2 > h2 {
	color: #1E90FF;
	font-size: 35px;
	left: 53px;
	letter-spacing: 0.2em;
	position: absolute;
	top: 80px;
	width: 100%;
}

.proce-low {
	bottom: 144px;
	font-family: poppins;
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	right: 35px;
	color: #333;
}

.proce-low1 {
	bottom: 101px;
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	right: 63px;
	
	color: #1E90FF;
}

.proce-low2 {
	bottom: 46px;
	font-size: 47px;
	font-weight: bold;
	position: absolute;
	right: 75px;
	color: #333;
}

.promo-1.promo-1-item-1 > h1 {
	font-family: poppins, sans-serif;
	font-size: 50px;
	font-weight: bold;
	left: 20px;
	letter-spacing: -0.1em;
	position: absolute;
	top: 54px;
}

.promo-1.promo-1-item-1 > h2 {
	color: #fff;
	font-family: poppins, sans-serif;
	font-size: 40px;
	font-weight: bold;
	right: 20px;
	letter-spacing: -0.1em;
	position: absolute;
	
	top: 75px;
}

.promo-1.promo-1-item-1 > h3 {
	color: #fff;
	font-size: 49px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

.promo-1.promo-1-item-1 h3 > span {
	color: #1E90FF;
	overflow: hidden;
}

.promo-1.promo-item-1 > h1 {
	font-family: poppins, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100%;
}

.promo-1.promo-item-1 > h2 {
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 83px;
	width: 100%;
}

.promo-1.promo-item-1 > h3 {
	color: #1E90FF;
	font-size: 45px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

.promo-1.promo-item-2 > h1 {
	color: #fff;
	font-size: 42px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 28px;
	width: 100%;
}

.promo-1.promo-item-2 > h2 {
	color: #1E90FF;
	font-size: 42px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 78px;
	width: 100%;
}

.promo-1.promo-item-2 h2 span {
	color: #fff;
	display: block;
	margin-left: 83px;
	margin-top: -18px;
}

.promo-1.promo-item-2 > h3 {
	bottom: 56px;
	font-family: open sans;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.promo-1.promo-item-2 h3 span {
	color: #1E90FF;
}

.promo-1.promo-1-item-5 > h1 {
	font-family: poppins;
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -0.08em;
	margin: 0;
	position: absolute;
	right: 80px;
	top: 50px;
}

.promo-1.promo-1-item-5 {
	position: relative;
	text-align: center;
}

.promo-1.promo-1-item-5 > h2 {
	color: #1E90FF;
	font-family: poppins;
	font-size: 60px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	right: 161px;
	text-transform: uppercase;
	top: 115px;
}

.style-2 .promo-1.promo-1-item-1 > h1,
.style-3 .promo-1.promo-1-item-1 > h1 {
	top: 35px;
}

.style-2 .promo-1.promo-1-item-1 > h2,
.style-3 .promo-1.promo-1-item-1 > h2 {
	top: 50px;
}

.style-2 .promo-1.promo-1-item-1 > h3,
.style-3 .promo-1.promo-1-item-1 > h3 {
	top: 34%;
}

.promo-1.promo-1-item-5 > h3 {
	bottom: 55px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin: 0;
	position: absolute;
	right: 30px;
	text-transform: uppercase;
}

.promo-1.promo-item-1 {
	float: right;
	height: 311px;
	margin-top: -18px;
	width: 360px;
	position: relative
}

.promo-1.promo-item-2 {
	width: 359px;
	position: relative;
}

.promo-1 .btn-button {
	border: 2px solid #fff;
	bottom: 47px;
	left: 35%;
	position: absolute;
}

.promo-1 .btn-button:hover {
	border-color: #1E90FF
}

/*------------------------------------- / promo banner-1 ----------------------------------*/

/*--------------------------------- featured products ----------------------------------*/

/*-------------------------------------------product arow icon-------------------------------*/
.product-hadding > h2 > span.prev,
.product-hadding > h2 > span.next {
	background-color: #171717;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 40px;
	overflow: hidden;
	padding: 6px 2px 0 0;
	text-align: center;
	width: 40px;
}

.product-hadding > h2 > span.prev {
	margin-right: -7px;
	overflow: hidden;
}

.product-hadding > h2 > span.next {
	margin-left: -7px;
}

a.btn-button:hover,
button.btn-button:hover {
	background-color: #1E90FF;
	color: #fff
}

.product-hadding > h2 > span.prev:hover,
.product-hadding > h2 > span.next:hover {
	background-color: #1E90FF
}

.product-hadding > h2 > span.prev::after {
	content: "\f053";
	font-family: fontawesome;
	font-size: 13px;
	font-weight: bold;
}

.product-hadding > h2 > span.next::after {
	content: "\f054";
	font-family: fontawesome;
	font-size: 13px;
	font-weight: bold;
}

.product-hadding p {
	color: #7b7b7b;
	font-size: 15px;
	margin-top: 5px;
}

/*---------------------------------- / product arow icon------------------------------------------*/
.product-hadding h2 {
	color: #333333;
	font-family: Poppins;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.product-hadding strong {
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	display: inline-block;
	overflow: hidden;
	padding: 7px 16px;
}

/*------------------------------------product single item-------------------------------------------------------*/
.product-column-2 .single-item-inner,
.product-column-1 .single-item,
.product-column-1 .single-blog,
.product-column-1 .single-brand {
	padding-top: 30px;
}

.single-item-img img {
	width: 100%;
}

.single-item {
	position: relative;
}

/*-------------------------------------product lable--------------------------------------------------------------*/
.lable-new,
.lable-sale {
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	height: 20px;
	padding: 3px 5px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	/* width: 50px; */
	z-index: 999999;
}

.lable-new {
	background-color: #2e2e2e;
	left: 6px;
}

.lable-sale {
	background-color: #1E90FF;
	right: 6px;
}

/*---------------------------------------------- / product lable-------------------------------------------------*/

/*----------------------------------------product content--------------------------------------------------------*/
.item-content {
	overflow: hidden;
	padding: 10px 0;
}

.products-grid .product-name {
	height: 70px;
}



.product-name > a {
	color: #333333;
	font-size: 16px;
	font-weight: 600;
	
}

.product-name > a:hover {
	color: #1E90FF;
}

/* .product-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} */

.cart-item .product-name {
	width: 175px;
}

/*---------------------------------------------price------------------------------------------------*/
.single-item .new-price {
	color: #1E90FF;
	font-size: 15px;
	font-weight: 600;
}

.single-item .old-price {
	color: #999;
	font-size: 15px;
	margin: 2px;
	text-decoration: line-through;
}

.product-price {
	margin-top: 5px;
}


.products-grid .old-price {
	float: left;
	margin: 0;
}

.products-grid .product-price {
	text-align: right;
}




/*---------------------------------------item hover------------------------------------------------*/
.single-item-img {
	border: 1px solid #f7f7f7;
	overflow: hidden;
	position: relative;
/* dodane */
	    height: 270px;
}

.single-item-img-img {
	height: 160px;
	line-height: 160px;
	text-align: center;
}

.single-item-img-img img {
	width: initial !important;
	max-width: 100% !important;
	display: inline-block !important;
}

.single-item-inner:hover .hover-box {
	display: block;
}

.single-item .hover-box .btn-button.cart-button {
	background-color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	left: 0;
	margin: 0 auto;
	padding: 7px 15px;
	position: absolute;
	right: 0;
	
	top: -30%;
	z-index: 25;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item-inner:hover .hover-box .btn-button.cart-button {
	top: 40%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item .hover-box .btn-button.cart-button:hover {
	background-color: #1E90FF;
	color: #fff;
}

.single-item .hover-box a.btn-button.cart-button {
	background-color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	left: 5px;
	margin: 0 auto;
	padding: 7px 15px;
	position: absolute;
	right: auto;
	
	top: -30%;
	z-index: 25;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item-inner:hover .hover-box a.btn-button.cart-button {
	top: 40%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item .hover-box a.btn-button.cart-button:hover {
	background-color: #1E90FF;
	color: #fff;
}




.single-item .hover-box .btn-button.details-button {
	background-color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 0 auto;
	padding: 7px 15px;
	position: absolute;
	right: 5px;
	
	top: -30%;
	z-index: 25;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item-inner:hover .hover-box .btn-button.details-button {
	top: 40%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item .hover-box .btn-button.details-button:hover {
	background-color: #1E90FF;
	color: #fff;
}

.single-item .hover-box a.btn-button.details-button {
	background-color: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	right: 0;
	margin: 0 auto;
	padding: 7px 15px;
	position: absolute;
	
	top: -30%;
	z-index: 25;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item-inner:hover .hover-box a.btn-button.details-button {
	top: 40%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item .hover-box a.btn-button.details-button:hover {
	background-color: #1E90FF;
	color: #fff;
}










.single-item .hover-box .btn .fa {
	margin-right: 5px;
}

ul.product-buttons {
	bottom: -200px;
	position: absolute;
	z-index: 25;
	background: #fff;
	left: 0;
	transition: all 0.4s ease-out 0s;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	width: 100%;
}

.single-item-inner:hover  ul.product-buttons {
	bottom: 0;
	transition: all 0.4s ease-out 0s;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
}

ul.product-buttons > li {
	float: left;
	width: 50%;
	border-right: 1px solid #f7f7f7;
	
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 9px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
}

ul.product-buttons > li:last-child {
	border-right: 0;
}

ul.product-buttons > li > button,
ul.product-buttons > li > button:hover,
ul.product-buttons > li > button:focus
 {
	background: none;
	border: 0 none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 0;
	padding: 0;
	font-size: 13px;
}


ul.product-buttons > li > a,
ul.product-buttons > li > a:hover,
ul.product-buttons > li > a:focus {
	background: none;
	border: 0 none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

ul.product-buttons > li > a:hover {
	color: #fff;
}





ul.product-buttons > li:before,
.cart-button:before,
.details-button:before,
.quickview:before {
	border-radius: inherit;
	background: #1E90FF;
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

ul.product-buttons > li:hover:before,
.cart-button:hover:before,
.details-button:hover:before,
.quickview:hover:before {
	width: 100%;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

ul.product-buttons > li:hover > button,
ul.product-buttons > li:focus > button,
ul.product-buttons > li:active > button,
.quickview:hover,
.quickview:focus,
.quickview:active {
	color: #fff !important;
}

/*------------------------------------------------ / item hover-----------------------------------------------------*/

/*-----------------------------------------------------deals product-----------------------------------------------*/
.deal-product .deal-product-inner {
	background-image: url("../image/product-bg-1.png");
	background-position: center center;
	background-size: cover;
	display: inline-block;
	height: 100%;
	position: relative;
	vertical-align: middle;
	width: 100%;
}

.deal-slide .single-item-img {
	float: left;
}

.deal-slide .product-content {
	background-color: #fff;
}

.deal-slide .item-content {
	overflow: hidden;
	padding-left: 30px;
	padding-top: 30px;
}

.deal-slide .dsc {
	margin-bottom: 0;
	margin-top: 13px;
	line-height: 20px;
	height: 82px;
}

.timer {
	background-color: #1E90FF;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 13px;
	text-align: center;
	
}

.deal-slide .single-item-inner {
	background-color: #fff;
	overflow: hidden;
}

.timer .countdown-section {
	display: inline-block;
	margin: 6px 12px;
}

.timer .countdown-amount {
	display: block;
}

.product-name > a:hover {
	color: #1E90FF;
}

.deal-product-inner {
	padding: 48px 0;
}

.deal-hadding.product-hadding {
	color: #fff;
}

.deal-product .deal-hadding h2 {
	color: #fff;
	text-transform: uppercase;
}

/*---------------------------------------- / deals product-----------------------------------------------*/

/*--------------------------------------------promo-2----------------------------------------------------*/
.promo > img:before {
	width: 100%;
	background-color: red;
	height: 100%;
}

.promo {
	position: relative;
}

.promo-2 .promo-2-item-1 h1 {
	color: #fff;
	font-family: poppins, sans-serif;
	font-size: 45px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 27%;
	width: 100%;
}

.promo > img {
	width: 100%;
}

.promo-2 .promo-2-item-1 h1 {
	color: #fff;
	font-family: poppins, sans-serif;
	font-size: 45px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 27%;
	width: 100%;
}

.promo.promo-2-item-1 > h2 {
	color: #fff;
	font-family: poppins;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0.1em;
	position: absolute;
	text-align: center;
	top: 37%;
	width: 100%;
}

.promo-2 .promo.promo-2-item-1 h3 {
	color: #1E90FF;
	font-family: open sans;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 43%;
	width: 100%;
}

.promo.promo-2-item-1 > h4 {
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.4em;
	position: absolute;
	text-align: center;
	top: 53%;
	width: 100%;
}

.promo-2 .promo-2-item-1 .btn-button {
	left: 106px;
	padding: 10px 26px;
	position: absolute;
	text-transform: uppercase;
	top: 64%;
}

.promo-2 .promo-2-item-1 .btn-button:hover {
	color: #fff;
}

.promo.promo-2-item-2 > h1 {
	color: #1E90FF;
	font-family: poppins, sans-serif;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: -0.05em;
	position: absolute;
	text-align: center;
	
	top: 15%;
	width: 100%;
}

.promo.promo-2-item-2 > h3 {
	color: #fff;
	font-family: open sans, sans-serif;
	font-size: 30px;
	letter-spacing: 0.1em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 33%;
	width: 100%;
}

.promo.promo-2-item-2 > h2 {
	color: #fff;
	font-family: open sans, sans-serif;
	font-size: 45px;
	font-weight: 900;
	position: absolute;
	text-align: center;
	
	top: 47%;
	width: 100%;
}

.promo.promo-2-item-2 img,
.promo.promo-2-item-3 img {
	width: 100%;
}

.promo.promo-2-item-3 > h1 {
	color: #fff;
	font-family: poppins, sans-serif;
	font-size: 45px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	
	top: 18%;
	width: 100%;
}

.promo.promo-2-item-3 > h3 {
	color: #1E90FF;
	font-size: 30px;
	position: absolute;
	text-align: center;
	
	top: 35%;
	width: 100%;
}

.promo-2 .promo-2-item-3 span {
	background-color: #fff;
	border-radius: 100%;
	color: #1E90FF;
	font-size: 30px;
	font-weight: bold;
	height: 70px;
	left: 140px;
	letter-spacing: -0.05em;
	padding: 15px 17px;
	position: absolute;
	top: 60%;
	width: 70px;
}

.promo.promo-2-item-4 > h1 {
	font-family: poppins, sans-serif;
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	
	top: 25%;
	width: 100%;
}

.promo.promo-2-item-4 > h3 {
	color: #1E90FF;
	font-family: open sans, sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 39%;
	width: 100%;
}

.promo.promo-2-item-4 > h2 {
	color: #fff;
	font-family: poppins, sans-serif;
	font-size: 30px;
	letter-spacing: 0.2em;
	position: absolute;
	text-align: center;
	top: 44%;
	width: 100%;
}

.promo-2 .promo-2-item-4 .btn-button {
	left: 126px;
	padding: 10px 25px;
	position: absolute;
	text-transform: uppercase;
	top: 57%;
}

/*----------------------------------------------- / promo-2--------------------------------------*/

/*---------------------------------------------- blog box ----------------------------------------*/
.blog-name {
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	
	white-space: nowrap;
}

.all-blog-area a.read-more {
	border: none;
}

.all-blog-area a.read-more:hover {
	border: none;
}

.all-blog-area .post-content {
	margin-bottom: 5px;
}

.blog-image {
	float: left;
	margin-right: 30px;
}

.post-meta > li {
	color: #1E90FF;
	display: inline-block;
	margin: 0 10px 6px 0;
	
}

.post-meta > li>span {
	padding-right: 3px;
}

.post-dae {
	border: 2px solid #1E90FF;
	border-radius: 21px;
	float: left;
	padding: 6px 15px;
}

.post-detail > p {
	line-height: 24px;
}

.latest-blog .btn-button::after {
	content: "\e052";
	font-family: icomoon;
	margin: 0 0 0 4px;
}

.latest-blog .blog-contant {
	padding-top: 10px;
}

.btn.readmore {
	text-align: right;
	padding-top: 6px;
	display: block;
}

.btn.readmore:hover,
.btn.readmore:focus,
.btn.readmore:active {
	color: #1E90FF;
}

.blog-area .btn-button {
	border: transparent;
	margin: 0;
}

.blog-area .btn-button:hover {
	background: transparent;
	border: transparent;
	color: #1E90FF;
	margin: 0;
}

/*------------------------------------------------------brand-logo----------------------------------------------------------------*/
.item.single-brand {
	float: left;
}

/*------------------------------------------------------ / brand-logo---------------------------------------------------------*/

/*--------------------------------------------------footer free shipping------------------------------------------------------*/
.footer-shipping-inner {
	background-image: url("../image/shipping-bg.png");
	background-position: center center;
	background-size: cover;
	display: inline-block;
	height: 100%;
	position: relative;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

.footer-shipping-inner i.fa {
	background-color: #ffffff;
	border-radius: 100%;
	color: #1E90FF;
	display: inline-block;
	height: 30px;
	padding: 8px 9px;
	width: 30px;
}

.footer-shipping-inner i.fa-envelope-o {
	padding: 8px 9px;
}

.footer-shipping-inner  h4 {
	color: #fff;
	display: inline-block;
	font-family: poppins;
	font-size: 15px;
	font-weight: 600;
	margin-left: 10px;
	
}

.footer-shipping-inner p {
	color: #e8e8e8;
	margin: 0;
}

.footer-shipping-inner .free-shipping {
	border-left: 1px solid #5baeff;
	overflow: hidden;
	padding: 30px 0;
}

.footer-shipping-inner .free-shipping-right-b {
	border-right: 1px solid  #5baeff
}

.footer-shipping-inner .free-shipping.payment {
	padding: 13px 0;
	border-right: 1px solid  #5baeff;
}

.payment-options li {
	display: inline;
}

.payment-options {
	clear: both;
	margin: 13px 0;
}

.payment-options ul li a span {
	color: #999;
	font-size: 25px;
}

.payment-options ul li a span:hover {
	color: #ededed;
}

.style-3 .footer-top {
	padding: 50px 0;
}

.style-3  .footer-bottom {
	position: relative;
	padding-bottom: 30px;
}

/*-------------------------------------- / footer free shipping- --------------------------------*/

/*------------------------------------------footer--------------------------------------------*/
.footer-contact span {
	color: #fff;
	height: 23px;
	width: 28px;
}

.footer-contact .location span {
	float: left;
	height: 30px;
	margin-top: 10px;
	width: 32px;
}

.footer-contact li {
	line-height: 22px;
	color: #fff;
}

/*--------------------------------------------------twitter-----------------------------------------*/
.footer-info>ul>li>a> span {
	padding-left: 5px;
}

footer.footer {
	background-color: #f4f4f4;
}

footer .footer-inner {
	position: relative;
}

.footer .form-control {
	background-color: transparent;
}

.footer-hadding {
	font-family: Poppins;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 30px;
	position: relative;
	display: inline-block;
	
}

.footer-hadding::after {
	background-color: #1E90FF;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 20px;
}

.twitter-left {
	float: left;
	margin-right: 15px;
	overflow: hidden;
}

.twitter-right {
	overflow: hidden;
}

.twitter-date > span {
	margin: 0 7px;
}

.twitter-icon {
	background-color: #1E90FF;
	border-radius: 5px;
	color: #fff;
	height: 30px;
	padding: 5px 9px;
	width: 30px;
}

.twitter-right .hadding-title > a {
	color: #1E90FF;
	font-size: 15px;
}

.twitter-date {
	color: #999;
}

.free-sp-content > p {
	margin: 15px 0;
}

.twitter-box {
	padding-top: 20px;
}

.footer .about > p {
	line-height: 24px;
	padding-top: 5px;
}

/*---------------------------------------- / twitter ---------------------------------*/

/*----------------------------------------- hot line --------------------------------------*/
.footer-hot-line.text-center > h1 {
	font-family: open sans;
	font-weight: bold;
}

.footer-hot-line.text-center > p {
	color: #999;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}

.footer-hot-line.text-center span {
	color: #1E90FF;
}

/*--------------------------------------------- hot line ----------------------------------------*/

/*---------------------------------------------contact form----------------------------------------*/
footer .comment-form-name .form-control:focus,
.comment-form-email .form-control:focus {
	border-color: #ffffff
}

footer .comment-form-comment .form-control {
	border-color: transparent transparent #191919;
	border-style: none solid solid;
	border-width: 1px 1px;
	color: #a9b0c3;
}

footer .comment-form-name .form-control,
footer .comment-form-email .form-control {
	border-color: transparent transparent #191919 transparent;
	border-width: 1px;
	color: #a9b0c3;
	
}

footer .comment-form-name .form-control:focus,
footer  .comment-form-email .form-control:focus {
	border-color: transparent transparent #ffffff transparent;
	border-width: 1px;
}

.footer .form-submit .btn-button {
	border-radius: 0;
	padding: 6px 25px;
	text-transform: uppercase;
}

.footer .form-submit .btn-button:hover {
	background-color: #28324a;
	color: #fff
}

.footer .form-submit .btn-button:focus {
	outline: none;
	color: #fff
}

/*------------------------------- / contact form---------------------------------*/
.footer-info {
	margin-bottom: 30px;
}

/*---------------------------------------newslatter--------------------------------*/
.form-control.newslatter-input {
	background-color: transparent;
	border-color: transparent transparent #999 #999;
	border-style: none none solid solid;
	border-width: 1px 1px;
	width: 410px;
	height: 40px
}

.form-control.newslatter-input:focus {
	border-color: #999;
}

.footer-info > ul > li {
	line-height: 30px;
}

.footer .newsletter .submit-btn {
	background-color: #fff;
	border-radius: 0;
	color: #000000;
	/*height: 40px;*/
	padding: 6px 25px;
	/*position: absolute;*/
	/*right: 32px;*/
	text-transform: uppercase;
	/*top: 37px;*/
}

.newsletter {
	position: relative;
	/*padding-top: 40px;*/
}

.footer .newsletter .submit-btn .fa-paper-plane {
	margin: 0 5px 0 0;
}

.footer .newsletter .submit-btn:hover {
	background-color: #333
}

.footer .newsletter .submit-btn:focus {
	outline: none
}

.newsletter > a {
	color: #1E90FF;
}

.newsletter > a:hover {
	color: #333;
}

/*.newsletter a.btn.submit-btn.btn-hover {
	background-color: #dddddd;
}*/

/*--------------------------------------------------- newslatter -------------------------------------------*/
.footer-right-bg {
	background-color: #f0f0f0;
	width: 50%;
	height: 100%;
	right: 0;
	position: absolute;
	bottom: 0;
	top: 0;
}

/*----------------------------------------------------copyright----------------------------------------------------*/

/*---------------------------------------------------social---------------------------------------------------------*/
.footer .contact-form .comment-respond {
	padding-bottom: 40px;
}

.footer-social-icon {
	padding: 60px;
	text-align: center;
}

.style-2 .footer-social-icon {
	padding: 60px;
	text-align: center;
}

.footer .footer-social-icon a {
	border-radius: 0;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 34px;
	padding: 0 0;
	text-align: center;
	line-height: 34px;
	width: 34px;
}

.footer-social-icon li {
	display: inline-block;
	margin: 0 6px;
}

.footer-social-icon .fa {
	color: #fff;
}


.footer-social-icon .google:hover {
	background-color: #2e2e2e;
}

.footer-social-icon .facebook:hover,
.footer-social-icon .twitter:hover,
.footer-social-icon .google:hover,
.footer-social-icon .skype:hover,
.footer-social-icon .feed:hover,
.footer-social-icon .instagram:hover {
	background-color: #4a4a4a;
}

.footer-social-icon .facebook {
	background-color: #45619d;
	/*padding: 7px 14px !important;*/
}

.footer-social-icon .instagram {
	background-color: #c93b93;
	/*padding: 7px 14px !important;*/
}

.footer-social-icon .twitter {
	background-color: #42c0fb;
	padding: 7px 14px !important;
}

.footer-social-icon .google {
	background-color: #dc4500;
	padding: 7px 14px !important;
}

.footer-social-icon .skype {
	background-color: #009ee5;
	padding: 7px 14px !important;
	color: #ffffff;
}

.footer-social-icon .feed {
	background-color: #fd9f13;
	padding: 7px 14px !important;
	color: #ffffff;
}

/*---------------------------------------------social-----------------------------------------*/
.copyright {
	background-color: #ebeaea;
	margin: 0;
	padding: 20px;
	color: #999999;
}

/*--------------------------------------------------Style-2------------------------------------*/

/*---------------------------------------------------Promo-1 -------------------------------------*/
.style-2 .promo-1.promo-item-1 {
	margin-top: 0
}

.style-2 .promo-2 .promo.promo-2-item-1 .btn-button {
	position: absolute;
}

/*--------------------------------------------- / Promo-1 -------------------------------*/

/*--------------------------------------------tab product----------------------------------*/
.tab-menu > ul > li {
	display: inline;
}

.tab-menu > ul > li > a {
	font-family: poppins;
	font-size: 24px;
	font-weight: 600;
	margin: 0 10px;
	text-transform: uppercase;
}

.tab-menu > ul > li::after {
	content: "\f068";
	font-family: fontawesome;
	font-size: 20px;
}

.tab-menu > ul > li:last-child::after {
	content: "";
}

.tab-menu {
	text-align: center;
}

.mini-products .single-product-image {
	float: left;
	position: relative;
}

.mini-products .single-inner {
	background-color: #fff;
	margin-top: 30px;
}

.style-2 .tab-products,
.style-3 .tab-products {
	background-color: #f6f6f6;
	padding-bottom: 67px;
	padding-top: 46px;
}

.mini-products .item-content {
	overflow: hidden;
	padding: 11.5px 20px;
}

.mini-products .new-price {
	color: #1E90FF;
	font-family: open sans;
	font-size: 15px;
	font-weight: 600;
}

.mini-products .old-price {
	color: #999;
	font-size: 12px;
	text-decoration: line-through;
}

.mini-products .single-product-image span {
	display: none;
	color: #fff
}

.mini-products .single-inner:hover .single-product-image span {
	display: block;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

.mini-products .single-inner:hover .mini-hover {
	background: rgba(204, 204, 204, 0.5);
	height: 101%;
	position: absolute;
	top: 0;
	width: 100%;
}

.tab-conten .active .owl-carousel.owl-loaded {
	display: block;
	opacity: 1
}

.tab-conten .owl-carousel.owl-loaded {
	display: none;
	opacity: 0
}

/*------------------------------------------- / tab product---------------------------------------*/
.mini-products .owl-prev::before {
	background-color: #fff;
}

.mini-products .owl-prev,
.mini-products .owl-next {
	border: 2px solid #fff;
	color: #fff
}

.mini-products .owl-prev:hover,
.mini-products .owl-next:hover {
	border: 2px solid #1E90FF;
	color: #1E90FF
}

.mini-products .owl-next::before {
	background-color: #fff;
}

.tab-products .tab-menu ul > li.active a {
	color: #1E90FF;
}

.style-2 .footer .about > p,
.style-2 .free-sp-content > p,
.style-2 .footer-hadding,
.style-2 .footer .footer-info a,
.style-2 .footer-hot-line.text-center > h1 {
	color: #fff;
}

.style-2 .copyright,
.style-2 .copyright a {
	color: #999;
}

.style-2 .copyright {
	background-color: #171717;
	border-top: 1px solid #3d3d3d;
}

.style-2 .copyright a:hover {
	color: #fff;
}

.style-2 .footer .form-control::-moz-placeholder {
	color: #999
}

.style-2 footer.footer {
	background-color: #171717;
}

.style-2 .footer-right {
	background: transparent;
}

.style-2 .footer-shipping-inner {
	background-color: #171717;
	background-image: none;
	border-bottom: 1px solid #3d3d3d;
}

.style-2  .brand-logo-area {
	background-color: #f6f6f6;
	padding-bottom: 45px;
}

/*---------------------------------------------Style-2--------------------------------------*/

/*------------------------------------------- style-3 ---------------------------------------*/
.style-3 .header-shipping-meg > p {
	clear: both;
	display: block;
	line-height: 20px;
	margin: 0;
}

.style-3 .header-shipping-meg {
	background-color: #f1f1f1;
	border: 3px solid #fff;
	clear: both;
	display: block;
	float: left;
	margin: 15px 0;
	padding-bottom: 10px;
	padding-left: 26px;
	padding-top: 10px;
	width: 340px;
}

.free-shipping-meg-area {
	background: rgba(223, 223, 244, 0.2);
	padding: 18px;
	position: absolute;
	top: 0;
	z-index: 999;
	left: 100px
}

.style-3 .featured-box .product-name {
	width: 176px;
}

.onstore-product-slide .timer {
	margin-top: 0;
}

.promo.featured-banner {
	position: relative;
	text-align: center;
}

.promo.featured-banner > img {
	height: 208px;
}

.promo.featured-banner > h2 {
	color: #fff;
	font-family: poppins;
	font-size: 41px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 32px;
	width: 100%;
}

.promo.featured-banner > h3 {
	color: #fff;
	font-family: open sans;
	font-size: 26px;
	letter-spacing: 0.1em;
	margin: 0;
	position: absolute;
	text-align: center;
	top: 78px;
	width: 100%;
}

.promo.featured-banner .btn-button {
	bottom: 30px;
	padding: 10px 25px;
	position: absolute;
	left: 42%;
}

.style-3 .promo-2-item-1 .btn-button {
	position: absolute;
}

.testimonial > p {
	margin: 0;
}

.testimonial-inner > img {
	border-radius: 100%;
	display: block;
	height: 80px;
	margin: 18px auto 0;
	width: 80px !important;
}

.testimonial {
	background-image: url("../image/testimonial-bg.png");
	background-position: center center;
	background-size: cover;
	display: inline-block;
	height: 100%;
	position: relative;
	vertical-align: middle;
	width: 100%;
}

.testimonial-banner > img {
	width: 100%;
}

.testimonials .owl-controls {
	display: none;
}

.testimonial-inner > h3 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.testimonial-inner {
	color: #fff;
	padding: 42px 27px;
}

.testimonial .fa-quote-right {
	float: right;
}

.new-product-banner > img {
	width: 100%;
}

.new-product-banner > .new-banner-inner>h1 {
	color: #1E90FF;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 34px;
	width: 100%;
}

.new-banner-inner {
	position: relative;
	text-align: center;
}

.new-product-banner .btn-button {
	bottom: 19px;
	left: 42%;
	padding: 10px 31px;
	position: absolute;
}

/*---------------------------------------------footer-top --------------------------------------------------*/
.footer-top {
	background-color: #000000;
}

.style-3 .footer-hot-line.text-center > h1 {
	color: #fff;
}

.style-3 .footer-right {
	/* background-color: #171717; */
}

.style-3 footer.footer {
	background-color: transparent;
	color: #fff;
}

.style-3 .payment-options {
	margin: 0;
	text-align: center;
}

.style-3 .footer .form-submit .btn-button {
	margin-top: 8px;
	color: #000000;
}

.style-3 .footer-info .footer-hadding {
	color: #333;
}

.footer-bottom {
	background-color: #f4f4f4;
}

.style-3 .newsletter .footer-hadding {
	/*color: #333;*/
	color: #fff;
}

.style-3 .copyright {
	background-color: #ebeaea;
	color: #999;
	margin: 0;
	padding: 30px;
}

.style-3 .copyright > a {
	color: #999
}

.style-3 .copyright > a:hover {
	color: #1E90FF
}

.style-3 .footer-info {
	margin-bottom: 30px;
	margin-top: 50px;
}

.style-3 .footer-social-icon {
	/*padding: 54px;*/
	padding: 0;
}

/*---------------------------------------- / style-3 -----------------------------------*/
.btn-hover {
	position: relative;
	z-index: 1;
}

.btn-hover::after {
	background-color: #ffffff;
	border-radius: inherit;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}

.btn-hover:hover::after,
.btn-hover:focus::after,
.btn-hover:active::after {
	transition: all 0.5s ease 0s;
	height: 100%;
	background-color: #ffffff;
}

.btn-hover:hover,
.btn-hover:focus,
.btn-hover:active {
	color: #1E90FF !important;
}

/********************************   menu  css   **********************************************/

/*-----------------------------------*header search*---------------------------------*/
.style-2 .header-search {
	position: relative;
	margin: 18px 0;
}

.header-search {
	position: relative;
	margin: 7px 0;
}

.form-control:focus {
	border-color: #e8e8e8;
	box-shadow: none;
}

.header-search span.fa-ellipsis-v {
	color: #7dbfff;
	left: 14px;
	position: absolute;
	top: 18px;
}

.select-search-catergoy.select-search-catergoy {
	border: none;
	position: absolute;
	right: 28px;
	top: 4px;
	border-left: 1px solid #333333;
	padding: 0 4px;
}

.header-search button {
	background-color: transparent;
	border-color: transparent transparent transparent #f6f6f6;
	border-image: none;
	border-style: none none none solid;
	border-width: 1px;
	color: #333;
	padding: 12px 19px;
	position: absolute;
	right: 0;
	top: 2px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.header-search button:hover {
	color: #1E90FF;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.header-search input {
	border: 1px solid #f6f6f6;
	border-radius: 96px;
	-moz-border-radius: 96px;
	-webkit-border-radius: 96px;
	box-shadow: none;
	height: 47px;
	margin: 0;
	padding: 0 0 0 23px;
}

/***********************************************  menu ********************************************/
.header-menu .nav-container {
	border: 1px solid #f6f6f6;
}

#sf-menu {
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#sf-menu> ul {
	margin: 0;
	padding: 0;
}

#sf-menu>.product-menu {
	line-height: normal;
}

.sf-menu {
	margin: 0;
	padding: 0;
}

/****************************************************  lavel 1 ******************************************************/
.header-menu .sf-menu > li {
	border-right: 1px solid #f6f6f6;
	display: inline-block;
	margin-right: -4px;
	position: relative;
}

.header-menu .sf-menu > li:last-child {
	border: transparent;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

ul.sf-menu > li > a {
	padding: 17px 18px;
}

ul.sf-menu li.active > a {
	color: #333;
	
}

.sf-menu> li> a {
	display: block;
	font-family: poppins, sans-serif;
	font-size: 15px;
	font-weight: 600;
	
}

.sf-menu > li>a>.fa.fa-angle-down {
	padding-left: 5px;
}

.sf-menu>li:hover > a {
	color: #1E90FF;
}

.sf-menu> li:hover,
.sf-menu> li.sfHover,
.sf-menu> li.sfHover > a,
.sf-menu> li.active:hover a {
	color: #1E90FF;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

/***********************************   mga menu ***********************************************************/
.sf-menu >li.megamenu {
	position: inherit !important;
}

.sf-menu> li.megamenu > ul {
	font-weight: normal;
	text-transform: none;
	width: 100%;
	margin: 0;
	background-color: #ffffff;
	z-index: 3333;
	-moz-box-shadow: 0 2px 5px  #e9eaea;
	-webkit-box-shadow: 0 2px 5px  #e9eaea;
	-o-box-shadow: 0 2px 5px  #e9eaea;
	box-shadow: 0 2px 5px #e9eaea;
}

.sf-menu > li.megamenu > ul > li a.sub-heading > span {
	border-bottom: 1px solid #f6f6f6;
	display: block;
	font-weight: bold;
	padding-bottom: 7px;
	font-family: poppins, sans-serif;
	font-size: 15px;
	
	position: unset;
}

.sf-menu >li.megamenu >ul>li a.sub-heading {
	color: #444444;
	font-weight: 700;
	text-transform: none;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
	text-align: left;
}

#sf-menu > ul > .megamenu li ul > li  a {
	padding: 8px 0;
}

.sf-menu .megamenu> ul> li > a {
	padding: 3px 15px 3px 15px;
}

.sf-menu >li.megamenu >ul>li .col-md-3 ul,
.sf-menu >li.megamenu >ul>li .col-md-4 ul {
	margin-top: 15px;
}

#sf-menu > ul > li ul > li > a:before {
	content: "\f105";
	font-family: FontAwesome;
	padding-right: 10px;
}

#sf-menu > ul > li ul > li > a {
	color: #1E90FF;
	display: block;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	text-transform: none;
	white-space: nowrap;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#sf-menu > ul > li ul > li > a:hover {
	color: #000;
}

/*****************************************  lavel 2 **************************************************************/
.sf-menu>li> ul,
.sfish-menu>.menu-animation > li>ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 2147483647;
	background-color: #fff;
	padding: 20px;
}

.sf-menu> ul> ul {
	top: 0;
	left: 100%;
}

.sfish-menu>.menu-animation > li,
.sfish-menu>.menu-animation > li>ul>li {
	position: relative;
	padding: 12px 15px;
	border-bottom: 1px solid #f6f6f6;
	width: 220px;
}

.sfish-menu>.menu-animation>li:last-child,
.sfish-menu>.menu-animation>li>ul>li:last-child {
	border-bottom: 0;
}

.sfish-menu>.menu-animation > li>ul {
	display: none;
}

.sfish-menu>.menu-animation > li:hover>ul {
	display: block;
	left: 193px;
	position: absolute;
	top: 0;
	padding: 0;
}

.sfish-menu>.menu-animation > li:hover,
.sfish-menu>.menu-animation > li>ul>li:hover {
	background-color: #1E90FF;
}

.sfish-menu>ul.menu-animation {
	padding: 20px;
	-moz-box-shadow: 0 2px 5px  #e9eaea;
	-webkit-box-shadow: 0 2px 5px  #e9eaea;
	-o-box-shadow: 0 2px 5px  #e9eaea;
	box-shadow: 0 2px 5px #e9eaea;
}

.sfish-menu>.menu-animation > li:hover> a,
.sfish-menu>.menu-animation > li>ul>li:hover>a {
	color: #ffffff !important;
}

.sf-menu ul a:hover {
	color: #1E90FF;
}

.sub-heading span:hover {
	color: #1E90FF;
}

.style-2 .header-menu {
	border-top: 1px solid #333;
}

.sf-menu li li:hover,
.sf-menu li li.sfHover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active {
	background-color: #ffffff;
}

.sf-menu li.megamenu p {
	margin-bottom: 10px;
}

.menubanner2-inner img {
	width: 100%;
}

.menubanner2 {
	float: left;
	padding: 30px 0 0;
	position: relative;
	margin-right: 17px;
}

a.menuban3 img {
	width: 100%;
	vertical-align: baseline;
}

/**********************************************  megamenu banner ****************************************************/
.menu-banner-media {
	float: left;
	padding-right: 10px;
	width: 100px;
}

.menu-banner-media > img {
	width: 100%;
}

h3.m-name {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}

.sf-menu li.megamenu p.m-details {
	color: #333;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.menu-banner-details a {
	margin-top: 12px;
}

.m-left-banner {
	float: left;
	margin-right: 2%;
	margin-top: 15px;
	width: 49%;
}

.menu-banner .m-left-banner:last-child {
	margin-right: 0;
}

.m-left-banner img {
	width: 100%;
}

.menu-toggle {
	display: none;
	height: 40px;
}

#cartmenu:hover .header-minicart.icon {
	background: #1E90FF;
}

div.minicart {
	position: absolute;
	right: 0;
}

.accordion {
	list-style-type: none;
	/* padding: 20px; */
	padding: 0 0 20px 0;
}

.accordion ul {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

.accordion ul ul {
	padding-left: 20px;
}

.accordion li {
	cursor: pointer;
	display: block;
	position: relative;
}

.accordion li.active> span.down-up:before {
	content: "\f068";
	font-family: FontAwesome;
	font-size: 12px;
}





.accordion span.down-up {
	color: #ffffff;
	padding: 0 4px 0 6px;
	position: absolute;
	right: 0;
	top: 8px;
	    background: #1E90FF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.accordion span.down-up:before {
	content: "\f067";
	font-family: FontAwesome;
	font-size: 12px;
}

.accordion a:hover {
	color: #444444;
}

.accordion a {
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 500;
	/* padding: 8px 0; */
	    padding: 8px 24px 8px 0;
	text-align: left;
	text-decoration: none;
	
}

.accordion li:hover> a,
.accordion li:hover> span {
	color: #1E90FF;
}

.accordion ul a {
	/* padding: 7px 0 7px 15px; */
	padding: 7px 24px 7px 24px;
}

.accordion ul li a::before {
	/* background: #333; */
	content: "";
	/* display: inline-block; */
	/* height: 5px; */
	/* margin-right: 8px; */
	/* transform: rotate(45deg); */
	width: 8px;
	height: 16px;

	    position: absolute;
    z-index: 1;
    left: 10px;
    top: 8px;
	display: block;
	/* padding: 4px 0 4px 20px; */
	background: url('../layout/nuta.png') 0 0 no-repeat;
}

.accordion ul ul li a::before {
	background: url('../layout/nuta2.png') 0 0 no-repeat;
}

/* .accordion li:hover> a:before,
.accordion li:hover>a::before {
	background: #ff623f;
} */

.accordion ul>li>ul>li> a {
	padding: 7px 0 7px 25px;
}


.topNumber-css {
	background: #f5f5f5;
}

/* slider kategorie */
.slider-category {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 15px;
	list-style-type: none;
}
.slider-category li {
	font-size: 0;
	margin-bottom: 10px;
}

.slider-category li a,
.slider-category li a:visited {
	font-size: 20px;
	display: block;
	padding: 4px 15px;
    color: #fff;
	background-color: rgba(0, 0, 0, .3);
    border: solid 1px rgba(255, 255, 255, .08);
}
.slider-category li a:hover {
	color: #1e90ff;
	background-color: rgba(0, 0, 0, .8);
    border: solid 1px rgba(255, 255, 255, .1);
}


/*--------------------------------------------------Style-2---------------------------------------------------------*/
.style-2 .header-menu .nav-container {
	border: transparent;
}

.style-2 .header-menu .sf-menu > li {
	border-right: transparent;
}

.style-2 .header-menu .sf-menu > li a {
	color: #fff;
}

.style-2 .header-menu .sf-menu > li a:hover {
	color: #1E90FF;
}

/*-------------------------------------------Style-2--------------------------------------------------------*/

/*-----------------------------------------------Style-3--------------------------------------------------*/
.style-3 .header-menu {
	padding: 40px 0;
}

.style-3 .header-menu .nav-container {
	border: transparent;
}

.style-3 .header-menu .sf-menu > li {
	border-right: transparent;
}

.style-3 .header-menu .sf-menu > li a {
	color: #fff;
}

.style-3 .header-menu .sf-menu > li a:hover {
	color: #1E90FF;
}




.style-3 .header-menu .sf-menu > li a.shop-sub-link,
.style-3 .header-menu .sf-menu > li a.shop-sub-link:visited {
    color: #1E90FF;
    background-color: #fff;
    display: block;
    font-weight: 600;
    line-height: initial;
    text-align: left;
    text-transform: none;
    /* white-space: nowrap; */
    padding: 2px 10px;
    height: 44px;
    margin-bottom: 3px;
        display: flex;
    align-items: center;
    position: relative;
}

.style-3 .header-menu .sf-menu > li a.shop-sub-link::before {
	content: "";
	width: 100%;
	position: absolute;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #f6f6f6;
	display: block;
}


.style-3 .header-menu .sf-menu > li a.shop-sub-link:hover {
    color: #fff;
    background-color: #1E90FF;
}




/*-----------------------------------------------Style-3-----------------------------------------------------*/

/********************************************* mini manu  ****************************************************/

/********************************************* custom menu **************************************************/
.custom-block-title {
	border-bottom: 2px solid #1E90FF;
	color: #333;
	font-family: raleway;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	padding: 0 0 5px;
	
}

.custom-block-content .dsc {
	color: #333;
	line-height: 22px;
	margin: 0;
	padding: 20px 0 0;
	text-align: justify;
}

.custom-block-content .dsc > img {
	float: left;
	padding: 0 20px 0 0;
}

/******************************************** shopping cart  ********************************/
.shopping-cart .product-hadding {
	float: none;
	text-align: center;
	margin-bottom: 30px;
}

.shopping-cart table {
	border: 1px solid #e8e8e8;
	width: 100%;
}

.cart-item-image {
	height: 60px;
}

.section-cart-product .table > tbody > tr > td {
	vertical-align: middle;
}

/********************************cart table*************************************/
.data-table {
	width: 100%;
	background: #fff;
	border: 1px solid #f2f2f2;
}

.data-table td,
.data-table th {
	padding: 10px;
	vertical-align: text-top;
}

.data-table th {
	font-weight: normal;
	padding: 15px 10px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

.data-table thead th,
.data-table tbody td {
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
}

.data-table tfoot td {
}

.data-table tbody td .item-options {
	margin-left: 20px;
	margin-top: 10px;
}

.data-table tbody td .item-options dt:after {
	content: ':';
}

.data-table tbody tr {
	border-bottom: 1px solid #f2f2f2;
}

/*********************************qnt************************************/
.qty-area {
	position: absolute;
}

.qty-area .qty-decrease {
	background-color: #fff;
	border: medium none;
	height: 19px;
	width: 18px;
}

.qty-area .input-text.qty {
	border: 1px solid #e8e8e8;
	height: 40px;
	margin-left: 10px;
	position: relative;
	text-align: center;
	width: 60px;
}

.qty-area .qty-increase {
	background-color: #e8e8e8;
	border: medium none;
	display: block;
	height: 19px;
	width: 18px;
}

.qty-area .qty-arrows {
	border: 1px solid #e8e8e8;
	display: inline;
	left: 10px;
	position: absolute;
}

.qty-area .qty-decrease {
	border: medium none;
	height: 19px;
	width: 18px;
	background-color: #fff
}

.qty-area .input-content {
	display: inline;
	margin-left: 0;
	margin-right: 15px;
	overflow: hidden;
}

.qty-area .input-content > label {
	display: inline;
	float: left;
	font-weight: 400;
	margin-top: 10px;
}

.qty-area .input-content .box-qty {
	display: inline;
}

.shopping-cart .input-group-btn > button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	display: block;
	transition: all 0.4s ease 0s;
}

.shopping-cart .input-group-btn > button:hover {
	color: #1E90FF;
}

/**button***/
.shopping-cart .btn-button {
	border-radius: 20px;
	text-transform: uppercase;
}

.btn.btn-button.checkout {
	border-radius: 0;
}

.shopping-cart .btn-button.blue-bg:hover {
	background-color: #171717
}

.shopping-cart .buttons {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	overflow: hidden;
	padding: 10px;
}

.float-right {
	float: right;
}

/***estimate****/
.estimate-ship-tax button.btn-button:hover {
	background-color: #1E90FF;
	color: #fff;
}

.estimate-ship-tax {
	margin-top: 78px;
}

.estimate-title {
	font-size: 16px;
	font-weight: bold;
	
}

/***end estimate****/

/***discount code***/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #ddd;
	line-height: 1.42857;
	padding: 20px;
	vertical-align: top;
}

.estimate-title-area > p {
	font-family: roboto;
	font-size: 14px;
	font-weight: normal;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 0
}

/**total***/
.cart-sub-total,
.cart-grand-total {
	font-weight: 500;
}

.checkout {
	padding: 20px;
}

/************************************* product details *******************************/

/***view image***/
.product-img-box .product-view-img {
	border: 1px solid #e8e8e8;
	position: relative;
	margin: 0;
	overflow: hidden;
}

.product-view-img > img {
	width: 100%;
}

.zoomWrapper > img {
	width: 100% !important;
}

.product-img-box .icon {
	background-color: #1E90FF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	bottom: 20px;
	color: #fff;
	height: 45px;
	padding: 11px 16px;
	position: absolute;
	right: 20px;
	width: 45px;
	z-index: 1040;
	outline: none;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.product-img-box .icon:hover,
.product-img-box .icon:focus,
.product-img-box .icon:active {
	background-color: #171717;
	text-decoration: none;
}

.more-views img {
	border: 1px solid #e8e8e8;
}

.colorbox a:hover,
.colorbox a:focus,
.colorbox a:active {
	outline: none;
	border: transparent;
}

/***mini product***/
.more-views li {
	display: inline;
	margin-left: 0;
	margin-right: 6px;
}

.more-views {
	padding: 15px 20px 0;
	position: relative;
}

.more-views .owl-prev,
.more-views .owl-next {
	border: transparent;
	border-radius: 100%;
	font-size: 0;
	height: 36px;
	padding: 6px 12px;
	position: absolute;
	right: -30px;
	text-align: center;
	top: 35px;
	transition: all 0.4s ease 0s;
	width: 36px;
}

.more-views .owl-prev {
	padding: 5px 10px;
	left: -30px;
}

.zoomContainer {
	z-index: 500;
}

.product-view-img .icon::after {
	content: "";
}

.more-views .owl-nav {
	display: block;
	margin-left: 0;
	position: unset;
	text-align: center;
	top: 0;
}

/***product content***/
.product-shop .products-name {
	padding-bottom: 10px;
}

.products-name h2 {
	border-bottom: 1px solid #333;
	display: inline-block;
	font-family: raleway;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	
}

.product-shop .rating {
	display: inline-block;
}

.product-shop .ratting-box .product-review {
	display: inline-block;
	float: none;
}

.product-shop .product-price .old-price {
	display: inline-block;
	float: none;
	font-size: 18px;
	padding-right: 10px;
	text-decoration: line-through;
}

.product-shop .new-price {
	color: #1E90FF;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}

.product-shop .product-price {
	padding: 15px 0;
}

.list-unstyled > li {
	line-height: 2;
	
}

.list-unstyled .editable.instock {
	color: #1E90FF;
	font-weight: bold;
	text-transform: uppercase;
}

.product-discription-title {
	font-family: Raleway;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

/** add to cart***/
.product-shop button.btn-button {
	
}

/**qty***/
.add-to-cart .input-text.qty {
	border: 1px solid #e8e8e8;
	height: 40px;
	margin-left: 10px;
	position: relative;
	text-align: center;
	width: 60px;
}

.add-to-cart .qty-increase {
	background-color: #e8e8e8;
	border: medium none;
	display: block;
	height: 18px;
	width: 18px;
}

.add-to-cart .qty-arrows {
	border: 1px solid #e8e8e8;
	display: inline;
	left: 50px;
	position: absolute;
}

.add-to-cart .qty-decrease {
	border: medium none;
	height: 21px;
	width: 18px;
	background-color: #fff
}

.add-to-cart .input-content {
	display: inline;
	margin-left: 0;
	margin-right: 15px;
	overflow: hidden;
}

.add-to-cart .input-content > label {
	display: inline;
	float: left;
	font-weight: 400;
	margin-top: 10px;
}

.add-to-cart .input-content .box-qty {
	display: inline;
}

.facekoob-url {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

/**product tab***/
.single-product-tab .nav.nav-tabs {
	background-color: #f6f6f6;
	border: medium none;
	padding: 5px 0;
}

.single-product-tab .tab-content {
	border: 1px solid #e8e8e8;
	padding: 20px;
	margin-top: -2px;
}

.single-product-tab .nav-tabs > li {
	border: transparent;
}

.single-product-tab .nav > li > a {
	border: transparent;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border: transparent;
	color: #1E90FF;
	transition: .4s;
	outline: none;
	background-color: transparent;
}

.single-product-description > p {
	color: #333333;
	line-height: 24px;
}

/***best sale product***/
.best-sale-category .category-details .category-img {
	width: auto;
}

.best-sale-category .category-details .product-content-inner {
	margin-top: 0;
}

.main-container .aside-category-banner-button {
	left: 33px;
}

.main {}
.main-inside {
	padding: 45px 0;
}


/* menu sklepowe */
.TiShopCategoriesTemplate {
	padding: 20px 0;
	border-top:solid 2px blue;
}

.product-nav {
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-type: none;
}
.product-nav>li {
	margin-bottom: 4px;
}
.product-nav>li>a,
.product-nav>li>a:visited {
	padding: 5px 10px;
	display: block;
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	border-left: solid 2px #1E90FF;
	border-right: solid 1px #efefef;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out;	
}
.product-nav>li>a:hover {
	border-color: #1E90FF;
	background: #1E90FF;
    color: #ffffff;
}




.product-nav>li>ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 10px 0 0 8px;
}

.product-nav>li>ul>li {
	margin-bottom: 4px;
	border-bottom: 1px solid #e4e4e4;
}
.product-nav>li>ul>li:last-child {
	border-bottom: 0;
}
.product-nav>li>ul>li>a,
.product-nav>li>ul>li>a:visited {
	display: block;
	padding: 4px 0 4px 20px;
	background: url('../layout/nuta.png') 5px 50% no-repeat;
	
}
.product-nav>li>ul>li>a:hover {
	text-decoration: none;
	color: #1E90FF;
}






.product-nav>li>ul>li>ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 8px;
}

.product-nav>li>ul>li>ul>li {
	margin-bottom: 4px;
	border-bottom: 1px solid #e4e4e4;
}
.product-nav>li>ul>li>ul>li:last-child {
	border-bottom: 0;
}
.product-nav>li>ul>li>ul>li>a,
.product-nav>li>ul>li>ul>li>a:visited {
	display: block;
	padding: 4px 0 4px 20px;
	background: url('../layout/nuta2.png') 5px 50% no-repeat;
	
}
.product-nav>li>ul>li>ul>li>a:hover {
	text-decoration: none;
	color: #1E90FF;
}



.product-nav>li>ul>li>ul>li>ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 8px;
}

.product-nav>li>ul>li>ul>li>ul>li {
	margin-bottom: 4px;
	border-bottom: 1px solid #e4e4e4;
}
.product-nav>li>ul>li>ul>li>ul>li:last-child {
	border-bottom: 0;
}
.product-nav>li>ul>li>ul>li>ul>li>a,
.product-nav>li>ul>li>ul>li>ul>li>a:visited {
	display: block;
	padding: 4px 0 4px 20px;
	background: url('../layout/nuta.png') 5px 50% no-repeat;
	
}
.product-nav>li>ul>li>ul>li>ul>li>a:hover {
	text-decoration: none;
	color: #1E90FF;
}



.product-nav li.active>a {
	font-weight: 700;
}

/* / menu sklepowe */

.sel-menu {
	border-right: solid 1px #1E90FF;
}
.sel-hadding {
	font-family: Poppins;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 30px;
	position: relative;
	
}

.sel-hadding::after {
	background-color: #1E90FF;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 20px;
}

.nav-left {margin: 0 0; padding: 50px 0; list-style-type: none;}
.nav-left.left-sel {padding: 0 0 50px 0;}
.nav-left li {margin: 0 0; padding: 0 0; display: block;}
.nav-left li a {display: block; color: #333333; font-size: 15px; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; padding: 5px 0;}
.nav-left li a:hover {text-decoration: none; color: #1E90FF;}
.nav-left li.nav-left-select a {color: #1E90FF;}




/************************************** category **********************************/

/**title**/
.vmmenu-title > span {
	margin-left: 10px;
	
}

.style-3 .vmmenu-title {
	height: 54px;
	padding: 15px;
}

.vmmenu-title {
	/* border-bottom: 1px solid #f6f6f6; */
	border: 1px solid #f6f6f6;
	font-size: 18px;
	font-weight: bold;
	height: 45px;
	padding: 10px 15px;
}

.nav_inner {
	/* border: 1px solid #f7f7f7; */
}

/**category**/
.sf-vartical-menu>li {
	display: block;
	position: relative;
	margin-right: 0;
}

.sf-vartical-menu>li >a {
	float: none;
	color: #414141;
}

.sf-vartical-menu>li >a >.fa {
	padding-right: 7px;
}

ul.sf-vartical-menu>li > a {
	padding: 10px 20px 9px;
}

ul.sf-vartical-menu>li:hover {
	background: transparent;
}

ul.sf-vartical-menu>li:hover >a {
	color: #ff623f;
}

ul.sf-vartical-menu > li > ul,
ul.sf-vartical-menu > li > ul>li>ul {
	left: 100%;
	top: 0;
	-moz-box-shadow: 0 2px 5px  #e9eaea;
	-webkit-box-shadow: 0 2px 5px  #e9eaea;
	-o-box-shadow: 0 2px 5px  #e9eaea;
	box-shadow: 0 2px 5px #e9eaea;
	position: absolute;
	display: none;
	background-color: #fff;
	padding: 15px;
	min-width: 150px;
	z-index: 999999;
}

ul.sf-vartical-menu > li>ul>li,
ul.sf-vartical-menu > li>ul>li>ul>li {
	padding: 8px 0;
	position: relative;
}

ul.sf-vartical-menu > li>ul>li,
.sf-vartical-menu > li>ul>li>ul>li>a {
	color: #414141;
	display: block;
	font-weight: 500;
	line-height: 20px;
	
}

.category-list-inner ul .lable1:hover .child,
.child .lable1:hover .child1 {
	display: block;
	z-index: 1;
}

.van_inner .more {
	color: #fff;
}

.more {
	border-top: 1px solid #f6f6f6;
	color: #fff;
	padding: 12px 18px;
}

.style-3 .more {
	color: #fff;
	padding: 23px 18px;
}

.more a > span {
	margin-left: 8px;
}

/***style-3***/
.style-3 .category-list .category-list-inner ul li a {
	font-size: 14px;
	
	color: #999999;
}
.style-3 .category-list .category-list-inner ul li a:hover {
	color: #000000;
}
.style-3 .category-list .category-list-inner ul li ul a {
	padding-right: 24px;
}




.left-column  h2.product-hadding {
	font-size: 18px;
	margin: 0;
}

/******************************************* listing grid ************************************************************/
.category-big-banner-box {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: right bottom;
}

.sub-cat-title {
	color: #1E90FF;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.8em;
	text-transform: uppercase;
}

.product-compare {
	border-bottom: 1px solid #f6f6f6;
}

.product-tag {
	padding-bottom: 30px;
}

.category-big-banner-content {
	padding-left: 40px;
	padding-top: 38px;
	/* position: absolute; */
	/* top: 0; */
	max-width: 540px;
}

.category-big-banner-img > img {
	width: 100%;
}

.category-title {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	/*color: #ffffff;*/
	color: #1e90ff;
}

.category-big-banner-detials {
	padding: 15px 0;
	line-height: 24px;
	/* color: #ffffff; */
}
.category-big-banner-detials p {
	/* color: #ffffff; */
}

.category-big-banner-detials blockquote {
	border: 0;
	padding: 10px 0;
}

.category-big-banner-detials table {
	border: 0;
}


.category-big-banner-content i {
	margin-left: 0;
	margin-right: 5px;
}

/**short by**/
.shop-sorting ul li {
	display: inline-block;
}

.shop-sorting ul > li > a {
	border: 1px solid #e8e8e8;
	display: block;
	height: 29px;
	padding-top: 3px;
	text-align: center;
	width: 29px;
}

.shop-sorting ul > li > a:hover {
	background-color: #171717;
	color: #fff;
}

.view-mode > span a,
.view-mode span,
.view-mode > label {
	display: none;
}

.sorter .view-mode,
.sorter .sort-by,
.sorter .limiter {
	float: left;
	margin-left: 0;
	margin-right: 15px;
}

.toolbar .view-mode > a {
	border: 1px solid #e8e8e8;
	float: left;
	height: 30px;
	line-height: 2;
	margin-left: 0;
	text-align: center;
	width: 30px;
	cursor: pointer;
}

.view-mode > a:hover,
.view-mode > a.active {
	    background-color: #1e90ff;
    border: 1px solid #1679da;
	color: #fff;
}

.view-mode {
	margin: 0;
}

.toolbar {
	overflow: hidden;
}

.select.selector1 {
	border: 1px solid #e8e8e8;
	height: 30px;
	padding: 0 6px;
	margin: 0 0;
}

.sorter .limiter span {
	color: #999999;
}

/**list view**/

/**product img**/
.view-lists {
	display: none
}

.list-product-content {
	margin: 20px 0;
}

.list-product-img > img {
	width: 100%;
}

.list-product-img {
	border: 1px solid #e8e8e8;
	text-align: center;
}


@media (max-width: 767px) {
	.list-product-img {
		width: 260px;
		height: 260px;
		margin: 0 auto;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.list-product-img {
		width: 140px;
		height: 140px;
		margin: 0 auto;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.list-product-img {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.list-product-img {
		width: 260px;
		height: 260px;
		margin: 0 auto;
	}
}

.list-product-img .img-thumb {
	max-height: 100%;
}







/**product img**/
.product-lint-name > a {
	font-size: 18px;
	font-weight: bold;
}

.list-product-content .rating {
	float: left;
}

.list-product-content .ratting-box .product-review {
	float: left;
	margin-top: 8px;
}

.ratting-box .product-review li {
	display: inline;
	margin: 0 5px;
}

.list-product-content .product-price {
	overflow: hidden;
}

.list-product-content .ratting-box {
	margin-bottom: 6px;
	overflow: hidden;
}

.list-product-content .new-price {
	color: #1E90FF;
	float: left;
	font-weight: bold;
}

.list-product-content .old-price {
	float: left;
	font-weight: bold;
	margin: 0 5px;
	text-decoration: line-through;
}

.product-discription {
	margin: 20px 0;
}

.border {
	border: 2px solid #e8e8e8;
	border-radius: 0 !important;
}

.border:hover {
	border: 2px solid #1E90FF;
}

.add-to-cart a.btn-button {
	height: 44px;
	line-height: 2;
	margin-left: 0;
	margin-right: 10px;
	padding: 5px;
	width: 44px;
}

.add-to-cart button.btn-button {
	border-radius: 100px;
	height: 44px;
	margin-left: 0;
	margin-right: 10px;
	width: 144px;
}

.add-to-cart a.btn.btn-button.violet-bg.white {
	border-radius: 100px;
	height: 44px;
	margin-left: 0;
	margin-right: 10px;
	width: 144px;
}

.add-to-cart button i {
	margin: 0 5px;
}

.add-to-cart button.btn-button:hover {
	background-color: #333;
	color: #fff;
}

/**end list view**/

/**pager**/
.pager.pager-area {
	display: block;
	margin: 0;
	overflow: hidden;
}

.pager.pager-area .amount {
	display: none;
	float: left;
	margin: 0;
	overflow: hidden;
	text-align: left;
}

.pagination.pages {
	margin: 0;
}

.pager.pager-area .pagination {
	float: right;
	margin: 0;
}

.pager.pager-area li > a,
.pager li > span {
	border: 1px solid #808080;
	border-radius: 0;
	height: 30px;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	padding: 4px 0;
	transition: all 0.4s ease 0s;
	width: 30px;
}

.pager.pager-area li > a:hover,
.pager li > span:hover {
	background-color: #1E90FF;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	background-color: #949494;
	border-radius: 0;
	color: #fff;
	transition: all 0.4s ease 0s;
}

.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover {
	background-color: #1E90FF;
	border-radius: 0;
	color: #fff;
	transition: all 0.4s ease 0s;
	border-color: #1679da;
}

.pagination.pages .current > span {
	background: #1E90FF;
	float: left;
	color: #ffffff;
	border-color: #1679da;
}



/**catalog area**/

/**price**/
.catalog-area {
	overflow: hidden;
}

.catalog-area .product-hadding {
	float: none;
}

/* ui-content slider  */
#slider-range {
	background-color: #171717;
	border: none;
	background-image: none;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-slider-horizontal {
	height: 7px;
}

#slider-range .ui-widget-header {
	background-color: #1E90FF;
	background-image: none;
}

#slider-range .ui-slider-handle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-image: none;
	background-color: #1E90FF;
	border: transparent;
}

.ui-widget-content .ui-state-default::before {
	background-color: #fff;
	content: "";
	display: block;
	height: 6px;
	margin-left: 6px;
	margin-top: 5px;
	transform: rotate(45deg);
	width: 6px;
}

.TiCMS_NestedTabForm .ui-tabs-tab::before {
	display: none;
}

.TiCMS_NestedTabForm .ui-widget.ui-widget-content {
    background: #f5f5f5 none repeat scroll 0 0;
}

.formDescription {
	vertical-align: middle;
}


#amount {
	background: transparent none repeat scroll 0 0;
	color: #333;
	cursor: not-allowed;
	display: inline-block;
	margin-top: 10px;
	text-align: center;
	width: 72%;
}

/**size**/
.size-box li {
	display: inline;
	margin-left: 0;
	margin-right: 10px;
}

.size-box li a span {
	border: 1px solid #e2e2e2;
	display: inline-block;
	padding: 5px 9px;
	text-align: center;
	text-transform: uppercase;
}

.size-box li a span:hover {
	background-color: #ff623f;
	color: #fff;
}

.shop-page {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	display: inline;
}
.shop-page ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	display: inline;
}


.shop-page li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;	
}

.catalog-title {
	font-weight: bold;
	margin: 20px 0;
	
}

.color-box ul li a span {
	border-radius: 100%;
	display: inline-block;
	height: 20px;
	margin-right: 10px;
	margin-top: 8px;
	width: 20px;
}

.color-box ul > li > a span.white-color {
	border: 1px solid #1E90FF;
}

.color-box li {
	display: block;
}

.catalog-area .catalog-box {
	padding: 0 11px;
}

/**aside category banner**/
.aside-category-banner-img > img {
	width: 100%;
}

.aside-category-banner a.btn-button:hover {
	background-color: #171717;
	color: #fff;
}

.aside-category-banner-inner {
	position: relative;
}

.aside-category-banner-button {
	bottom: 30px;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* select menu */
.ui-selectmenu-button.ui-button {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	text-align: left;
	white-space: nowrap;
	width: 14em;
	color: #333;
	
}

.ui-selectmenu-menu .ui-menu {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-top: transparent;
	z-index: 99999;
	color: #333;
	
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper:hover,
.ui-button.ui-state-active:hover,
.ui-selectmenu-menu  .ui-widget-content .ui-state-active {
	background: #1E90FF;
	border: 1px solid #1E90FF;
	color: #fff;
}

.ui-selectmenu-menu {
	z-index: 2147483647;
}

/* list prodctu */
ol.list-product {
	margin: 0;
	padding: 0;
}

ol.list-product li {
	margin-top: 5px; /*30*/
}

/******************************************************************** checckout ********************************/
.checkout-area .panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: transparent;
}

.panel-title i {
	display: none;
}

.panel-title a {
	font-weight: 900;
	outline: medium none;
	text-decoration: none;
}

.checkout-box .select-text {
	padding-top: 30px;
}

.select-register-text {
	font-weight: bold;
	
}

.checkout-box .radio span {
	margin-left: 10px;
	margin-right: 0;
	
	color: #1E90FF;
	font-weight: bold;
}

.checkout-box ul  li {
	list-style: inside;
}

.checkout-box ul li span {
	
}

.panel-default > .panel-heading {
	background-color: transparent;
	border: medium none;
	color: #2e2e2e;
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
}

.panel-title > span {
	margin-left: 0;
	margin-right: 15px;
}

.accordion-toggle > span {
	background-color: #333;
	border-radius: 24px;
	color: #fff;
	display: inline-block;
	height: 25px;
	margin-left: 0;
	margin-right: 15px;
	padding: 4px 7px;
	width: 25px;
}

.panel-title {
	text-transform: uppercase;
}

.panel-default {
	border-color: transparent;
}

.panel-heading:hover,
.panel-heading.active {
	background-color: transparent;
	border-color: transparent;
	color: #1E90FF;
	font-weight: 900;
}

.panel-heading {
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 15px 15px;
}

.accordion-toggle:hover {
	color: #1E90FF;
}

/********************************* order history ***************************************/
.oder-history .btn-button.blue-bg:hover {
	background-color: #171717;
}

.oder-history  .product-hadding {
	float: none;
	margin-bottom: 30px;
	text-align: center;
}

/************************* newsletter ********************************/
.subscribe {
	margin: 0 12px 0 0;
	
}

/************************ myaccount **************************/
.account-area li {
	line-height: 35px;
	list-style: inside none disc;
}

.account-page .account-area li {
	line-height: 29px;
}

.account-page .account-area {
	padding-bottom: 20px;
}

.account-area li {
	line-height: 24px;
}

/************************ login ************************/
.new-user-inner {
	border: 1px solid #e8e8e8;
	min-height: 412px;
}

.new-user-content {
	padding: 30px 70px 30px 30px;
}

.new-user-content > p {
	margin-top: 30px;
}

.new-user-box .button-set {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	margin-top: 0;
	padding: 6px 26px 6px 6px;
	overflow: hidden;
}

.new-user-box .button-set .btn-button {
	padding: 10px;
}

/*********************************** contact us *******************************/
.contact-map {
	text-align: center;
}

.contact-map p {
	line-height: 24px;
}

.contact-map > img {
	width: 100%;
}

/**icon**/
.contact-us-box .icons {
	font-size: 32px;
}

.contact-details .icon {
	border-radius: 100%;
	box-shadow: 1px 3px 4px 1px #c5c5c5;
	height: 42px;
	padding: 14px 13px;
	width: 42px;
}

.contact-details .icon:hover {
	background-color: #ff623f;
	color: #fff;
}

.contact-us-box > span {
	display: block;
	margin: 20px 0;
}

.contact-us-box {
	text-align: center;
}

.contact-us-box strong {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.contact-us-box ul li span {
	margin: 0 6px;
	
}

.contact-us-box li {
	line-height: 2;
}

/**contact form**/
.contact-form .comment-respond {
	margin: 0 auto;
}

.contact-box .contact-form .form-control {
	border: 1px solid #f6f6f6;
}

.contact-us-area .contact-form {
	margin-bottom: 30px;
	margin-top: 30px;
}

.main-office .title {
	font-family: open sans;
	font-size: 18px;
	font-weight: 600;
	padding: 13px;
	text-align: center;
}

.main-office {
	background-color: #fff;
	position: absolute;
	text-align: left;
	top: 30px;
	left: 30px;
}

.contact-map {
	position: relative;
}

.main-office-inner {
	padding: 17px;
}

.main-office-inner h5 span {
	color: #1E90FF;
	display: block;
	font-weight: normal;
	margin: 8px 0;
}

.main-office-inner ul li span {
	font-size: 16px;
	margin-right: 6px;
}

.main-office-inner > ul > li {
	line-height: 30px;
}

.main-office-inner .des {
	margin: 11px 0;
}

.main-office-inner h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 11px 0;
	
}

/************************* 404 ***********************/
.error-page {
	padding: 100px 0;
	text-align: center;
}

h3.error {
	color: #1E90FF;
	font-size: 157px;
	font-weight: bold;
}

.error-page h2 {
	font-size: 18px;
	text-transform: uppercase;
}

.error-page h2 i {
	color: #ff623f;
}

.error-page .button-set {
	margin-bottom: 45px;
}

/*********************** about us css *********************************/
.about-area {
	margin: 0 auto;
	overflow: hidden;
}

.about-banner {
	margin: 0 auto;
	max-width: 770px;
}

.about-banner > p {
	text-align: center;
	margin-top: 30px;
}

.about-testimonial .testi-img {
	height: 90px;
	margin: 0 auto;
	width: 90px;
}

.about-testimonial .item-inner {
	margin-top: 30px;
}

.about-testimonial .testi-title > span {
	color: #999;
	font-size: 16px;
	font-weight: bold;
}

.about-testimonial .testi-title {
	margin-top: 20px;
}

.about-box .category-big-banner-content {
	padding: 95px;
	position: absolute;
	top: 0;
	width: auto;
}

.about-box .arow-icon-box {
	cursor: pointer;
	float: none;
}

.about-box .arow-right {
	position: absolute;
	right: 0;
	top: 100px;
}

/***our team***/
.our-team .item-box {
	border: 1px solid #f6f6f6;
	margin-top: 50px;
	padding: 44px 4px;
	position: relative;
	text-align: center;
}

.our-team-img {
	height: 60px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -33px;
	width: 60px;
	z-index: 9999999;
}

.our-team-img > img {
	border: 1px solid #f9f9f9;
	border-radius: 100%;
}

.our-social-media li {
	display: inline;
	margin: 4px;
}

.our-social-media a {
}

.our-team .testi-title {
	margin: 0;
}

.our-team-details {
	width: 200px;
}

.our-team .sub-title {
	margin-bottom: 10px;
	border: medium none transparent;
	color: #999;
	font-weight: normal;
	margin-bottom: 10px;
	
}

/***social***/
.our-social-media ul li a span {
	border-radius: 100%;
	box-shadow: 0 2px 5px 1px #c9c9c9;
	height: 30px;
	padding: 8px;
	width: 30px;
}

.our-social-media ul li a.facebook {
	color: #45619d;
}

.our-social-media ul li a.twitter {
	color: #55acee;
}

.our-social-media ul li a.google {
	color: #cf4539;
}

/***hover***/
.our-social-media ul li a.facebook span:hover {
	background-color: #45619d;
	color: #fff;
}

.our-social-media ul li a.twitter span:hover {
	background-color: #55acee;
	color: #fff;
}

.our-social-media ul li a.google span:hover {
	background-color: #cf4539;
	color: #fff;
}

.our-social-media {
	padding: 20px 0;
}

/***arow icon***/
.our-team .arow-right.left {
	left: 0;
	position: absolute;
	top: 100px;
}

.arow-right {
	position: absolute;
	top: 100px;
}

/*************************account infomation *******************************/
.account-form {
	border: 1px solid #f2f2f2;
	padding: 20px;
}

.title-box {
	margin-bottom: 20px;
}

.account-form-box .form-group input {
	border: 1px solid #f2f2f2;
	box-shadow: none;
}

/***account list ***/
.account-item {
	line-height: 32px;
}

li.account-item a span {
	margin-left: 0;
	margin-right: 6px;
}

.account-item > a {
	
}

.account-item > a:hover {
	margin-left: 5px;
}



/******************************************* blog ***************************************/
.recent-media .product-name > a {
	color: #333;
	font-size: 13px;
	font-weight: 600;
}

.left-recent-post .product-name a:hover {
	color: #e7a0a0;
}

.blog-content {
	text-align: center;
}

.post-meta > li {
	display: inline;
	display: inline;
	font-size: 13px;
	font-style: normal;
	margin: 0 3px;
}

.post-content {
	margin-bottom: 20px;
	margin-top: 10px;
}

.all-blog-area .blog-name {
	margin-top: 15px;
	width: auto;
}

.all-blog-area .post-dae {
	background-color: #fff;
	border: 2px solid #1E90FF;
	border-radius: 21px;
	color: #1E90FF;
	float: left;
	font-weight: 600;
	margin-left: -50px;
	padding: 6px 15px;
}

.all-blog-area .blog-contant .btn-button {
	padding: 6px;
}

.all-blog-area .blog-contant .btn-button:focus {
	color: #1E90FF;
}

.all-blog-area .blog-contant .btn-button:hover {
	background-color: transparent;
	color: #1E90FF
}

.all-blog-area .blog-contant .btn-button::after {
	content: "\e052";
	font-family: icomoon;
}

.all-blog-area .col-blog {
	margin-left: -14px;
}

.all-blog-area .blog-image > img {
	width: 100%;
}

.all-blog-area .latest-blog .post-date {
	right: 49px;
	top: 227px;
}

.all-blog-list .blog-image {
	margin-right: 15px;
}

.all-blog-area .single-blog {
	border: transparent;
	margin-top: 0;
	overflow: hidden;
	padding-bottom: 30px;
	width: auto;
}

.all-blog-area .single-blog .post-meta {
}

.post-detail p {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	padding: 0;
}

.post-meta a {
	margin: 3px;
}

a.read-more {
	border: 2px solid #171717;
	padding: 10px 16px;
	transition: .4s
}

a.read-more span {
	margin: 5px;
}

a.read-more:hover {
	border: 2px solid #e7a0a0;
}

.post-meta > li:hover {
	color: #e7a0a0;
}

.blog-details .product-name > a {
	color: #171717;
}

.blog-comment-box .hadding > span {
	margin: 0 8px;
}

.blog-details .product-name > a:hover {
	color: #e7a0a0;
}

.all-blog-list .post-detail p {
	height: 77px;
	overflow: hidden;
}

/************************************* blog details ****************************/
.hadding-title {
	font-family: raleway;
	font-size: 18px;
	font-weight: bold;
}

.blog-long-img > img {
	width: 100%;
}

.blog-details .blog-content {
	margin-top: 30px;
	text-align: left;
}

.blog-details .post-detail.margin-buttom-product > p {
	padding-left: 0;
}

/**comment**/
.comment-img {
	float: left;
	margin-left: 0;
	margin-right: 15px;
}

.comment-img > img {
	border-radius: 100%;
}

.blog-comment-box .comment-time span {
	color: #999;
	margin: 4px 0;
}

.comments .post-meta > p {
	color: #333;
	font-size: 14px;
	margin: 15px 0;
}

.comments .post-meta li {
	display: inline;
}

.comments .media-content .post-meta ul li a span {
	color: #999;
}

.comments .media-content .post-meta ul li:hover a span {
	color: #1E90FF;
}

.cliet-comment {
	margin-bottom: 30px;
	margin-left: 100px;
	margin-top: 30px;
}

/***comment form***/
.comment-respond-inner input,
.comment-respond-inner textarea {
	border: 1px solid #e8e8e8;
}

.comment-respond-inner input {
	height: 40px
}

.comment-form-comment {
	margin-top: 10px;
}

.comment-respond-inner button.submit-btn {
	background-color: #171717;
	color: #fff;
	padding: 9px 18px;
	text-transform: uppercase;
}

.comment-respond-inner button.submit-btn:hover {
	background-color: #1E90FF;
	color: #fff;
}

/************************************* left blog **********************************/
.left-blog-search-box {
	position: relative;
}

.blog-search-input {
	border-radius: 0;
	height: 40px;
	position: relative;
	border: 1px solid #e8e8e8;
	padding: 0 50px 0 10px;
}

.submit-btn.blog-search {
	background-color: #171717;
	bottom: 0;
	color: #fff;
	display: block;
	height: 40px;
	padding: 9px;
	position: absolute;
	right: 0;
	width: 50px;
}

.submit-btn.blog-search:hover {
	background-color: #ff623f;
}

.left-blog-search .product-hadding {
	float: none;
	margin-bottom: 20px;
}

/***resent post***/
.resent-media-img {
	border: 2px solid #e8e8e8;
	float: left;
	margin-left: 0;
	margin-right: 17px;
}

.resent-media-img img {
	width: 100%;
}

.media-content .post-meta li {
	color: #999;
	font-size: 13px;
	line-height: 1.5;
}

.media-content .post-meta a {
	color: #999;
}

.media-content .post-meta a:hover {
	color: #ff623f
}

.media-content span {
	color: #171717;
	margin-left: 0;
	margin-right: 5px;
	font-style: normal;
}

.media-content {
	overflow: hidden;
}

.recent-media {
	margin-bottom: 20px;
	overflow: hidden;
}

.left-recent-post .hadding {
	margin-bottom: 30px;
}

/***recent comment***/
.post-meta > p {
	color: #999;
	font-size: 13px;
	margin: 2px 0;
}

/**blog right**/
.blog-right-area .blog-img {
	background-color: #fff;
	box-shadow: 0 2px 6px 4px #eaeaea;
	padding: 10px;
}

.blog-right-area .post-detail > p {
	padding: 0;
}

.blog-right-area .blog-content-inner {
	padding-top: 20px;
}

.blog-right-area .post-content {
	margin-bottom: 10px;
	margin-top: 5px;
}

.blog-right-area {
	margin-bottom: 20px;
}

.pager.pager-area.latest-blogs {
	margin-bottom: 39px;
	margin-top: 20px;
	overflow: hidden;
}

.pager.pager-area.latest-blogs .pagination.pages {
	float: none;
}

.all-blog-area .product-hadding {
	float: none;
	margin-bottom: 30px;
	text-align: center;
}

/******************  quickview **************/
.quickview {
	background-color: #2e2e2e;
	border-radius: 0 20px 0 0;
	-webkit-border-radius: 0 20px 0 0;
	-moz-border-radius: 0 20px 0 0;
	bottom: 34px;
	color: #fff;
	font-size: 16px;
	height: 40px;
	left: 0;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	width: 40px;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.single-item-inner:hover .quickview {
	opacity: 1;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
}

.new-banner-inner > img {
	height: 151px;
	width: 100%;
}

.category-list-inner i {
	display: none;
}

.cart-sub-total,
.cart-grand-total {
	font-weight: bold;
}

.inner-left-md {
	padding-left: 14px;
}

.style-2 .footer-info ul li a:hover {
	color: #1E90FF;
}

.footer-info ul li a:hover {
	margin-left: 5px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.margin10 {
	height: 10px;
	line-height: 0;
	font-size: 0;
}

.margin20 {
	height: 20px;
	line-height: 0;
	font-size: 0;
}

.margin30 {
	height: 30px;
	line-height: 0;
	font-size: 0;
}

.margin40 {
	height: 40px;
	line-height: 0;
	font-size: 0;
}

.margin50 {
	height: 50px;
	line-height: 0;
	font-size: 0;
}

.margin60 {
	height: 60px;
	line-height: 0;
	font-size: 0;
}

.margin70 {
	height: 70px;
	line-height: 0;
	font-size: 0;
}

.margin80 {
	height: 80px;
	line-height: 0;
	font-size: 0;
}

.img-thumb {
	border: 0;
	padding: 0 0;
	margin: 0;
	max-width: 100% !important;
}

.img-right {
	float: right;
	margin: 0 0 5px 15px;
}

.img-left {
	float: left;
	margin: 0 15px 5px 0;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-center-padding {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
}

.padding-top {
	padding-top: 30px;
}

.padding-bottom-none {
	padding-bottom: 0;
}

.selected {
	font-weight: 700;
}

.no-border {
	border: 0;
	padding: 10px 0 10px 0;
}

.clear {
	width: inherit;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

#templatePreview .edit-border,
.formSubtext .edit-border {
	border: dotted 1px #3A454B;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.article {
	padding: 0 0 20px 0;
}

.article h2 {
}

.article h6 {
	margin-bottom: 20px;
}

.article h6 hr {
	margin-bottom: 5px;
	margin-top: 0;
}

.article h6 span {
	font-weight: 700;
}

.article p {
}

.article a,
.article a:visited {
	text-decoration: underline;
}

.article a:hover {
	text-decoration: none;
}

.article b,
.article strong {
	font-weight: 700;
}

.article ul {
	padding: 10px 0 10px 50px;
}

.article ul li {
	list-style: disc;
}

.error-list {
	padding: 0 0 10px 0;
}
.error-list .red {
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-left: 0;
    list-style: none;
    color: #f31c1c;
    border: dotted 1px #e84444;
    background: #ffe3e3;
    font-weight: 700;
}

.article img {
	max-width: 100% !important;
}

.article-links {
	padding: 5px 10px;
}

.article-links a {
	text-decoration: none;
	background: #333 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 10px 15px;
    text-shadow: none;
    text-transform: uppercase;
}

.article-attach {
	padding: 5px 10px;
}

.article-attach a {
	text-decoration: none;
}

.attachemnt_loop {
	padding: 5px 10px;
	border: dotted 1px #e2e2e2;
	background: #fcfcfc;
	margin-top: 5px;
}

.attachemnt_loop h5 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #e2e2e2;
	font-size: 16px;
}

.attachemnt_loop p {
	padding: 3px 4px;
	font-size: 14px;
	border-bottom: solid 1px #e2e2e2;
	margin: 0 0 2px 0;
}

.attachemnt_loop p:last-child {
	border-bottom: none;
}

.attachemnt_loop p a {
	color: #436587;
	text-decoration: none;
	display: inline-block;
	padding: 0 20px 0 3px;
}

.attachemnt_loop p a:hover {
	text-decoration: underline;
}

.article .attachemnt_loop-gallery {
}

.article .attachemnt_loop-gallery .row div {
	list-style-type: none;
	text-align: center;
	padding-bottom: 20px;
}

.article .attachemnt_loop-gallery .row div img {
	margin-left: auto;
	margin-right: auto;
}

.article .attachemnt_loop-gallery .row div a {
}

.article-multi-pages {
}

.article-multi-pages a,
.article-multi-pages a:visited {
	color: #436587;
}

.article-multi-pages a:hover {
}

/* ================= COOKIE ================= */
#popup {
	display: none;
	background: #000000;
	position: fixed;
	z-index: 999999;
}

#popup p {
	text-align: left;
	margin: 0 0 0 0;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

#popup .btn.btn-green {
	background: #ffffff;
	border: 0;
	color: #1679da;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

#popup .btn.btn-green:hover {
	background: #1679da;
	color: #ffffff;
	border: 0;
	text-decoration: none;
}
.btn.product-list-to-cart,
.btn.product-list-to-cart:visited {
	color: #000;
    background-color: #dddddd;
    border-color: #dddddd;
    font-size: 13px;
    position: relative;
    z-index: 1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.btn.product-list-to-cart:hover {
	color: #fff;
    background-color: #1d6dbb;
    border-color: #1e90ff;
}


.btn.product-list-to-cart::after {
	background-color: #ffffff;
	border-radius: inherit;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}

.btn.product-list-to-cart:hover::after,
.btn.product-list-to-cart:focus::after,
.btn.product-list-to-cart:active::after {
	transition: all 0.5s ease 0s;
	height: 100%;
	background-color: #ffffff;
}

.btn.product-list-to-cart:hover,
.btn.product-list-to-cart:focus,
.btn.product-list-to-cart:active {
	color: #1e90ff;
}


/* klawisz powiązane 17.06.2019 */
.btn.product-page-url,
.btn.product-page-url:visited {
	border: 2px solid #e8e8e8;
    border-radius: 0 !important;
    padding: 4px 12px;
    margin-bottom: 7px;
    position: relative;
    z-index: 1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}


.btn.product-page-url::after {
	background-color: #ffffff;
	border-radius: inherit;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: -1;
}

.btn.product-page-url:hover::after,
.btn.product-page-url:focus::after,
.btn.product-page-url:active::after {
	transition: all 0.5s ease 0s;
	height: 100%;
	background-color: #1E90FF;
}

.btn.product-page-url:hover,
.btn.product-page-url:focus,
.btn.product-page-url:active {
	color: #fff;
}










.popup-btn {
	float: right;
	padding-bottom: 4px;
	padding-left: 4px;
}

.productBoxEdit {
}

.productBoxEdit img {
	width: initial !important;
	max-width: initial !important;
	display: inline-block !important;
}


.main-t-padding {
	padding: 50px 0 30px 0;
}
.article.article-news {
	paddiing-bottom: 30px;
}

.btn.btn-article-news,
.btn.btn-article-news:visited {
	background-color: #1E90FF;
	color: #fff;
	text-decoration: none;
}

.btn.btn-article-news:hover {
	background-color: #1a7dde;
}



@media (max-width:767px) {
	#popup {
		padding: 15px;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999999;
	}

	#popup p {
		padding: 0 100px 0 10px;
	}

	#go-top {
		bottom: 5px;
		right: 0;
	}

	#go-top a {
		width: 32px;
		height: 32px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: rgba(214, 0, 0, .8);
		font-size: 18px;
		line-height: 28px;
	}

}

@media (min-width:768px) {
	.mobile-container {
		display: none;
	}
}


/* sm */
@media (min-width:768px) and (max-width:991px) {
	#popup {
		padding: 15px;
		bottom: 20px;
		left: 10%;
		width: 80%;
		z-index: 999999;
	}

	#popup p {
		padding: 0 100px 0 10px;
	}

	.slider-category li {
   	 margin-bottom: 7px;
	}
	.slider-category li a {
    	font-size: 14px;
	}

}

/* md */
@media (min-width:992px) and (max-width:1199px) {
	#popup {
		padding: 15px;
		bottom: 20px;
		left: 10%;
		width: 80%;
		z-index: 999999;
	}

	#popup p {
		padding: 0 100px 0 10px;
	}

}

@media (min-width:1200px) {
	#popup {
		padding: 15px;
		bottom: 20px;
		left: 10%;
		width: 80%;
		z-index: 999999;
	}

	#popup p {
		padding: 0 100px 0 10px;
	}

}