/*--------------------------------------------------
Template Name: Indecor – Furniture eCommerce Bootstrap 4 Template;
Description: This is html5 template;
Template URI: https://hastech.company/;
Author Name: HasTech;
Author URI: https://hastech.company/;
Version: 1.0;
-----------------------------------------------------


    CSS INDEX
    ================

    
    1. Default CSS
        1.1 General
        1.2 Section title
        1.3 button
        1.4 Input
        1.5 social-icon
        1.6 Input
        1.7 scroll to top
        1.8 Basic margin padding
        1.9 Background variation set
    2. Header Area CSS
        2.1 Header Top Area CSS
        2.2 Deafult Headre Area CSS
    3. Slider Area CSS
    4. Feature Area CSS
    5. Banner Area CSS
    6. Our Collection Area CSS
    7. Product Area CSS
    8. Deal Product Area CSS
    9. List Product Area CSS
    10. About Area CSS
    11. Brand Area CSS
    12. Blog Area CSS
        12.1 Single Blog Page CSS
    13. Testimonial Area CSS
    14. Footer Area CSS
        14.1 Footer Top Area CSS
        14.2 Footer Bottom Area CSS
    15. Modal Area CSS
    16. Breadcrumb Area CSS
    17. Shop Page CSS
    18. Single Product Page CSS
    19. Wishlist Page CSS
    20. Cart Page CSS 
    21. Checkout Page CSS
    22. Login Register Page CSS
    23. My Account Page CSS
    24. FAQ Page CSS
    25. Compare Page CSS
    26. About Page CSS
    27. Contact Page CSS
    28. 404 Page CSS
    
        



/*************************
    General
*************************/
/*-----------------------------------------
    Google Font Montserrat
-------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	width: 100%;
	color: #343434;
}

.img {
	max-width: 100%;
}

.img-full img {
	width: 100%;
}

a,
button {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover {
	color: #FF7A5F;
	text-decoration: none;
}

a,
button,
input {
	outline: medium none;
	color: #434343;
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #343434;
	margin-top: 0px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 36px;
	font-weight: 500;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

ul {
	margin: 0px;
	padding: 0px;
}

p {
	margin-bottom: 15px;
}

hr {
	margin: 60px 0;
	padding: 0px;
	border-bottom: 1px solid #eceff8;
	border-top: 0px;
}

label {
	font-size: 15px;
	font-weight: 400;
	color: #626262;
}

*::-moz-selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #3399FF;
	color: #fff;
	text-shadow: none;
}

.mark,
mark {
	background: #FF7A5F none repeat scroll 0 0;
	color: #ffffff;
}

.fix {
	overflow: hidden
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-right: var(--bs-gutter-x, .90rem);
	padding-left: var(--bs-gutter-x, .90rem);
}

.row {
	margin-right: calc(var(--bs-gutter-x) * -.6);
	margin-left: calc(var(--bs-gutter-x) * -.6);
}

.row>* {
	position: relative;
	padding-right: calc(var(--bs-gutter-x) * .6);
	padding-left: calc(var(--bs-gutter-x) * .6);
}

/*************************
    Section title
***********************/
.section-title {
	position: relative;
	display: block;
	margin-top: 75px;
	margin-bottom: 22px;
	text-align: center;
}

.section-title .sub-title {
	font-size: 14px;
	color: #363636;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
	display: inline-block;
	vertical-align: top;
}

.section-title .sub-title:after {
	content: "";
	width: 70px;
	height: 2px;
	background: #ff7a5f;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

.section-title h2 {
	position: relative;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0;
	font-weight: 400;
	line-height: 1.3;
}

.section-title p {
	line-height: 30px;
	max-width: 630px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.section-title2 {
	text-align: left;
	margin-bottom: 44px;
	margin-top: 60px;
}

.section-title2 h2 {
	font-size: 21px;
	padding: 6px 0;
	padding-left: 20px;
	max-width: 185px;
	border-left: 3px solid #363636;
	line-height: 1.15;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	text-transform: uppercase;
}

/*************************
         button
*************************/

/*************************
       social-icon
*************************/

/*************************
        Input
*************************/
input {
	background: transparent;
	border: 2px solid #FF7A5F;
	height: 56px;
	box-shadow: none;
	padding-left: 10px;
	font-size: 14px;
	color: #a4a4a4;
	width: 100%;
	box-shadow: none;
	border-radius: 0;
}

select {
	width: 100%;
	background: #eceff8;
	border: 2px solid #eceff8;
	height: 45px;
	padding-left: 10px;
	box-shadow: none;
	font-size: 14px;
	color: #626262;
}

option {
	background: #fff;
	border: 0px solid #626262;
	padding-left: 10px;
	font-size: 14px;
}

input:focus {
	background: transparent;
	border: 2px solid #FF7A5F;
}

textarea {
	resize: vertical;
	background: #eceff8;
	border: 2px solid #eceff8;
	padding: 10px;
	width: 100%;
	font-size: 14px;
}

textarea:focus {
	background: transparent;
	border: 2px solid #FF7A5F;
	outline: none;
}

::-moz-placeholder {
	color: #444;
	font-size: 13px;
}

/*************************
        scroll to top
*************************/
#scrollUp {
	background: #333;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	bottom: 25px;
	right: 25px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#scrollUp:hover {
	background: #FF7A5F;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.p-0 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
	margin-top: 0
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

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

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

.mt-50 {
	margin-top: 50px
}

.mt-60 {
	margin-top: 60px
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-120 {
	margin-top: 120px
}

.mt-130 {
	margin-top: 130px
}

.mt-140 {
	margin-top: 140px
}

.mt-150 {
	margin-top: 150px
}

/*************************
      Margin right
*************************/
.mr-0 {
	margin-right: 0px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-30 {
	margin-right: 30px
}

.mr-40 {
	margin-right: 40px
}

.mr-50 {
	margin-right: 50px
}

.mr-60 {
	margin-right: 60px
}

.mr-70 {
	margin-right: 70px
}

.mr-80 {
	margin-right: 80px
}

.mr-90 {
	margin-right: 90px
}

.mr-100 {
	margin-right: 100px
}

.mr-110 {
	margin-right: 110px
}

.mr-120 {
	margin-right: 120px
}

.mr-130 {
	margin-right: 130px
}

.mr-140 {
	margin-right: 140px
}

.mr-150 {
	margin-right: 150px
}

/*************************
      Margin bottom
*************************/
.mb-0 {
	margin-bottom: 0
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

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

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-120 {
	margin-bottom: 120px
}

.mb-130 {
	margin-bottom: 130px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-150 {
	margin-bottom: 150px
}

/*************************
        Margin left
*************************/
.ml-0 {
	margin-left: 0
}

.ml-10 {
	margin-left: 10px
}

.ml-15 {
	margin-left: 15px
}

.ml-20 {
	margin-left: 20px
}

.ml-30 {
	margin-left: 30px
}

.ml-40 {
	margin-left: 40px
}

.ml-50 {
	margin-left: 50px
}

.ml-60 {
	margin-left: 60px
}

.ml-70 {
	margin-left: 70px
}

.ml-80 {
	margin-left: 80px
}

.ml-90 {
	margin-left: 90px
}

.ml-100 {
	margin-left: 100px
}

.ml-110 {
	margin-left: 110px
}

.ml-120 {
	margin-left: 120px
}

.ml-130 {
	margin-left: 130px
}

.ml-140 {
	margin-left: 140px
}

.ml-150 {
	margin-left: 150px
}

/*************************
        Padding top
*************************/
.pt-0 {
	padding-top: 0
}

.pt-10 {
	padding-top: 10px
}

.pt-15 {
	padding-top: 15px
}

.pt-20 {
	padding-top: 20px
}

.pt-25 {
	padding-top: 25px
}

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

.pt-35 {
	padding-top: 35px
}

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

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

.pt-60 {
	padding-top: 60px
}

.pt-65 {
	padding-top: 65px
}

.pt-70 {
	padding-top: 70px
}

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pt-90 {
	padding-top: 90px
}

.pt-100 {
	padding-top: 100px
}

.pt-110 {
	padding-top: 110px
}

.pt-120 {
	padding-top: 120px
}

.pt-130 {
	padding-top: 130px
}

.pt-140 {
	padding-top: 140px
}

.pt-150 {
	padding-top: 150px
}

/*************************
        Padding right
*************************/
.pr-0 {
	padding-right: 0
}

.pr-10 {
	padding-right: 10px
}

.pr-15 {
	padding-right: 15px
}

.pr-20 {
	padding-right: 20px
}

.pr-30 {
	padding-right: 30px
}

.pr-40 {
	padding-right: 40px
}

.pr-50 {
	padding-right: 50px
}

.pr-60 {
	padding-right: 60px
}

.pr-70 {
	padding-right: 70px
}

.pr-80 {
	padding-right: 80px
}

.pr-90 {
	padding-right: 90px
}

.pr-100 {
	padding-right: 100px
}

.pr-110 {
	padding-right: 110px
}

.pr-120 {
	padding-right: 120px
}

.pr-130 {
	padding-right: 130px
}

.pr-140 {
	padding-right: 140px
}

/*************************
        Padding bottom
*************************/
.pb-0 {
	padding-bottom: 0
}

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

.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-75 {
	padding-bottom: 75px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-110 {
	padding-bottom: 110px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-140 {
	padding-bottom: 140px
}

.pb-150 {
	padding-bottom: 150px
}

/*************************
        Padding left
*************************/
.pl-0 {
	padding-left: 0
}

.pl-10 {
	padding-left: 10px
}

.pl-15 {
	padding-left: 15px
}

.pl-20 {
	padding-left: 20px
}

.pl-30 {
	padding-left: 30px
}

.pl-40 {
	padding-left: 40px
}

.pl-50 {
	padding-left: 50px
}

.pl-60 {
	padding-left: 60px
}

.pl-70 {
	padding-left: 70px
}

.pl-80 {
	padding-left: 80px
}

.pl-90 {
	padding-left: 90px
}

.pl-100 {
	padding-left: 100px
}

.pl-110 {
	padding-left: 110px
}

.pl-120 {
	padding-left: 120px
}

.pl-130 {
	padding-left: 130px
}

.pl-140 {
	padding-left: 140px
}

.pl-150 {
	padding-left: 150px
}


/***************************
    Page section padding 
****************************/
.ptb-0 {
	padding: 0
}

.ptb-10 {
	padding: 10px 0
}

.ptb-20 {
	padding: 20px 0
}

.ptb-30 {
	padding: 30px 0
}

.ptb-40 {
	padding: 40px 0
}

.ptb-50 {
	padding: 50px 0
}

.ptb-60 {
	padding: 60px 0
}

.ptb-70 {
	padding: 70px 0
}

.ptb-80 {
	padding: 80px 0
}

.ptb-90 {
	padding: 90px 0
}

.ptb-100 {
	padding: 100px 0
}

.ptb-110 {
	padding: 110px 0
}

.ptb-120 {
	padding: 120px 0
}

.ptb-130 {
	padding: 130px 0
}

.ptb-140 {
	padding: 140px 0
}

.ptb-150 {
	padding: 150px 0
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
	margin: 0
}

.mtb-10 {
	margin: 10px 0
}

.mtb-15 {
	margin: 15px 0
}

.mtb-20 {
	margin: 20px 0
}

.mtb-30 {
	margin: 30px 0
}

.mtb-40 {
	margin: 40px 0
}

.mtb-50 {
	margin: 50px 0
}

.mtb-60 {
	margin: 60px 0
}

.mtb-70 {
	margin: 70px 0
}

.mtb-80 {
	margin: 80px 0
}

.mtb-90 {
	margin: 90px 0
}

.mtb-100 {
	margin: 100px 0
}

.mtb-110 {
	margin: 110px 0
}

.mtb-120 {
	margin: 120px 0
}

.mtb-130 {
	margin: 130px 0
}

.mtb-140 {
	margin: 140px 0
}

.mtb-150 {
	margin: 150px 0;
}

/*************************************
    Background variation set 
 **************************************/
/*colored background*/
.white-bg {
	background: #fff !important;
}

.gray-bg {
	background: #f5f6f7 !important;
}

.gray-bg2 {
	background: #f2f2f2 !important;
}

.gray-bg3 {
	background: #f8f8f8 !important;
}

.black-bg {
	background: #313131 !important;
}

.default-bg {
	background: #50C1F0 !important;
}

.transparent-bg {
	background: transparent !important;
}

/*Opacity background*/
.bg-opacity-black-10:before,
.bg-opacity-black-20:before,
.bg-opacity-black-30:before,
.bg-opacity-black-40:before,
.bg-opacity-black-50:before,
.bg-opacity-black-60:before,
.bg-opacity-black-70:before,
.bg-opacity-black-80:before,
.bg-opacity-black-90:before,
.bg-opacity-white-10:before,
.bg-opacity-white-20:before,
.bg-opacity-white-30:before,
.bg-opacity-white-40:before,
.bg-opacity-white-50:before,
.bg-opacity-white-60:before,
.bg-opacity-white-70:before,
.bg-opacity-white-80:before,
.bg-opacity-white-90:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.bg-opacity-black-10:before {
	background: rgba(0, 0, 0, 0.1);
}

.bg-opacity-black-20:before {
	background: rgba(0, 0, 0, 0.2);
}

.bg-opacity-black-30:before {
	background: rgba(0, 0, 0, 0.3);
}

.bg-opacity-black-40:before {
	background: rgba(0, 0, 0, 0.4);
}

.bg-opacity-black-50:before {
	background: rgba(0, 0, 0, 0.5);
}

.bg-opacity-black-60:before {
	background: rgba(0, 0, 0, 0.6);
}

.bg-opacity-black-70:before {
	background: rgba(0, 0, 0, 0.7);
}

.bg-opacity-black-80:before {
	background: rgba(0, 0, 0, 0.8);
}

.bg-opacity-black-90:before {
	background: rgba(0, 0, 0, 0.9);
}

.bg-opacity-white-10:before {
	background: rgba(255, 255, 255, 0.1);
}

.bg-opacity-white-20:before {
	background: rgba(255, 255, 255, 0.2);
}

.bg-opacity-white-30:before {
	background: rgba(255, 255, 255, 0.3);
}

.bg-opacity-white-40:before {
	background: rgba(255, 255, 255, 0.4);
}

.bg-opacity-white-50:before {
	background: rgba(255, 255, 255, 0.5);
}

.bg-opacity-white-60:before {
	background: rgba(255, 255, 255, 0.6);
}

.bg-opacity-white-70:before {
	background: rgba(255, 255, 255, 0.7);
}

.bg-opacity-white-80:before {
	background: rgba(255, 255, 255, 0.8);
}

.bg-opacity-white-90:before {
	background: rgba(255, 255, 255, 0.9);
}

/*-------------------
Common Style CSS
-------------------*/
.wrapper-box {
	padding: 0 60px;
}

img {
	max-width: 100%;
	height: auto;
}

.plr-60 {
	padding-left: 60px;
	padding-right: 60px;
}

.plr-0 {
	padding-left: 0;
	padding-right: 0;
}

.tab-content {
	width: 100%;
}

.tab-content .tab-pane {
	display: block;
	height: 0;
	max-width: 100%;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tab-content .tab-pane.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	overflow: visible;
}

.vbox-close {
	background: #ff7a5f url("close.gif") no-repeat scroll 10px center !important;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-weight: 600;
	height: 40px;
	position: fixed;
	right: 40px;
	text-indent: 2px;
	top: 14px;
	width: 46px;
	border-radius: 2px;
}

/*-----------------------
    2. Header Area CSS
------------------------*/
.header-bg {
	background: #eee;
}

.header-sticky {
	-webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
	transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
}

.header-sticky.is-sticky {
	background: rgba(255, 255, 255, .95);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	z-index: 999;
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.header-sticky.is-sticky .logo-area {
	padding: 0 0;
}

.header-sticky.is-sticky .main-menu>li {
	padding: 0 0;
}

.header-sticky.is-sticky .header-search-cart-area {
	padding: 0 0;
}

.header-style-4.header-sticky.is-sticky,
.header-style-5.header-sticky.is-sticky {
	background: rgb(54, 54, 54, .95);
}

.header-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

/*-----------------------------
   2.1 Header Top Area CSS
------------------------------*/
.header-top-area {
	border-bottom: 1px solid #e5e5e5;
}

.ht-contact-info ul>li,
.ht-language-currency>ul>li {
	display: inline-block;
	margin-right: 35px;
	padding: 10px 0;
	position: relative;
}

.ht-language-currency>ul>li>a {
	text-transform: uppercase;
}

.ht-contact-info ul>li:last-child,
.ht-language-currency>ul>li:last-child {
	margin-right: 0;
}

.ht-contact-info ul>li:before {
	content: "\e00b";
	font-family: 'ElegantIcons';
	font-size: 14px;
	vertical-align: top;
	margin-right: 5px;
}

.ht-contact-info ul>li.mail:before {
	content: "\e010";
}

.ht-contact-info ul>li:after,
.ht-language-currency>ul>li:after {
	content: "\33";
	font-family: 'ElegantIcons';
	font-size: 14px;
	vertical-align: top;
	margin-right: 5px;
}

.free-ship p {
	margin: 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #555;
	line-height: 20px;
	padding: 10px 0;
}

.ht-dropdown {
	position: absolute;
	top: 160%;
	right: 0;
	min-width: 160px;
	background: #fff;
	box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
	text-align: left;
	padding: 0 20px;
	z-index: 99;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ht-language-currency>ul>li:hover .ht-dropdown {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	top: 100%;
}

.ht-dropdown li {
	border-bottom: 1px solid #ddd;
	list-style: none;
}

.ht-dropdown li:last-child {
	border-bottom: 0;
}

.ht-dropdown>li>a {
	font-size: 13px;
	padding: 10px 0 9px 0;
	line-height: 24px;
	display: block;
	text-transform: capitalize;
	font-weight: normal;
	text-align: left;
	color: #676767;
}

.ht-dropdown>li>a>img {
	margin-right: 5px;
}

.ht-dropdown>li>a:hover {
	color: #ff7a5f;
}

/*---------------------------
    2.2 Deafult Headre Area CSS
-----------------------------*/
.logo-area {
	padding: 54px 0;
}

.main-menu>li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin: 0 2px 0 0;
	padding: 30px 0;
}

.main-menu>li>a {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #363636;
	padding: 5px 20px 5px 20px;
	display: block;
	line-height: 26px;
}

.main-menu>li:hover>a {
	color: #FF7A5F;
}

.dropdown,
.mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	padding: 20px 0;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ededed;
	box-shadow: 0px 4px 13px -3px #808080;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 99;
}

.main-menu>li:hover .dropdown,
.main-menu>li:hover .mega-menu {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	visibility: visible;
}

.main-menu {
	float: right;
}

.dropdown>li {
	display: block;
	list-style: none;
}

.dropdown>li>a {
	font-size: 14px;
	line-height: 18px;
	padding: 10px 30px;
	display: block;
	font-weight: 400;
	color: #343434;
}

.dropdown>li>a:hover,
.mega-menu>li>ul>li>a:hover {
	color: #FF7A5F;
}

.mega-menu {
	width: 800px;
	padding: 35px 15px 20px 15px;
	left: -37px;
}

.mega-menu>li {
	float: left;
	width: 25%;
	padding: 0px 15px 20px 15px;
	list-style: none;
}

.mega-menu>li>a.item-link {
	font-size: 14px;
	font-weight: 700;
	color: #878787;
	line-height: 18px;
	margin: 0 0 12px;
	pointer-events: none;
}

.mega-menu>li>ul>li {
	list-style: none;
	display: block;
}

.mega-menu>li>ul>li>a {
	font-size: 14px;
	color: #343434;
	display: block;
	padding: 7px 0;
	font-weight: 400;
	line-height: 18px;
}

/*4. Mobile Menu CSS*/
.mobile-menu .mean-nav>ul {
	overflow-y: auto;
	max-height: 400px;
}

.mobile-menu {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 0 100% !important;
	flex: 1 0 100% !important;
}

.mobile-menu .mean-bar {
	position: relative;
	/*---- Mean Nav ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal {
	position: absolute;
	top: -72px;
}

.mobile-menu .mean-bar .meanmenu-reveal span {
	position: relative;
	/*---- Menu Open ----*/
	/*---- Menu Close ----*/
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #282828;
	height: 3px;
	margin-top: 3px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}

.mean-container a.meanmenu-reveal {
	color: #282828;
}

.mean-container .mean-bar {
	padding: 0;
	min-height: 0;
}

.mean-container .mean-nav {
	background: transparent;
	margin-top: 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before {
	top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
	bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
	height: 2px;
	width: 26px;
	background-color: transparent;
	display: block;
	margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
	background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav>ul {
	margin-bottom: 30px;
	border: 1px solid #eeeeee;
	border-top: 0px solid transparent;
	overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
	.mobile-menu .mean-bar .mean-nav>ul {
		max-height: 180px;
		overflow-y: auto;
	}
}

@media only screen and (max-width: 479px) {
	.mobile-menu .mean-bar .mean-nav>ul {
		max-height: 220px;
		overflow-y: auto;
	}
}

.mobile-menu .mean-bar .mean-nav>ul li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	/*---- Sub Menu & Mega Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li a {
	font-size: 13px;
	display: block;
	color: #444444;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 44px;
	position: relative;
	border-top: 1px solid #eeeeee;
	padding: 0 40px 0 20px;
	width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
	color: #202020;
	padding-left: 25px;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
	border: 1px solid #eeeeee;
	position: absolute;
	right: -1px;
	top: 0;
	font-size: 20px !important;
	color: #444444;
	line-height: 44px;
	height: 46px;
	width: 40px;
	text-align: center;
	padding: 0 !important;
	background-color: transparent;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
	line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
	position: static;
	background-color: #fff;
	margin: 0;
	padding: 0 !important;
	width: 100%;
	box-shadow: none;
	display: none;
	float: left;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: perspective(0px) rotateX(0deg);
	transform: perspective(0px) rotateX(0deg);
	-webkit-transition: none;
	transition: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
	padding: 0;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border-right: 0px solid transparent;
	width: 100%;
	display: block !important;
	float: left;
	width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
	font-size: 12px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a:before {
	display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
	background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
	border-top: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
	border: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
	background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
	border-top: 1px solid #eeeeee;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
	border: 1px solid #eeeeee;
}

/*Mobile Menu css end*/
/*Header Search And Cart Area CSS*/
.header-search-cart-area {
	padding: 54px 0;
	text-align: right;
}

.header-search-cart-area>ul>li {
	display: inline-block;
	list-style: none;
	position: relative;
}

.header-search-cart-area>ul>li>a {
	font-size: 24px;
	height: 40px;
	width: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #363636;
}

.header-search-cart-area>ul>li>a:hover {
	color: #ff7a5f;
}

.header-search-cart-area ul>li.mini-cart>a {
	position: relative;
	width: auto;
}

.cart-quantity {
	position: absolute;
	width: 23px;
	height: 23px;
	background: #ff7a5f;
	font-size: 14px;
	text-align: center;
	border-radius: 100%;
	line-height: 23px;
	color: #fff;
	font-weight: 500;
	top: -3px;
	left: 16px;
}

.mini-cart-total {
	font-size: 16px;
	color: #363636;
	font-weight: 500;
	margin-left: 15px;
}

.header-cart {
	position: absolute;
	width: 320px;
	background: #fff;
	right: 0;
	top: 120%;
	padding: 5px 20px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
	z-index: 9999999;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-search-cart-area ul>li.mini-cart:hover .header-cart {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	top: 100%;
}

.cart-img {
	float: left;
	width: 36%;
	margin-right: 20px;
	position: relative;
}

.cart-content {
	float: left;
	width: 56%;
}

ul.cart-items>li {
	list-style: none;
	display: block;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid #ededed;
	position: relative;
	text-align: left;
}

.cart-content>span {
	color: #222;
	font-weight: 400;
	font-size: 16px;
}

.cart-content>span.product-price {
	color: #ff7a5f;
	font-size: 16px;
}

.product-name {
	color: #222;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	width: 123px;
}

.cart-item-remove>a {
	position: absolute;
	color: #222;
	right: 2px;
	top: 18px;
	display: inline-block;
	left: auto;
	font-size: 20px;
}

.cart-item-remove>a:hover {
	color: #ff7a5f;
}

.cart-total {
	overflow: hidden;
	padding: 20px 0;
	text-align: left;
	border-bottom: 1px solid #ededed;
}

.cart-total>h5 {
	color: #3e3d43;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 600;
}

.cart-btn {
	padding: 20px;
	background-color: #fff;
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -5px;
}

.cart-btn>a {
	display: block;
	background-color: #333;
	color: #fff;
	font-size: 16px;
	padding: 10px 18px;
	text-transform: uppercase;
	font-weight: 700;
}

.cart-btn>a:first-child {
	margin-bottom: 10px;
}

.cart-btn>a:hover {
	background: #ff7a5f;
	border-color: #ff7a5f;
	color: #fff;
}

/*Currency CSS*/
.currency-dropdown {
	position: absolute;
	top: 140%;
	right: 0;
	min-width: 300px;
	background: #fff;
	padding: 40px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
	text-align: left;
	z-index: 99;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-search-cart-area ul>li.currency-menu:hover .currency-dropdown {
	top: 100%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.currency-dropdown>li {
	display: block;
	list-style: none;
	margin-bottom: 15px;
	line-height: 1;
}

.currency-dropdown>li:last-child {
	margin-bottom: 0;
}

.currency-dropdown>li>a {
	text-transform: uppercase;
	font-size: 14px;
	color: #292929;
	display: block;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 25px;
}

.currency-dropdown>li>ul {
	padding-left: 15px;
}

.currency-dropdown>li>ul>li {
	list-style: none;
}

.currency-dropdown>li>ul>li>a {
	color: #333;
	padding: 10px 0;
	display: block;
}

.currency-dropdown>li>ul>li>a {
	color: #333;
	padding: 10px 0;
	display: block;
}

.currency-dropdown>li>ul>li>a:hover,
.currency-dropdown>li>ul>li.active>a {
	color: #ff7a5f;
}

.currency-dropdown>li>ul>li>a>img {
	padding-right: 5px;
}

/*Main Search CSS*/
.main-search-active {
	background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
	width: 100%;
	min-height: 100vh;
	padding: 32px 46px 39px;
	position: fixed;
	top: 0;
	right: -100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sidebar-search-icon {
	display: block;
	float: right;
	overflow: hidden;
	position: absolute;
	right: 375px;
}

.sidebar-search-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 50px;
	line-height: 1;
	padding: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sidebar-search-icon button:hover {
	color: #ff7a5f;
}

.sidebar-search-input {
	-ms-flex-item-align: center;
	align-self: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.sidebar-search-input form .form-search {
	position: relative;
}

.sidebar-search-input form .form-search input {
	background-color: transparent;
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 1px;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 62px;
	line-height: 62px;
	padding: 0;
	width: 800px;
	padding-right: 50px;
}

.sidebar-search-input form .form-search input::-webkit-input-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input::-moz-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input:-ms-input-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input::placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input::-webkit-input-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input::-moz-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input:-ms-input-placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search input::placeholder {
	color: #fff;
}

.sidebar-search-input form .form-search button {
	background-color: transparent;
	border: medium none;
	color: #fff;
	font-size: 30px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 6px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sidebar-search-input form .form-search button:hover {
	color: #ff7a5f;
}

.main-search-active.inside {
	right: 0;
	z-index: 9999999;
}

/*Main Search CSS*/
/*Header Style 4 CSS*/
.header-style-4 {
	padding-bottom: 60px;
}

.header-bg-4 {
	background-color: #262626;
}

.header-style-4 .main-menu>li>a,
.header-style-5 .main-menu>li>a {
	color: #fff;
}

.header-style-4 .main-menu>li>a:hover,
.header-style-5 .main-menu>li>a:hover {
	color: #FF7A5F;
}

.header-style-4 .header-search-cart-area>ul>li>a,
.header-style-5 .header-search-cart-area>ul>li>a {
	color: #fff;
}

.header-style-4 .header-search-cart-area>ul>li>a:hover,
.header-style-5 .header-search-cart-area>ul>li>a:hover {
	color: #ff7a5f;
}

.header-style-4 .header-search-cart-area ul>li>a .mini-cart-total,
.header-style-5 .header-search-cart-area ul>li>a .mini-cart-total {
	color: #fff;
}

/*Header Style 6 CSS*/
.default-header-area.header-style-6 .main-menu>li:first-child>a {
	padding-left: 0;
}

.default-header-area.header-sticky.header-style-6.is-sticky {
	padding-right: 60px;
	padding-left: 60px;
}

/*------------------------------
    4. Feature Area CSS
-------------------------------*/
.single-feature-area {
	border: 1px solid #ddd;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.single-feature-area:after {
	content: "";
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	border: 1px solid #ddd;
	position: absolute;
}

.single-feature-area .feature-content h3 {
	font-size: 14px;
	font-weight: 500;
	color: #343434;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	padding-left: 50px;
	display: inline-block;
	vertical-align: middle;
	z-index: 9;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-feature-area .feature-content h3:hover {
	color: #ff7a5f;
}

.single-feature-area .feature-content h3:before {
	content: "\e01d";
	font-family: 'ElegantIcons';
	font-size: 28px;
	color: #ff7a5f;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.col-lg-4:nth-child(2) .single-feature-area .feature-content h3:before {
	content: "\e027";
}

.col-lg-4:nth-child(3) .single-feature-area .feature-content h3:before {
	content: "\e014";
}

.single-feature-area--style-2:after {
	background-color: #ff7a5f;
}

.single-feature-area--style-2 .feature-content h3 {
	color: #fff;
}

.single-feature-area--style-2 .feature-content h3:before {
	color: #fff;
}

.single-feature-area--style-2 .feature-content h3:hover {
	color: #fff;
}

/*---------------------------
    5. Banner Area CSS
-----------------------------*/
.single-banner-image a img {
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-banner-image a {
	display: block;
}

.single-banner-image:hover a img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*-------------------------------
    6. Our Collection Area CSS
--------------------------------*/
.collection-bg {
	background-image: url(img/bg/home1-bg1.jpg);
	background-position: center center;
	background-repeat: repeat;
}

.categorie-collection-img a {
	border: 10px solid #fff;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
}

.categorie-collection-img a img {
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.single-categorie-collection:hover .categorie-collection-img a img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*--------------------------
    7. Product Area CSS
----------------------------*/
.product-tab-menu {
	float: right;
	padding: 15px;
	margin-right: 100px;
	text-align: center;
}

.product-tab-menu>ul>li {
	margin-right: 25px;
	list-style: none;
}

.product-tab-menu>ul>li>a {
	font-size: 14px;
	color: #343434;
	line-height: 30px;
	text-transform: capitalize;
	font-weight: 500;
	position: relative;
	display: block;
}

.product-tab-menu>ul>li>a:hover,
.product-tab-menu>ul>li>a.active {
	color: #ff7a5f;
	text-decoration: underline;
}

/*Product Tab Style 2 CSS*/
.product-tab-menu2 {
	margin: 45px 0;
}

.product-tab-menu2 ul li {
	margin-right: 55px;
}

.product-tab-menu2 ul li:last-child {
	margin-right: 0;
}

.product-tab-menu2 ul li a {
	font-size: 21px;
	color: #363636;
	line-height: 46px;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
	vertical-align: top;
	position: relative;
	padding-bottom: 5px;
}

.product-tab-menu2 ul li a:after {
	content: "";
	width: 70px;
	height: 1px;
	background: #ff7a5f;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.product-tab-menu2 ul li a.active {
	font-weight: 700;
}

.product-tab-menu2 ul li a:hover:after,
.product-tab-menu2 ul li a.active:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-img {
	position: relative;
	overflow: hidden;
}

.product-img>a>img.hover-img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 5;
}

.single-product-area:hover .product-img>a>img.hover-img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.sticker,
.descount-sticker {
	color: #343434;
	font-weight: 500;
	text-align: center;
	line-height: 24px;
	padding: 0 10px;
	position: absolute;
	background: #fff;
	min-width: 52px;
	top: 10px;
	left: 10px;
	text-transform: capitalize;
	font-size: 14px;
	z-index: 9;
	border-radius: 0;
}

.descount-sticker {
	left: auto;
	right: 10px;
	color: #ff7a5f;
}

.product-action {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-product-area:hover .product-action {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.product-action>ul>li {
	display: inline-block;
	vertical-align: top;
}

.product-action>ul>li>a {
	display: block;
	width: 63px;
	height: 63px;
	line-height: 63px;
	font-size: 28px;
	background-color: #fff;
	font-weight: normal;
	border-radius: 100%;
	text-align: center;
	color: #ff7a5f;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
}

.product-action>ul>li:nth-child(2)>a {
	margin: 0 5px;
}

.product-action>ul>li>a:hover {
	color: #fff;
	background: #ff7a5f;
}

.single-product-area:hover .product-action>ul>li>a {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.single-product-area .product-quickview {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-product-area:hover .product-quickview {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.single-product-area .product-quickview>li {
	list-style: none;
}

.single-product-area .product-quickview>li>a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #fff;
	font-size: 18px;
	color: #ff7a5f;
	text-align: center;
	border-radius: 100%;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
}

.single-product-area .product-quickview>li>a:hover {
	background: #ff7a5f;
	color: #fff;
}

.single-product-area:hover .product-quickview>li>a {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.product-content {
	text-align: left;
	overflow: hidden;
	padding: 17px 0 0 0;
}

.product-content>h4>a {
	color: #343434;
	padding: 0;
	display: block;
	text-transform: uppercase;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
}

.product-content>h4>a:hover {
	color: #ff7a5f;
}

.product-price {
	display: block;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 500;
}

.product-price .now-price {
	color: #ff7a5f;
}

.product-price .regular-price {
	margin-left: 5px;
	text-decoration: line-through;
}

.product-slider .col-md-12,
.blog-slider .col-md-12,
.countdown-product-slider .col-12 {
	padding-left: 15px;
	padding-right: 15px;
}

.product-slider .owl-nav>button,
.blog-slider .owl-nav>button {
	position: absolute;
	top: -90px;
	right: 55px;
	width: 34px;
	height: 34px;
	border: 2px solid #cacaca !important;
	color: #cacaca !important;
	border-radius: 100%;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.product-slider .owl-nav>button:hover,
.blog-slider .owl-nav>button:hover {
	background-color: #ff7a5f !important;
	border-color: #ff7a5f !important;
	color: #fff !important;
}

.product-slider .owl-nav>div>span,
.blog-slider .owl-nav>div>span {
	display: block;
	font-size: 26px;
	line-height: 32px;
	vertical-align: top;
}

.product-slider .owl-nav>.owl-next,
.blog-slider .owl-nav>.owl-next {
	right: 15px;
}

/*Product List CSS*/
.product-list-action ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.product-list-action ul li a {
	display: block;
	width: 63px;
	height: 63px;
	line-height: 63px;
	font-size: 28px;
	background-color: #f5f5f5;
	font-weight: normal;
	border-radius: 100%;
	text-align: center;
	color: #ff7a5f;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.product-list-action ul li a:hover {
	background-color: #ff7a5f;
	color: #fff;
}

/*---------------------------
    8. Deal Product Area CSS
-----------------------------*/
.deal-bg {
	background-image: url(img/bg/home1-bg2.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 30px;
}

.single-deal-product {
	overflow: hidden;
	position: relative;
	max-width: 970px;
	margin: auto;
	background: #fff;
	padding: 30px;
}

.deal-product-img {
	float: left;
	width: 40%;
	position: relative;
}

.deal-product-content {
	float: left;
	width: 60%;
	padding: 0 0 0 25px;
}

.deal-product-content .section-title {
	margin: 0;
	margin-top: 30px;
	text-align: left;
}

.deal-product-content .section-title .sub-title:after {
	right: auto;
}

.deal-product-content>h3>a {
	color: #555;
	padding: 0;
	display: block;
	text-transform: uppercase;
	overflow: hidden;
	font-size: 30px;
	font-weight: 400;
}

.deal-product-content>h3>a:hover {
	color: #ff7a5f;
}

.product-description {
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 26px;
	font-size: 14px;
}

.product-price.deal-price {
	font-size: 24px;
}

.product-countdown {
	overflow: hidden;
	display: block;
	margin-top: 20px;
}

.single-countdown-box,
.single-countdown-box-1 {
	display: inline-block;
	width: 80px;
	height: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	background: #eee;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	padding-top: 14px;
	margin-right: 13px;
	font-size: 14px;
	color: #333;
	text-transform: capitalize;
}

.single-countdown-box>span,
.single-countdown-box-1>span {
	font-size: 30px;
	line-height: 1;
	color: #363636;
	position: relative;
	display: block;
	font-weight: 400;
	margin-bottom: 5px;
}

.single-countdown-box:last-child {
	margin-right: 0;
}

.product-countdown--style-2 .single-countdown-box {
	color: #fff;
	border-radius: 10px;
	background-color: #ff7a5f;
}

.product-countdown--style-2 .single-countdown-box>span {
	color: #fff;
}

/*-------------------------------
    Deal Product Style 2 CSS
--------------------------------*/
.deal-bg-2 {
	background-image: url(img/bg/home2-bg1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 0;
	margin-bottom: 200px;
}

.countdown-product-slider {
	margin-bottom: -125px;
}

.product-countdown-1 {
	overflow: hidden;
	display: block;
	text-align: center;
	margin-bottom: 60px;
}

.single-countdown-box-1 {
	width: 130px;
	height: 130px;
	background: #fff;
	padding-top: 35px;
	margin-right: 23px;
}

/*----------------------------
    9. List Product Area CSS
------------------------------*/
.list-product-section-title h2 {
	font-size: 21px;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
}

.list-product-section-title h2:after {
	content: "";
	width: 70px;
	height: 1px;
	background: #ff7a5f;
	left: 0;
	bottom: 0;
	position: absolute;
}

.single-list-product {
	overflow: hidden;
}

.single-list-product .product-img {
	float: left;
	width: 27%;
}

.single-list-product .product-content {
	padding: 0 0 0 25px;
	float: left;
	width: 73%;
	text-align: left;
}

.add-cart-btn {
	display: inline-block;
	background: #fff;
	border: 1px solid #333;
	color: #343434;
	font-weight: 500;
	font-size: 13px;
	line-height: 40px;
	padding: 0 30px;
	margin-top: 10px;
	text-transform: uppercase;
}

.add-cart-btn:hover {
	background: #ff7a5f;
	border-color: #ff7a5f;
	color: #fff;
}

/*--------------------------
    10. About Area CSS
-----------------------------*/
.about-bg {
	background-image: url(img/bg/home1-bg3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 30px;
}

.indecor-about {
	background: #fff;
	display: block;
	overflow: hidden;
	max-width: 970px;
	margin: auto;
	padding: 0 15px;
	text-align: center;
}

.indecor-about .section-title {
	margin-top: 65px;
}

.about-des {
	max-width: 600px;
	margin: auto;
	line-height: 30px;
	text-align: center;
}

a.about-btn {
	display: inline-block;
	vertical-align: top;
	line-height: 47px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	background: #ff7a5f;
	padding: 0 40px;
	color: #fff;
	margin-top: 28px;
	margin-bottom: 70px;
}

a.about-btn:hover {
	border-color: #ff7a5f;
	color: #ff7a5f;
	background: #fff;
}

.about-area.pt-10 .about-btn {
	margin-bottom: 50px;
}

/*-------------------------
     11. Brand Area CSS
---------------------------*/
.brand-active.owl-carousel .single-brand img {
	width: auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.brand-active.owl-carousel .single-brand img:hover {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*------------------------
    12. Blog Area CSS
--------------------------*/
.blog-img {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-blog .blog-img:hover img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.single-blog .blog-img a .icon-view {
	width: 52px;
	height: 52px;
	border: 1px solid #ff7a5f;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.single-blog .blog-img a .icon-view:before {
	content: "\f2e4";
	font-family: "Ionicons";
	font-size: 23px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	background: #ff7a5f;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.single-blog .blog-img:hover a .icon-view {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.blog-content {
	text-align: left;
	padding-top: 25px;
}

.blog-title {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
	font-weight: 500;
}

.author-name {
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	margin: 0;
}

.author-name span {
	color: #ff7a5f;
}

.blog-des p {
	margin-bottom: 0;
	margin-top: 15px;
}

.blog-content a.read-btn {
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	margin-top: 33px;
	text-decoration: underline;
	color: #333;
}

.blog-content a.read-btn:hover {
	color: #ff7a5f;
}

/*blog galleary nav*/
.blog-image-gallery .slick-arrow {
	background: #222 none repeat scroll 0 0;
	border: 1px solid #222;
	color: #fff;
	font-size: 16px;
	height: 40px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 9;
	cursor: pointer;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.blog-image-gallery:hover .slick-arrow {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.blog-image-gallery .slick-arrow:hover {
	background: #ff7a5f;
	border-color: #ff7a5f;
}

.blog-image-gallery .slick-next {
	left: auto;
	right: 0;
}

/*blog sidebar css*/
.product-filter {
	display: block;
	overflow: hidden;
}

.product-filter>h5 {
	border-bottom: 1px solid #ededed;
	color: #222;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.search__sidbar .input_form {
	position: relative;
}

.search__sidbar input.input_text[type="text"] {
	background: none;
	border: 1px solid #ededed;
	height: 34px;
	padding: 0 40px 0 15px;
	width: 100%;
}

.search__sidbar .button {
	background: none;
	border: none;
	color: #222;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	margin: 0;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	cursor: pointer;
	top: 0;
	width: 34px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.search__sidbar .button:hover {
	background-color: #222;
	color: #ff7a5f;
}

.blog_Archives__sidbar li {
	color: #222;
	font-size: 14px;
	list-style: none;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#instagram-feed>li {
	list-style: none;
	float: left;
	width: 33.33%;
	padding: 0 7.5px;
	position: relative;
	margin-bottom: 15px;
}

#instagram-feed>li>a:before {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	content: "";
	background: rgba(0, 0, 0, .5);
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#instagram-feed>li>a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#instagram-feed>li>a>img {
	width: 100%;
}

/*----------------------------
    12.1 Single Blog Page CSS
-----------------------------*/
.blog_area article.blog_single {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 50px;
	padding-bottom: 20px;
	text-align: center;
}

.blog_single header.entry-header {
	margin-bottom: 30px;
}

article.blog_single .post-category {
	color: #ff7a5f;
	display: block;
	line-height: 25px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

article.blog_single .post-category>a {
	color: #ff7a5f;
}

article.blog_single .post-category>a:hover {
	color: #222;
}

.blog_single header h2 {
	margin-bottom: 14px;
}

h2.entry-title {
	color: #444;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
}

h2.entry-title:before {
	content: '\f005';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 8px;
	margin-right: 5px;
	vertical-align: top;
}

.post-author {
	color: #8c8c8c;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}

.post-separator {
	color: #8c8c8c;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.post-date {
	color: #8c8c8c;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}

.blog_single .post-thumbnail {
	margin-bottom: 26px;
}

.post-gallery img {
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.blog_area article.blog_single {
	text-align: center;
}

.post-info .entry-summary>p {
	margin-bottom: 27px;
}

.blog_single .readmore.button {
	background: #434343 none repeat scroll 0 0;
	border-color: #434343;
	color: #fff;
	font-size: 14px;
	text-transform: capitalize;
}

.social-sharing .widget-title {
	background: none;
	color: #8c8c8c;
	font-size: 12px;
	line-height: 26px;
	margin: 0 20px;
	text-transform: uppercase;
	margin-bottom: 12px;
	margin-top: 30px;
	font-weight: 700;
}

.blog-social-icons {
	margin: 10px 0 20px;
}

.blog-social-icons>li {
	list-style: none;
	display: inline-block;
}

.blog-social-icons>li>a {
	background: #f7f7f7;
	border-radius: 100%;
	color: #353535;
	display: block;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	text-align: center;
	width: 26px;
}

.blog-social-icons>li>a:hover {
	background-color: #ff7a5f;
	color: #fff;
}

.blog_area .blog_single.blog-details {
	border-bottom: none;
	margin-bottom: 15px;
}

.entry-summary.blog-post-description>p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 25px;
	color: #222;
	text-align: left;
}

.entry-summary.blog-post-description blockquote {
	background: #f6f6f6;
	border: 1px solid #ededed;
	border-left: 5px solid #ff7a5f;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	margin: 40px 0 40px 40px;
	padding: 30px 45px;
	text-align: left;
}

.single-post-tag {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
	margin: 30px 0;
	color: #222;
	text-align: left;
}

.single-post-tag>a {
	font-size: 13px;
	text-transform: uppercase;
	color: #222;
}

.single-post-tag>a:hover {
	color: #ff7a5f;
}

.relatedposts>h3 {
	display: inline-block;
	font-size: 20px;
	margin: 0 0 30px;
	font-weight: 700;
	padding: 0 0 20px;
	position: relative;
	text-transform: uppercase;
}

.relatedthumb>h4 {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #444;
	text-transform: uppercase;
	margin: 0;
}

.image {
	margin-bottom: 25px;
}

.rl-post-date {
	color: #8c8c8c;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	font-style: italic;
}

.comments-area>h3,
.comment-box>h3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.comments-area ol {
	list-style: none;
	padding-left: 0;
}

.comments-area>ol>li>ol {
	margin-left: 30px;
}

.comments-area .commentlist li .single-comment {
	background: #fff;
	border: 1px solid #ededed;
	margin: 0 0 20px;
	padding: 30px;
	width: 100%;
}

.comments-area .commentlist li .comment-avatar {
	float: left;
	margin-right: 20px;
}

.comments-area .commentlist li .comment-info {
	border: none;
	overflow: hidden;
	position: relative;
}

.comments-area .commentlist .comment-info a {
	color: #222;
	display: block;
	font-weight: 700;
	font-size: 14px;
}

.comments-area .commentlist li .comment-info .reply {
	display: inline-block;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

.comments-area .commentlist li .comment-info .reply a {
	background: none;
	border: 1px solid #ff7a5f;
	box-shadow: none;
	color: #ff7a5f;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	height: 28px;
	line-height: 26px;
	padding: 0 20px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
	border-radius: 500px;
}

.comments-area .commentlist li .comment-info .reply a:hover {
	background-color: #ff7a5f;
	color: #fff;
}

.comments-area .commentlist .comment-info span.date {
	display: block;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 15px;
	color: #222;
	line-height: 19px;
}

.comment-info>p {
	margin-bottom: 0;
	color: #222;
}

.comment-note {
	font-size: 12px;
	color: #222;
	line-height: 25px;
	margin-bottom: 10px;
}

.single-input {
	margin-bottom: 10px;
}

.single-input>label {
	color: #222;
	font-size: 14px;
	line-height: 25px;
}

.single-input>textarea {
	border: none;
	background: #f2f2f2;
	border-radius: 0;
	height: 135px;
	padding: 15px;
	margin-bottom: 20px;
	width: 100%;
}

.single-input>input {
	background: #f2f2f2;
	border: none;
	height: 46px;
	padding-left: 15px;
	width: 100%;
}

.single-input>input:focus,
.single-input>textarea:focus {
	outline: auto;
	outline-color: #ff7a5f;
}

/*-----------------------------
    13. Testimonial Area CSS
------------------------------*/
.testimonial-bg {
	background-color: #eeeeee;
}

.testimonial-style-3 {
	border-bottom: 1px solid #e5e5e5;
}

.single-testimonial-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70%;
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 775px;
}

.single-testimonial-area .testimonial-image {
	vertical-align: top;
	border-radius: 100%;
	float: left;
	width: 104px;
	height: 104px;
	border: 2px solid #ff7a5f;
	margin-top: 13px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 104px;
	flex: 0 0 104px;
}

.single-testimonial-area .testimonial-image img {
	width: auto;
	border-radius: 100%;
}

.single-testimonial-area .testimonial-content {
	overflow: hidden;
	text-align: left;
	padding-left: 98px;
	position: relative;
}

.single-testimonial-area .testimonial-content:before {
	content: "“";
	font-size: 100px;
	color: #363636;
	position: absolute;
	left: 10px;
	top: -4px;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}

.testimonial-content>p.author-desc {
	margin: auto;
	line-height: 28px;
	padding: 15px 0;
	color: #343434;
	font-size: 14px;
}

.testimonial-content>p.testimonial-author {
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
	margin: 7px 0 0 0;
}

/*-----------------------------
    14. Footer Area CSS
-------------------------------*/
/*-------------------------------
    14.1 Footer Top Area CSS
---------------------------------*/
.footer-bg {
	background: #eee;
}

.social-link ul {
	margin-top: 35px;
	margin-bottom: 10px;
}

.social-link ul li {
	display: inline-block;
	list-style: none;
	margin-right: 30px;
}

.social-link ul li:last-child {
	margin-right: 0;
}

.social-link ul li a {
	display: block;
	vertical-align: top;
	font-size: 20px;
	color: #999;
	text-align: center;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-link ul li a:hover {
	color: #ff7a5f;
}

.desc-footer p {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 10px;
}

.address-footer p {
	padding-left: 25px;
	font-size: 14px;
	position: relative;
}

.single-footer-wiedget .address-footer>p:before {
	font-family: "Ionicons";
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: -6px;
}

.single-footer-wiedget .address-footer>p.phone:before {
	content: "\f1fa";
}

.single-footer-wiedget .address-footer>p.mail:before {
	content: "\f186";
}

.footer-title h3 {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: 700;
}

.footer-title p {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}

.link-widget li {
	list-style: none;
	display: block;
}

.link-widget li a {
	color: #333;
	display: block;
	font-weight: 400;
	padding: 2px 0;
	line-height: 30px;
	font-size: 14px;
}

.link-widget li a:before {
	content: "\35";
	font-family: 'ElegantIcons';
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

.link-widget li a:hover {
	color: #ff7a5f;
}

.newsletter-form {
	position: relative;
	width: 100%;
	padding-right: 135px;
	margin-top: 10px;
}

.newsletter-form input {
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
	border: 0;
	line-height: 30px;
	height: 49px;
	color: #777;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	background: #fff;
}

.newsletter-form button {
	background: #ff7a5f;
	line-height: 49px;
	padding: 0 23px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	border: 0;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.newsletter-form button:hover {
	color: #333;
}

.payment h3 {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 15px;
	font-weight: 700;
}

.payment img {
	width: 100%;
}

/*Footer Color Style 4 CSS*/
.footer-bg-4 {
	background: #262626;
}

.footer-color-style-4 .social-link ul li a {
	color: #fff;
}

.footer-color-style-4 .social-link ul li a:hover {
	color: #ff7a5f;
}

.footer-color-style-4 .desc-footer p {
	color: #fff;
}

.footer-color-style-4 .address-footer p {
	color: #fff;
}

.footer-color-style-4 .footer-title h3 {
	color: #fff;
}

.footer-color-style-4 .link-widget li a {
	color: #fff;
}

.footer-color-style-4 .link-widget li a:hover {
	color: #ff7a5f;
}

.footer-color-style-4 .footer-title p {
	color: #fff;
}

.footer-color-style-4 .payment h3 {
	color: #fff;
}

/*---------------------------
    14.2 Footer Bottom Area CSS
----------------------------*/
.footer-copyright p {
	font-size: 14px;
	background: none;
	text-transform: capitalize;
	font-weight: 400;
	margin: 0;
}

.footer-copyright p a {
	color: #ff7a5f;
}

.footer-copyright p a:hover {
	text-decoration: underline;
}

.custom-link-footer {
	text-align: right;
}

.custom-link-footer ul li {
	display: inline-block;
	list-style: none;
	position: relative;
}

.custom-link-footer ul li a {
	display: block;
	vertical-align: top;
	margin-right: 25px;
	position: relative;
	font-size: 13px;
	line-height: 30px;
	color: #333;
}

.custom-link-footer ul li a:hover {
	color: #ff7a5f;
}

.custom-link-footer ul li a:after {
	content: "";
	width: 4px;
	height: 1px;
	background: #777;
	position: absolute;
	right: -16px;
	top: 50%;
}

.custom-link-footer ul li:last-child a {
	margin-right: 0;
}

.custom-link-footer ul li:last-child a:after {
	display: none;
}

/*----------------------------------------*/
/*   15. Modal Area CSS
/*----------------------------------------*/
.modal {
	display: block !important;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	z-index: -9999;
}

.modal.show {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.1s ease 0s;
	z-index: 1050;
}

#open-modal .modal-dialog {
	margin: 5% auto;
	min-height: 300px;
	padding: 20px;
	width: 1024px;
	max-width: 100%;
}

.modal-header {
	border: none;
	padding: 0;
}

.modal-header .close {
	padding: 0;
	background: transparent;
	border: 1px solid #222;
	border-radius: 3px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	display: block;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
	font-size: 16px;
	position: absolute;
	top: 40px;
	right: 30px;
	z-index: 999;
}

.modal-body {
	padding: 20px;
	position: relative;
}

.single-product-img {
	margin-bottom: 10px;
}

.single-slide-menu {
	margin-bottom: 40px;
}

.single-tab-menu {
	padding: 0 5px;
}

.single-slide-menu .owl-dots {
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99;
}

.single-slide-menu .owl-dot {
	height: 15px;
	width: 15px;
	border: 2px solid transparent;
	display: inline-block;
	margin: 0 5px;
	border-radius: 100%;
	background: #c3cbc8 !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.single-slide-menu .owl-dot.active,
.single-slide-menu .owl-dot:hover {
	border-color: #FF7A5F !important;
	background: #fff !important;
}

.modal-product-info>h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
}

.modal-product-price {
	color: #FF7A5F;
	font-size: 16px;
	font-weight: 700;
}

.modal-product-price>span.old-price {
	text-decoration: line-through;
}

.see-all {
	color: #222;
	display: inline-block;
	margin-bottom: 40px;
	text-decoration: underline;
	width: 100%;
}

.add-to-cart.quantity {
	border-bottom: 1px solid #ededed;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 38px;
	width: 100%;
}

.add-to-cart.quantity form {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.modal-quantity {
	border: 1px solid #ededed;
	float: left;
	height: 42px;
	margin-right: 15px;
	width: auto;
}

.modal-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	width: 50px;
}

.form-button {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #FF7A5F;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
	cursor: pointer;
}

.form-button:hover {
	background: #222;
	color: #fff;
}

.cart-description {
	border-bottom: 1px solid #ededed;
	color: #222;
	float: left;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 25px;
	padding: 0 0 15px;
	width: 100%;
}

.social-share>h3 {
	background: none;
	color: #222;
	float: left;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 15px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}

.socil-icon2>li {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}

.socil-icon2>li>a {
	font-size: 18px;
	color: #808080;
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #ebebeb;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.socil-icon2>li:nth-child(1)>a:hover {
	background: #3B579D;
	border-color: #3B579D;
	color: #fff;
}

.socil-icon2>li:nth-child(2)>a:hover {
	background: #3ACAFF;
	border-color: #3ACAFF;
	color: #fff;
}

.socil-icon2>li:nth-child(3)>a:hover {
	background: #CB2027;
	border-color: #CB2027;
	color: #fff;
}

.socil-icon2>li:nth-child(4)>a:hover {
	background: #D11717;
	border-color: #D11717;
	color: #fff;
}

.socil-icon2>li:nth-child(5)>a:hover {
	background: #0097BD;
	border-color: #0097BD;
	color: #fff;
}

/*---------------------------
   16. Breadcrumb Area CSS
-----------------------------*/
.breadcrumb-bg {
	background-image: url(img/bg/breadcrumb.jpg);
	padding: 80px 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.breadcrumb-menu {
	padding: 18px 0;
	padding-top: 0;
}

.breadcrumb-menu li {
	display: inline-block;
	color: #fff;
	font-size: 14px;
}

.breadcrumb-menu>li+li:before {
	content: "/";
	color: #fff;
	margin: 0 5px;
}

.breadcrumb-menu li a {
	color: #fff;
}

.breadcrumb-bg h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 20px;
}

/*-------------------------
    17. Shop Page CSS
---------------------------*/
.shop-sidebar {
	margin-bottom: 35px;
	overflow: hidden;
}

.shop-sidebar>h4 {
	border-bottom: 1px solid #ededed;
	color: #222;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.categori-checkbox ul li {
	list-style: none;
	display: block;
	line-height: 25px;
	margin: 5px 0;
}

.categori-checkbox ul li input {
	width: auto;
	height: auto;
	vertical-align: middle;
}

.categori-checkbox ul li a {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400;
	display: inline-block;
	color: #222;
}

.price-filter .ui-widget-content {
	background: #e8e8e8;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	height: 3px;
	margin: 0 0 25px;
	width: 100%;
}

.price-filter .ui-slider-range {
	background: #363636;
	border-radius: 0;
}

.price-filter .ui-slider-handle {
	background: #363636;
	border: none;
	content: '';
	display: block;
	cursor: w-resize;
	height: 22px;
	line-height: 18px;
	margin: 0;
	text-align: center;
	top: 50%;
	width: 5px;
	outline: none;
	border-radius: 0;
	box-shadow: 0px 0px 6.65px .35px rgba(0, 0, 0, 0.15);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.price-filter .ui-slider-handle:last-child {
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}

.price-filter .ui-slider-handle:before {
	display: none;
}

.price-slider-amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.label-input label {
	color: #555;
	font-size: 14px;
	margin: 0;
	text-transform: capitalize;
}

.label-input input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #555;
	font-size: 14px;
	height: inherit;
	padding-left: 5px;
	width: 90px;
}

.price-slider-amount>button,
.compare-btn {
	background: #999;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: normal;
	border: none;
	cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
	text-transform: capitalize;
}

.price-slider-amount>button:hover,
.compare-btn:hover {
	background: #ff7a5f;
	color: #fff;
}

.compare-btn {
	float: right;
}

.clear-btn {
	float: left;
	height: 35px;
	line-height: 35px;
	display: inline-block;
}

.rc-product>ul>li {
	line-height: normal;
	display: block;
	overflow: hidden;
	padding: 5px 0;
	margin-bottom: 20px;
}

.rc-product>ul>li:last-child {
	margin-bottom: 0px;
}

.rc-product-thumb {
	float: left;
	width: 30%;
}

.rc-product-content {
	float: left;
	padding: 5px 0;
	padding-left: 20px;
	width: 70%;
}

.rc-product-content>h6 {
	color: #222;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}

.rc-product-review {
	display: inline-block;
	font-size: 10px;
}

.rc-product-price {
	display: inline-block;
	color: #222;
}

.rc-product-price {
	display: inline-block;
	color: #222;
	margin-left: 25px;
}

.compare-products-list>ul {
	margin-bottom: 20px;
}

.compare-products-list>ul>li {
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
}

.remove-compare {
	float: right;
	display: inline-block;
	padding-right: 10px;
}

.remove-compare {
	float: right;
	display: inline-block;
}

.product-tag-style ul>li {
	display: inline-block;
	margin: 0 5px 8px 0;
	list-style: none;
}

.product-tag-style ul>li>a {
	border: 1px solid #222;
	color: #252525;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	padding: 4px 16px;
	color: #222;
	background: #fff;
	text-align: center;
	text-transform: capitalize;
}

.product-tag-style ul>li>a:hover {
	background: #ff7a5f;
	color: #fff;
	border-color: #ff7a5f;
}

/*Shop Product Css*/
.shop-topbar-wrapper {
	border-bottom: 1px solid #ededed;
	color: #222;
	margin-bottom: 40px;
	padding-bottom: 10px;
	width: 100%;
}

.grid-list-option>ul>li>a {
	width: 35px;
	height: 35px;
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 35px;
	margin-right: 5px;
}

.grid-list-option>ul>li>a {
	border: none;
	color: #222;
	height: 36px;
	line-height: 36px;
	margin-right: 1px;
	width: 36px;
}

.grid-list-option>ul>li>a.active,
.grid-list-option>ul>li>a:hover {
	background-color: #222;
	color: #fff;
}

.toolbar-shorter {
	width: 280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 35px;
}

.toolbar-shorter label {
	width: 130px;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 14px;
	padding: 5px 15px;
	color: #222;
	text-transform: capitalize;
}

.nice-select {
	height: 36px;
	line-height: 36px;
	border-radius: 0;
}

.nice-select .option.selected {
	color: #222 !important;
}

.nice-select .option {
	line-height: 36px;
	min-height: 36px;
}

.nice-select .option {
	color: #222;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	color: #fff;
	background: #ff7a5f;
}

.show-product {
	margin: 0;
	line-height: 36px;
	font-size: 14px;
	color: #222;
	vertical-align: middle;
}

/*product pagination*/
.product-pagination {
	border-top: 1px solid #e5e5e5;
}

.product-pagination>ul {
	text-align: right;
	padding-top: 30px;
	margin-bottom: 40px;
}

.product-pagination>ul>li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
}

.product-pagination>ul>li:last-child {
	margin-right: 0px;
}

.product-pagination>ul>li>a {
	background: #fff;
	border: 1px solid #ededed;
	color: #222;
	font-size: 15px;
	display: block;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	min-width: 0;
	padding: 0 8px;
	text-align: center;
	width: 42px;
}

.product-pagination>ul>li>a>i {
	font-size: 20px;
}

.product-pagination>ul>li.active>a,
.product-pagination>ul>li>a:hover {
	background: #333;
	border-color: #333;
	color: #fff;
}

/*--------------------------------
    18. Single Product Page CSS
--------------------------------*/
.single-product-area .slider-lg-image-1 .lg-image>a {
	width: 100%;
}

.single-product-area .slider-lg-image-1 .lg-image .easyzoom {
	display: block;
}

.single-product-area .slider-lg-image-1 .lg-image img {
	width: 100%;
}

.single-product-area .slider-lg-image-1 .lg-image {
	position: relative;
}

.single-product-area .slider-thumbs-1 {
	margin-top: 10px;
	padding: 0 30px;
}

.product-details-thumbs .sm-image {
	cursor: pointer;
}

.single-product-area .slider-thumbs-1 .sm-image {
	margin-right: 15px;
}

.product-details-thumbs .slick-arrow,
.product-details-thumbs-2 .slick-arrow {
	font-size: 34px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	z-index: 5;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}

.product-details-thumbs .slick-arrow.slick-next,
.product-details-thumbs-2 .slick-arrow.slick-next {
	left: auto;
	right: 10px;
}

.product-details-thumbs-2 .slick-arrow {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.product-details-thumbs-2 .slick-arrow.slick-next {
	bottom: 0;
	top: auto;
	left: auto;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.product-large-thumb {
	position: relative;
	overflow: hidden;
}

a.popup-img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px !important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #373737;
	color: #fff;
	border-radius: 4px;
	z-index: 999;
}

.product-large-thumb a.popup-img:hover {
	background-color: #FF7A5F;
	color: #fff;
}

.easyzoom-flyout img {
	width: auto !important;
	max-width: none !important;
}

.product-details-content {
	position: relative;
}

.product-nav {
	position: absolute;
	top: 0;
	right: 0;
}

.product-nav>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d1d1d1;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #d1d1d1;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.product-nav>a:hover {
	background: #FF7A5F;
	border-color: #FF7A5F;
	color: #fff;
}

.product-details-content>h2 {
	color: #222;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px;
}

.single-product-reviews {
	color: #202020;
	font-size: 15px;
	margin-bottom: 30px;
}

.review-link {
	font-size: 14px;
	color: #222;
	margin-left: 10px;
	line-height: 30px;
	display: inline-block;
}

.review-link:hover {
	color: #FF7A5F;
}

.single-product-price {
	color: #222;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}

.single-product-price .price.new-price {
	color: #ff7a5f;
}

.single-product-price .regular-price {
	text-decoration: line-through;
}

.product-description>p {
	font-size: 14px;
	line-height: 25px;
	color: #222;
	margin-bottom: 30px;
}

.product-btn {
	background: #222;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	height: 55px;
	letter-spacing: 0;
	line-height: 55px;
	margin: 0;
	padding: 0 40px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.product-btn:hover {
	background: #FF7A5F;
	color: #fff;
}

.wishlist-compare-btn {
	margin-bottom: 40px;
}

.wishlist-compare-btn a {
	background: none;
	border: 1px solid #ededed;
	color: #222;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 43px;
	text-align: center;
	width: 170px;
	border-radius: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}

.wishlist-compare-btn a.wishlist-btn {
	margin-right: 20px;
}

.wishlist-compare-btn a.add-compare {
	border-radius: 5px;
}

.wishlist-compare-btn a.wishlist-btn:before {
	content: '\f08a';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: top;
}

.wishlist-compare-btn a:hover {
	background: #FF7A5F;
	border-color: #FF7A5F;
	color: #fff;
}

.wishlist-compare-btn a:hover:before {
	-webkit-animation: crFlipX 2s ease-in-out infinite both;
	animation: crFlipX 2s ease-in-out infinite both;
}

.product-meta {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	padding: 15px 0;
	width: 100%;
}

.product-meta .posted-in {
	color: #222;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase;
}

.product-meta .posted-in>a {
	color: #222555;
	font-weight: 400;
	text-transform: none;
}

.product-meta .posted-in>a:hover {
	color: #FF7A5F;
}

.single-product-sharing {
	margin-bottom: 0;
	padding: 15px 0;
	width: 100%;
}

.single-product-sharing>h3 {
	color: #222;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase;
}

.single-product-sharing ul {
	display: inline-block;
	margin-bottom: 10px;
}

.single-product-sharing ul>li {
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative;
}

.dec-and-review-menu>li:last-child:before {
	display: none;
}

.single-product-sharing ul>li>a {
	color: #363636;
	display: block;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

.single-product-sharing ul>li>a:hover {
	color: #FF7A5F;
}

.dec-and-review-menu {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dec-and-review-menu>li {
	list-style: none;
	position: relative;
	z-index: 9;
	display: inline-block;
}

.dec-and-review-menu>li>a {
	font-size: 14px;
	color: #222;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 25px;
	display: block;
	padding: 5px 20px;
	border-bottom: 2px solid transparent;
}

.dec-and-review-menu>li>a.active,
.dec-and-review-menu>li>a:hover {
	color: #FF7A5F;
	border-color: #FF7A5F;
}

.product-review-content-tab {
	border: 1px solid #e5e5e5;
	box-shadow: none;
	float: left;
	font-size: 14px;
	line-height: 26px;
	margin: 0;
	padding: 35px 22px;
	width: 100%;
}

.single-product-description>h2 {
	font-size: 18px;
	color: #444;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.single-product-description>p {
	font-size: 14px;
	line-height: 28px;
	color: #222;
}

.review-page-comment h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.review-page-comment>ul {
	margin: 0 0 25px;
}

.review-page-comment>ul>li {
	margin: 0 0 20px;
	position: relative;
	list-style: none;
}

.product-comment img {
	width: 60px;
	float: left;
}

.product-comment-content {
	border: 1px solid #ededed;
	border-radius: 3px;
	margin-left: 80px;
	position: relative;
	padding: 15px 15px 0;
}

.product-comment-content:before {
	background: #fff;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	content: '';
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}

.meta>strong {
	font-size: 17px;
	text-transform: uppercase;
	line-height: 31px;
	color: #777;
}

.meta>span {
	font-size: 17px;
	color: #777;
	font-weight: 400;
	line-height: 31px;
}

.description>p {
	font-size: 16px;
	color: #222;
	line-height: 28px;
}

.comment-notes {
	margin: 0;
}

.rating i.fa:not(:last-child) {
	color: #F9BA48;
}

.comment-form-comment {
	margin-bottom: 10px;
}

.comment-form-comment textarea {
	border: 1px solid #ededed;
	border-radius: 0;
	height: 125px;
	padding: 10px;
	width: 100%;
	background: #f5f5f5;
}

.review-comment-form-author,
.review-comment-form-email {
	margin-bottom: 10px;
}

.review-comment-form-author input,
.review-comment-form-email input {
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	max-width: 100%;
	width: 300px;
	display: block;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
	outline: auto;
	outline-color: #FF7A5F;
}

.form-button {
	border: none !important;
	height: 42px !important;
	line-height: 40px !important;
	background: #FF7A5F;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	letter-spacing: .1em;
	line-height: 38px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	vertical-align: middle;
	border-radius: 5px;
	cursor: pointer;
}

.form-button:hover {
	background: #222;
	color: #fff;
}

/*Single Product variable css*/
.product-variants {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.product-variants>.product-variants-item {
	margin: 20px 0;
	display: block;
}

.product-variants>.product-variants-item:last-child {
	margin-left: 30px;
}

.product-variants-item span.control-label {
	margin-bottom: 6px;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	text-transform: capitalize;
}

.product-variants>.product-variants-item select {
	border: 1px solid #ebebeb;
	height: 40px;
	width: 60px;
	background: #fff;
}

.product-variants>.product-variants-item select {
	border: 1px solid #ebebeb;
	height: 40px;
	width: 60px;
	background: #fff;
}

.procuct-color>li {
	display: inline-block;
	list-style: none;
	margin-left: 5px;
}

.procuct-color>li>a>span.color {
	background: #ffa07a;
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.procuct-color>li:nth-child(2)>a>span.color {
	background: #00EEB3;
}

.procuct-color>li.active>a>span.color,
.procuct-color>li>a:hover>span.color {
	outline: 1px solid #D6B98C;
	outline-offset: 1px;
}

/*single product group css*/
.group-cart-table .table td {
	text-align: center;
	vertical-align: middle;
}

.group-cart-table .quantity-field label {
	margin-right: 5px;
}

.group-cart-table .quantity-field input {
	width: 50px;
	text-align: center;
	border: 1px solid #ddd;
	height: 45px;
}

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 {
	padding: 40px 0px;
}

.product-details-images-2 {
	float: right;
	width: calc(100% - 110px);
	padding-left: 10px;
}

.product-details-thumbs-2 {
	float: left;
	width: 110px;
}

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 {
	float: left;
	width: calc(100% - 110px);
	padding-right: 10px;
}

.product-details-thumbs-2.tabstyle-3 {
	float: right;
	width: 110px;
}

/*Single Product gallery Style CSS*/
.lg-image.col-50 {
	float: left;
	width: 50%;
	padding: 5px;
}

.lg-image.col-50 a.popup-img {
	bottom: 5px;
	right: 5px;
}

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky {
	margin-bottom: 20px;
}

.lg-image.sidebar-sticky:last-child {
	margin-bottom: 0;
}

/*Single Product slider box Style CSS*/
.slider-box {
	margin-bottom: 50px;
}

.slider-box .owl-nav button {
	position: absolute;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 40px !important;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.slider-box .owl-nav .owl-next {
	left: auto;
	right: -30px;
}

.slider-box-content .product-description p {
	max-width: 80%;
	margin: auto;
	margin-bottom: 15px;
}

.slider-box-content .product-quantity {
	float: none;
	display: inline-block;
}

.slider-box-content .add-to-link {
	display: inline-block;
}

/*-------------------------
     19. Wishlist Page CSS 
---------------------------*/
.table-content table {
	background: #fff none repeat scroll 0 0;
	border-color: #ebebeb;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.table-content table th,
.table-content table td {
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.table-content table th {
	border-top: medium none;
	font-size: 15px;
	text-transform: capitalize;
	padding: 20px 10px;
	text-align: center;
	font-weight: 500;
	vertical-align: middle;
	white-space: nowrap;
}

.table-content table td {
	border-top: medium none;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 13px;
}

.table-content table td.indecor-product-remove {
	font-size: 20px;
}

.table-content table td.indecor-product-name {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}

.table-content table td.indecor-product-price {
	font-size: 16px;
	font-weight: 700;
}

.table-content table td.indecor-product-stock-status span.in-stock,
.table-content table td.indecor-product-stock-status span.out-stock {
	font-size: 12px;
	text-transform: capitalize;
	color: #30b878;
}

.table-content table td.indecor-product-stock-status span.out-stock {
	color: #EB3E32;
}

.table-content table td.indecor-product-add-cart a {
	font-size: 14px;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	padding: 10px 20px;
	font-weight: 700;
	display: inline-block;
}

.table-content table td.indecor-product-add-cart a:hover {
	background: #ff7a5f;
	color: #fff;
}

/*-------------------------
     20. Cart Page CSS 
---------------------------*/
.indecor-product-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #ededed;
	height: 40px;
	width: 55px;
}

.table-content table td.product-subtotal {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #414141;
}

.table-content table td .cart-plus-minus {
	float: none;
	margin: 0 auto;
}

.coupon-all {
	margin-top: 50px;
}

.coupon {
	float: left;
}

.coupon input {
	background-color: transparent;
	border: 1px solid #ddd;
	color: #333;
	font-size: 13px;
	border-radius: 0;
	height: 42px;
	width: 120px;
}

.coupon-all input.button {
	background-color: #333;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	padding: 0 25px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: inherit;
}

.coupon-all input.button:hover {
	background: #ff7a5f;
}

.coupon2 {
	float: right;
}

.cart-page-total {
	padding-top: 50px;
}

.cart-page-total>h2 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.cart-page-total>ul {
	border: 1px solid #ddd;
}

.cart-page-total>ul>li {
	list-style: none;
	font-size: 15px;
	color: #252525;
	padding: 10px 30px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

.cart-page-total ul>li>span {
	float: right;
}

.cart-page-total li:last-child {
	border-bottom: 0;
}

.cart-page-total>a {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.cart-page-total>a:hover {
	background: #ff7a5f;
	border-color: #ff7a5f;
}

/*-------------------------
     21. Checkout Page CSS 
---------------------------*/
.coupon-accordion h3 {
	background-color: #f7f6f7;
	border-top: 3px solid #1e85be;
	color: #515151;
	font-size: 14px;
	font-weight: 400;
	list-style: outside none none !important;
	margin: 0 0 2em !important;
	padding: 1em 2em 1em 3.5em !important;
	position: relative;
	width: auto;
}

.coupon-accordion h3:before {
	color: #1e85be;
	content: "\f133";
	font-family: "fontawesome";
	display: inline-block;
	left: 1.5em;
	position: absolute;
	top: 1em;
}

.coupon-accordion span {
	cursor: pointer;
	color: #6f6f6f;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.coupon-accordion span:hover {
	color: #ff7a5f;
}

.coupon-content {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	display: none;
	padding: 20px;
}

.coupon-info p {
	margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
	display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
	color: red;
	font-weight: 700;
	font-size: 14px;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
	border: 1px solid #e5e5e5;
	height: 36px;
	margin: 0 0 14px;
	border-radius: 0;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 370px;
	background-color: transparent;
}

.coupon-info p.form-row input[type="submit"] {
	background: #252525 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	width: inherit;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
	background: #ff7a5f;
}

.form-row>label {
	margin-top: 7px;
}

.coupon-info p.form-row input[type="checkbox"] {
	height: inherit;
	position: relative;
	top: 2px;
	width: inherit;
}

p.lost-password {
	margin-top: 15px;
}

p.lost-password a {
	color: #6f6f6f;
}

p.lost-password a:hover {
	color: #ff7a5f;
}

.coupon-checkout-content {
	margin-bottom: 30px;
	display: none;
}

p.checkout-coupon input[type="text"] {
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 0;
	height: 36px;
	padding-left: 10px;
	width: 170px;
}

p.checkout-coupon input[type="submit"] {
	background: #333 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #fff;
	height: 36px;
	cursor: pointer;
	margin-left: 6px;
	padding: 5px 10px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: inherit;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
	background: #ff7a5f;
}

.checkbox-form h3 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.delivery-method-select,
.checkout-form-list {
	margin-bottom: 30px;
}

.delivery-method-select label,
.checkout-form-list label {
	color: #333;
	margin: 0 0 5px;
	display: block;
}

.delivery-method-select label span.required,
.checkout-form-list label span.required {
	color: red;
	font-size: 24px;
	display: inline-block;
	line-height: 16px;
	position: relative;
	top: 5px;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	height: 42px;
	width: 100%;
	padding: 0 0 0 10px;
}

.checkout-form-list input[type="checkbox"] {
	display: inline-block;
	height: inherit;
	margin-right: 10px;
	position: relative;
	top: 2px;
	width: inherit;
}

.create-acc label {
	color: #333;
	display: inline-block;
}

.ship-different-title h3 label {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	color: #363636;
}

.ship-different-title input {
	height: inherit;
	line-height: normal;
	margin: 4px 0 0;
	position: relative;
	top: 1px;
	width: auto;
}

.order-notes textarea {
	background-color: transparent;
	border: 1px solid #ddd;
	height: 90px;
	padding: 15px;
	width: 100%;
}

.create-account,
#ship-box-info {
	display: none;
}

.your-order {
	background: #f2f2f2 none repeat scroll 0 0;
	padding: 30px 40px 45px;
}

.your-order h3 {
	border-bottom: 1px solid #d8d8d8;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.your-order-table table {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	width: 100%;
}

thead {
	background-color: #f6f6f6;
}

.your-order-table table th {
	border-top: medium none;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}

.your-order-table table th,
.your-order-table table td {
	border-bottom: 1px solid #d8d8d8;
	border-right: medium none;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	padding: 15px 0;
	text-align: center;
}

.your-order-table table tr.cart_item:hover {
	background: #F9F9F9;
}

.your-order-table table .order-total td {
	border-bottom: medium none;
}

.your-order-table table tr.order-total td span {
	color: #464646;
	font-size: 20px;
}

.your-order-table table .order-total th {
	border-bottom: medium none;
	font-size: 18px;
}

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

.payment-accordion .card {
	border: 0;
	border-radius: 0;
	background: #f2f2f2;
}

.payment-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f2f2f2;
	border-bottom: 0;
}

.payment-accordion .card-body {
	padding: 0;
}

.payment-accordion .panel.panel-default {
	margin-bottom: 20px;
}

.payment-accordion h5.panel-title {
	color: #444;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer;
}

.payment-accordion h5.panel-title>a:hover {
	color: #ff7a5f !important;
}

.payment-accordion .card-body>p {
	color: #515151;
}

.order-button-payment input {
	background: #434343 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	height: 50px;
	margin: 20px 0 0;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	border: 1px solid transparent;
	cursor: pointer;
}

.order-button-payment input:hover {
	background: #ff7a5f;
}

/*----------------------------------------*/
/*  22. Login Register Page CSS
/*----------------------------------------*/
.form-login-title>h2,
.form-register-title>h2 {
	font-size: 30px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 1.35;
	color: #444;
}

.login-form,
.register-form.config-2 {
	padding: 20px;
	border: 1px solid #d3ced2;
	margin: 30px 0;
	text-align: left;
	border-radius: 5px;
}

.form-fild,
.login-submit,
.lost-password,
.register-submit {
	margin-bottom: 10px;
}

.form-fild>p {
	margin: 0;
}

.form-fild>p span.required,
.lost-password>a {
	color: #a43d21;
}

.form-fild>p span.required,
.lost-password>a:hover {
	color: #FF7A5F;
}

.form-fild>input {
	border: none;
	background: #f5f5f5;
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 10px;
}

input.checkbox {
	width: 0;
	height: 0;
	margin: 0;
	display: inline-block;
}

.customer-login-register.register-pt-0 {
	padding-top: 0;
}

.login-submit>label {
	margin-left: 10px;
}

/*----------------------------------------*/
/*     23. My Account Page CSS
/*----------------------------------------*/
.dashboard-upper-info {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin-bottom: 60px;
}

.dashboard-content .tab-pane:not(.active) {
	display: none;
}

.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
	border-right: 1px solid #ebebeb;
	padding: 30px 20px;
}

.user-name {
	position: relative;
}

.user-name:before {
	color: #222;
	content: "\f05d";
	font-family: FontAwesome;
	font-size: 18px;
	left: -20px;
	position: absolute;
	top: 0;
}

.account-dashboard p {
	font-size: 14px;
	margin: 0;
}

.dashboard-upper-info a.view-cart,
.view {
	color: #fff;
	font-size: 14px;
	padding: 5px 12px;
	background: #ff7a5f;
	text-transform: capitalize;
}

.dashboard-upper-info a.view-cart:hover,
.view:hover {
	background: #222;
	color: #fff;
}

.view-cart {
	display: inline-block;
	font-size: 14px;
	padding-left: 5px;
	text-transform: capitalize;
}

.view-cart>i {
	margin-right: 5px;
}

.user-name span {
	color: #303030;
	font-size: 15px;
	font-weight: 600;
}

.dashboard-list li a {
	border-bottom: 1px solid #ebebeb;
	color: #343434;
	display: block;
	font-size: 14px;
	padding: 12px 0;
	text-transform: capitalize;
}

.dashboard-list li a.active,
.dashboard-list li a:hover,
.view-cart:hover,
.dashboard-upper-info a:hover {
	color: #ff7a5f;
}

.dashboard-list li a.active:after {
	content: "\f105";
	font-family: FontAwesome;
	margin-left: 5px;
	-webkit-transition: 0.10s;
	transition: 0.10s;
}

.dashboard-content {
	border: 1px solid #ebebeb;
	padding: 30px;
}

.dashboard-content h3 {
	text-transform: capitalize;
}

.dashboard-content h3 {
	border-bottom: 1px solid #ebebeb;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 25px;
	padding-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;
}

.dashboard-content .table-responsive .table>tbody>tr>td,
.dashboard-content .table-responsive .table>tbody>tr>th,
.dashboard-content .table-responsive .table>tfoot>tr>td,
.dashboard-content .table-responsive .table>tfoot>tr>th,
.dashboard-content .table-responsive .table>thead>tr>td,
.dashboard-content .table-responsive .table>thead>tr>th {
	border: none;
}

.dashboard-content .table-responsive>.table>thead {
	border-bottom: 1px solid #ebebeb;
}

.dashboard-content .table-responsive .table>thead>tr>th {
	font-size: 14px;
	font-weight: 600;
}

.dashboard-content .table-responsive .table>tbody>tr>td {
	color: #484646;
	font-size: 14px;
}

#dashboard a {
	color: #222;
	text-transform: capitalize;
}

#dashboard a:hover {
	color: #ff7a5f;
}

.billing-address {
	font-size: 16px;
	font-weight: 700;
	margin-top: 25px;
}

#address .view {
	display: inline-block;
	margin: 5px 0;
	font-size: 14px;
}

.register-form {
	padding: 40px;
}

.account-login-form {
	background: white none repeat scroll 0 0;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px;
}

.login-form-container {
	padding: 40px 60px;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
	background: #fff;
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, .125);
	padding-bottom: 20px;
}

.input-radio .custom-radio input {
	width: auto;
	height: 11px;
}

.account-login-form input {
	background: #ebebeb;
	border: 0;
	height: 35px;
	margin-bottom: 20px;
	color: #7d7d7d;
	padding: 8px 15px;
}

.example {
	display: block;
	color: #878787;
	font-size: 14px;
	margin-bottom: 20px;
}

.custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.login-form-container input[type="checkbox"] {
	margin: 0;
	position: relative;
	top: 3px;
	width: auto;
	height: 15px;
	margin-right: 10px;
}

.default-btn {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	border: 0;
	padding: 8px 20px;
	cursor: pointer;
	margin: 20px 0;
	text-align: ;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}

.default-btn:hover {
	background: #ff7a5f;
	color: #fff;
}

/*-------------------------
      24. FAQ Page CSS 
---------------------------*/
.faq-desc {
	margin-bottom: 50px;
}

.faq-desc h3 {
	color: #444;
	font-size: 18px;
	font-weight: 700;
}

.faq-desc p {
	color: #515151;
	margin: 0;
	font-size: 14px;
}

.faq-accordion .card.actives {
	border: 1px solid #ff7a5f;
}

.faq-accordion .card {
	border-radius: 0;
	margin-bottom: 10px;
}

.faq-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border: 0;
}

.faq-accordion .card-header a.collapsed:before,
.faq-accordion .card-header a:after {
	content: "\f067";
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	top: 15px;
}

.faq-accordion .card-header a:after {
	content: "\f068 ";
}

.faq-accordion .card-header a {
	display: block;
	padding: 15px 10px 15px 25px;
	cursor: pointer;
}

.faq-accordion .card-header a:hover {
	color: #ff7a5f !important;
}

/*---------------------------------------
    25. Compare Page CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
	border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
	text-align: center;
	border: none;
	padding: 25px 30px;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
	border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
	min-width: 180px;
	font-size: 18px;
	font-weight: 600;
	color: #202020;
	margin: 0;
	line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
	min-width: 310px;
	vertical-align: bottom;
	padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
	max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
	float: left;
	clear: both;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-transform: capitalize;
	letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .category:hover {
	color: #ff7a5f;
}

.compare-table .table tbody tr td.product-image-title .title {
	float: left;
	clear: both;
	font-size: 16px;
	font-weight: 600;
	color: #444444;
	line-height: 20px;
	margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
	color: #ff7a5f;
}

.compare-table .table tbody tr td.pro-desc p {
	text-align: left;
	margin: 0;
}

.compare-table .table tbody tr td.pro-price {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
}

.compare-table .table tbody tr td.pro-color {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
}

.compare-table .table tbody tr td.pro-stock {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
	position: relative;
	background-color: #ff7a5f;
	color: #fff;
	border-radius: 50px;
	display: inline-block;
	width: 170px;
	padding: 10px 25px 10px 25px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
	background-color: #222;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 26px;
	overflow: hidden;
	display: block;
	text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
	padding-left: 25px;
	padding-right: 56px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
	left: calc(100% - 41px);
}

.compare-table .table tbody tr td.pro-remove button {
	border: none;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.compare-table .table tbody tr td.pro-remove button:hover {
	color: #ff7a5f;
}

.compare-table .table tbody tr td.pro-remove button i {
	font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
	color: #444444;
	font-size: 14px;
}

/*-------------------------
     26. About Page CSS 
---------------------------*/
.about-us-content h2 {
	font-size: 36px;
	font-weight: 700;
	text-transform: capitalize;
	color: #252525;
	margin-bottom: 20px;
}

.about-us-image {
	overflow: hidden;
}

.about-us-image.img-full img {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.about-us-img-wrapper:hover .about-us-image.img-full img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.team-title {
	text-align: center;
}

.about-title {
	font-size: 36px;
	font-weight: 700;
	text-transform: capitalize;
	text-align: center;
	color: #252525;
	margin-bottom: 30px;
}

.single-team {
	position: relative;
}

.team-image {
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.team-content {
	bottom: 0;
	padding: 30px;
	position: absolute;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	text-align: center;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 4;
}

.team-hover-info {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	padding: 30px 0;
	right: 30px;
	z-index: 2;
}

.team-hover-info h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 14px;
	text-transform: capitalize;
}

.team-hover-info .team-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.team-social>li {
	list-style: none;
	padding: 0 17px;
}

.team-social>li>a>i {
	border: 0 solid transparent;
	border-radius: 100%;
	color: #fff;
	font-size: 14px;
	height: auto;
	line-height: 20px;
	width: auto;
}

.team-social>li>a:hover>i {
	color: #ff7a5f;
}

.single-team:hover .team-image img {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.single-team:hover .team-content {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

/*-------------------------
     27. Contact Page CSS 
---------------------------*/
.store-information {
	color: #333;
	margin-bottom: 30px;
	overflow: hidden;
}

.store-title>h4 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #414141;
	margin-bottom: 30px;
}

.single-communication {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
}

.single-communication:last-child {
	border-bottom: 0;
}

.communication-icon {
	margin-right: 20px;
	margin-left: 5px;
}

.communication-icon i {
	font-size: 32px;
}

.page-content {
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
	padding: 20px;
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

.contact-form {
	padding: 15px;
	box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
	background: #fff;
	width: 100%;
	color: #878787;
}

.contact-form-title>h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
	color: #414141;
}

.contact-form-style>input {
	background-color: #f7f7f7;
	border: none;
	font-weight: 400;
	font-size: 12px;
	color: #7d7d7d;
	padding: 0 15px;
	height: 50px;
}

.contact-form-style>textarea {
	background-color: #f7f7f7;
	border: medium none;
	color: #7d7d7d;
	font-size: 12px;
	font-weight: 500;
	height: 190px;
	padding: 20px 15px;
}

.form-messege.success {
	color: #1dbc51;
	font-weight: 700;
}

.form-messege.error {
	color: #ff1313;
}

/*-------------------------
     28. 404 Page CSS 
---------------------------*/
.error-text>h1 {
	font-size: 200px;
	color: #ff7a5f;
	font-weight: 900;
	letter-spacing: 10px;
	line-height: 220px;
	margin-bottom: 30px;
}

.error-text>h2 {
	font-size: 35px;
	line-height: 47px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #555;
}

.error-text>p {
	font-size: 22px;
	font-weight: 300;
	line-height: 25px;
	margin: 20px auto 30px;
	color: #555;
	max-width: 700px;
}

.search-error form {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 500px;
}

.search-error input {
	background: none;
	border: 1px solid #e9e9e9;
	color: #333333;
	float: left;
	font-size: 14px;
	height: 50px;
	padding: 0 40px 0 15px;
	width: 100%;
	line-height: 50px;
}

.search-error button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4f4f4f;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 50px;
}

.search-error button:hover {
	color: #ff7a5f;
}

.error-button a {
	background: #ff7a5f none repeat scroll 0 0;
	border-radius: 35px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 30px;
	padding: 0 30px;
	text-transform: uppercase;
}

.error-button a:hover {
	background: #333;
}

.cart-notification {
	color: #fff;
	/* Text color */
	padding: 10px 20px;
	/* Padding around the text */
	border-radius: 5px;
	/* Rounded corners */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	/* Shadow for depth */
	transition: opacity 0.3s ease;
	/* Smooth transition */
	opacity: 0;
	/* Hidden by default */
	max-width: 300px;
	/* Optional: max width */
	text-align: center;
	/* Center text */
}

.cart-notification.visible {
	opacity: 1;
	/* Fully visible when active */
}

.cart-total {
	background-color: #ffffff;
	padding: 18px;
	margin-top: 20px;
}

.cart-summary-item {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	margin-bottom: 10px;
}

.cart-label {
	font-weight: 500;
	color: #333;
	margin: 0;
}

.cart-value {
	color: #333;
	font-weight: 500;
	margin: 0;
}

.cart-summary-item.total {
	font-size: 1.1em;
	margin-top: 18px;
}

.cart-summary-item.total .cart-value {
	font-weight: 600;
}

.cart-summary-item.total .cart-label {
	font-weight: 600;
}

.custom-product-img {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.custom-product-img img {
	max-width: 80%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.custom-product-content {
	text-align: left;
	margin-left: 10%;
	width: 80%;
}

.header-cart {
	width: 400px;
	height: auto;
	max-height: 70vh;
	overflow-y: auto;
	padding: 10px 20px;
}

.cart-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.cart-items li {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.cart-item-name {
	flex: 1;
	padding-right: 10px;
}

.cart-item-price {
	white-space: nowrap;
}

.quantity-selector {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80px;
	margin: 0;
}

.quantity-btn {
	background-color: transparent;
	color: #343434;
	border: 1px solid #ccc;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	padding: 0;
}

.quantity-btn:hover {
	background-color: #ff7a5f;
	color: #fff;
}

.quantity-display {
	width: 30px;
	text-align: center;
	border: none;
	font-size: 14px;
	background-color: transparent;
	color: #343434;
	margin: 0 5px;
}

.quantity-display:focus {
	outline: none;
}

.cart-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-name {
	font-size: 14px;
	font-weight: bold;
	color: #343434;
	margin-bottom: 5px;
}

.product-price {
	color: #ff7a5f;
	font-weight: 600;
	margin-top: auto;
	font-size: 16px;
}

.cart-item-remove a {
	font-size: 18px;
	color: #ccc;
	transition: color 0.3s ease;
}

.cart-item-remove a:hover {
	color: #ff7a5f;
}

/* Product Image Styles */
.product-img img {
	max-width: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.product-img {
	width: 100%;
	height: 250px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Single Product Area Margin */
.single-product-area {
	margin-bottom: 30px;
}

/* Testimonial Slider Styles */
.testimonial-slider .owl-nav {
	display: none !important;
}

.breadcrumb-hidden {
	padding: 80px 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

/* Custom style for 100x100 product images in the cart */
.table .indecor-product-thumbnail img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.summary-footer {
	padding: 20px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	text-align: right;
	font-size: 18px;
	line-height: 1.5;
}

.summary-footer h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}

.summary-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.summary-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.summary-label {
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

.summary-value {
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

.checkout-button {
	display: block;
	margin-top: 20px;
	text-align: center;
	padding: 10px 20px;
	background-color: #333;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.3s ease;
}

.checkout-button:hover {
	background-color: #ff7a5f;
}

/* Styl dla pola wyszukiwania */
.sidebar-search-input {
	position: relative;
	/* Aby kontener wyników był pozycjonowany względem pola wyszukiwania */
	z-index: 1001;
	/* Ustaw wyższy indeks dla pola wyszukiwania, aby było zawsze na wierzchu */
}

.search-results {
	background-color: rgba(0, 0, 0, 0.4);
	/* Półprzezroczyste tło */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 400px;
	overflow-x: auto;
	/* Umożliwia przewijanie w poziomie */
	overflow-y: hidden;
	/* Wyłącza przewijanie w pionie */
	white-space: nowrap;
	/* Zapobiega zawijaniu się elementów w kontenerze */
	border-radius: 8px;
	padding: 20px;
	z-index: 1000;
	/* Ustaw wysokie z-index, aby kontener wyników nie przysłaniał innych elementów */
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: flex-start;
	/* Wyrównanie elementów do góry kontenera */
}

.search-result-item {
	flex: 0 0 auto;
	/* Umożliwia wyrównanie elementów w jednej linii */
	width: 150px;
	/* Stała szerokość dla każdego wyniku */
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px;
	border-radius: 8px;
	text-align: center;
	overflow: hidden;
	/* Ukrywa wszystko, co wykracza poza kontener */
	position: relative;
	/* Aby obsłużyć pozycjonowanie absolutne wewnętrznych elementów, takich jak ikona koszyka */
}

.search-result-item .product-img {
	position: relative;
	/* Umożliwia pozycjonowanie absolutne ikony koszyka */
}

.search-result-item .add-to-cart-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* Centrowanie ikony w pionie i poziomie */
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	display: none;
	/* Ukryj ikonę początkowo */
	transition: background-color 0.3s ease, transform 0.3s ease;
	/* Animacja zmiany koloru tła i powiększenia przy najechaniu */
}

.search-result-item:hover .add-to-cart-icon {
	display: block;
	/* Pokaż ikonę przy najechaniu myszą */
}

.search-result-item .add-to-cart-icon i {
	font-size: 16px;
	/* Ustal rozmiar ikony */
}

.search-result-item .product-img img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.search-result-item .product-info h4 {
	font-size: 14px;
	margin: 5px 0;
	color: #333;
	white-space: normal;
	/* Pozwala na zawijanie tekstu */
	overflow: hidden;
	/* Ukrywa wszystko, co wykracza poza kontener */
	text-overflow: ellipsis;
	/* Dodaje wielokropek, jeśli tekst jest zbyt długi */
}

.search-result-item .product-info p {
	font-size: 12px;
	color: #666;
	margin: 0;
	white-space: nowrap;
	/* Zapobiega zawijaniu się tekstu */
	overflow: hidden;
	/* Ukrywa tekst wykraczający poza kontener */
	text-overflow: ellipsis;
	/* Dodaje wielokropek, jeśli tekst jest zbyt długi */
}

body {
	overflow-x: hidden;
	/* Prevent horizontal scrolling */
}

.cart-tooltip {
	position: absolute;
	background-color: #333;
	color: white;
	padding: 10px;
	border-radius: 5px;
	z-index: 1000;
	/* Ensure tooltip is on top */
	opacity: 0;
	transition: opacity 0.3s ease;
	max-width: calc(100% - 20px);
	/* Ensure tooltip does not exceed viewport width */
}

.cart-tooltip.visible {
	opacity: 1;
}

.delivery-information-area {
	padding-bottom: 50px;
}

.delivery-method {
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
}

.delivery-method h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.delivery-method ul {
	list-style: none;
	padding: 0;
}

.delivery-method ul li {
	margin: 5px 0;
}

.price {
	font-weight: bold;
	color: #d9534f;
	/* Example color for prices */
}

.icon-truck,
.icon-box,
.icon-location-pin {
	font-size: 20px;
	color: #333;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.delivery-method {
		text-align: center;
	}

	.delivery-method ul {
		padding-left: 0;
	}

	.price {
		display: block;
		margin-top: 5px;
	}
}

/* Dodaj tę klasę, aby zablokować przewijanie strony */
.body-no-scroll {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.sidebar-search-input {
	position: absolute;
	/* Absolutne pozycjonowanie względem rodzica */
	top: 15%;
	/* Ustawienie 1/4 w dół kontenera */
	left: 50%;
	/* Wyśrodkowanie w poziomie */
	transform: translateX(-50%);
	/* Przesunięcie w poziomie, aby wyrównać środek elementu */
	margin: 0;
	/* Usuń marginesy, jeśli istnieją */
	padding: 0;
	/* Usuń padding, jeśli nie jest potrzebny */
	width: auto;
	/* Dostosuj szerokość według potrzeb */
	height: auto;
	/* Dostosuj wysokość według potrzeb */
}

.about-us-area .about-us-img-wrapper {
	display: flex;
	align-items: center;
	/* Vertically centers the image */
	justify-content: center;
	/* Centers the image horizontally */
}

.about-us-area .about-us-image {
	margin-bottom: 0;
	/* Removes any bottom margin that might be pushing the image down */
	padding-top: 20px;
	/* Optional: Adds some padding to the top to adjust vertical spacing */
}

.about-us-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* Vertically centers content to align with image */
	height: 100%;
	/* Ensures content takes full height of its container */
}

@media (max-width: 768px) {
	.about-us-area .about-us-img-wrapper {
		justify-content: flex-start;
		/* Aligns the image to the top on smaller screens */
	}

	.about-us-content {
		align-items: flex-start;
		/* Aligns the content to the top on smaller screens */
	}
}

.delivery-logo {
	width: 50px;
	/* Set the width you prefer */
	height: auto;
	/* Maintain aspect ratio */
	margin-right: 10px;
	/* Space between the image and text */
	vertical-align: middle;
	/* Align image with text */
}

.error {
	border-color: red;
}

.error-message {
	color: red;
	font-size: 0.875em;
	margin-top: 5px;
}

/* General button styles */
.order-button-payment-submit,
.order-button-payment input[type="submit"] {
	background-color: #4a4a4a;
	/* Initial dark gray background */
	border: none;
	color: #fff;
	/* White text */
	padding: 15px 30px;
	/* Same padding */
	text-align: center;
	/* Center text */
	text-transform: uppercase;
	/* Uppercase text */
	font-size: 16px;
	/* Font size */
	font-family: 'Montserrat', sans-serif;
	/* Font family matching the style */
	font-weight: 700;
	/* Make text bold */
	cursor: pointer;
	/* Pointer cursor on hover */
	width: 100%;
	/* Full width to match the layout */
	border-radius: 0;
	/* Square corners */
	transition: background-color 0.3s ease;
	/* Smooth transition for hover effect */
}

/* Hover effect to turn background orange */
.order-button-payment-submit:hover,
.order-button-payment input[type="submit"]:hover {
	background-color: #ff7a5f;
	/* Orange background on hover */
}

@keyframes bounceIn {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}

	50% {
		transform: scale(1.1);
		opacity: 0.7;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Soft and aesthetically pleasing close button */
.zoom-close-btn {
	background: none;
	border: none;
	font-size: 1.8rem;
	position: absolute;
	top: 10px;
	right: 15px;
	color: #000;
	opacity: 0.6;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.zoom-close-btn:hover {
	opacity: 1;
	cursor: pointer;
	transform: scale(1.1);
}

.disabled {
	pointer-events: none;
	opacity: 0.5;
}

/* Modal Background Overlay */
.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.7);
	/* Subtle overlay */
}

/* Center the Modal */
.modal-dialog {
	max-width: 600px;
	/* Adjust width based on content */
	margin: 30px auto;
}

.modal-content {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
	/* Soft shadow for focus */
	padding: 20px;
}

/* Close Button Style */
.modal-header .close {
	font-size: 24px;
	color: #ff7a5f;
	/* Matching with brand color */
}

.modal-header {
	border-bottom: none;
	/* Clean look */
}

/* Image Styling */
#zoomed-image {
	width: 100%;
	/* Full width of modal */
	border-radius: 8px;
	/* Rounded corners */
	object-fit: cover;
	/* Ensures the image covers the container nicely */
}

/* Product Description Styling */
#zoomed-description {
	font-size: 16px;
	margin-top: 15px;
	color: #343434;
	/* Softer font color */
	text-align: center;
	line-height: 1.5;
	/* Spacing for readability */
}

/* Remove Scrollbar if Not Needed */
.modal-body {
	overflow: hidden;
}

.sidebar-search-input form .form-search button:hover {
	color: #ff7a5f;
}

.main-search-active.inside {
	right: 0;
	z-index: 9999;
}

/* Main Search CSS */
/* Header Style 4 CSS */
.header-style-4 {
	padding-bottom: 60px;
}

.header-bg-4 {
	background-color: #262626;
}

.header-style-4 .main-menu>li>a,
.header-style-5 .main-menu>li>a {
	color: #fff;
}

.header-style-4 .main-menu>li>a:hover,
.header-style-5 .main-menu>li>a:hover {
	color: #FF7A5F;
}

.header-style-4 .header-search-cart-area>ul>li>a,
.header-style-5 .header-search-cart-area>ul>li>a {
	color: #fff;
}

.header-style-4 .header-search-cart-area>ul>li>a:hover,
.header-style-5 .header-search-cart-area>ul>li>a:hover {
	color: #ff7a5f;
}

.header-style-4 .header-search-cart-area ul>li>a .mini-cart-total,
.header-style-5 .header-search-cart-area ul>li>a .mini-cart-total {
	color: #fff;
}

/* Header Style 6 CSS */
.default-header-area.header-style-6 .main-menu>li:first-child>a {
	padding-left: 0;
}

.default-header-area.header-sticky.header-style-6.is-sticky {
	padding-right: 60px;
	padding-left: 60px;
}

#scrollUp {
	background: #333;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	bottom: 25px;
	right: 25px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#scrollUp:hover {
	background: #FF7A5F;
}

/* Importowanie cienkiej czcionki z Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300&display=swap');

/* -----------------------------
    1. Slider Area CSS
------------------------------*/

/* Slider Animation CSS */
.hero-slider-content>*,
.hero-slider-content-2>*,
.hero-slider-content-3>*,
.hero-slider-content-4>*,
.hero-slider-content-5>*,
.hero-slider-content-3-light>*,
.hero-slider-content-2-light>*,
.hero-slider-content-4-light>*,
.hero-slider-content-5-light>* {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeOut;
}

/* Active Slider Content Animations */
.active .hero-slider-content>h1,
.active .hero-slider-content-2>h1,
.active .hero-slider-content-3>h1,
.active .hero-slider-content-4>h1,
.active .hero-slider-content-5>h1,
.active .hero-slider-content-3-light>h1,
.active .hero-slider-content-2-light>h1,
.active .hero-slider-content-4-light>h1,
.active .hero-slider-content-5-light>h1 {
	animation: zoomIn 800ms ease-in-out 0s normal forwards;
}

.active .hero-slider-content>h2,
.active .hero-slider-content-2>h2,
.active .hero-slider-content-3>h2,
.active .hero-slider-content-4>h2,
.active .hero-slider-content-5>h2,
.active .hero-slider-content-3-light>h2,
.active .hero-slider-content-2-light>h2,
.active .hero-slider-content-4-light>h2,
.active .hero-slider-content-5-light>h2 {
	animation: bounceIn 1100ms ease-in-out 0s normal forwards;
}

.active .hero-slider-content>.slider-btn,
.active .hero-slider-content-2>.slider-btn,
.active .hero-slider-content-3>.slider-btn,
.active .hero-slider-content-4>.slider-btn,
.active .hero-slider-content-5>.slider-btn,
.active .hero-slider-content-3-light>.slider-btn,
.active .hero-slider-content-2-light>.slider-btn,
.active .hero-slider-content-4-light>.slider-btn,
.active .hero-slider-content-5-light>.slider-btn {
	animation: slideInUp 1200ms ease-in-out 0s normal forwards;
}

/* Slider Animations */
@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes zoomIn {
	from {
		transform: scale(0.5);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transform: translateY(0);
	}

	30% {
		transform: translateY(-30px);
	}

	50% {
		transform: translateY(-15px);
	}

	70% {
		transform: translateY(-4px);
	}

	90% {
		transform: translateY(-2px);
	}
}

@keyframes slideInUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* Stylizacja pojedynczego slajdera */
.single-slider {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 700px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

/* Kontenery treści slidera */
.hero-slider-content,
.hero-slider-content-light,
.hero-slider-content-3,
.hero-slider-content-3-light {
	max-width: 590px;
}

.hero-slider-content,
.hero-slider-content-light {
	margin-right: 270px;
}

.hero-slider-content-3,
.hero-slider-content-3-light {
	margin-left: 105px;
}

/* -----------------------------
    2. Style dla h1 i h2 z dodanym tłem
------------------------------*/

/* Estetyczna, delikatna obwódka dla h1 */
.hero-slider-content>h1,
.hero-slider-content-3>h1,
.hero-slider-content-3-light>h1 {
	font-size: 28px;
	/* Lekko zwiększony rozmiar, aby dodać elegancji */
	margin-bottom: 20px;
	color: #FFFFFF;
	/* Biały kolor tekstu */
	font-weight: 400;
	/* Trochę grubszy, ale wciąż elegancki */
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	/* Subtelniejszy, bardziej widoczny cień */
	letter-spacing: 0.5px;
	/* Delikatne rozciągnięcie liter dla lepszej czytelności */

	/* Zmodyfikowane właściwości */
	background-color: rgba(0, 0, 0, 0.5);
	/* Czarny, półprzezroczysty kolor tła (jaśniejszy) */
	padding: 10px 15px;
	/* Wewnętrzny margines dla przestrzeni wokół tekstu */
	border-radius: 8px;
	/* Zaokrąglenie rogów dla bardziej łagodnego wyglądu */
}

/* Estetyczna, delikatna obwódka dla h2 */
.hero-slider-content>h2,
.hero-slider-content-3>h2,
.hero-slider-content-3-light>h2 {
	font-size: 65px;
	/* Zwiększony rozmiar dla bardziej wyrazistego efektu */
	font-weight: 200;
	/* Subtelniejsza grubość niż h1 */
	text-transform: uppercase;
	color: #FFFFFF;
	/* Biały kolor tekstu */
	line-height: 1.1;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	text-shadow:
		2px 2px 6px rgba(0, 0, 0, 0.5),
		-2px -2px 6px rgba(0, 0, 0, 0.5);
	/* Bardzo delikatny, rozmyty cień */
	letter-spacing: 1px;
	/* Rozciągnięte litery dla lepszego efektu wizualnego */

	/* Zmodyfikowane właściwości */
	background-color: rgba(0, 0, 0, 0.5);
	/* Czarny, półprzezroczysty kolor tła (jaśniejszy) */
	padding: 8px 12px;
	/* Wewnętrzny margines dla przestrzeni wokół tekstu */
	border-radius: 8px;
	/* Zaokrąglenie rogów dla bardziej łagodnego wyglądu */
}

/* Wspólne style dla h2 */
.hero-slider-content>h2,
.hero-slider-content-3>h2,
.hero-slider-content-3-light>h2 {
	font-size: 65px;
	font-weight: 200;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.1;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	text-shadow:
		2px 2px 6px rgba(0, 0, 0, 0.5),
		-2px -2px 6px rgba(0, 0, 0, 0.5);

	/* Zmodyfikowane właściwości */
	background-color: rgba(0, 0, 0, 0.5);
	padding: 8px 12px;
	border-radius: 8px;
}

/* Specyficzne style dla h2 w light */
.hero-slider-content-3-light>h2 {
	color: #FFFFFF;
	/* Biały kolor tekstu */
	text-transform: none;
	text-shadow:
		2px 2px 6px rgba(0, 0, 0, 0.5),
		-2px -2px 6px rgba(0, 0, 0, 0.5);

	/* Zmodyfikowane właściwości */
	background-color: rgba(0, 0, 0, 0.5);
	padding: 8px 12px;
	border-radius: 8px;
}

/* -----------------------------
    3. Style dla przycisków
------------------------------*/

/* Wspólne style dla przycisków */
.hero-slider-content .slider-btn a,
.hero-slider-content-2 .slider-btn a,
.hero-slider-content-3 .slider-btn a,
.hero-slider-content-4 .slider-btn a,
.hero-slider-content-5 .slider-btn a,
.hero-slider-content-3-light .slider-btn a,
.hero-slider-content-2-light .slider-btn a,
.hero-slider-content-4-light .slider-btn a,
.hero-slider-content-5-light .slider-btn a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 60px;
	padding: 0 55px;
	background: #ff7a5f;
	/* Estetyczny kolor tła */
	color: #fff;
	display: inline-block;
	margin-top: 25px;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
	border: none;
	border-radius: 4px;
	/* Zaokrąglenie przycisków */
}

/* Hover dla przycisków */
.hero-slider-content .slider-btn a:hover,
.hero-slider-content-2 .slider-btn a:hover,
.hero-slider-content-3 .slider-btn a:hover,
.hero-slider-content-4 .slider-btn a:hover,
.hero-slider-content-5 .slider-btn a:hover,
.hero-slider-content-3-light .slider-btn a:hover,
.hero-slider-content-2-light .slider-btn a:hover,
.hero-slider-content-4-light .slider-btn a:hover,
.hero-slider-content-5-light .slider-btn a:hover {
	background: #fff;
	color: #ff7a5f;
}

/* -----------------------------
    4. Nawigacja Slidera
------------------------------*/

/* Stylizacja nawigacji */
.hero-slider .owl-nav>button,
.deal-produt-slider .owl-nav>button {
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #fff !important;
	text-align: center;
	border-radius: 50%;
	font-size: 28px !important;
	color: #363636 !important;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.deal-produt-slider .owl-nav>button {
	border: 2px solid #cacaca !important;
	color: #523e3e !important;
}

.hero-slider:hover .owl-nav>button,
.deal-produt-slider:hover .owl-nav>button {
	opacity: 1;
	visibility: visible;
}

.hero-slider .owl-nav>button:hover {
	color: #ff7a5f !important;
}

.deal-produt-slider .owl-nav>button:hover {
	background: #ff7a5f !important;
	border-color: #ff7a5f !important;
	color: #fff !important;
}

.hero-slider .owl-nav>.owl-next,
.deal-produt-slider .owl-nav>.owl-next {
	left: auto;
	right: 30px;
}

/* Stylizacja kropek nawigacji */
.hero-slider .owl-dots {
	position: absolute;
	bottom: 4%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 9;
}

.hero-slider .owl-dot {
	display: inline-block;
	vertical-align: top;
	height: 14px;
	margin: 5px;
	width: 14px;
	z-index: 9;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2) !important;
	transition: all 0.3s ease-in-out;
}

.hero-slider .owl-dot:hover,
.hero-slider .owl-dot.active {
	background: #fff !important;
}

/* -----------------------------
    5. Responsywność
------------------------------*/

/* Dla ekranów mniejszych niż 768px */
@media only screen and (max-width: 768px) {

	.hero-slider-content>h1,
	.hero-slider-content-3>h1,
	.hero-slider-content-3-light>h1 {
		font-size: 20px;
	}

	.hero-slider-content>h2,
	.hero-slider-content-3>h2,
	.hero-slider-content-3-light>h2 {
		font-size: 50px;
	}

	/* Dostosowanie przycisków */
	.hero-slider-content-3-light .slider-btn a {
		padding: 0 30px;
		font-size: 12px;
	}
}

/* Dla ekranów mniejszych niż 480px */
@media only screen and (max-width: 480px) {
	.hero-slider-content-3-light h1 {
		font-size: 14px;
		/* Dalsze zmniejszenie rozmiaru czcionki dla bardzo małych ekranów */
	}

	.hero-slider-content-3-light h2 {
		font-size: 20px;
		/* Dalsze zmniejszenie rozmiaru czcionki */
	}

	.hero-slider-content-3-light .slider-btn a {
		padding: 0 20px;
		font-size: 10px;
	}
}

/* -----------------------------
    6. Pop-up Styling
------------------------------*/

/* Popup container */
.status-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	width: 300px;
	text-align: center;
}

.status-popup.show {
	opacity: 1;
	visibility: visible;
}

/* Popup animation */
.animated-popup {
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate(-50%, -60%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

/* Popup content */
.status-popup h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

.status-popup p {
	font-size: 16px;
	color: #555;
}

/* Overlay for Popups */
.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.popup-overlay.show {
	display: flex;
}

/* Popup Content */
.popup-content {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	width: 90%;
	max-width: 500px;
	text-align: center;
}

/* Unavailable Product Popup */
.unavailable-product {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.unavailable-product-image {
	width: 50px;
	height: 50px;
	object-fit: cover;
	margin-right: 10px;
}

.unavailable-product-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.unavailable-product-name {
	font-weight: bold;
}

.unavailable-product-price {
	color: #ff0000;
}

#closePopupButton {
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#closePopupButton:hover {
	background-color: #0056b3;
}

/* -----------------------------
    7. Kontener wyników wyszukiwania
------------------------------*/
#search-results-container {
	padding: 20px;
	background-color: #1e1e1e;
	/* Ciemne tło */
	border-radius: 8px;
	max-height: 80vh;
	overflow-y: auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* -----------------------------
    8. Siatka produktów
------------------------------*/
.products-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

/* -----------------------------
    9. Login i Checkbox Styles
------------------------------*/

/* Flexbox container for button and checkbox */
.login-submit {
	display: flex;
	align-items: flex-start;
	/* Aligns items at the top */
}

/* Styling for the checkbox and label */
.remember-me-checkbox {
	display: flex;
	align-items: center;
	margin-left: 10px;
	/* Adjust this to control the spacing between the button and checkbox */
}

.remember-me-checkbox input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	cursor: pointer;
}

.remember-me-checkbox label {
	font-size: 14px;
	color: #333;
}

.login-status {
	font-size: 14px;
	color: #555;
}

.login-status a {
	color: #007bff;
	/* Or any other color matching your design */
	text-decoration: none;
}

/* -----------------------------
    10. Error Messages
------------------------------*/
.error {
	border-color: red;
}

.error-message {
	color: red;
	font-size: 0.9em;
	margin-top: 5px;
	display: block;
}

/* ===========================
   Feature Area Icons
   ===========================
   Usunięcie starych ikon i zastąpienie ich nowymi ikonami FontAwesome.
================================= */

/* Usunięcie ikon */
.single-feature-area .feature-content h3::before,
.col-lg-4:nth-child(2) .single-feature-area .feature-content h3::before,
.col-lg-4:nth-child(3) .single-feature-area .feature-content h3::before {
	content: none;
	/* Usunięcie zawartości ikon */
}

/* Dodanie nowych ikon */
.single-feature-area .feature-content h3::before {
	content: "\f015";
	/* Ikona FontAwesome */
	font-family: 'FontAwesome';
	margin-right: 8px;
	/* Dodanie odstępu po ikonie */
}

.col-lg-4:nth-child(2) .single-feature-area .feature-content h3::before {
	content: "\f0f8";
	/* Ikona FontAwesome */
	font-family: 'FontAwesome';
	margin-right: 8px;
}

.col-lg-4:nth-child(3) .single-feature-area .feature-content h3::before {
	content: "\f004";
	/* Ikona FontAwesome */
	font-family: 'FontAwesome';
	margin-right: 8px;
}

.single-product-quantity {
	overflow: hidden;
	margin-bottom: 30px;
}

.single-product-quantity .product-quantity {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 0;
}

.single-product-quantity .product-quantity input {
	background: none;
	border: none;
	color: #222;
	font-size: 20px;
	font-weight: 300;
	/* Zmieniono na cieńszy font */
	height: 55px;
	line-height: 53px;
	padding: 0;
	width: 85px;
}

.product-quantity-info {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	/* Półprzezroczyste tło */
	color: white;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 14px;
	/* Zmniejszony rozmiar fontu dla delikatniejszego efektu */
	font-weight: 300;
	/* Lżejszy font */
	display: none;
	z-index: 10;
	display: flex;
	align-items: center;
	transition: opacity 0.3s ease;
	/* Dodany efekt płynnego znikania */
	opacity: 0;
}

.product-quantity-info i {
	margin-right: 5px;
}

.single-product-area:hover .product-quantity-info {
	display: flex;
	opacity: 1;
	/* Widoczne przy najechaniu */
}

.single-product-area {
	position: relative;
	transition: opacity 0.3s ease;
	/* Dodany efekt dla całego elementu */
}

.single-product-area:hover .product-quantity-info {
	opacity: 1;
	/* Widoczny element przy najechaniu */
}

.single-product-area:not(:hover) .product-quantity-info {
	opacity: 0;
	/* Zniknięcie po oddaleniu myszki */
}

.image-wrapper.dragging {
	opacity: 0.5;
}

/* Popup Styling */
.thank-you-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.9);
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.4s ease, transform 0.4s ease;
	width: 90%;
	max-width: 400px;
	padding: 20px;
}

.popup-content {
	text-align: center;
	font-family: 'Arial', sans-serif;
}

.popup-content h2 {
	margin: 0 0 10px;
	font-size: 24px;
	color: #FFA559;
}

.popup-content p {
	margin: 5px 0;
	font-size: 16px;
	color: #bfbfbf;
}

.thank-you-popup.show {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.thank-you-popup {
	transform: translate(-50%, -50%) scale(0.9);
}

.animated-popup {
	animation: popupFadeIn 0.4s ease;
}

@keyframes popupFadeIn {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* OK Button Styling */
#closeUnavailablePopupButton {
	margin-top: 20px;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	background-color: #FFA559;
	/* Soft orange color */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

#closeUnavailablePopupButton:hover {
	background-color: #e07d3b;
	/* Darker shade for hover */
}

#closeUnavailablePopupButton:active {
	transform: scale(0.95);
	/* Slightly shrink on click */
}

#closeEmptyCartPopupButton {
	margin-top: 20px;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	background-color: #FFA559;
	/* Soft orange color */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

#closeEmptyCartPopupButton:hover {
	background-color: #e07d3b;
	/* Darker shade for hover */
}

#closeEmptyCartPopupButton:active {
	transform: scale(0.95);
	/* Slightly shrink on click */
}

:root {
	--sec-xxl: 96px;
	--sec-xl: 72px;
	--sec-lg: 56px;
	--sec-md: 48px;
	--sec-sm: 32px;
	--sec-xs: 20px;
	--color-divider: rgba(0, 0, 0, 0.06);
}

/* Ogólne sekcje – spójny pionowy rytm */
.section-pad-lg {
	padding-top: var(--sec-xl);
	padding-bottom: var(--sec-xl);
}

.section-pad-md {
	padding-top: var(--sec-md);
	padding-bottom: var(--sec-md);
}

.section-pad-sm {
	padding-top: var(--sec-sm);
	padding-bottom: var(--sec-sm);
}

/* Separator między blokami */
.section-divider {
	border-top: 1px solid var(--color-divider);
}

/* Sticky header: bez modyfikacji HTML – dociśnij pierwszy blok po headerze */
@media (min-width: 992px) {
	.default-header-area.header-sticky+* {
		margin-top: 86px;
	}
}

/* Tytuły sekcji używane na stronie głównej */
.section-title2 h2 {
	margin: 0 0 var(--sec-sm);
	text-align: center;
	line-height: 1.25;
}

/* Menu kategorii – wyśrodkowanie i odstępy */
.product-tab-menu .nav {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.product-tab-menu .nav .nav-link {
	border-radius: 24px;
	padding: 8px 14px;
}

/* Produkty – wyśrodkowanie kafelków */
.tab-content .products-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Kafelek produktu – lekki cień i zaokrąglenia */
.single-product-area {
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Miniatury na mobile – niech nie „wyjeżdżają” w prawo */
@media (max-width: 767.98px) {
	.vertical-product-img .vertical-img {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* === ODSTĘPY DLA RÓŻNYCH TYPÓW PODSTRON === */

/* Index (zachowujemy ładny rytm) */
.feature-area {
	padding-top: var(--sec-lg);
	padding-bottom: var(--sec-sm);
}

.product-area {
	padding-top: var(--sec-sm);
	padding-bottom: var(--sec-lg);
}

.slider-area {
	padding-top: var(--sec-md);
	padding-bottom: var(--sec-md);
}

.testimonial-area {
	padding-top: var(--sec-lg);
	padding-bottom: var(--sec-lg);
}

.single-testimonial-area .testimonial-content {
	padding-top: 8px;
}

/* Contact – chlebek + treść kontaktowa */
.breadcrumb-area {
	padding-top: var(--sec-sm);
	padding-bottom: var(--sec-sm);
}

.breadcrumb-area .breadcrumb-bg h2 {
	margin: 0 0 var(--sec-sm);
	text-align: center;
	line-height: 1.25;
}

.contact-us-area {
	padding-top: var(--sec-md);
	padding-bottom: var(--sec-lg);
}

/* About – sekcja „O nas” */
.about-us-area {
	padding-top: var(--sec-lg);
	padding-bottom: var(--sec-lg);
}

.about-us-content h2 {
	margin: 0 0 var(--sec-sm);
	text-align: center;
	line-height: 1.25;
}

/* Stopka – spójny oddech + separator */
footer .footer-container {
	padding-top: var(--sec-md);
	padding-bottom: var(--sec-md);
	border-top: 1px solid var(--color-divider);
}

/* Boczna reklama (zostawiamy globalnie) */
#side-ad {
	position: fixed;
	top: 50%;
	right: -300px;
	transform: translateY(-50%);
	width: 300px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border-radius: 8px 0 0 8px;
	overflow: hidden;
	z-index: 1000;
	transition: right .5s ease-in-out;
}

#side-ad.active {
	right: 0;
}

#side-ad .ad-header {
	background: #4CAF50;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	position: relative;
}

#side-ad .ad-content {
	padding: 15px;
	text-align: center;
}

#side-ad .ad-content img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	margin-bottom: 10px;
}

#side-ad .ad-content p {
	font-size: 16px;
	margin-bottom: 15px;
}

#side-ad .ad-content a {
	display: inline-block;
	padding: 10px 20px;
	background: #4CAF50;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color .3s;
}

#side-ad .ad-content a:hover {
	background: #45a049;
}

#side-ad .close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	background: none;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

#open-ad-btn {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #4CAF50;
	color: #fff;
	padding: 10px;
	border-radius: 8px 0 0 8px;
	cursor: pointer;
	z-index: 999;
	transition: background-color .3s;
}

#open-ad-btn:hover {
	background: #45a049;
}

@keyframes slideIn {
	from {
		right: -300px;
	}

	to {
		right: 0;
	}
}

@keyframes slideOut {
	from {
		right: 0;
	}

	to {
		right: -300px;
	}
}

@media (max-width:768px) {
	#side-ad {
		width: 80%;
		right: -80%;
	}

	#side-ad.active {
		right: 0;
	}
}

/* === Pasek menu – lekko szare tło, miękki wygląd, bez linii === */
:root {
	--header-bg: #f7f8fa;
	/* jasnoszary – ciepły, neutralny */
	--header-text: #2c2c2c;
	/* kolor linków */
	--header-text-hover: #000000;
	/* hover linków */
}

/* --- Lazy thumbnails: aspect, skeleton, fade-in --- */
.vertical-product-img {
	position: relative;
	/* Rezerwujemy kwadrat – miniatury masz kadrowane (object-fit: cover) */
	aspect-ratio: 1 / 1;
	background-color: #f2f2f2;
	/* neutralny placeholder, można podmienić per-kategoria */
}

/* Stary Safari/IE fallback gdyby aspect-ratio nie było dostępne */
.vertical-product-img::before {
	content: "";
	float: left;
	padding-top: 100%;
}

.vertical-product-img::after {
	content: "";
	display: block;
	clear: both;
}

/* Szkielet z shimmerem */
.thumb-skeleton {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, #eee 8%, #f5f5f5 18%, #eee 33%);
	background-size: 200% 100%;
	animation: thumbShimmer 1.2s infinite;
	border-radius: 6px;
}

@keyframes thumbShimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

/* Płynne pojawianie obrazu */
.vertical-product-img img {
	opacity: 0;
	transition: opacity .25s ease-out;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* już masz w inline, ale lepiej w CSS */
}

.vertical-product-img img.loaded {
	opacity: 1;
}

/* Thumbs: skeleton + płynne pojawianie */
.vertical-product-img {
	position: relative;
}

.thumb-skeleton {
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, #eee 8%, #f5f5f5 18%, #eee 33%);
	background-size: 200% 100%;
	animation: thumbShimmer 1.2s infinite;
	border-radius: 6px;
}

@keyframes thumbShimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.vertical-product-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .25s ease-out;
}

.vertical-product-img img.loaded {
	opacity: 1;
}